.js-appitem-pager-0 p{ width:50%; float:left; display:block;}
.js-appitem-pager-0{ min-height:210px}



.s-dots li button::before, .header, .btn-calc, .header-lang, .header-lang::before, .header-submenu, .subcate-link, .subcatep-link, .btn-menu>span, .m-menu, .markets-item, .markets-link, .ib-link>span, .ib-link>span svg, .dots-pager>span, .app-cate>span, .app-item__link>span, .app-item__link>span::after, .btn-more, .pager>a, .btn-slick, .btn-slick>img, .btn-slick>svg, .map-item::after, .map-detail, .policy-filter-item, .policy-filter-item::before, .btn-download, .office-item__intro, .detail-pager .btn-slick, .casedphpto-item::after, .casedphpto-item>span, .btn-contact, .cform-submit, .citem__title, .calc-header, .btn-calc-header, .calc-header-box, .calch-item, .calc-number span::after, .calc-btn-h, .calc-btn-v, .calcp-btn, .calcp-btn-contact, .cprodt-item::before, .search-item, .footer-menu a, .qr-wechat>img, .btn-msg, .btn-msg>span, .btn-msg::before, .btn-msg::after, .go-top, .footer-legal a::after, .fc-links>a {
-webkit-transition:all .3s;
transition:all .3s
}
.menu-link, .hr-link, .hlang-link, .subpro-item, .fs-close, .hs-submit, .app-item__link, .cfi-link, .news-item__title, .detail-backlist, .social-share>a, .prodapp-item__title, .search-item h4, .footer-follow>a, .footer-copyright a, .footer-legal a {
-webkit-transition:color .3s;
transition:color .3s
}
.blank-top {
-webkit-transition:height .3s;
transition:height .3s
}
.markets-item__txt, .markets-item__right, .ib-txt, .app-item__txt, .pb-intro, .product-item__txt, .case-item__num-txt, .prod-fitem__txt, .rpro-item__txt {
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:300;
src:local("Montserrat Light"), local("Montserrat-Light"), url("../fonts/montserrat/montserrat-v14-latin-300.woff2") format("woff2"), url("../fonts/montserrat/montserrat-v14-latin-300.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:400;
src:local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/montserrat-v14-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-regular.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:500;
src:local("Montserrat Medium"), local("Montserrat-Medium"), url("../fonts/montserrat-v14-latin-500.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-500.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:700;
src:local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/montserrat-v14-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-700.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:900;
src:local("Montserrat Black"), local("Montserrat-Black"), url("../fonts/montserrat-v14-latin-900.woff2") format("woff2"), url("../fonts/montserrat-v14-latin-900.woff") format("woff")
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height:1.25;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
main {
	display:block
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre, code, kbd, samp {
	font-family:monospace, monospace;
	font-size:1em
}
a {
	background-color:transparent;
	text-decoration:none
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
b, strong {
	font-weight:bolder
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-0.25em
}
sup {
	top:-0.5em
}

button, input, optgroup, select, textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding:0.35em 0.75em 0.625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
template {
	display:none
}
[hidden] {
display:none
}
ul {
	margin:0;
	padding:0
}
ul, li {
	list-style:none
}
p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}

[class*=' icon-'], [class^=icon-] {
font-family:"iconfont";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-style:normal;
font-variant:normal;
line-height:1;
speak:none;
text-transform:none
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none
}
.wow {
	visibility:hidden
}
.no-cssanimations .wow {
	visibility:visible
}
.mt-10 {
	margin-top:10px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-40 {
	margin-top:40px
}
.mt-50 {
	margin-top:50px
}
.mt-60 {
	margin-top:60px
}
.mt-70 {
	margin-top:70px
}
.mt-80 {
	margin-top:80px
}
.mt-90 {
	margin-top:90px
}
.mt-100 {
	margin-top:100px
}
.mt-110 {
	margin-top:110px
}
.mt-120 {
	margin-top:120px
}
.mt-140 {
	margin-top:140px
}
.mt-160 {
	margin-top:160px
}
.mt-200 {
	margin-top:200px
}
@media (max-width: 1024px) {
.mt-60 {
margin-top:30px
}
.mt-70 {
margin-top:35px
}
.mt-80 {
margin-top:40px
}
.mt-90 {
margin-top:45px
}
.mt-100 {
margin-top:50px
}
.mt-110 {
margin-top:55px
}
.mt-120 {
margin-top:60px
}
.mt-140 {
margin-top:70px
}
.mt-160 {
margin-top:80px
}
.mt-200 {
margin-top:100px
}
}
.pt-140 {
	padding-top:140px
}
@media (max-width: 1680px) {
.pt-140 {
padding-top:120px
}
}
@media (max-width: 1024px) {
.pt-140 {
padding-top:70px
}
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.d-inline-block {
	display:inline-block
}
.d-none {
	display:none
}
.d-block {
	display:block
}
.v-rl {
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl
}
.v-lr {
	writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr
}
.contact-map .BMapLabel {
	border:0
}
.contact-map .anchorBL {
	display:none
}
.list {
	font-size:0
}
.list>li {
	display:inline-block;
	vertical-align:top
}
.list-1>li {
	width:100%
}
.list-2>li {
	width:50%
}
.list-3>li {
	width:33.3333%
}
.list-4>li {
	width:25%
}
.list-5>li {
	width:20%
}
.img-box {
	position:relative
}
.img-box::before {
content:"";
display:block
}
.img-box>img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%
}
.img-box a>img {
  display: block !important;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%
}
.bg-cover {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.bg-contain {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain
}
.bg-gray {
	background-color:#A7A7A7
}
.bg-vi {
	background-color:#02132D
}
.wx-share {
	margin-top:-130px;
	margin-left:-120px;
	border-radius:3px;
	position:fixed;
	z-index:1000;
	top:50%;
	left:50%;
	padding:20px 10px;
	width:240px;
	height:280px;
	background-color:#fff;
	cursor:pointer;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1)
}
.wx-share img {
	display:block;
	width:100%
}
.wx-share p {
	font-size:12px;
	line-height:20px;
	text-align:center;
	font-weight:500;
	color:#000
}
.wx-share i {
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	width:2.5em;
	height:2.5em;
	line-height:2.5;
	text-align:center;
	color:#000
}
.echat .echat-icon-link {
	display:none
}
.echat-icon-img {
	display:none
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUpSmall {
	-webkit-animation-name:fadeInUpSmall;
	animation-name:fadeInUpSmall
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeftSmall {
	-webkit-animation-name:fadeInLeftSmall;
	animation-name:fadeInLeftSmall
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRightSmall {
	-webkit-animation-name:fadeInRightSmall;
	animation-name:fadeInRightSmall
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:800ms;
	animation-duration:800ms
}
.animated.faster {
	-webkit-animation-duration:500ms;
	animation-duration:500ms
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation:unset !important;
animation:unset !important;
-webkit-transition:none !important;
transition:none !important
}
}
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track::after, .slick-track::before {
display:table;
content:""
}
.slick-track::after {
clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0
}
.slick-slide a {
	outline:0
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.s-dots {
	position:absolute;
	bottom:30px;
	right:30px;
	left:auto;
	font-size:0;
	text-align:center
}
.s-dots li {
	margin:0 6px;
	display:inline-block;
	vertical-align:bottom
}
.s-dots li button {
	position:relative;
	display:inline-block;
	vertical-align:bottom;
	height:20px;
	padding:0;
	width:6px;
	border:0;
	font-size:0;
	background-color:transparent;
	outline:0;
	cursor:pointer
}
.s-dots li button::before {
content:"";
display:inline-block;
vertical-align:bottom;
width:6px;
height:6px;
background-color:#fff;
position:absolute;
bottom:0;
left:0
}

.s-dots li.slick-active button::before {
height:20px;
box-shadow:0 0 6px #006573;
background-color:#006573 !important
}
@media (max-width: 1024px) {
.s-dots {
bottom:20px;
right:16px
}
.s-dots li {
margin-right:4px;
margin-left:4px
}
.s-dots li button::before {
width:4px;
height:4px
}
.s-dots li.slick-active button::before {
height:12px;
box-shadow:0 0 4px #fff
}
}

.container {
	overflow:hidden
}
.blank-top {
	height:100px
}
.wrap {
	width:1600px;
	margin-right:auto;
	margin-left:auto
}
.comm-wrap {
	max-width:1200px;
	margin-right:auto;
	margin-left:auto
}
.header-inner {
	position:relative;
	font-size:0
}
.header-logo {
	display:inline-block;
	vertical-align:top
}
.header-logo>img {
	height:64px
}
.header-menu {
	display:inline-block;
	vertical-align:top;
		left:50%;
	transform:translate(-50%);
	position:absolute;
}
.menu-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:40px
}
.menu-item:last-child {
	margin-right:0px !important
}

.menu-link {
	display:block;
	position:relative;
	font:500 14px/64px "Montserrat";
	color:#0B0B0B;
	text-transform:uppercase
}
.menu-item .hover{ color:#006573
}
.menu-link::after{
content:"";
position:absolute;
top:100%;
right:0;
left:0;
height:28px;
}
.header-right {
	position:absolute;
	top:12px;
	right:0
}
.btn-calc {
	margin-left:30px;
	display:inline-block;
	vertical-align:top;
	font-size:0;
	width:150px;
	background-color:#006573;
	color:#fff;
	text-align:center;
	border-radius:20px
}
.btn-calc>span, .btn-calc>i {
	display:inline-block;
	vertical-align:top
}
.btn-calc>span {
	font:500 14px/40px "Montserrat";
	text-transform:capitalize
}
.btn-calc>i {
	font-size:20px;
	line-height:40px;
	margin-left:10px
}
.hr-link {
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	font:500 16px/40px "Montserrat";
	text-transform:capitalize;
	color:#0B0B0B
}
.hr-link a{
	color:#0B0B0B
}
.hr-link a:hover{
	color:#006573
}
.hr-link>i {
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	font-style:normal;
	font-size:18px;
	line-height:40px
}
.header-earth {
	position:relative;
	cursor:pointer
}
.header-earth:hover .header-lang {
	visibility:visible;
	opacity:1;
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}
.header-lang {
	position:absolute;
	top:100%;
	left:50%;
	width:100px;
	margin-left:-50px;
	visibility:hidden;
	opacity:0;
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);
	clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)
}
.header-lang::before {
content:"";
display:block;
height:30px
}
.hlang-link {
	display:block;
	background-color:#fff;
	font:400 14px/40px "Montserrat";
	text-align:center;
	color:#0B0B0B;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}
.hlang-link img{
	vertical-align:middle; line-height:30px !important
}
.hlang-link:first-of-type {
	position:relative
}
.hlang-link:first-of-type::before {
content:"";
position:absolute;
top:-3px;
right:0;
left:0;
height:3px;
background-color:#006573
}
.hlang-link:last-of-type {
	border-bottom:0
}
.header-search {
	position:relative;
	display:inline-block;
	vertical-align:top
}
.header-search::after {
content:"";
position:absolute;
top:100%;
right:-30px;
left:-30px;
height:30px
}
.btn-search {
	display:inline-block;
	vertical-align:top;
	border:0;
	padding:0;
	font-size:18px;
	line-height:40px;
	width:20px;
	cursor:pointer
}
.header-invent span {
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	width:20px;
	text-align:center;
	line-height:40px
}
.header-submenu {
	position:fixed;
	z-index:50;
	top:100px;
	right:0;
	left:0;
	    background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}
.submenu-item {
	display:none
}
.submenu-item.active {
	display:block
}
.subcate {
	font-size:0;
	text-align:center
}
.subcate-link {
	display:inline-block;
	vertical-align:top;
	margin:0 50px;
	font:500 18px/60px "Montserrat";
	color:#fff;
	opacity:.8
}
.subcate-link.current {
	opacity:1;
	color:#006573
}
.subcate-part {
	display:inline-block;
	vertical-align:top;
	margin:0 50px;
	text-align:left
}
.subcate-part .subcate-link {
	margin-right:0;
	margin-left:0
}
.subcate-part__menu {
	padding-bottom:20px;
	text-align:left
}
.subcatep-link {
	display:inline-block;
	vertical-align:top;
	font:500 14px/30px "Montserrat";
	color:#fff;
	opacity:.3
}
@media (min-width: 1025px) {
.subcate-part:hover .subcate-link {
opacity:1;
text-decoration:underline
}
.subcatep-link:hover {
opacity:1
}
}
.subpro {
	text-align:center;
	font-size:0;
	display:none;
	padding:20px 0 40px
}
.subpro.active {
	display:block
}
.subpro.no-pd {
	padding-top:0;
	padding-bottom:0
}
.subpro-item {
	display:inline-block;
	vertical-align:top;
	margin:0 30px;
	color:rgba(255, 255, 255, 0.6);
	max-width:120px
}
.subpro-item.current {
	color:#fff
}
.subpro-item__img {
	width:120px
}
.subpro-item__img::before {
padding-top:100%
}
.subpro-item__title, .subpro-item__model {
	font:500 14px/20px "Montserrat"
}
.subpro-item__title {
	margin-bottom:5px
}
.fixed-menu .header {
	padding-top:10px;
	padding-bottom:10px
}
.fixed-menu .blank-top {
	height:88px
}
.fixed-menu .header-submenu {
	top:80px
}
.fixed-menu .header-lang::before {
height:20px
}
.btn-menu {
	position:relative;
	width:30px;
	height:30px;
	right:-7px;
	display:none
}
.btn-menu>span {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform-origin:center center;
	transform-origin:center center
}
.btn-menu>span::before {
content:"";
position:absolute;
top:15px;
left:7px;
width:16px;
height:1px;
background-color:#0B0B0B
}
.btn-menu>span:nth-of-type(1)::before {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
.btn-menu>span:nth-of-type(2)::before {
-webkit-transform:translateY(3px);
transform:translateY(3px)
}
@media (min-width: 1025px) {
.hr-link:hover, .hlang-link:hover {
color:#006573
}
.menu-link:hover {
color:#006573
}
.subcate-link:hover {
opacity:1
}
.subpro-item:hover {
color:#fff
}
.btn-calc:hover {
box-shadow:0 0 6px #006573
}
}
.m-menu {
	display:none
}
@media (max-width: 1680px) {
.wrap {
width:auto;
margin-right:40px;
margin-left:40px
}
}
@media (max-width: 1560px) {
.menu-item {
margin-right:20px
}
.btn-calc {
width:30px;
margin-top:5px;
margin-left:20px
}
.btn-calc>span {
display:none
}
.btn-calc>i {
line-height:30px;
margin-left:0;
font-size:16px
}
.btn-calc>i::before {
content:"\e68a"
}
}
@media (max-width: 1440px) {
.subpro-item {
margin-right:20px;
margin-left:20px
}
.subpro-item__img {
width:100px
}
}
@media (max-width: 1380px) {
.menu-item {
margin-right:15px
}
.hr-link {
margin-left:20px
}
.header-subscribe {
font-size:0
}
.header-logo {
margin-top:7px
}
.header-logo>img {
height:30px
}
}
@media (max-width: 1200px) {
.header-invent span {
line-height:30px
}
.wrap {
margin-right:20px;
margin-left:20px
}
.header-menu {
display:none
}
.header-search, .header-subscribe {
display:none
}
.btn-calc {
margin-top:0;
margin-left:0;
margin-right:10px
}
.header-earth {
margin-right:20px;
line-height:30px
}
.header-earth>i {
display:inline-block;
vertical-align:top;
width:30px;
height:30px;
line-height:30px;
text-align:center;
background-color:#A7A7A7;
border-radius:50%;
color:#fff
}
.header-lang::before {
height:15px
}
.header {
padding-top:15px;
padding-bottom:15px
}
.fixed-menu .header {
padding-top:15px;
padding-bottom:15px
}
.fixed-menu .blank-top {
height:60px
}
.fixed-menu .header-lang::before {
height:15px
}
.blank-top {
height:60px
}
.header-logo {
margin-top:0
}
.header-logo>img {
height:30px
}
.header-right {
top:0
}
.btn-menu {
display:inline-block;
vertical-align:top
}
.m-menu {
display:block;
padding-top:40px;
position:fixed;
z-index:50;
top:60px;
right:0;
bottom:0;
left:0;
background-color:#fff;
visibility:hidden;
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
.m-menu-link {
display:block;
font:700 16px/3 "Montserrat";
color:#0B0B0B;
text-align:center
}
.m-submenu-link {
display:block;
font:500 14px/30px "Montserrat";
color:#A7A7A7;
text-align:center
}
.menu-open .btn-menu>span:nth-of-type(1) {
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.menu-open .btn-menu>span:nth-of-type(2) {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.menu-open .btn-menu>span::before {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.menu-open .m-menu {
visibility:visible;
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.layer-sub {
	position:relative;
	padding:30px 20px;
	width:480px;
	font-size:0;
	background-color:#fff
}
.subform-close {
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	line-height:30px;
	width:30px;
	text-align:center;
	color:#0B0B0B;
	cursor:pointer
}
.subform-title {
	font:500 14px/1.5 "Montserrat";
	color:#0B0B0B;
	padding-bottom:10px
}
.sub-input {
	display:inline-block;
	vertical-align:top;
	padding:0 15px;
	width:360px;
	font:500 16px/60px "Montserrat";
	color:#0B0B0B;
	background-color:#F1F5F8;
	outline:0;
	border:0;
	box-sizing:border-box
}
.sub-submit {
	display:inline-block;
	vertical-align:top;
	width:120px;
	height:60px;
	border:0;
	padding:0;
	outline:0;
	background-color:#006573;
	color:#fff;
	font-size:16px;
	font-weight:500;
	font-family:"Montserrat";
	cursor:pointer
}
.header-search-form {
	position:relative;
	padding:20px 0;
	font-size:0;
	text-align:center
}
.fs-close {
	position:absolute;
	top:50%;
	right:0;
	width:30px;
	height:30px;
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-top:-15px;
	cursor:pointer
}
.fs-close:hover {
	color:#006573
}
.hs-input {
	display:inline-block;
	vertical-align:top;
	width:400px;
	height:40px;
	font-size:16px;
	color:#fff;
	border:0;
	border-bottom:1px solid #fff;
	outline:0;
	background-color:transparent
}
.hs-submit {
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	width:40px;
	height:40px;
	border:0;
	padding:0;
	outline:0;
	background-color:transparent;
	color:#fff;
	cursor:pointer
}
.hs-submit:hover {
	color:#006573
}
.markets-menu {
	position:relative;
	height:calc(100vh - 100px)
}
.markets-menu.left .markets-item:nth-of-type(1)::before {
width:90%
}
.markets-menu.left .markets-item:nth-of-type(1) .markets-item__right {
opacity:1
}
.markets-menu.left .markets-item:nth-of-type(2) {
left:90%
}
.markets-menu.right .markets-item:nth-of-type(1) {
left:-90%
}
.markets-menu.right .markets-item:nth-of-type(1)::before {
width:100%
}
.markets-menu.right .markets-item:nth-of-type(2) {
left:10%
}
.markets-menu.right .markets-item:nth-of-type(2) .markets-item__right {
opacity:1
}
.markets-menu.right .markets-item:nth-of-type(2)::before {
width:90%
}
.fixed-menu .markets-menu {
	height:calc(100vh - 80px)
}
.markets-item {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	font-size:0
}
.markets-item::before {
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
width:50%;
mix-blend-mode:soft-light
}
.markets-item:nth-of-type(1)::before {
background-color:rgba(255, 0, 0, 0.5);
opacity:0.2
}
.markets-item:nth-of-type(2) {
z-index:3;
left:50%
}
.markets-item:nth-of-type(2)::before {
background-color:rgba(0, 73, 199, 0.5);
opacity:0.2
}
.markets-item__wrap {
	z-index:2;
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:1600px;
	margin-left:-800px
}
.markets-item__txt {
	position:absolute;
	top:50%;
	left:0;
	right:0
}
.markets-item__left, .markets-item__right {
	display:inline-block;
	vertical-align:top
}
.markets-item__left {
	width:45%
}
.markets-item__left::before {
content:"";
display:block;
width:3px;
height:30px;
background-color:#fff;
box-shadow:0 0 6px #fff
}
.markets-item__left h3 {
	margin-top:1em;
	padding-bottom:.25em;
	font-size:80px;
	line-height:1.375;
	font-family:"Montserrat";
	color:#fff;
	font-weight:700
}
.markets-item__right {
	position:absolute;
	top:50%;
	left:45%;
	opacity:0;
	width:40%
}
.list-markets-menu>li:last-of-type .markets-link {
	margin-bottom:0
}
.markets-link {
	margin-bottom:2.5em;
	display:inline-block;
	vertical-align:top;
	position:relative;
	padding-left:1.5em;
	font-size:24px;
	line-height:1.5;
	font-family:"Montserrat";
	color:rgba(255, 255, 255, 0.5)
}
.markets-link span {
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	line-height:2
}
@media (min-width: 1025px) {
.markets-link:hover {
padding-left:3em;
color:#fff
}
}
@media (max-width: 1920px) {
.markets-item__left h3 {
font-size:4.16667vw
}
.markets-link {
font-size:1.25vw
}
}
@media (max-width: 1680px) {
.markets-item__wrap {
width:auto;
right:40px;
left:40px;
margin-left:0
}
}
.index-banner {
	position:relative;
	height:calc(100vh - 100px);
	overflow:hidden
}
.ib-item {
	position:relative;
	height:calc(100vh - 100px);
	background-position:center center;
	background-size:cover
}
.ib-warp {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:1600px;
	margin-left:-800px
}
.ib-txt {
	position:absolute;
	top:50%;
	right:0;
	left:0
}
.ib-intro {
	padding-top:6px
}
.ib-intro p{
	margin-top:2em;
	height:4em;
	overflow:hidden;
	font:500 90px/2 "Montserrat";
	color:#fff;
	max-width:800px;
	font-size:1.2em;
	text-transform:capitalize
}
.ib-line {
	margin-left:6px;
	width:4px;
	height:20px;
    box-shadow: 0 0 6px #006573;
    background-color: #006573 !important;
}
.ib-title {
	margin-top:.7em;
	height: auto;
	overflow:hidden;
	font:600 90px/1.1 "Montserrat";
	color:#fff;
	max-width:800px;
	text-transform:capitalize
}
.ib-link {
	display:inline-block;
	vertical-align:top;
	margin-top:2.5em;
	font:700 16px/60px "Montserrat";
	letter-spacing:0.1em;
	color:#fff;
	text-transform:uppercase
}
.ib-link>span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:60px;
	height:60px;
	margin-right:10px;
	font-size:20px;
	line-height:3;
	text-align:center;
	color:#fff
}
.ib-link>span svg {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.ib-pager {
	position:absolute;
	bottom:80px;
	left:0
}
.dots-pager>span {
	display:inline-block;
	vertical-align:bottom;
	margin-right:15px;
	width:6px;
	height:6px;
	background-color:#fff;
	cursor:pointer
}
.dots-pager>span.current {
	height:20px;
	box-shadow:0 0 6px #006573;
background-color:#006573 !important
}
.dots-pager>span:last-of-type {
	margin-right:0
}
@media (min-width: 1025px) {
.ib-link:hover>span {
opacity:.5
}
.ib-link:hover>span .point {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
}
@media (max-width: 1920px) {
.ib-title {
font-size:4.6875vw
}
}
@media (max-width: 1680px) {
.ib-warp {
left:40px;
width:auto;
right:40px;
margin-left:0
}
.ib-title {
font-size:60px
}
.ib-pager {
bottom:40px
}
}
@media (max-width: 1200px) {
.index-banner {
height:calc(100vh - 60px)
}
.ib-item {
height:calc(100vh - 60px)
}
}
@media (max-width: 1024px) {
.dots-pager>span {
width:4px;
height:4px
}
.dots-pager>span.current {
height:12px;
box-shadow:0 0 4px #fff
}
.ib-warp {
right:20px;
left:20px
}
.ib-title {
font-size:48px
}
.ib-link {
line-height:40px;
font-size:14px
}
.ib-link>span {
width:40px;
height:40px;
font-size:14px;
line-height:40px
}
.dots-pager>span {
margin-right:10px
}
}
@media (max-width: 750px) {
.ib-title {
font-size:32px
}
}
.index-classic {
	padding:90px 0 130px;
	/*background-color:#02132D*/
	background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.iclassic-wrap {
	position:relative
}
.iclassic-left {
	display:inline-block;
	vertical-align:top
}
.iclassic-left::before {
content:"";
display:block;
width:4px;
height:20px;
background-color:#006573;
box-shadow:0 0 6px #006573
}
.iclassic-left-txt {
	max-width:340px
}
.iclassic-simg-item {
	margin-right:0;
	margin-right:60px;
	opacity:.2;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	cursor:pointer
}
.iclassic-simg-item:last-of-type {
	margin-right:0
}
.iclassic-simg-item.current {
	opacity:1
}
.iclassic-si__img {
	width:80px;
	margin-right:auto;
	margin-left:auto
}
.iclassic-si__img::before {
padding-top:100%
}
.iclassic-si__title {
	font:400 18px/1.25 "Montserrat";
	color:#fff
}
.classic-right {
	position:absolute;
	right:0;
	bottom:0;
	width:500px
}
.classp-txt {
	position:absolute;
	top:10%;
	left:50%;
	white-space:nowrap;
	font:700 200px/1 "Montserrat";
	color:#006573;
	opacity:.2;
/*	letter-spacing:0.3em;*/
	text-transform:uppercase;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.classp-txt span {
	display:none
}
.classp-txt span.current {
	display:block
}
.classicp-item {
	display:block
}
.classicp-item__img::before {
padding-top:100%
}
.classicp-item__intro {
	font:500 14px/2 "Montserrat";
	color:#fff;
	text-align:left
}
.classicp-item__intro p {
	position:relative;
	padding-left:1em
}
.classicp-item__intro p::before {
content:"";
position:absolute;
top:.75em;
left:0;
width:.5em;
height:.5em;
background-color:#fff;
border-radius:50%
}
@media (max-width: 1920px) {
.classp-txt {
font-size:5vw
}
}
@media (max-width: 1680px) {
.index-classic {
padding-top:70px;
padding-bottom:110px
}
.iclassic-si__img {
width:60px
}
.iclassic-simg-item {
margin-right:40px
}
.iclassic-si__title {
font-size:14px
}
.classic-right {
width:500px
}
}
@media (max-width: 1024px) {
.index-classic {
padding-top:50px;
padding-bottom:90px
}
.iclassic-left {
display:block;
text-align:center
}
.iclassic-left::before {
display:none
}
.iclassic-left .section-desc {
margin-right:auto;
margin-left:auto;
text-align:center
}
.iclassic-left-txt {
max-width:100%
}
.classic-right {
position:relative;
margin-right:auto;
margin-left:auto;
max-width:100%
}
}
@media (max-width: 750px) {
.classp-txt {
top:.5em
}
.index-classic {
padding-top:40px;
padding-bottom:60px
}
.iclassic-simg-item {
margin-right:30px
}
.iclassic-si__img {
width:40px
}
.iclassic-si__title {
font-size:12px
}
.classicp-item__intro {
font-size:12px
}
}
.app-cate {
	font-size:0;
	text-align:center
}
.app-cate>span {
	margin:0 20px;
	display:inline-block;
	vertical-align:top;
	text-transform:capitalize;
	font:500 18px/40px "Montserrat";
	padding:0 1.5em;
	border-radius:20px;
	cursor:pointer;
	background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	color:#fff;
	box-shadow:0 0 6px #A2A2A0
}
.app-cate>span:hover{
	background-image: linear-gradient(rgba(148, 27, 122, 1), rgba(148, 27, 122, 1));
	color:#fff;
	box-shadow:0 0 6px #006573
}
.app-cate>span.current {
	background-image: linear-gradient(rgba(148, 27, 122, 1), rgba(148, 27, 122, 1));
	color:#fff;
	box-shadow:0 0 6px #006573
}
.list-app {
	margin-right:-34px;
	margin-left:-34px
}
.app-item {
	position:relative;
	margin-right:34px;
	margin-left:34px;
	    background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.app-item::before {
padding-top:65.27415%
}
.app-item-left {
	display:none
}
.app-item-left.current {
	display:block
}
.appimg-item {
	overflow:hidden;
	display:block
}
.appimg-item::before {
padding-top:65.27415%
}
.slick-app-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0
}
.slick-app-img.current {
	opacity:1;
	z-index:5
}
.appimg-item__title {
	position:absolute;
	bottom:30px;
	left:30px;
	font:500 24px/1 "Montserrat";
	color:#fff;
	text-transform:capitalize
}
.app-item__title {
	font:500 32px/1.25 "Montserrat";
	color:#fff
}
.app-item__txt {
	position:absolute;
	top:50%;
	left:100px;
	width:466px
}
.app-item__desc {
	margin-top:1.5em;
	font:500 14px/24px "Montserrat";
	color:#fff
}
.app-item__tip {
	margin-top:40px;
	display:block
}
.app-item__tip span {
	display:inline-block;
	vertical-align:top;
	font:500 14px/2 "Montserrat";
	color:#fff
}
.app-item__tip p {
	cursor:pointer
}
.app-item__tip p.current span {
	color:#006573
}
.app-item-pager {
	position:absolute;
	right:30px;
	bottom:30px
}
.app-item__link {
	z-index:5;
	position:absolute;
	bottom:80px;
	right:40px;
	font:500 14px/40px "Montserrat";
	color:#fff
}
.app-item__link>span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	width:40px;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	color:#fff
}
.app-item__link>span::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid #fff;
border-radius:50%
}
.app-item__link:hover {
	color:#006573
}
.app-item__link:hover>span {
	color:#006573
}
.app-item__link:hover>span::after {
border-color:#006573
}
@media (max-width: 1680px) {
.list-app {
margin-right:-20px;
margin-left:-20px
}
.app-item {
margin-right:20px;
margin-left:20px
}
.app-item__title {
font-size:24px
}
.appimg-item__title {
font-size:20px
}
.app-item__link {
bottom:60px
}
}
@media (max-width: 1480px) {
.app-item__txt {
left:10%;
width:80%
}
.app-item__link {
bottom:40px
}
}
@media (max-width: 1024px) {
.app-item__link {
line-height:30px;
right:20px
}
.app-item__link>span {
width:30px;
height:30px;
font-size:14px;
line-height:30px
}
.app-cate>span {
font-size:16px
}
.list-app {
margin-right:-10px;
margin-left:-10px
}
.app-item__txt {
left:20px;
right:20px;
width:auto
}
.app-item__tip {
margin-top:20px;
}
.app-item {
margin-right:10px;
margin-left:10px
}
.app-item-pager {
right:20px;
bottom:20px
}
.appimg-item__title {
bottom:20px;
left:20px;
font-size:16px
}
.app-item__title {
font-size:20px
}
}
@media (max-width: 960px) {
.list-app>li {
width:100%
}
.app-item.left::before {
padding-top:0
}
.app-item__txt {
padding:30px 0;
position:relative;
top:auto;
left:auto;
right:auto;
margin-right:20px;
margin-left:20px;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@media (max-width: 750px) {
.app-cate>span {
margin-right:10px;
margin-left:10px;
font-size:14px;
margin-bottom:20px;
background-color:#F1F5F8
}
}
.index-video {
	position:relative
}
.index-video::before {
content:"";
display:block;
padding-top:41.66667%
}
.iv-video-box {
	position:absolute;
	top:0;
	left:0;
	right:0
}
.ivideo-item {
	display:block
}
.ivideo-item::before {
padding-top:41.66667%
}
.iv-wrap {
	position:absolute;
	bottom:40px;
	left:50%;
	width:1600px;
	margin-left:-800px;
	pointer-events:none
}
.iv-pager {
	position:absolute;
	right:0;
	bottom:0
}
.iv-txt {
	display:block;
	color:#fff;
	max-width:720px
}
.iv-title {
	margin-top:1em;
	font:700 40px/1.5 "Montserrat"
}
.iv-desc {
	margin-top:20px;
	font:500 14px/24px "Montserrat"
}
@media (max-width: 1680px) {
.iv-wrap {
left:40px;
right:40px;
width:auto;
margin-left:0
}
.iv-title {
font-size:32px
}
}
@media (max-width: 1024px) {
.iv-title {
font-size:24px
}
}
@media (max-width: 750px) {
.iv-txt .cway-item__img {
margin-left:0
}
.iv-wrap {
right:20px;
bottom:20px
}
.iv-wrap.txt {
padding:30px 0 50px;
position:relative;
right:auto;
left:auto;
bottom:0;
margin:0 20px
}
.iv-wrap.txt .iv-txt {
color:#0B0B0B
}
}
.page-banner {
	position:relative;
	height:500px
}
.pb-intro {
	position:absolute;
	top:50%;
	right:0;
	left:0
}
.pb-txt {
	color:#fff;
	text-align:center;
	max-width:960px;
	margin-right:auto;
	margin-left:auto
}
.pb-txt p {
	font:500 18px/1.5 "Montserrat"
}
.pb-txt h2, .pb-txt h1 {
	margin-top:.25em;
	margin-bottom:.25em;
	font:700 60px/1.3667 "Montserrat"
}
@media (max-width: 1680px) {
.pb-txt h2, .pb-txt h1 {
font-size:48px
}
}
@media (max-width: 1024px) {
.pb-txt p {
font-size:16px
}
.pb-txt h2, .pb-txt h1 {
font-size:32px
}
}
@media (max-width: 750px) {
.page-banner {
height:auto
}
.page-banner::before {
content:"";
display:block;
padding-top:100%
}
.pb-txt p {
font-size:14px
}
.pb-txt h2, .pb-txt h1 {
margin-top:0.5em;
margin-bottom:.5em;
font-size:24px
}
}
.products-intro {
	position:relative;
	padding-left:50%
}
.products-intro__title {
	position:absolute;
	top:0;
	left:0;
	width:480px;
	max-width:50%;
	font:700 60px/1.25 "Montserrat";
	color:#0B0B0B
}
.products-intro__desc {
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
.products-cate {
	font-size:0
}
.pcate-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:4em;
	font:500 18px/1.38 "Montserrat";
	color:#0B0B0B;
	margin-bottom:1em
}
.pcate-item:hover{ color:#006573
}
.pcate-item::after {
content:"";
position:absolute;
top:50%;
right:-2em;
height:1em;
margin-top:-.5em;
width:1px;
background-color:#0B0B0B;
opacity:0.1;
pointer-events:none
}
.pcate-item:last-of-type {
	margin-right:0
}
.pcate-item:last-of-type::after {
display:none
}
.list-products>li:nth-of-type(2n+1) {
text-align:right
}
.list-products>li:nth-of-type(2n+1) .product-item__img {
right:-20px
}
.list-products>li:nth-of-type(2n+1) .product-item__intro {
left:0
}
.list-products>li:nth-of-type(2n) .product-item__intro {
right:0
}
.list-products>li:nth-of-type(2n) .product-item__img {
left:-20px
}
.list-products>li:nth-of-type(n+2) {
margin-top:60px
}
.product-item {
	position:relative;
	display:block
}
.product-item__img {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:50%;
	background-image: linear-gradient(90deg,  rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	overflow:hidden
}
.product-item__img::before {
padding-top:83.5443%
}
.product-item__img-cate {
	position:absolute;
	top:0;
	left:50%;
	margin-top:.35em;
	font:700 158px/1 "Montserrat";
	letter-spacing:0.05em;
	white-space:nowrap;
	color:#006573;
	opacity:0.04;
	text-transform:uppercase;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
.product-item__img-box {
	position:absolute;
	top:50%;
	left:50%;
	width:75.94937%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.product-item__img-box::before {
padding-top:100%
}
.product-item__img-box::after {
content:"";
position:absolute;
bottom:0;
right:0;
left:0;
padding-top:15%;
border-radius:50%;
opacity:.13;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMjAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-moz-radial-gradient(center center, #000000 0%, rgba(0, 0, 0, 0) 200px);
background-image:-webkit-radial-gradient(center center, #000000 0%, rgba(0, 0, 0, 0) 200px);
background-image:radial-gradient(center center, #000000 0%, rgba(0, 0, 0, 0) 200px);
filter:blur(10px)
}
.product-item__intro {
	position:absolute;
	bottom:0;
	top:0;
	width:50%
}
.product-item__txt {
	position:absolute;
	top:50%;
	right:0;
	left:0
}
.product-item__con {

	max-width:90%;
	margin-right:auto;
	margin-left:auto;
	text-align:left
}
.product-item__title {
	font:700 60px/1.16 "Montserrat";
	color:#0B0B0B
}
.product-item__desc {
	font:500 14px/2 "Montserrat";
	color:#0B0B0B
}
.btn-more {
	display:inline-block;
	vertical-align:top;
	width:140px;
	height:40px;
	border-radius:20px;
	background-color:#006573;
	color:#fff;
	font:500 14px/40px "Montserrat";
	text-align:center;
	text-transform:capitalize
}
.btn-more:hover {
	box-shadow:0 0 6px #006573
}
@media (max-width: 1920px) {
.product-item__img-cate {
font-size:4vw
}
}
@media (max-width: 1680px) {
.product-item__title, .products-intro__title {
font-size:48px
}
}
@media (max-width: 1024px) {
.product-item__title, .products-intro__title {
font-size:32px
}
.products-intro {
padding-left:0
}
.products-intro__title {
position:relative;
width:auto;
max-width:100%
}
.products-intro__desc {
font-size:16px;
margin-top:20px
}
.pcate-item {
font-size:16px
}
}
@media (max-width: 750px) {
.product-item__title, .products-intro__title {
font-size:24px
}
.product-item__img {
width:100%
}
.product-item__intro {
position:relative;
width:auto;
top:auto;
bottom:auto
}
.product-item__txt {
position:relative;
top:auto;
right:auto;
left:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.product-item__con {
width:auto;
max-width:100%;
margin-top:30px
}
.list-products>li:nth-of-type(2n+1) .product-item__img {
right:auto
}
.list-products>li:nth-of-type(2n+1) .product-item__intro {
left:auto
}
.list-products>li:nth-of-type(2n) .product-item__intro {
right:auto
}
.list-products>li:nth-of-type(2n) .product-item__img {
left:auto
}
.list-products>li:nth-of-type(n+2) {
margin-top:60px
}
.pcate-item {
margin-right:3em
}
.pcate-item::after {
right:-1.5em
}
}
.case-filter {
	padding:30px 0 10px;
	background-color:#F1F5F8
}
.case-filter-item {
	position:relative;
	padding-left:140px;
	font-size:0
}
.case-filter-item:nth-of-type(n+2) {
margin-top:30px
}
.country-item {
	display:none
}
.country-item.current {
	display:block
}
.cfi-link {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:4em;
	margin-bottom:20px;
	font:500 18px/24px "Montserrat";
	color:#A7A7A7;
	text-transform:capitalize
}
.cfi-link::after {
content:"";
position:absolute;
top:50%;
margin-top:-.5em;
right:-2em;
height:1em;
width:1px;
background-color:rgba(0, 0, 0, 0.1);
pointer-events:none
}
.cfi-link:last-of-type::after {
display:none
}
.cfi-link.current {
	color:#006573
}
.cfi-title {
	position:absolute;
	top:0;
	left:0;
	font:700 18px/24px "Montserrat";
	color:#000;
	text-transform:capitalize
}
@media (min-width: 1025px) {
.cfi-link:hover {
color:#006573
}
}
@media (max-width: 1024px) {
.case-filter-item:nth-of-type(n+2) {
margin-top:10px
}
.cfi-link {
font-size:16px;
margin-right:2em
}
.cfi-link::after {
right:-1em
}
.cfi-title {
font-size:16px
}
}
@media (max-width: 750px) {
.cfi-link {
font-size:14px;
margin-bottom:10px
}
.cfi-title {
font-size:14px
}
}
.list-cases {
	margin-right:-34px;
	margin-left:-34px
}
.list-cases>li:nth-of-type(n+4) {
margin-top:68px
}
.case-item {
	display:block;
	margin-right:34px;
	margin-left:34px;
	color:#fff
}
.case-item__img {
	overflow:hidden
}
.case-item__img::before {
padding-top:67.21311%
}
.case-item__img img {
-webkit-transition:all .75s ease;
transition:all .75s ease
}
.case-item__num {
	position:absolute;
	right:0;
	bottom:0;
	width:80px;
	height:80px;
	background-color:#006573
}
.case-item__num-txt {
	position:absolute;
	top:50%;
	right:0;
	left:0;
	text-align:center;
	color:#fff
}
.case-item__num-txt>span {
	font-size:28px
}
.case-item__num-txt>p {
	font:500 14px/20px "Montserrat"
}
.case-item__intro {
	height:128px;
	padding:40px 40px 30px;
	background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.case-item__desc p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;	
	
	}
.case-item__title {
	font:700 24px/1.3333 "Montserrat";
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	max-height:2.6em
}
.case-item__desc {
	margin-top:10px;
	font:500 14px/2 "Montserrat"
}
@media (min-width: 1025px) {
.case-item:hover img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1680px) {
.list-cases {
margin-right:-20px;
margin-left:-20px
}
.list-cases>li:nth-of-type(n+4) {
margin-top:40px
}
.case-item {
margin-right:20px;
margin-left:20px
}
.case-item__title {
font-size:20px
}
.case-item__num-txt>span {
font-size:24px
}
.case-item__num-txt>p {
font-size:12px
}
}
@media (max-width: 1280px) {
.case-item__intro {
padding:20px 20px 10px
}
.case-item__num {
width:60px;
height:60px
}
}
@media (max-width: 1024px) {
.list-cases {
margin-right:-10px;
margin-left:-10px
}
.case-item {
margin-right:10px;
margin-left:10px
}
.case-item__num-txt>span {
font-size:20px
}
}
@media (max-width: 768px) {
.list-cases>li {
width:50%
}
.list-cases>li:nth-of-type(n+3) {
margin-top:40px
}
}
@media (max-width: 640px) {
.list-cases>li {
width:100%
}
.list-cases>li:nth-of-type(n+2) {
margin-top:40px
}
}
.pager {
	font-size:0;
	text-align:center
}
.pager>a {
	display:inline-block;
	vertical-align:top;
	width:40px;
	min-width:40px;
	text-align:center;
	font:500 14px/40px "Montserrat";
	color:#0B0B0B;
	border-radius:20px
}
.pager>a.current {
	background-color:#006573;
	color:#fff
}
.pager .pager-prev, .pager .pager-next {
	font-family:'iconfont';
	font-size:16px
}
@media (min-width: 1024px) {
.pager>a:hover {
color:#006573
}
}
.list-news {
	margin-right:-34px;
	margin-left:-34px
}
.list-news>li:nth-of-type(n+4) {
margin-top:100px
}
.news-item {
	display:block;
	margin-right:34px;
	margin-left:34px
}
.news-item__img {
	overflow:hidden
}
.news-item__img::before {
padding-top:59.42623%
}
.news-item__img img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.news-item__video {
	position:relative
}
.news-item__video-btn {
	position:absolute;
	top:-30px;
	right:30px;
	width:60px;
	height:60px;
	background-color:#006573;
	border-radius:50%;
	box-shadow:0 0 6px #006573
}
.news-item__video-btn::before {
content:"";
position:absolute;
top:50%;
left:55%;
width:0;
height:0;
border-style:solid;
border-width:11.5px 0 11.5px 16px;
border-color:transparent transparent transparent #fff;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.news-item__date {
	margin-top:30px;
	font:500 14px/20px "Montserrat";
	color:#006573
}
.news-item__title {
	margin-top:.33em;
	height:3.3em;
	font:500 24px/1.65 "Montserrat";
	color:#0B0B0B;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
.news-item__desc {
	margin-top:1em;
	font:500 14px/24px "Montserrat";
	color:#A7A7A7;
	max-height:72px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical
}
@media (min-width: 1025px) {
.news-item:hover .news-item__img img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.news-item:hover .news-item__title {
color:#006573
}
}
@media (max-width: 1680px) {
.list-news {
margin-right:-20px;
margin-left:-20px
}
.list-news>li:nth-of-type(n+4) {
margin-top:80px
}
.news-item {
margin-right:20px;
margin-left:20px
}
.news-item__video-btn {
top:-20px;
right:20px;
width:40px;
height:40px
}
.news-item__video-btn::before {
border-width:7.5px 0 7.5px 10px
}
}
@media (max-width: 1280px) {
.list-news .news-item__title {
font-size:20px
}
}
@media (max-width: 1024px) {
.list-news {
margin-right:-10px;
margin-left:-10px
}
.news-item {
margin-right:10px;
margin-left:10px
}
}
@media (max-width: 768px) {
.list-news>li {
width:50%
}
.list-news>li:nth-of-type(n+3) {
margin-top:60px
}
}
@media (max-width: 640px) {
.list-news>li {
width:100%
}
.list-news>li:nth-of-type(n+2) {
margin-top:60px
}
}
.about-intro {
	max-width:1080px;
	margin-right:auto;
	margin-left:auto;
	text-align:center
}
.about-intro-p1 {
	font:700 40px/1.5 "Montserrat";
	color:#0B0B0B
}
.about-intro-p2 {
	margin-top:1em;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
.about-num {
	font-size:0;
	text-align:center
}
.anum-item {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-right:100px
}
.anum-item:last-of-type {
	margin-right:0
}
.anum-item__big {
	font:700 60px/1 "Montserrat";
	color:#006573
}
.anum-item__desc {
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
@media (max-width: 1680px) {
.about-intro-p1 {
font-size:32px
}
.anum-item__big {
font-size:48px
}
.anum-item {
margin-right:80px
}
}
@media (max-width: 1024px) {
.about-intro-p1 {
font-size:24px
}
.about-intro-p2 {
font-size:16px
}
.anum-item__big {
font-size:48px
}
.anum-item__desc {
font-size:32px
}
.anum-item {
margin-right:70px
}
}
@media (max-width: 750px) {
.about-intro-p1 {
font-size:20px
}
.about-intro-p2 {
font-size:14px
}
.anum-item__big {
font-size:24px
}
.anum-item__desc {
font-size:14px
}
.anum-item {
padding:10px 0;
display:block;
margin-right:0;
margin-left:0
}
}
.about-company {
	padding:100px 0;
	 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.company-item {
	width:380px;
	color:#fff;
	margin-right:160px
}
.company-item__num {
	font:700 24px/1 "Montserrat"
}
.company-item__title {
	margin-top:1.65em;
	font:700 24px/1.3333 "Montserrat"
}
.company-item__desc {
	margin-top:1em;
	font:500 18px/1.667 "Montserrat";
	color:#efeeee
}
@media (max-width: 1680px) {
.company-item {
margin-right:120px
}
.company-item__num, .company-item__title {
font-size:20px
}
.company-item__desc {
font-size:16px
}
}
@media (max-width: 1024px) {
.about-company {
padding:80px 0
}
.company-item {
margin-right:80px
}
.company-item__desc {
font-size:14px
}
}
@media (max-width: 750px) {
.about-company {
padding:60px 0
}
.company-item {
margin-right:40px;
width:280px
}
}
.history-pager {
	font-size:0;
	text-align:right
}
.btn-slick {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:44px;
	height:44px;
	margin-left:10px;
	font-size:16px;
	line-height:44px;
	text-align:center;
	cursor:pointer;
	opacity:.5
}
.btn-slick>img, .btn-slick>svg {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%
}
.history-item {
	border-top:2px solid #F1F5F8;
	display:inline-block;
	vertical-align:top;
	margin-right:140px
}
.history-item__year {
	font:700 90px/1.3333 "Montserrat";
	color:#0B0B0B
}
.history-item__intro {
	font-size:0;
	white-space:nowrap
}
.history-item__left, .history-item__img {
	display:inline-block;
	vertical-align:top
}
.history-item__left {
	width:300px;
	white-space:normal;
	margin-right:50px
}
.history-item__title {
	font:700 30px/1.375 "Montserrat";
	color:#0B0B0B
}
.history-item__desc {
	margin-top:15px;
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
.history-item__img {
	width:660px
}
.history-item__img::before {
padding-top:66.66667%
}
@media (min-width: 1025px) {
.btn-slick:hover {
opacity:1
}
.btn-slick:hover.btn-next svg:last-of-type {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
.btn-slick:hover.btn-prev svg:last-of-type {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg)
}
}
@media (max-width: 1680px) {
.history-item__year {
font-size:60px
}
.history-item__title {
font-size:24px
}
.history-item__img {
width:560px
}
.history-item {
margin-right:100px
}
}
@media (max-width: 1024px) {
.history-item__year {
font-size:48px
}
.history-item__title {
font-size:20px
}
.history-item__desc {
font-size:16px
}
}
@media (max-width: 750px) {
.history-item__year {
font-size:32px
}
.slick-history {
margin-top:30px
}
}
@media (max-width: 640px) {
.history-item__left {
display:block;
width:auto;
margin-right:0
}
.history-item__img {
width:auto;
display:block;
margin-top:20px
}
.slick-history {
margin-left:0 !important;
margin-right:0
}
.history-item {
display:block;
width:calc(100vw - 40px);
margin-right:20px;
margin-left:20px
}
}
.about-why {
	padding:100px 0;
	background-color:#006573
}
.section-title {
	font:700 50px/1.3 "Montserrat";
	color:#fff;
	text-transform:capitalize
}
.section-title.black {
	color:#0B0B0B
}
.section-title.small {
	font-size:48px
}
.section-desc {
	margin-top:1.5em;
	font:500 14px/24px "Montserrat";
	color:#0B0B0B;
	max-width:580px
}
.section-desc.office {
	max-width:50%
}
.section-desc.led {
	margin-right:auto;
	margin-left:auto
}
.section-desc.prod {
	max-width:440px;
	margin-right:auto;
	margin-left:auto;
	color:#fff;
	text-align:center
}
.section-desc.white {
	color:#fff
}
.section-desc.gray {
	color:#A7A7A7
}
.section-desc.auto {
	margin-right:auto;
	margin-left:auto
}
.away-item__img {
	width:140px;
	margin-right:auto;
	margin-left:auto;
	max-width:80%
}
.away-item__img::before {
padding-top:100%
}
.away-item {
	max-width:240px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	color:#fff
}
.awhy-item__title {
	margin-top:.8em;
	font:700 24px/1.3333 "Montserrat"
}
.awhy-item__desc {
	margin-top:0.5em;
	font:300 14px/24px "Montserrat"
}
.awhy-item__img {
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:140px;
	max-width:80%
}
.awhy-item__img::before {
padding-top:100%
}
@media (max-width: 1680px) {
.about-why {
padding:80px 0
}
.section-title {
font-size:48px
}
.section-title.small {
font-size:32px
}
.awhy-item__title {
font-size:20px
}
}
@media (max-width: 1024px) {
.section-title {
font-size:32px
}
.section-title.small {
font-size:24px
}
.awhy-item__img {
width:100px
}
.about-why {
padding:60px 0
}
}
@media (max-width: 750px) {
.about-why {
padding:50px 0
}
.section-title {
font-size:24px
}
.section-title.small {
font-size:20px
}
.awhy-item__desc {
font-size:12px
}
.awhy-item__img {
width:70px
}
.list-awhy>li {
width:100%
}
.list-awhy>li:nth-of-type(n+2) {
margin-top:40px
}
}
.about-culture {
	padding:140px 0
}
.about-cleft {
	padding-right:40px
}
.about-cleft-title {
	font:700 60px/1.3666 "Montserrat";
	color:#0B0B0B
}
.about-cleft-desc {
	margin-top:20px;
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
.culture-item {
	position:relative;
	padding-left:90px;
	padding-bottom:60px
}
.culture-item::before {
content:"";
position:absolute;
top:30px;
left:30px;
bottom:0;
width:1px;
background-color:#F1F5F8
}
.culture-item:last-of-type::before {
display:none
}
.culture-item__num {
	position:absolute;
	top:0;
	left:0;
	width:58px;
	height:58px;
	border:1px solid #F1F5F8;
	border-radius:50%;
	font:700 18px/58px "Montserrat";
	color:#0B0B0B;
	text-align:center;
	background-color:#fff
}
.culture-item__title {
	padding:10px 0;
	font:700 24px/40px "Montserrat";
	color:#0B0B0B
}
.culture-item__desc {
	max-width:540px;
	font:500 18px/1.6667 "Montserrat";
	color:#A7A7A7
}
.cultrue-item__img {
	margin-top:30px
}
.cultrue-item__img img {
	display:block;
	max-width:100%
}
@media (max-width: 1680px) {
.about-culture {
padding:100px 0
}
.about-cleft-title {
font-size:48px
}
}
@media (max-width: 1024px) {
.about-culture {
padding:80px 0
}
.about-cleft-title {
font-size:32px
}
.culture-item__title {
font-size:20px;
line-height:30px;
padding:5px 0
}
.culture-item__num {
width:38px;
height:38px;
line-height:38px;
font-size:16px
}
.culture-item {
padding-left:60px;
padding-bottom:40px
}
.culture-item::before {
left:20px
}
.culture-item__desc {
font-size:16px
}
}
@media (max-width: 750px) {
.about-culture {
padding:60px 0
}
.about-cleft-title {
font-size:24px
}
.list-about-culture>li {
width:100%
}
.list-about-culture>li:nth-of-type(n+2) {
margin-top:40px
}
.culture-item__desc {
font-size:14px
}
}
.service-map {
	padding:110px 0 30px;
	background-color:#006573
}
.map-box {
	position:relative;
	width:100%;
	max-width:1305px;
	margin-right:auto;
	margin-left:auto
}
.map-box::before {
padding-top:56.32184%
}
.map-item {
	position:absolute;
	margin-top:-20px;
	margin-left:-20px;
	width:40px;
	height:40px;
	border-radius:50%;
	background:rgba(255, 255, 255, 0.2)
}
.map-item::before, .map-item::after {
content:'';
position:absolute
}
.map-item::before {
top:5px;
right:5px;
bottom:5px;
left:5px;
border-radius:50%;
background-color:#fff
}
.map-item::after {
top:50%;
left:50%;
margin-top:-8px;
margin-left:-8px;
width:16px;
height:16px;
border-radius:50%;
background-color:#006573;
-webkit-transform:scale(0.5);
transform:scale(0.5)
}
.map-item.current::after {
-webkit-transform:scale(1);
transform:scale(1)
}
.map-item.right .map-detail {
	left:auto;
	right:-30px
}
.map-item.right .map-detail::after {
left:auto;
right:35px
}
.map-detail {
	position:absolute;
	bottom:100%;
	left:-30px;
	padding:20px 30px;
	background-color:#fff;
	width:500px;
	color:#0B0B0B;
	margin-bottom:20px;
	visibility:hidden;
	opacity:0
}
.map-detail::after {
content:"";
position:absolute;
top:100%;
left:35px;
width:0;
height:0;
border-style:solid;
border-width:20px 15px 0 15px;
border-color:#fff transparent transparent transparent
}
.map-item__title {
	font:700 30px/1.25 "Montserrat"
}
.map-item__label {
	position:relative;
	display:block;
	margin-top:1em;
	font:500 14px/20px "Montserrat"
}
.map-item__desc {
	font:700 16px/1.375 "Montserrat"
}
.layer-map {
	position:relative;
	padding:20px;
	background-color:#fff
}
.layer-map-close {
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
	line-height:30px;
	text-align:center;
	width:30px
}
@media (min-width: 1025px) {
.map-item:hover {
z-index:10
}
.map-item:hover::after {
-webkit-transform:scale(1);
transform:scale(1)
}
.map-item:hover .map-detail {
visibility:visible;
opacity:1
}
}
@media (max-width: 1680px) {
.service-map {
padding-top:90px
}
.map-item__title {
font-size:24px
}
}
@media (max-width: 1024px) {
.service-map {
padding-top:70px
}
.map-box {
margin-top:30px
}
.map-item__title {
font-size:20px
}
.map-item__label {
font-size:12px
}
.map-item__desc {
font-size:14px
}
}
@media (max-width: 640px) {
.service-map {
padding-top:55px
}
.map-item {
-webkit-transform:scale(0.5);
transform:scale(0.5)
}
}
.policy-filter-item {
	position:relative;
	padding-left:50px;
	margin-bottom:15px;
	display:block;
	font:500 18px/1.38 "Montserrat";
	color:#A7A7A7
}
.policy-filter-item::before {
content:"\e603";
font-family:'iconfont';
position:absolute;
top:0;
left:0;
visibility:hidden;
opacity:0
}
.policy-filter-item.current {
	color:#006573
}
.policy-filter-item.current::before {
visibility:visible;
opacity:1
}
.policy-detail {
	position:relative;
	padding-left:60px;
	display:none
}
.policy-detail.active {
	display:block
}
.policy-detail__num {
	position:absolute;
	top:0;
	left:0;
	font:700 24px/1.3333 "Montserrat";
	color:#006573
}
.policy-detail__title {
	font:700 24px/1.3333 "Montserrat";
	color:#0B0B0B
}
.policy-detail__desc {
	margin-top:1em;
	font:500 14px/24px "Montserrat";
	color:#A7A7A7
}
.policy-detail__desc img {
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	height:auto !important
}
.policy-detail__desc a {
	color:#A7A7A7
}
@media (min-width: 1025px) {
.policy-filter-item:hover {
color:#006573
}
}
@media (max-width: 1680px) {
.policy-detail__num {
font-size:20px
}
.policy-detail__title {
font-size:20px
}
}
@media (max-width: 750px) {
.list-policy>li {
width:100%
}
.policy-filter {
display:none
}
.policy-detail {
padding-left:40px;
display:block;
margin-bottom:40px
}
}
.list-download>li:nth-of-type(n+2) {
margin-top:10px
}
.list-download.white .download-item {
	background-color:#fff
}
.download-item {
	position:relative;
	padding:20px;
	background-color:#F1F5F8;
	font-size:0
}
.download-item>div {
	display:inline-block;
	vertical-align:top
}
.download-item__title {
	position:relative;
	padding-left:45px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:top;
	width:25%;
	font:500 24px/30px "Montserrat"
}
.download-item__title>span {
	position:absolute;
	top:0;
	left:0;
	font-size:40px;
	line-height:1
}
.download-item__date, .download-item__size {
	width:25%;
	font:500 18px/40px "Montserrat";
	color:#A7A7A7;
	text-align:center
}
.download-item__btn {
	text-align:right;
	width:20%
}
.btn-download {
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:#006573;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:40px;
	box-shadow:0 0 6px #006573
}
@media (min-width: 1025px) {
.btn-download:hover {
background-color:#cf112b;
color:#fff;
box-shadow:0 0 6px #cf112b;
}
}
@media (max-width: 1680px) {
.download-item__title {
font-size:20px
}
.download-item__date, .download-item__size {
font-size:20px
}
}
@media (max-width: 1024px) {
.download-item__title {
font-size:16px
}
.download-item__date, .download-item__size {
font-size:16px
}
.download-item {
padding:10px
}
.btn-download {
width:30px;
height:30px;
line-height:30px;
margin-top:5px
}
.download-item__date, .download-item__size {
width:calc(25% - 10px)
}
}
@media (max-width: 750px) {
.download-item__title {
width:calc(100% - 70px);
padding-left:40px
}
.download-item__title>span {
font-size:32px;
line-height:40px
}
.download-item .download-item__date, .download-item .download-item__size {
display:none
}
.download-item__btn {
width:30px
}
}
.list-platform {
	margin-right:-34px;
	margin-left:-34px
}
.list-platform>li:nth-of-type(n+3) {
margin-top:68px
}
.platform-item {
	padding:50px 0 80px;
	text-align:center;
	display:block;
	margin-right:34px;
	margin-left:34px;
	background-color:#F1F5F8
}
.platform-item__img>img {
	display:block;
	margin:0 auto
}
.platform-item__title {
	margin-top:.5em;
	font:700 40px/1.5 "Montserrat";
	color:#0B0B0B
}
.platform-item__desc {
	font:500 14px/24px "Montserrat";
	color:#A7A7A7;
	margin-top:10px
}
@media (max-width: 1680px) {
.list-platform {
margin-right:-20px;
margin-left:-20px
}
.list-platform>li:nth-of-type(n+3) {
margin-top:40px
}
.platform-item {
padding-top:40px;
padding-bottom:70px;
margin-right:20px;
margin-left:20px
}
.platform-item__title {
font-size:32px
}
.platform-item__img>img {
height:100px
}
}
@media (max-width: 1024px) {
.list-platform {
margin-right:-10px;
margin-left:-10px
}
.list-platform>li:nth-of-type(n+3) {
margin-top:20px
}
.platform-item {
padding-top:30px;
padding-bottom:50px;
margin-right:10px;
margin-left:10px
}
.platform-item__title {
font-size:24px
}
.platform-item__img>img {
height:80px
}
}
@media (max-width: 750px) {
.platform-item__title {
font-size:20px
}
.platform-item__img>img {
height:65px
}
}
@media (max-width: 640px) {
.list-platform>li {
width:100%
}
.list-platform>li:nth-of-type(n+2) {
margin-top:20px
}
.platform-item {
padding-top:20px;
padding-bottom:30px
}
}
.contact-way {
	padding:100px 0;
	background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.contact-way-line {
	width:4px;
	height:20px;
	background-color:#006573;
	box-shadow:0 0 6px #006573
}
.cway-item__img {
	width:90px
}
.cway-item__img::before {
padding-top:100%
}
.cway-item__img>span {
	position:absolute;
	top:50%;
	left:50%;
	font-size:36px;
	width:1em;
	height:1em;
	line-height:1;
	text-align:center;
	margin-top:-.5em;
	margin-left:-.5em;
	color:#fff
}
.cway-item__desc {
	margin-top:30px;
	margin-right:20px;
	font:500 14px/24px "Montserrat";
	color:#fff
}
.cway-address {
	margin-bottom:30px;
	font-size:14px;
	line-height:24px
}
.cway-address h4 {
	margin-bottom:10px;
	font-weight:700;
	color:#fff
}
.cway-address p {
	font-weight:500;
	color:#fff
}
.cway-address p a {
	color:#fff;
	text-decoration:underline
}
@media (max-width: 1680px) {
.cway-item__img {
width:70px
}
.cway-item__img>span {
font-size:30px
}
}
@media (max-width: 1024px) {
.contact-way {
padding:60px 0
}
.list-cway>li {
width:50%
}
.list-cway>li:nth-of-type(n+3) {
margin-top:40px
}
}
@media (max-width: 750px) {
.list-cway>li {
width:100%
}
.list-cway>li:nth-of-type(n+2) {
margin-top:40px
}
.cway-item__img {
width:50px;
margin-right:auto;
margin-left:auto
}
.cway-item__img>span {
font-size:20px
}
.cway-item__desc {
margin-top:10px;
margin-right:0;
text-align:center
}
.cway-address {
margin-bottom:20px
}
}
.list-office {
	margin-right:-34px;
	margin-left:-34px
}
.list-office>li:nth-of-type(n+4) {
margin-top:68px
}
.office-item {
	margin-right:34px;
	margin-left:34px
}
.office-item__img {
	overflow:hidden
}
.office-item__img::before {
padding-top:53.27869%
}
.office-item__img img {
-webkit-transition:transform .75s;
transition:transform .75s
}
.office-item__intro {
	color:#0B0B0B;
	padding:50px 50px 0;
	background-color:#F1F5F8;
	min-height:400px;
	box-sizing:border-box
}
.office-item__country {
	font:700 40px/1.5 "Montserrat";
	text-transform:capitalize
}
.office-item__company {
	font:700 24px/1.35 "Montserrat";
	height:2.7em
}
.office-item__desc {
	margin-top:2em;
	font:500 14px/24px "Montserrat"
}
.office-item__desc p {
	margin-top:15px
}
.office-item__desc a {
	text-decoration:underline;
	color:#0B0B0B
}
@media (min-width: 1025px) {
.office-item:hover .office-item__intro {
background-color:#02132D;
color:#fff
}
.office-item:hover .office-item__img img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.office-item:hover .office-item__desc a {
color:#fff
}
}
@media (max-width: 1680px) {
.list-office {
margin-right:-20px;
margin-left:-20px
}
.list-office>li:nth-of-type(n+4) {
margin-top:40px
}
.office-item {
margin-right:20px;
margin-left:20px
}
.office-item__intro {
padding-top:40px;
padding-right:40px;
padding-left:40px
}
.office-item__country {
font-size:32px
}
.office-item__company {
font-size:20px
}
}
@media (max-width: 1024px) {
.list-office {
margin-right:-10px;
margin-left:-10px
}
.office-item {
margin-right:10px;
margin-left:10px
}
.office-item__intro {
padding-top:30px;
padding-right:30px;
padding-left:30px
}
.office-item__country {
font-size:24px
}
.office-item__company {
font-size:16px
}
}
@media (max-width: 750px) {
.list-office>li {
width:50%
}
.list-office>li:nth-of-type(n+3) {
margin-top:40px
}
}
@media (max-width: 640px) {
.list-office>li {
width:100%
}
.list-office>li:nth-of-type(n+2) {
margin-top:30px
}
.office-item__intro {
min-height:auto;
padding-bottom:20px;
padding-top:20px;
padding-right:20px;
padding-left:20px
}
.office-item__desc {
margin-top:30px
}
}
.contact-led {
	padding:140px 0;
	background-color:#F1F5F8
}
.contact-led-way {
	font-size:0;
	text-align:center
}
.cledway-item {
	display:inline-block;
	vertical-align:top;
	margin-right:50px;
	margin-left:50px;
	white-space:nowrap;
	font:500 32px/40px "Montserrat"
}
.cledway-item>span {
	display:inline-block;
	vertical-align:top;
	margin-right:30px;
	font-size:28px;
	line-height:40px;
	color:#006573
}
.cledway-item a {
	color:#0B0B0B
}
@media (max-width: 1680px) {
.contact-led {
padding:120px 0
}
.cledway-item {
font-size:24px;
margin-right:40px;
margin-left:40px
}
.cledway-item>span {
font-size:24px
}
}
@media (max-width: 1024px) {
.contact-led {
padding:80px 0
}
.cledway-item {
font-size:24px;
margin-right:30px;
margin-left:30px
}
.cledway-item>span {
font-size:20px;
margin-right:20px
}
}
@media (max-width: 750px) {
.contact-led {
padding:60px 0
}
.cledway-item {
font-size:20px;
margin-right:20px;
margin-left:20px
}
.cledway-item>span {
font-size:16px;
margin-right:10px
}
}
.newsd-main {
	margin-left:560px;
	min-height:400px
}
.detail-date {
	font:500 14px/20px "Montserrat";
	color:#A7A7A7
}
.detail-title {
	font:700 40px/1.375 "Montserrat";
	color:#0B0B0B
}
.detail-body {
	position:relative
}
.newsd-body {
	font:500 14px/26px "Montserrat";
	color:#A7A7A7
}
.newsd-body img {
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	height:auto !important
}
.detail-handle {
	position:absolute;
	top:0;
	left:0
}
.detail-btn {
	position:absolute;
	top:60px;
	left:0
}
.detail-backlist {
	display:inline-block;
	vertical-align:top;
	font:500 14px/20px "Montserrat";
	color:#0B0B0B;
	text-transform:capitalize
}
.detail-backlist>span {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	line-height:20px
}
.detail-pager .btn-slick {
	margin-left:0;
	width:60px;
	height:60px;
	line-height:60px;
	color:#0B0B0B;
	opacity:.5
}
.detail-pager .btn-slick:last-of-type {
	margin-left:40px
}
.detail-share {
	position:absolute;
	bottom:0;
	left:0
}
.social-share>span {
	display:inline-block;
	vertical-align:top;
	font:500 14px/20px "Montserrat";
	color:#A7A7A7
}
.social-share>a {
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
	font-size:16px;
	line-height:20px;
	color:#A7A7A7
}
.social-share>a:hover {
	color:#0B0B0B
}
@media (min-width: 1025px) {
.detail-backlist:hover {
color:#006573;
text-decoration:underline
}
.detail-pager .btn-slick:hover {
opacity:1
}
}
@media (max-width: 1680px) {
.newsd-main {
margin-left:400px
}
.detail-title {
font-size:32px
}
}
@media (max-width: 1024px) {
.newsd-main {
margin-left:200px
}
.detail-pager .btn-slick {
width:40px;
height:40px;
line-height:40px
}
.detail-pager .btn-slick:last-of-type {
margin-left:20px
}
.detail-title {
font-size:24px
}
}
@media (max-width: 750px) {
.detail-handle {
position:relative
}
.newsd-main {
margin-left:0;
margin-top:30px
}
.detail-btn {
position:relative;
top:auto;
text-align:center;
margin-top:40px
}
.detail-share {
position:relative;
text-align:center;
margin-top:30px
}
}
.related-news {
	padding:140px 0;
	background-color:#F1F5F8
}
.list-rnews {
	margin-right:-34px;
	margin-left:-34px
}
.list-rnews>li:nth-of-type(3n+1) .rnews-item {
 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
color:#fff
}
.list-rnews>li:nth-of-type(3n+2) .rnews-item {
background-color:#fff;
color:#0B0B0B
}
.list-rnews>li:nth-of-type(3n) .rnews-item {
background-color:#006573;
color:#fff
}
.rnews-item {
	position:relative;
	display:block;
	margin-right:34px;
	margin-left:34px;
	padding:30px;
	min-height:530px;
}
.rnews-item__title {
	font:700 24px/1.6667 "Montserrat";
	    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.rnews-item__desc {
	max-height:72px;
	margin-top:20px;
	font:500 14px/24px "Montserrat";
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.rnews-item__date {
	position:absolute;
	bottom:50px;
	left:50px;
	font:500 14px/24px "Montserrat"
}
@media (max-width: 1680px) {
.related-news {
padding:120px 0
}
.list-rnews {
margin-right:-20px;
margin-left:-20px
}
.rnews-item {
margin-right:20px;
margin-left:20px
}
.rnews-item__title {
font-size:20px
}
.rnews-item {
padding:40px;
min-height:400px
}
.rnews-item__date {
bottom:40px;
left:40px
}
}
@media (max-width: 1024px) {
.related-news {
padding:80px 0
}
.list-rnews {
margin-right:-10px;
margin-left:-10px
}
.rnews-item {
margin-right:10px;
margin-left:10px;
padding:20px;
min-height:350px
}
.rnews-item__date {
bottom:20px;
left:20px
}
}
@media (max-width: 750px) {
.related-news {
padding:60px 0
}
.list-rnews>li {
width:100%
}
.list-rnews>li:nth-of-type(n+2) {
margin-top:40px
}
.rnews-item {
min-height:auto
}
.rnews-item__date {
position:relative;
margin-top:40px;
left:auto;
bottom:auto
}
}
.cased-banner {
	overflow:hidden
}
.cased-banner::before {
padding-top:51.04167%
}
.cased-container {
	background-color:#02132D;
	padding:140px 0
}
.cased-container .detail-pager .btn-slick {
	color:#fff
}
.cased-container .detail-backlist {
	color:#fff
}
.casedetail-title {
	font:700 60px/1.25 "Montserrat";
	color:#fff
}
.casedphpto-item {
	display:block;
	overflow:hidden
}
.casedphpto-item::before {
padding-top:56.27706%
}
.casedphpto-item::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#006573;
opacity:0
}
.casedphpto-item>span {
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	font-size:32px;
	margin-top:-.5em;
	margin-left:-.5em;
	color:#fff;
	opacity:0
}
.casedphpto-item:hover::after {
opacity:.8
}
.casedphpto-item:hover>span {
	opacity:1
}
.casedphpto-item img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.section-box {
	padding:140px 0
}
.related-cases {
	background-color:#F1F5F8
}
@media (min-width: 1025px) {
.casedphpto-item:hover img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1680px) {
.cased-container {
padding:120px 0
}
.section-box {
padding:120px 0
}
.casedetail-title {
font-size:48px
}
}
@media (max-width: 1024px) {
.section-box {
padding:80px 0
}
.cased-container {
padding:80px 0
}
.casedetail-title {
font-size:32px
}
}
@media (max-width: 750px) {
.cased-container {
padding:60px 0
}
.section-box {
padding:60px 0
}
.casedetail-title {
font-size:24px
}
}
.prod-intro {
	width:50%
}
.prod-title {
	font:700 90px/1 "Montserrat";
	color:#0B0B0B
}
.prod-desc {
	margin-top:2em;
	font:500 18px/1.389 "Montserrat";
	color:#A7A7A7
}
.prod-param {
	position:relative;
	 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.prod-param-intro {
	width:50%;
	position:relative
}
.prod-param-name {
	position:absolute;
	top:50%;
	left:0;
	z-index:1;
	text-transform:uppercase;
	font:700 240px/1 "Montserrat";
	margin-top:-.5em;
	color: #006573;
    opacity: 0.04;
	left:.2em
}
.prod-param-title {
	font:700 40px/1.5 "Montserrat";
	color:#fff;
	max-width:400px;
	text-transform:capitalize
}
.prod-param-desc {
	margin-top:2em;
	font:500 14px/2 "Montserrat";
	color:#fff
}
.prod-param__img {
	position:absolute;
	right:0;
	bottom:0;
	width:46.875%
}
.prod-param__img::before {
padding-top:100%
}
.prod-app-title {
	font:700 40px/1 "Montserrat";
	color:#0B0B0B
}
.list-prodapp {
	margin-right:-34px;
	margin-left:-34px
}
.prodapp-item {
	margin-right:34px;
	margin-left:34px
}
.prodapp-item__img {
	overflow:hidden
}
.prodapp-item__img::before {
padding-top:65.14286%
}
.prodapp-item__img img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.prodapp-item__title {
	margin-top:1.25em;
	font:500 24px/1.3667 "Montserrat";
	color:#0B0B0B
}
.prodapp-item__desc {
	margin-top:1.45em;
	font:500 14px/24px "Montserrat";
	color:#A7A7A7
}
.prod-fitem::before {
padding-top:36.45833%
}
.prod-fitem__wrap {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:1600px;
	margin-left:-800px
}
.prod-fitem__txt {
	position:absolute;
	top:50%;
	right:0;
	left:0
}
.prod-fitem__intro {
	width:580px
}
.prod-fitem__intro::before {
content:"";
display:block;
width:4px;
height:20px
}
.prod-fitem:nth-of-type(2n+1) .prod-fitem__intro {
color:#fff;
margin-left:0
}
.prod-fitem:nth-of-type(2n+1) .prod-fitem__intro::before {
background-color:#fff;
box-shadow:0 0 6px #fff
}
.prod-fitem:nth-of-type(2n) .prod-fitem__intro {
color:#0B0B0B;
margin-right:0;
margin-left:auto
}
.prod-fitem:nth-of-type(2n) .prod-fitem__intro::before {
background-color:#0B0B0B;
box-shadow:0 0 6px #0B0B0B
}
.prod-fitem__title {
	margin-left:-0.05em;
	margin-top:.5em;
	font:700 60px/1.167 "Montserrat";
	text-transform:capitalize;
	letter-spacing:-0.01em
}
.prod-fitem__desc {
	font:500 14px/2 "Montserrat";
	margin-top:1em
}
@media (min-width: 1025px) {
.prodapp-item:hover .prodapp-item__img img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.prodapp-item:hover .prodapp-item__title {
color:#006573
}
}
@media (max-width: 1920px) {
.prod-param-name {
font-size:5vw
}
}
@media (max-width: 1680px) {
.prod-title {
font-size:60px
}
.prod-intro {
width:100%;
max-width:800px
}
.prod-param-title {
font-size:32px
}
.list-prodapp {
margin-right:-20px;
margin-left:-20px
}
.prodapp-item {
margin-right:20px;
margin-left:20px
}
.prod-app-title {
font-size:32px
}
.prodapp-item__title {
font-size:20px
}
.prod-fitem__wrap {
left:40px;
margin-left:0;
right:40px;
width:auto
}
.prod-fitem__title {
font-size:48px
}
.prod-fitem__intro {
width:40%
}
}
@media (max-width: 1024px) {
.prod-title {
font-size:48px
}
.prod-desc {
font-size:16px
}
.prod-param-title {
font-size:24px
}
.list-prodapp {
margin-right:-10px;
margin-left:-10px
}
.list-prodapp>li {
width:50%
}
.list-prodapp>li:nth-of-type(n+3) {
margin-top:40px
}
.prodapp-item {
margin-right:10px;
margin-left:10px
}
.prod-app-title {
font-size:24px
}
.prodapp-item__desc {
font-size:12px
}
.prod-fitem__wrap {
right:20px;
left:20px
}
.prod-fitem__title {
font-size:32px
}
}
@media (max-width: 750px) {
.prod-title {
font-size:32px
}
.prod-desc {
font-size:14px
}
.prod-param-intro {
position:relative;
z-index:3;
width:100%
}
.list-prodapp>li {
width:100%
}
.list-prodapp>li:nth-of-type(n+2) {
margin-top:40px
}
.prod-fitem:nth-of-type(2n+1) .prod-fitem__intro {
color:#0B0B0B
}
.prod-fitem:nth-of-type(2n+1) .prod-fitem__intro::before {
background-color:#0B0B0B;
box-shadow:0 0 6px #0B0B0B
}
.prod-fitem__intro {
width:auto
}
.prod-fitem__intro::before {
display:none
}
.prod-fitem__wrap {
position:relative;
right:auto;
left:auto;
padding:20px 20px 40px
}
.prod-fitem__txt {
position:relative;
top:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.prod-fitem__title {
font-size:24px
}
}
.prod-detail {
	background-color:#02132D
}
.list-prodd {
	margin-right:-34px;
	margin-left:-34px
}
.list-prodd>li:nth-of-type(n+4) {
margin-top:68px
}
.prodd-item {
	margin-right:34px;
	margin-left:34px
}
.prodd-item__img::before {
padding-top:66.28571%
}
.prodd-item__title {
	margin-top:.8333em;
	font:700 24px/1.41 "Montserrat";
	color:#fff;
	text-align:center
}
@media (max-width: 1680px) {
.list-prodd {
margin-right:-20px;
margin-left:-20px
}
.list-prodd>li:nth-of-type(n+4) {
margin-top:40px
}
.prodd-item {
margin-right:20px;
margin-left:20px
}
.prodd-item__title {
font-size:20px
}
}
@media (max-width: 1024px) {
.list-prodd {
margin-right:-10px;
margin-left:-10px
}
.list-prodd>li:nth-of-type(n+4) {
margin-top:30px
}
.prodd-item {
margin-right:10px;
margin-left:10px
}
.prodd-item__title {
font-size:16px
}
}
@media (max-width: 750px) {
.list-prodd>li {
width:50%
}
.list-prodd>li:nth-of-type(n+3) {
margin-top:30px
}
.prodd-item__title {
font-size:12px
}
}
.param-table {
	/*overflow-x:auto*/
}
.param-table table {
	max-width:100%;
	text-align:center
}
.param-table table th {
	padding:10px 20px;
	font:700 24px/40px "Montserrat";
	color:#fff;
	background-color:#006573;
	white-space:nowrap
}
.param-table table tbody tr:nth-of-type(2n+1) {
 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.param-table table tbody tr:nth-of-type(n+100) {
display:none
}
.param-table table tbody td {
	padding:10px 20px;
	font:500 18px/40px "Montserrat";
	white-space:nowrap
}
.param-table.active table tbody tr:nth-of-type(n+100) {
display:table-row
}
.param-more {
	width:40px;
	height:40px;
	background-color:#006573;
	color:#fff;
	margin-right:auto;
	margin-left:auto;
	border-radius:50%;
	box-shadow:0 0 6px #006573;
	cursor:pointer;
	font-size:20px;
	text-align:center;
	line-height:40px
}
.param-more.active::before {
content:"\e610"
}
@media (max-width: 1680px) {
.param-table table th {
padding-top:10px;
padding-bottom:10px;
font-size:20px
}
.param-table table tbody td {
padding-top:10px;
padding-bottom:10px;
font-size:16px
}
}
@media (max-width: 1024px) {
.param-table table th {
font-size:16px
}
.param-table table tbody td {
font-size:14px
}
}
@media (max-width: 750px) {
.param-table table th {
padding-top:0;
padding-bottom:0;
font-size:16px
}
.param-table table tbody td {
padding-top:0;
padding-bottom:0;
font-size:14px
}
}
.prod-download {
 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
}
.footer-help {
	padding:100px 0;
	/*background-color:#02132D*/
	background-image: linear-gradient(rgba(191, 190, 188, 1), rgba(160, 159, 157, 1));
}
.btn-contact {
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:140px;
	height:40px;
	font:500 14px/40px "Montserrat";
	background-color:#006573;
	color:#fff;
	border-radius:20px;
	text-align:center
}
@media (min-width: 1025px) {
.btn-contact:hover {
box-shadow:0 0 12px #006573
}
}
@media (max-width: 1680px) {
.footer-help {
padding:80px 0
}
}
@media (max-width: 1024px) {
.footer-help {
padding:50px 0
}
}
.list-rpro {
	margin-right:-25px;
	margin-left:-25px
}
.list-rpro.type>li {
	width:50%;

}
.list-rpro.type>li:first-of-type {
	float:left
}
.list-rpro.type>li:first-of-type .rpro-item {
	height:788px
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__txt {
	top:25%;
	margin-top:-17px
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__img {
	position:absolute;
	bottom:0;
	left:20%;
	width:60%
}
.list-rpro.type>li:last-of-type {
	margin-top:68px
}
.rpro-item {
	display:block;
	position:relative;
	overflow:hidden;
	margin-right:25px;
	margin-left:25px;
	 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	text-align:right;
	margin-bottom:50px
}

@media (max-width: 768px) {
	.rpro-item {
	margin-bottom:20px
}
}


.rpro-item__img {
	display:inline-block;
	vertical-align:top;
	width:360px;
	max-width:45%
}
.rpro-item__img::before {
padding-top:100%
}
.rpor-item__name {
	position:absolute;
	top:50%;
	left:50%;
	font:700 90px/1 "Montserrat";
	color:#006573;
	opacity:.2;
	letter-spacing:0.3em;
	text-transform:uppercase;
	-webkit-transform:translate(-50%, -80%);
	transform:translateX(-50%, -80%)
}
.rpro-item__txt {
	position:absolute;
	top:50%;
	left:5%;
	width:45%;
	color:#fff;
	text-align:left
}
.rpro-item__line {
	display:block;
	width:4px;
	height:20px;
	background-color:#006573;
	box-shadow:0 0 6px #006573
}
.rpro-item__title {
	margin-top:.625em;
	font:700 32px/1.25 "Montserrat"
}
.rpro-item_desc {
	margin-top:2em;
	height:6em;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font:500 14px/2 "Montserrat"
}
@media (max-width: 1680px) {
.list-rpro {
margin-right:-20px;
margin-left:-20px
}
.list-rpro.type>li:first-of-type .rpro-item {
height:760px
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__txt {
margin-top:-10px
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__img {
left:10%;
width:80%
}
.list-rpro.type>li:last-of-type {
margin-top:40px
}
.rpro-item {
margin-right:20px;
margin-left:20px
}
.rpro-item__title {
font-size:24px
}
}
@media (max-width: 1280px) {
.list-rpro {
margin-right:-20px;
margin-left:-20px
}
.list-rpro>li {
width:100%
}
.list-rpro>li:nth-of-type(n+2) {
margin-top:40px
}
.list-rpro.type>li {
width:100%
}
.list-rpro.type>li:first-of-type .rpro-item {
height:auto !important
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__txt {
top:50%;
margin-top:0
}
.list-rpro.type>li:first-of-type .rpro-item .rpro-item__img {
position:relative;
width:360px;
bottom:auto;
left:auto
}
.list-rpro.type>li:nth-of-type(n+2) {
margin-top:40px
}
}
@media (max-width: 1024px) {
.rpro-item__title {
font-size:20px
}
.list-rpro.type>li:nth-of-type(n+2) {
margin-top:20px
}
}
@media (max-width: 480px) {
.rpro-item {
padding:20px 0 0
}
.rpro-item__txt {
position:relative;
z-index:5;
width:90%;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.rpro-item_desc {
margin-top:1em;
font-size:12px
}
.rpro-item__img {
width:60% !important;
max-width:60%
}
}
.cform-box {
	font-size:0;
	margin-right:-2px;
	margin-left:-2px
}
.cform-item {
	display:inline-block;
	vertical-align:top
}
.cform-item.d-none {
	display:none
}
.cform-item__wrap {
	position:relative;
	margin-right:2px;
	margin-left:2px
}
.cform-item__wrap label.error {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	line-height:14px;
	color:#333
}
.cform-item__code {
	position:relative;
	padding-right:154px
}
.cform-item__code img {
	position:absolute;
	right:0;
	top:0;
	width:150px;
	height:54px
}
.col-25 {
	width:25%
}
.col-50 {
	width:50%
}
.col-33 {
	width:33.3333%
}
.col-66 {
	width:66.6666%
}
.col-100 {
	width:100%
}
.cform-name {
	position:relative;
	padding-left:180px
}
.cform-name>span {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:180px;
	text-align:center;
	font:400 14px/54px "Montserrat";
	background-color:#0B0B0B;
	color:#fff !important
}
.cform-select {
	display:block;
	width:100%;
	padding:16px 0 16px 15px;
	border:0;
	outline:0;
	background-color:#F1F5F8;
	font:400 16px/1 "Montserrat";
	color:#FFF !important;
	border-right:10px solid #F1F5F8
}
.cform-input {
	display:block;
	border:0;
	padding:0 0 0 15px;
	width:100%;
	height:54px;
	outline:0;
	 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	color:#FFF !important;
	font-size:16px;
	font-weight:400;
	font-family:"Montserrat";
	box-sizing:border-box
}
.cform-textarea {
	display:block;
	width:100%;
	padding:10px 15px;
	border:0;
	outline:0;
	resize:none;
	 background-image: linear-gradient(rgba(160, 159, 157, 1), rgba(191, 190, 188, 1));
	color:#FFF !important;
	font-size:16px;
	font-weight:400;
	font-family:"Montserrat";
	line-height:1.5;
	box-sizing:border-box
}
.cform-submit {
	display:inline-block;
	vertical-align:top;
	width:140px;
	height:44px;
	border-radius:44px;
	outline:0;
	font-weight:400;
	font-family:"Montserrat";
	border:0;
	padding:0;
	background-color:#006573;
	color:#fff !important;
	font-size:16px;
	cursor:pointer
}
.cform-submit:hover {
	box-shadow:0 0 12px #006573
}
@media (max-width: 1600px) {
.contact-item__title {
font-size:36px;
line-height:40px
}
.contact-item__title>span {
font-size:32px;
line-height:40px
}
.contact-item__info {
padding:40px
}
.contact-item__part {
font-size:20px
}
.contact-item__desc {
margin-top:40px
}
.contact-item__info {
height:auto
}
.contact-thanks h3 {
font-size:24px
}
}
@media (max-width: 1400px) {
.contact-item__title {
font-size:28px
}
.contact-item__title>span {
font-size:24px
}
.contact-item__part {
font-size:16px
}
.contact-thanks h3 {
font-size:20px
}
}
@media (max-width: 1200px) {
.contact-item__info {
padding:20px
}
.cform-input {
font-size:12px;
height:40px
}
.cform-item__code {
padding-right:115px
}
.cform-item__code img {
height:40px;
width:auto
}
.cform-textarea {
font-size:12px;
line-height:20px;
height:80px
}
.cform-name {
padding-left:140px
}
.cform-name>span {
line-height:40px;
font-size:12px;
width:140px
}
.cform-select {
font-size:12px;
padding-top:14px;
padding-bottom:14px;
padding-left:10px
}
.cform-submit {
height:40px
}
}
@media (max-width: 1024px) {
.list-contact>li {
width:50%
}
.contact-thanks {
width:auto
}
.cform-item.col-66 {
width:100%
}
.cform-item.col-33 {
width:50%
}
}
@media (max-width: 768px) {
.contact-item__title {
font-size:24px
}
.contact-item__title>span {
font-size:20px
}
.list-contact>li {
width:100%
}
.contact-item__part {
font-size:14px
}
}
@media (max-width: 640px) {
.cform-item {
margin-top:16px
}
.cform-item.col-33 {
width:100%
}
.cform-name {
padding-left:120px
}
.cform-name>span {
width:120px;
font-size:12px
}
.cform-select {
padding-left:10px;
font-size:12px
}
.select-arrow {
font-size:12px;
right:10px
}
}
.layer-msg-container {
	position:fixed;
	z-index:200;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.layer-msg-bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.7)
}
.layer-msg-main {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.layer-msg-box {
	position:relative;
	width:1320px;
	padding:60px 0;
	background-color:#fff
}
.layer-msg-wrap {
	margin-right:60px;
	margin-left:60px
}
.layer-msg-close {
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	width:2em;
	height:2em;
	text-align:center;
	line-height:2;
	color:#0B0B0B;
	cursor:pointer
}
@media (max-width: 1400px) {
.layer-msg-wrap {
margin-right:40px;
margin-left:40px
}
.layer-msg-box {
padding:30px 0;
width:calc(100vw - 80px)
}
}
@media (max-width: 750px) {
.layer-msg-wrap {
margin-right:20px;
margin-left:20px
}
.layer-msg-wrap .cform-textarea {
height:6em
}
.layer-msg-wrap .cform-input {
height:40px
}
.layer-msg-box {
width:calc(100vw - 40px)
}
.layer-msg-wrap .cform-input {
height:32px
}
.layer-msg-wrap .cform-select {
padding-top:8px;
padding-bottom:7px
}
.layer-msg-wrap .cform-box {
margin-top:0
}
.layer-msg-wrap .cform-item__code img {
height:32px
}
.layer-msg-box {
height:480px;
overflow-y:scroll
}
}
.list-search {
	font-size:0
}
.list-search input {
	display:inline-block;
	vertical-align:top;
	width:300px;
	border:0;
	background-color:#F1F5F8;
	padding:0 15px;
	outline:0;
	font:500 16px/40px "Montserrat";
	color:#0B0B0B
}
.list-search button {
	margin-left:10px;
	display:inline-block;
	padding:0 20px;
	border:0;
	font:500 16px/40px "Montserrat";
	color:#fff;
	background-color:#006573
}
.list-default {
	margin-right:-10px;
	margin-left:-10px
}
.list-item {
	margin-right:10px;
	margin-left:10px
}
.list-company>li {
	margin-bottom:50px
}
.company-intro {
	font-size:20px;
	line-height:2;
	color:#0B0B0B;
	font-family:"Montserrat";
	font-weight:500
}
.citem {
	display:block;
	position:relative;
	padding:40px 40px 20px;
	background-color:#fff;
	box-sizing:border-box;
	min-height:400px
}
.citem__title, .citem__desc {
	display:inline-block;
	vertical-align:top
}
.citem__title {
	width:40%;
	margin-right:10%;
	font-size:20px;
	line-height:1.5;
	color:#0B0B0B;
	font-weight:500;
	font-family:"Montserrat"
}
.citem__desc {
	width:50%;
	font-size:14px;
	line-height:2;
	color:#A7A7A7;
	font-family:"Montserrat";
	font-weight:500
}
.citem__logo {
	position:absolute;
	bottom:20px;
	left:40px;
	width:170px
}
.citem__logo::before {
padding-top:58.82353%
}
@media (min-width: 1025px) {
.citem:hover .citem__title {
color:#006573
}
}
@media (max-width: 1400px) {
.citem {
padding:30px 30px 20px
}
.citem__logo {
left:30px
}
}
@media (max-width: 1280px) {
.citem {
padding:20px
}
.citem__title, .company-intro {
font-size:16px
}
.citem__logo {
left:20px
}
}
@media (max-width: 1024px) {
.list-company>li {
margin-bottom:30px
}
}
@media (max-width: 800px) {
.list-company>li {
width:100%
}
.citem {
min-height:inherit
}
.citem__title {
width:100%;
margin-right:0
}
.citem__desc {
width:100%;
margin-top:10px
}
.citem__logo {
margin-top:40px;
position:relative;
bottom:auto;
left:auto;
width:120px
}
}
@media (max-width: 480px) {
.citem__title, .company-intro {
font-size:14px
}
.citem__desc {
font-size:12px
}
}
.section-inventory {
	background-color:#112E5C;
	min-height:calc(100vh - 100px);
	box-sizing:border-box
}
.sin-title {
	font:300 40px/1 "Montserrat";
	color:#fff
}
.sin-desc {
	margin-top:.5em;
	font:300 20px/1 "Montserrat";
	color:#fff
}
.sin-input-box {
	position:relative
}
.sin-input-box label.error {
	position:absolute;
	top:100%;
	left:0;
	font:300 12px/1 "Montserrat";
	color:#fff
}
.sin-iput {
	display:block;
	width:100%;
	max-width:360px;
	height:45px;
	margin:0;
	padding:0;
	border:0;
	padding-left:10px;
	outline:0;
	margin-top:20px;
	font-size:16px;
	color:#000
}
.sin-submit {
	display:inline-block;
	vertical-align:top;
	padding:0;
	border:0;
	outline:0;
	text-decoration:underline;
	color:#fff;
	font:300 20px/1 "Montserrat";
	cursor:pointer;
	margin-top:30px;
	background-color:transparent
}
.sin-table-box {
	overflow-x:auto
}
.sin-table {
	width:100%
}
.sin-table td, .sin-table th {
	padding:10px;
	text-align:center;
	font:300 20px/1.5 "Montserrat";
	color:#fff;
	border:1px solid #fff;
	white-space:nowrap
}
.sin-table th {
	border-top:2px solid #fff
}
.sin-table th:first-of-type {
	border-right:2px solid #fff
}
.sin-table td {
	border:1px solid #fff
}
.sin-table td:first-of-type {
	border-right:2px solid #fff
}
@media (max-width: 1024px) {
.sin-table td, .sin-table th {
font-size:16px
}
.sin-title {
font-size:32px
}
}
@media (max-width: 640px) {
.sin-table td, .sin-table th {
font-size:14px
}
.sin-title {
font-size:24px
}
.sin-desc {
font-size:16px
}
}
.market-table {
	max-width:1400px;
	margin-right:auto;
	margin-left:auto
}
.market-table::before {
padding-top:40%
}
.calc-canvas {
	position:fixed;
	top:0;
	left:200%
}
@media (max-width: 1280px) {
.page-calc {
min-width:1280px
}
.page-calc .wrap {
min-width:1240px !important;
margin-right:auto !important;
margin-left:auto !important
}
.page-calc .wrap {
margin-right:20px !important;
margin-left:20px !important
}
.list-calc {
margin-right:-10px;
margin-left:-10px
}
}
.list-calc {
	margin-right:-15px;
	margin-left:-15px
}
.list-calc>li:nth-of-type(1) {
width:30%
}
.list-calc>li:nth-of-type(2) {
width:22%
}
.list-calc>li:nth-of-type(3) {
width:48%
}
.calc-header {
	background-color:#F1F5F8;
	padding:30px 0;
	position:relative;
	z-index:20;
	right:0;
	left:0
}
.btn-calc-header {
	position:absolute;
	top:100%;
	left:50%;
	width:80px;
	height:20px;
	background-color:#F1F5F8;
	color:#0B0B0B;
	margin-left:-40px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	text-align:center;
	cursor:pointer
}
.btn-calc-header::before {
display:inline-block;
vertical-align:top;
font-size:14px;
line-height:20px;
width:20px;
color:#0B0B0B;
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.btn-calc-header:hover {
	padding:5px 0;
	color:#006573
}
.calc-header-box {
	height:auto;
	min-width:1200px
}
.calc-body {
	min-width:1200px
}
.fixed-menu .calc-header {
	top:0
}
.toggle-cfilter .calch-item {
	height:60px
}
.toggle-cfilter .calc-header-box {
	height:auto
}
.toggle-cfilter .btn-calc-header::before {
-webkit-transform:rotate(0);
transform:rotate(0)
}
.toggle-cfilter .btn-calc-results {
	bottom:10px
}
@media (max-width: 1380px) {
.btn-calc-results {
width:auto;
padding:0 10px
}
.btn-calc-results>span {
display:inline-block;
vertical-align:top
}
}
@media (max-width: 1200px) {
.calc-header {
padding:20px 0
}
.calc-header-box {
height:auto
}
.fixed-menu .calc-header {
top:auto
}
.fixed-menu .calc-header-box {
height:auto
}
}
.calch-item {
	position:relative;
	overflow:hidden;
	padding:20px 20px 0;
	background-color:#fff;
	margin-right:15px;
	margin-left:15px;
	height:230px;
	box-sizing:border-box
}
@media (max-width: 1360px) {
.calch-item {
margin-right:10px;
margin-left:10px
}
}
.calch-item__caption {
	font:500 20px/1 "Montserrat";
	color:#006573
}
.calch-item__title {
	display:inline-block;
	vertical-align:top;
	width:110px;
	font:500 14px/1 "Montserrat";
	color:#A7A7A7;
	white-space:nowrap
}
.calch-item__select {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 110px)
}
.calch-item__radio {
	font-size:0
}
.calch-item__radio .calc-number {
	width:calc(100% - 110px)
}
.calch-item__radio .calch-item__title {
	line-height:30px
}
.calc-radio-input {
	display:none
}
.calc-radio-input:checked+label {
	color:#006573
}
.calc-radio-input:checked+label::before {
border-color:#006573;
background-color:#006573
}
.calc-radio-input:checked+label::after {
border-color:#006573
}
.calc-radio-label {
	position:relative;
	padding-left:10px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
	box-sizing:border-box;
	font:500 14px/36px "Montserrat";
	color:#A7A7A7;
	text-transform:capitalize;
	cursor:pointer
}
.calc-radio-label::before {
content:"";
display:none;
position:absolute;
top:50%;
left:0;
margin-top:-4px;
width:4px;
height:4px;
border:2px solid #A7A7A7;
border-radius:50%
}
.calc-radio-label::after {
content:"";
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid #eee
}
.calc-radio-label.radio {
	padding-left:16px
}
.calc-radio-label.radio::before {
display:block
}
.calc-radio-label.rect {
	min-width:70px;
	text-align:center
}
.calc-radio-label.rect::after {
display:block
}
.btn-calc-results {
	position:absolute;
	bottom:30px;
	right:20px
}
.calc-number {
	position:relative;
	display:inline-block;
	vertical-align:top;
	padding:0 30px;
	box-sizing:border-box
}
.calc-number::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid rgba(0, 0, 0, 0.1);
pointer-events:none
}
.calc-number span {
	position:absolute;
	top:0;
	width:36px;
	height:36px;
	cursor:pointer;
	font-size:14px;
	line-height:36px;
	font-weight:500;
	text-align:center;
	color:#0B0B0B
}
.calc-number span::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid rgba(0, 0, 0, 0.1);
visibility:hidden;
opacity:0
}
.calc-number span:hover::after {
visibility:visible;
opacity:1
}
.calc-number .icon-minus {
	left:0
}
.calc-number .icon-plus {
	right:0
}
.calc-number input {
	display:block;
	width:100%;
	font-size:14px;
	font-family:"Montserrat";
	height:36px;
	border:0;
	padding:0;
	outline:0;
	margin:0;
	text-align:center;
	-moz-appearance:textfield
}
.calc-number input::-webkit-outer-spin-button, .calc-number input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}
.list-select-product {
	margin-right:-10px;
	margin-left:-10px
}
.select-pro-item {
	position:relative;
	margin-right:10px;
	margin-left:10px
}
.select-pro-item__area {
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	left:0;
	z-index:2;
	cursor:pointer
}
.calc-item__select {
	display:inline-block;
	vertical-align:top
}
.calc-item__select.columns, .calc-item__select.dot {
	width:25%;
	margin-right:20px
}
.calc-item__select.method {
	width:100%
}
.calc-item__select .calc-number {
	width:100%
}
.calc-item__select.size {
	margin-right:20px
}
.calc-item__select.env {
	width:calc(100% - 170px)
}
.calc-item__select.unit {
	margin-right:10px
}
.calc-select {
	padding:8px 9px 9px;
	outline:0;
	cursor:pointer;
	display:block;
	width:100%;
	border:1px solid rgba(0, 0, 0, 0.1);
	font-size:12px;
	color:#006573;
	font-family:"Montserrat";
	font-weight:400
}
.calc-select.normal {
	color:#A7A7A7
}
.calc-select.show {
	border-color:#006573;
	color:#006573
}
.calc-series {
	font-size:0
}
.calcs-left, .calcs-right {
	display:inline-block;
	vertical-align:top
}
.calcs-left {
	width:calc(100% - 130px);
	margin-right:10px
}
.calcs-right {
	width:120px
}
.calcs-right::before {
padding-top:100%
}
.calcs-name {
	font:700 24px/1.5 "Montserrat";
	color:#0B0B0B
}
.calcs-more {
	display:inline-block;
	vertical-align:top;
	font:400 14px/1.25 "Montserrat";
	color:#006573;
	text-transform:uppercase;
	text-decoration:underline;
	cursor:pointer
}
.calc-box {
	position:relative;
	margin-top:200px;
	width:820px;
	margin-left:auto;
	margin-right:auto
}
.calc-wall {
	position:relative;
	height:492px;
	background-color:#F1F5F8
}
.calc-man {
	position:absolute;
	bottom:0;
	right:100%;
	height:50%;
	margin-right:60px;
	margin-bottom:-40px
}
.calc-man>img {
	position:absolute;
	bottom:0;
	right:0;
	height:100%;
	width:auto
}
.calc-man span {
	position:absolute;
	top:100%;
	margin-top:6px;
	right:0;
	white-space:nowrap;
	font:400 12px/1 "Montserrat";
	color:#333
}
.calc-man>div {
	position:absolute;
	bottom:0;
	left:100%;
	width:68px;
	font-size:12px;
	line-height:20px;
	border-bottom:1px dashed #A7A7A7;
	margin-bottom:10px;
	color:#0B0B0B;
	text-align:center;
	-webkit-transform:rotate(-26deg);
	transform:rotate(-26deg);
	transform-origin:bottom left
}
.calc-man-tip {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	line-height:20px;
	color:#A7A7A7;
	display:block;
	white-space:nowrap;
	font-family:"Montserrat"
}
.calc-wunit {
	position:absolute;
	top:-66px;
	right:0;
	left:0;
	height:66px;
	text-align:center
}
.calc-wunit::before, .calc-wunit::after {
content:"";
position:absolute;
top:0;
bottom:0
}
.calc-wunit::before {
left:0;
border-left:1px dashed #A5A5A5
}
.calc-wunit::after {
right:0;
border-right:1px dashed #A5A5A5
}
.calc-wunit-left, .calc-wunit-right {
	position:absolute;
	top:0;
	z-index:10
}
.calc-wunit-left>span, .calc-wunit-right>span {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50)
}
.calc-hunit-h {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-18px
}
.calc-top-handle {
	position:absolute;
	top:-116px;
	right:0;
	left:0;
	font-size:0;
	text-align:center
}
.calc-right-handle {
	position:absolute;
	top:50%;
	left:100%;
	margin-left:142px;
	width:36px;
	margin-top:-46px
}
.calc-btn-h {
	display:inline-block;
	vertical-align:top;
	width:46px;
	height:36px;
	background-color:#F1F5F8;
	font-size:16px;
	line-height:36px;
	text-align:center;
	color:#0B0B0B;
	cursor:pointer
}
.calc-btn-h.icon-plus {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px
}
.calc-btn-h.icon-minus {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px
}
.calc-btn-h:hover {
	background-color:#006573;
	color:#fff
}
.calc-btn-v {
	display:inline-block;
	vertical-align:top;
	height:46px;
	width:36px;
	background-color:#F1F5F8;
	font-size:16px;
	line-height:46px;
	text-align:center;
	color:#0B0B0B;
	cursor:pointer
}
.calc-btn-v.icon-plus {
	border-top-right-radius:30px;
	border-top-left-radius:30px
}
.calc-btn-v.icon-minus {
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px
}
.calc-btn-v:hover {
	background-color:#006573;
	color:#fff
}
.calc-wunit-left {
	left:0
}
.calc-wunit-right {
	right:0
}
.calc-uvalue {
	display:inline-block;
	vertical-align:top;
	min-width:72px;
	height:36px;
	text-align:center;
	font:400 14px/36px "Montserrat";
	background-color:#fff;
	color:#333
}
.calc-hunit {
	position:absolute;
	top:0;
	bottom:0;
	left:100%;
	width:112px
}
.calc-hunit::before, .calc-hunit::after {
content:"";
position:absolute;
right:0;
left:0
}
.calc-hunit::before {
border-top:1px dashed #A5A5A5;
top:0
}
.calc-hunit::after {
border-bottom:1px dashed #A5A5A5;
bottom:0
}
.calc-hunit-top, .calc-hunit-bottom {
	position:absolute;
	right:0;
	left:0;
	z-index:10
}
.calc-hunit-top>span, .calc-hunit-bottom>span {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-18px
}
.calc-hunit-top {
	top:0
}
.calc-hunit-bottom {
	bottom:0
}
.calc-screen {
	position:absolute;
	top:50%;
	left:50%;
	width:410px;
	height:280px;
	background-image:url(../assets/img/calc_bg.jpg);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.calc-out-vline {
	position:absolute;
	bottom:100%;
	right:0;
	left:0;
	border-right:1px dashed #A5A5A5;
	border-left:1px dashed #A5A5A5
}
.calc-out-hline {
	position:absolute;
	left:100%;
	top:0;
	bottom:0;
	border-top:1px dashed #A5A5A5;
	border-bottom:1px dashed #A5A5A5
}
.calc-vline, .calc-hline {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.calc-vline>span, .calc-hline>span {
	position:absolute;
	background-color:rgba(255, 255, 255, 0.2)
}
.calc-vline>span {
	right:0;
	left:0;
	height:1px
}
.calc-hline>span {
	top:0;
	bottom:0;
	width:1px
}
.calc-prods {
	position:fixed;
	z-index:200;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.5);
	display:none
}
.calc-prods-main {
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	margin-left:-500px;
	box-sizing:border-box;
	padding:60px;
	font-size:0;
	background-color:#fff;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.calc-pmh-left {
	display:inline-block;
	vertical-align:top;
	width:38%;
	background-color:#F8FAFB
}
.calc-pmh-left::before {
padding-top:100%
}
.calc-pmh-left img {
	top:10%;
	left:10%;
	width:80%
}
.calc-pmh-right {
	display:inline-block;
	vertical-align:top;
	width:calc(62% - 50px);
	margin-left:50px
}
.calc-pe {
	font:700 14px/1 "Montserrat";
	color:#0B0B0B;
	text-transform:capitalize
}
.calc-ptitle {
	font:700 28px/1.5 "Montserrat";
	color:#0B0B0B
}
.calc-pdetail {
	font:300 14px/2 "Montserrat";
	color:#0B0B0B
}
.calc-pdetail>p>span {
	font-weight:400
}
.calcp-btn {
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	font:300 14px/40px "Montserrat";
	padding:0 20px;
	border:1px solid #006573;
	color:#006573;
	border-radius:40px;
	text-transform:capitalize
}
.calcp-btn>span {
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:40px;
	margin-right:4px
}
.calcp-btn:last-of-type {
	margin-right:0
}
.calcp-btn.current {
	background-color:#006573;
	color:#fff
}
.calcp-btn:hover {
	background-color:#006573;
	color:#fff
}
.calcp-btn-contact {
	display:inline-block;
	vertical-align:top;
	font-size:0;
	width:150px;
	background-color:#006573;
	color:#fff;
	text-align:center;
	border-radius:20px
}
.calcp-btn-contact>span {
	display:inline-block;
	vertical-align:top;
	font:500 14px/40px "Montserrat";
	text-transform:capitalize
}
.calcp-btn-contact:hover {
	box-shadow:0 0 6px #006573
}
.cprodt-header {
	background-color:#02132D
}
.cprodt-header>span {
	display:inline-block;
	vertical-align:top;
	width:25%;
	font:400 14px/50px "Montserrat";
	text-align:center;
	color:#fff;
	text-transform:capitalize
}
.cprodt-body {
	max-height:200px
}
.cprodt-item {
	cursor:pointer;
	position:relative
}
.cprodt-item::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:-1px;
left:0;
border:1px solid rgba(0, 73, 199, 0.6);
visibility:hidden;
opacity:0
}
.cprodt-item:hover::before {
visibility:visible;
opacity:1
}
.cprodt-item>span {
	display:inline-block;
	vertical-align:top;
	width:25%;
	font:300 14px/50px "Montserrat";
	text-align:center;
	color:#0B0B0B
}
.cprodt-item:nth-of-type(2n+1) {
background-color:#F1F5F8
}
.calc-prods-close {
	position:absolute;
	top:5px;
	right:5px;
	font-size:20px;
	width:1.5em;
	line-height:1.5;
	text-align:center;
	color:#0B0B0B;
	text-align:center
}
.calc-results {
	padding:140px 0 100px
}
.calc-res-title {
	font:700 40px/1 "Montserrat";
	color:#0B0B0B
}
.calcrp-header {
	padding-left:30px;
	font:700 14px/50px "Montserrat";
	color:#fff;
	background-color:#02132D
}
.calcrp-item {
	font-size:0
}
.calcrp-item:nth-of-type(2n) {
background-color:#F1F5F8
}
.calcrp-item__title, .calcrp-item__desc {
	display:inline-block;
	vertical-align:top
}
.calcrp-item__title {
	font:700 14px/50px "Montserrat";
	width:440px;
	margin-left:30px
}
.calcrp-item__desc {
	font:400 14px/50px "Montserrat";
	width:200px;
	margin-left:30px
}
.calc-res-header {
	position:relative
}
.calc-resh-handle {
	position:absolute;
	top:5px;
	right:0
}
.calc-resh-handle>a {
	margin-left:20px
}
.calc-loading {
	z-index:200;
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color:rgba(255, 255, 255, 0.9)
}
.calc-loading-img {
	position:absolute;
	top:50%;
	left:50%;
	width:48px;
	margin-top:-24px
}
.calc-loading-img::before {
padding-top:100%
}
.calc-nodata {
	position:fixed;
	z-index:300;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color:rgba(255, 255, 255, 0.5);
	display:none
}
.calc-nodata.show {
	display:block
}
.calc-nodata.contact .calc-nodata-title {
	width:600px;
	margin-left:-300px
}
.calc-nodata-title {
	position:absolute;
	top:50%;
	width:300px;
	font-size:16px;
	line-height:1;
	padding:1em 0;
	width:300px;
	text-align:center;
	color:#000;
	font-family:"Montserrat";
	font-weight:400;
	background-color:#fff;
	left:50%;
	margin-left:-150px;
	margin-top:-30px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.1)
}
.calc-fhd, .calc-uhd {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0
}
.calc-fhd span, .calc-uhd span {
	position:absolute;
	box-sizing:border-box
}
.calc-fhd span::before, .calc-uhd span::before {
position:absolute;
top:0;
left:0;
font-size:12px;
line-height:20px;
padding:0 5px;
background-color:#fff;
color:#006573
}
.calc-fhd span::after, .calc-uhd span::after {
content:"";
position:absolute;
top:-1px;
right:0;
bottom:0;
left:-1px;
border:1px solid rgba(255, 255, 255, 0.8)
}
.calc-fhd span::before {
content:"FHD"
}
.calc-uhd span::before {
content:"UHD"
}
@media (max-width: 1560px) {
.calc-radio-label.rect {
min-width:32px
}
.calc-item__select.env {
width:calc(100% - 150px)
}
.calc-item__select.size {
margin-right:10px
}
}
@media (max-width: 1440px) {
.calc-radio-label {
font-size:12px
}
.calch-item__title {
font-size:12px
}
}
.btn-chose-model {
	display:block;
	font-size:14px;
	line-height:34px;
	border:1px solid rgba(0, 0, 0, 0.1);
	color:#0B0B0B;
	text-transform:uppercase;
	text-align:center
}
.btn-chose-model:hover {
	background-color:#006573;
	color:#fff
}
.layer-calc-products {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:200;
	visibility:hidden;
	opacity:0;
	top:100%;
	overflow:hidden
}
.layer-calc-products.show {
	visibility:visible;
	opacity:1;
	top:0
}
.lcp-bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.5)
}
.lcp-main {
	position:absolute;
	top:50%;
	right:0;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.lcp-wrap-box {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
	width:1000px
}
.lcp-wrap {
	position:relative;
	padding:20px 40px;
	font-size:0;
	background-color:#fff
}
.lcp-title {
	font-size:24px;
	font-weight:500;
	color:#000
}
.lcp-close {
	position:absolute;
	top:0;
	right:0;
	z-index:10;
	font-size:20px;
	width:40px;
	line-height:40px;
	color:#000;
	text-align:center;
	cursor:pointer
}
.lcp-detail {
	padding:10px 40px;
	border:1px solid rgba(0, 0, 0, 0.1)
}
.lcpd-img {
	width:160px;
	display:inline-block;
	vertical-align:top
}
.lcpd-img::before {
padding-top:100%
}
.lcpd-intro, .lcpd-handle {
	display:inline-block;
	vertical-align:top
}
.lcpd-handle {
	width:210px
}
.lcpd-intro {
	width:calc(100% - 500px);
	margin:0 25px
}
.lcpd-intro__wrap {
	display:flex;
	height:160px;
	align-items:center
}
.lcpdi-desc h3 {
	font-size:20px;
	margin-bottom:.5em
}
.lcpdi-desc li {
	line-height:1.5;
	font-size:16px
}
.lcpdi-desc li span {
	font-weight:700
}
.lcpdh-btn {
	display:block;
	font-size:14px;
	line-height:42px;
	border:1px solid #0B0B0B;
	border-radius:3px;
	text-align:center;
	text-transform:uppercase;
	margin:10px 0;
	color:#0B0B0B
}
.lcpdh-btn.select {
	background-color:#006573;
	color:#fff;
	border-color:#006573
}
.lcpd-handle__wrap {
	display:flex;
	align-items:center;
	height:160px
}
.lcpd-handle__wrap>div {
	width:100%
}
.lcp-list {
	margin-top:20px
}
.lcpl-header {
	font-size:0
}
.lcpl-header span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:25%;
	font-size:16px;
	font-weight:700;
	text-align:center;
	color:#0B0B0B;
	line-height:1.5
}
.lcpl-header span::before {
content:"";
position:absolute;
top:50%;
left:0;
width:1px;
height:14px;
background-color:#A7A7A7;
margin-top:-7px
}
.lcpl-header span:first-of-type::before {
display:none
}
.lcpl-body {
	border-top:1px solid #0B0B0B;
	margin-top:20px;
	max-height:calc(100vh - 600px);
	min-height:240px
}
.lcpl-body .simplebar-track.simplebar-vertical {
	right:-14px;
	background-color:#A7A7A7;
	width:4px
}
.lcpl-body .simplebar-scrollbar {
	background-color:#0B0B0B
}
.lcpl-item {
	position:relative
}
.lcpl-radio {
	display:none
}
.lcpl-radio:checked+label::before {
visibility:visible;
opacity:1
}
.lcpl-radio:checked+label::after {
visibility:hidden;
opacity:0
}
.lcpl-label {
	position:relative;
	display:block;
	font-size:0;
	padding:18px 0;
	cursor:pointer;
transition:all .3s
}
.lcpl-label::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:1px;
background-color:#A7A7A7;
transition:all .3s
}
.lcpl-label::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid #0B0B0B;
visibility:hidden;
opacity:0;
transition:all .3s
}
.lcpl-label>span {
	display:inline-block;
	vertical-align:top;
	width:25%;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#0B0B0B
}
.lcpl-label:hover {
	background-color:#f2f2f2
}
.layer-msg-box.contact {
	width:600px
}
.layer-msg-container.contact {
	display:none
}
.layer-msg-container.show {
	display:block
}
.page-ztv .fixed-cookie {
	display:none !important
}
.ztv-banner {
	position:relative;
	height:calc(100vh - 100px);
	min-height:640px
}
.ztv-banner__bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.ztv-banner__bg.mask::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.6)
}
.ztvb-wrap {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:1600px;
	margin-left:-800px
}
.ztvb-txt {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	max-width:900px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.ztvbt-intro {
	color:#fff
}
.ztvbt-intro h1 {
	margin-bottom:.5em;
	font:700 50px/1.35 "Montserrat"
}
.ztvbt-intro h2 {
	margin-bottom:1em;
	font:400 24px/1.25 "Montserrat"
}
.ztvbt-intro p {
	font:300 14px/1.75 "Montserrat"
}
.ztvbt-intro.part h2 {
	font-size:50px;
	font-weight:700
}
.ztvbt-intro.black h1 {
	color:#0B0B0B
}
.ztvbt-intro.black h2 {
	color:#0B0B0B
}
.ztvbt-intro.black p {
	color:#333
}
.ztvbt-intro.what {
	max-width:1200px
}
@media (max-width: 1680px) {
.ztvb-wrap {
width:auto;
right:40px;
left:40px;
width:auto;
margin-left:0
}
.ztvbt-intro h1 {
font-size:48px
}
.ztvbt-intro h2 {
font-size:20px
}
.ztvbt-intro.part h2 {
font-size:48px
}
}
@media (max-width: 1200px) {
.ztv-banner {
height:auto;
min-height:inherit
}
.ztv-banner__bg {
position:relative
}
.ztv-banner__bg::before {
content:"";
display:block;
padding-top:50%
}
.ztvb-wrap {
position:relative;
right:auto;
left:auto;
background-color:#02132D;
padding:40px 20px
}
.ztvb-txt {
position:relative;
top:auto;
left:auto;
right:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@media (max-width: 1024px) {
.ztvbt-intro h1 {
font-size:32px
}
.ztvbt-intro.part h2 {
font-size:32px
}
}
@media (max-width: 750px) {
.ztvbt-intro h1 {
font-size:24px
}
.ztvbt-intro h2 {
font-size:16px
}
.ztvbt-intro.part h2 {
font-size:24px
}
}
.ztv-video::before {
padding-top:56.25%
}
.ztv-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.ztv-video.active .ztvv-wrap {
	visibility:hidden;
	opacity:0;
	pointer-events:none
}
.ztvv-wrap {
	position:absolute;
	z-index:5;
	bottom:60px;
	left:50%;
	width:1600px;
	margin-left:-800px
}
.ztvv-intro {
	display:inline-block;
	vertical-align:top;
	max-width:600px;
	color:#fff
}
.ztvv-intro h2 {
	margin-bottom:.5em;
	font:700 40px/1.5 "Montserrat"
}
.ztvv-intro p {
	font:300 14px/1.5 "Montserrat"
}
.cway-item__img.btn {
	cursor:pointer;
-webkit-transition:all .3s;
transition:all .3s
}
.cway-item__img.btn:hover {
	-webkit-transform:scale(0.9);
	transform:scale(0.9)
}
@media (max-width: 1680px) {
.ztvv-wrap {
left:40px;
right:40px;
width:auto;
margin-left:0;
bottom:40px
}
.ztvv-intro h3 {
font-size:32px
}
}
@media (max-width: 1200px) {
.ztvv-wrap {
left:20px;
right:20px;
width:auto;
margin-left:0;
bottom:20px
}
}
@media (max-width: 1024px) {
.ztv-video::before {
padding-top:56.25%
}
.ztvv-intro h3 {
font-size:24px
}
}
@media (max-width: 750px) {
.ztvv-intro h3 {
font-size:20px
}
}
@media (max-width: 640px) {
.ztvv-wrap {
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
padding:20px
}
.ztvv-intro {
color:#0B0B0B
}
.ztv-video video {
height:56.25vw
}
}
.zt-led {
	background-color:#02132D
}
.list-vp {
	margin-right:-30px;
	margin-left:-30px
}
.list-vp.right>li:nth-of-type(3) .vp-item__img span {
visibility:visible;
opacity:1
}
.list-vp.left>li:nth-of-type(1) .vp-item__img span {
visibility:visible;
opacity:1
}
.vp-item {
	margin-right:30px;
	margin-left:30px
}
.vp-item__img {
	background-color:#f8f8f8
}
.vp-item__img::before {
padding-top:61.22449%
}
.vp-item__img span {
	position:absolute;
	top:100%;
	right:0;
	margin-top:10px;
	font-size:12px;
	line-height:1;
	color:#0B0B0B;
	visibility:hidden;
	opacity:0;
	font-family:"Montserrat";
	font-weight:300
}
.vp-item__img span.white {
	color:#fff
}
.vp-item__img span.left {
	left:0
}
.vp-item__intro {
	padding:40px 10px
}
.vp-item__title {
	font:700 24px/1.5 "Montserrat";
	color:#0B0B0B
}
.vp-item__title.white {
	color:#fff
}
.vp-item__desc {
	margin-top:1.5em;
	font:300 14px/1.5 "Montserrat";
	color:#333
}
.vp-item__desc.white {
	color:#fff
}
@media (max-width: 1680px) {
.list-vp {
margin-right:-20px;
margin-left:-20px
}
.vp-item {
margin-right:20px;
margin-left:20px
}
.vp-item__title {
font-size:20px
}
}
@media (max-width: 1200px) {
.list-vp {
margin-right:-10px;
margin-left:-10px
}
.vp-item {
margin-right:10px;
margin-left:10px
}
.vp-item__intro {
padding-top:30px;
padding-bottom:30px
}
}
@media (max-width: 1024px) {
.vp-item__title {
font-size:16px
}
}
@media (max-width: 640px) {
.list-vp>li {
width:100%
}
.list-vp>li:nth-of-type(n+2) {
margin-top:30px
}
}
.list-whatimg {
	margin-right:-15px;
	margin-left:-15px
}
.whatimg-item {
	margin-right:15px;
	margin-left:15px
}
.whatimg-item::before {
padding-top:72.26563%
}
.list-whatimg-source {
	font-size:12px;
	line-height:20px;
	color:#0B0B0B;
	font-family:"Montserrat";
	font-weight:300
}
.list-ztfind-source {
	font-size:12px;
	line-height:20px;
	color:#fff;
	font-family:"Montserrat";
	font-weight:300
}
@media (max-width: 1200px) {
.list-whatimg {
margin-right:-10px;
margin-left:-10px
}
.whatimg-item {
margin-right:10px;
margin-left:10px
}
}
@media (max-width: 640px) {
.list-whatimg>li {
width:100%
}
.list-whatimg>li:nth-of-type(n+2) {
margin-top:20px
}
}
.zt-solution {
	background-color:#02132D
}
.ztfind-header {
	font:500 24px/1 "Montserrat";
	color:#fff
}
.list-ztfind {
	margin-right:-30px;
	margin-left:-30px
}
.ztfind-item {
	margin-right:30px;
	margin-left:30px
}
.ztfind-item::before {
padding-top:61.03896%
}
@media (max-width: 1680px) {
.list-ztfind {
margin-right:-20px;
margin-left:-20px
}
.ztfind-item {
margin-right:20px;
margin-left:20px
}
}
@media (max-width: 1024px) {
.list-ztfind {
margin-right:-10px;
margin-left:-10px
}
.ztfind-item {
margin-right:10px;
margin-left:10px
}
}
.uso-item {
	display:block;
	position:relative;
	font-size:0;
	margin-top:140px
}
.uso-item::after {
content:"";
display:block;
clear:both
}
.uso-item:nth-of-type(2n+1) .uso-item__right {
float:left
}
.uso-item__left, .uso-item__right {
	display:inline-block;
	vertical-align:top;
	width:50%
}
.uso-item__intro {
	max-width:560px;
	margin:0 auto;
	padding-top:20px
}
.uso-item__desc h3 {
	font:700 40px/1.25 "Montserrat";
	color:#0B0B0B
}
.uso-item__desc h4 {
	font:500 20px/1.8 "Montserrat";
	color:#0B0B0B
}
.uso-item__desc p {
	font:300 14px/1.75 "Montserrat";
	color:#333
}
.uso-item__desc img {
	display:block;
	max-width:60%;
	height:auto !important
}
.uso-item__img img {
	display:block;
	width:80%;
	max-width:640px;
	margin:0 auto
}
.uso-item__logo img {
	display:block;
	max-width:60%
}
@media (max-width: 1680px) {
.uso-item {
margin-top:120px
}
.uso-item__desc h3 {
font-size:32px
}
.uso-item__desc h4 {
font-size:18px
}
}
@media (max-width: 1200px) {
.uso-item {
margin-top:100px
}
}
@media (max-width: 1024px) {
.uso-item {
margin-top:80px
}
.uso-item__desc h3 {
font-size:24px
}
.uso-item__desc h4 {
font-size:16px
}
}
@media (max-width: 750px) {
.uso-item {
margin-top:60px
}
.uso-item__desc h3 {
font-size:20px
}
.uso-item__desc h4 {
font-size:16px
}
.uso-item:nth-of-type(2n+1) .uso-item__right {
float:none
}
.uso-item__left, .uso-item__right {
width:100%
}
.uso-item__right {
margin-top:20px
}
}
.zt-case {
	background-color:#02132D
}
.slick-ztcase-box {
	margin-right:-30px;
	margin-left:-30px
}
.ztcase-item {
	display:block;
	margin-right:30px;
	margin-left:30px
}
.ztcase-item__img::before {
padding-top:61.03896%
}
.ztcase-item__title {
	margin-top:1em;
	margin-bottom:0.6em;
	font:600 24px/1.5 "Montserrat";
	color:#fff
}
.ztcase-item__desc {
	font:300 14px/1.75 "Montserrat";
	color:#fff
}
.ztcase-item__desc ul, .ztcase-item__desc li {
	list-style-type:disc;
	list-style-position:inside
}
.ztcase-dots {
	position:absolute;
	right:30px;
	top:-80px;
	font-size:0
}
.ztcase-dots>li {
	display:inline-block;
	vertical-align:top;
	margin:0 8px
}
.ztcase-dots>li button {
	display:inline-block;
	vertical-align:top;
	border:0;
	padding:0;
	outline:0;
	background-color:#fff;
	font-size:0;
	width:6px;
	height:20px;
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
	-webkit-transform:scaleY(0.3);
	transform:scaleY(0.3);
-webkit-transition:all .3s;
transition:all .3s
}
.ztcase-dots>li.slick-active button {
	-webkit-transform:scaleY(1);
	transform:scaleY(1);
	box-shadow:0 0 6px #006573;
	background-color:#006573 !important
	
}
@media (max-width: 1680px) {
.slick-ztcase-box {
margin-right:-20px;
margin-left:-20px
}
.ztcase-item {
margin-right:20px;
margin-left:20px
}
.ztcase-item__title {
font-size:20px
}
.ztcase-dots {
right:20px
}
}
@media (max-width: 1200px) {
.slick-ztcase-box {
margin-right:-10px;
margin-left:-10px
}
.ztcase-item {
margin-right:10px;
margin-left:10px
}
.ztcase-dots {
right:10px
}
}
@media (max-width: 1024px) {
.ztcase-item__title {
font-size:16px
}
}
@media (max-width: 750px) {
.ztcase-dots {
right:10px;
top:-40px
}
}
.error-404 {
	padding:60px 0
}
.error-404 h3 {
	color:#000;
	font-size:32px;
	letter-spacing:.1em;
	line-height:1.5;
	text-align:center
}
.error-404 p {
	font-size:14px;
	line-height:1.75;
	letter-spacing:0.01em;
	text-align:center;
	color:#000
}
.error-404 img {
	display:block;
	margin-right:auto;
	margin-left:auto;
	max-width:100%
}
.error-404 .btn-more {
	margin-right:10px;
	margin-left:10px
}
@media (max-width: 768px) {
.error-404 h3 {
font-size:20px
}
}
.search-wrap {
	margin-left:auto;
	margin-right:auto
}
.search-header h3 {
	color:#000;
	font-size:24px;
	letter-spacing:.1em;
	line-height:1.5;
	font-family:"Montserrat";
	font-weight:500
}
.search-header p {
	color:#666;
	font-size:18px;
	letter-spacing:.05em;
	line-height:1.5;
	font-family:"Montserrat";
	font-weight:500
}
.search-header p span {
	color:#006573
}
.list-search>li {
	margin-top:10px
}
.search-item {
	display:block;
	padding:10px 20px;
	background-color:#f9f9f9
}
.search-item h4 {
	color:#000;
	margin-bottom:.25em;
	font-size:18px;
	line-height:1.5;
	letter-spacing:.05em;
	font-family:"Montserrat";
	font-weight:500
}
.search-item p {
	color:#666;
	font-size:14px;
	line-height:1.5;
	font-family:"Montserrat";
	font-weight:500
}
.search-item:hover {
	background-color:#f2f2f2
}
.search-item:hover h4 {
	color:#0B0B0B
}