.header {
    position: fixed;
    left: 0;
    top: 0;
    overflow: visible;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
}
.search-mobi{display: none !important; background: #fff}
.header, .top {
    width: 100%;
    text-align: center;
    z-index:999;
}
.logo-top,.top {
	left: 0;background: #002c58;
	-webkit-transition: all .3s ease 0s;
	top: 0
}

.header.hide,
.header.hide.show {
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

.top {
	position: absolute; z-index: 999;
	transition: all .3s ease 0s
}

.logo-top {
    position: fixed; width: 284px; padding: 0 20px;
    transition: all .3s ease 0s;
    background-color: #fff;
    z-index: 101;
}

.logo {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/logo_w.png") center center no-repeat;
    background-size: contain;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 1;
}
.logo-top::after, .nav li.current::after {
    content: '';
}
.logo-top span {
	display: none
}

.logo-top::after {
	position: absolute;
	left: 100%;
	top: 0;
	width: 40px;
	height: 100%;
	margin: 0 0 0 -28px;
	background-color: #fff;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg)
}

.nav-click {
	position: fixed;
	top: 9px;
	right: 5px;
	display: none;
	width: 60px;
	height: 50px;
	background: url(../images/nav-click.png) center top no-repeat;
	cursor: pointer;
	z-index: 9999;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.nav-click.active {
	position: fixed;
	background-position: center bottom;
	-webkit-transform: translate3d(-250px, 0, 0);
	transform: translate3d(0px, 0, 0)
}

.navigation {
	top: 0px;
	display: block;
	width: calc(100% - 70px);
	height: 70px;
	z-index: 90;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	display: flex
}

.nav,
.nav li,
.nav li>a,
.nav ul {
	width: auto;
	height: 100%
}

.nav {
	/*display:inline-block;margin:0;z-index:100;font-size:0*/
	float: left;
	width: 100%
}

.nav li,
.nav li>a,
.nav ul,
.sub-menu {
	display: block
}

.nav ul {
	display: flex;
	vertical-align: middle;
	align-items: center;
	justify-content:flex-end;
	margin: 0; padding: 0; width: 100%
}

.nav li {
	float: left;
	margin:0 7px 0 0;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	-webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);
}
.nav li.current_active{margin: 0}

.nav li>a {
	padding: 0 30px;
	background-color: #002c58;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}

.nav li[data-page=home-page] a {
	padding: 0 20px
}

.nav li[data-page=home-page] .nav-text {
	font-size: 0;
	width: 44px;
	height: 70px;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/home.png) center top no-repeat;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.item-sub a>span,
.nav li>a span {
	font-size:1.1rem;
	font-weight:400;
	font-family: Lato, sans-serif
}

.item-sub a::before,
.nav li:not(.current):hover>a {
	background-color: #1b3c78
}
.nav li.current>a,.nav li:hover>a{background-color:#0054d3 !important}
.nav li[data-page=home-page] .current .nav-text,
.nav li[data-page=home-page]:not(.current):hover .nav-text {
	background-position: center bottom
}

.nav li>a span {
	line-height:70px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	-webkit-transform: skew(15deg);
	transform: skew(15deg)
}

.item-sub a>span,
.item-sub a>span small {
	color: #fff;
	text-align: left;
	font-style: italic;
	text-transform: uppercase; white-space: nowrap
}

.nav li.current::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.nav li[data-page=product-page].current::after {
	display: none
}

.nav li>a.has-sub {
	cursor: default
}

.archive-item,
.download,
.follow-box button,
.gallery-box,
.hot-item,
.item-box,
.latest-item,
.left-content,
.video-thumb-item a {
	cursor: pointer
}

.sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	width: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
	transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	z-index: -1
}

.all-sub,
.item-sub,
.item-sub a {
	position: relative;
	width: 100%;
	height: auto;
	display: block
}

.all-sub {
	padding: 1px 0 0
}

.item-sub {
	margin: -2px 0 1px
}

.item-sub a {
	padding: 10px 30px;
	border-left: 5px solid #005BDC;
	border-top: 1px solid #005BDC;
}

.item-sub a::after,
.item-sub a::before {
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	content: ''
}

.item-sub a>span {
	line-height: 1.2;
	display: block;
	-webkit-transform: skew(20deg);
	transform: skew(20deg)
}

.item-sub a::before {
	z-index: -2
}

.item-sub a::after {
	background: -webkit-linear-gradient(90deg, #0079e3 0, #0041cc 100%);
	background: linear-gradient(90deg, #0079e3 0, #0041cc 100%);
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	z-index: -1
}

.nav li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0s, 0s, .3s;
	transition-delay: 0s, 0s, .3s
}

.item-sub a>span small {
	font-size: 13px;
	font-weight: 400;
	display: block
}
.current_active a{background: -webkit-linear-gradient(90deg, #0078ff 0, #0054d3 100%);
	background: linear-gradient(90deg, #0078ff 0, #0054d3 100%);
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;}

.language,
.language li {
	display: inline-block
}

.item-sub a:hover::after,
.item-sub.current a::after {
	opacity: 1
}

.right {
	position: absolute;
	right: 0;
	top: 0px;
	width: auto;
	height: 70px;
	padding:0px;
	line-height: 70px;
	z-index: 101;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.language,
.language li,
a.search {
	position: relative
}

.language li {
	width: 44px;
	height: 44px;
	margin: 0
}

.language li a {
	display: block;
	width: 44px;
	height: 44px;
	font-weight: 700;
	font-size: 16px;
	line-height: 44px;
	color: #5d7890;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-transform: uppercase
}

.language li:hover a {
	color: #fff
}

.language li.active {
	display: none
}

a.search {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin: 0;
	background: url(../images/search.png) center center no-repeat;
	-webkit-background-size: 90%;
	background-size: 90%;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

a.search.active,
a.search:hover {
	border: 1px solid rgba(255, 255, 255, 1)
}

.search-form {
	float: left;
	display: block;
	width: 100%;
	height: 20px;
	background-color: none;
	border-bottom: 1px solid rgba(220, 220, 220, 1);
	box-shadow: none;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: skew(15deg);
	transform: skew(15deg);
	border-left: 0;
	border-top: 0;
	border-right: 0;
}

.form-row-search {
	width: 100%;
	height: 44px;
	position: absolute;
	top: 0;
	left: 0
}

/*.icon-search {
	-webkit-transform: skew(15deg);
	transform: skew(15deg);
}*/

.form-row-search input[type=text] {
	border: none;
	background: 0 0;
	width: 100%;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	position: absolute;
	display: block;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.support,
.support-list {
	background-color: #748c99
}

.form-row-search input[type=text]:focus {
	opacity: 1
}

.top.hide {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.logo-top.hide {
	height: 70px
}

.bottom-box,
.company-info,
.support,
.support-item {
	position: relative;
	height: auto
}

.bottom {
	color: #fff
}

.bottom-box {
	display: table;
	width: 100%
}

.company-info,
.support {
	display: table-cell;
	width: 50%;
	padding: 5% 0
}

.company-info h2,
.support h2 {
	margin: 0 0 40px;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.4
}

.support {
	text-align: center
}

.support-item {
	display: inline-block;
	width: auto;
	vertical-align: top;
	max-width: 240px;
	margin: 0 25px
}

.support-icon {
	display: block;
	width: 136px;
	height: 136px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 30px;
	line-height: 120px;
	text-align: center
}

.support-link,
.view-album {
	-webkit-border-radius: 50%
}

.support-icon img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 90%;
	vertical-align: middle
}

.company-info ul,
.support-link {
	display: block;
	position: relative
}

.support-item:nth-child(2) img {
	margin: -40px 0 0
}

.support-list {
	position: absolute;
	left: 0;
	width: 100%;
	margin: -90px 0 0;
	padding: 5px 0
}

.support-item a:not(.support-link) {
	position: relative;
	display: block;
	padding: 5px 0;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	-webkit-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
	text-align: center
}

.outer-but::after,
.support-link {
	-webkit-transition: all .3s ease-in-out
}

.support-item p {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4
}

.support-item p strong {
	font-weight: 700
}

.support-item a:not(.support-link):hover {
	color: #ed1c24
}

.support-link {
	width: 100%;
	height: 100%;
	transition: all .3s ease-in-out;
	border-radius: 50%;
	border: none
}

.support-link:hover {
	background-color: #0083c6;
	border: 5px solid #fff
}

.company-info {
	background-color: #0083c6;
	text-align: center
}

.company-info ul {
	margin: 0 0 60px
}

.company-info li {
	display: block;
	width: 100%;
	height: auto;
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	margin-bottom: 10px
}

.company-info a {
	color: #fff;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}

.company-info li p {
	position: relative;
	display: inline-block;
	padding: 6px 0 6px 17px;
	line-height: 1.4
}

.company-info li p:before {
	content: '';
	position: absolute;
	left: -17px;
	top: 3px;
	width: 30px;
	height: 30px
}

.company-info a:hover {
	color: #ed1c24
}

.company-info::after,
.support::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-transition: width 2s ease-in-out;
	transition: width 2s ease-in-out;
	z-index: 5
}

.support::after {
	left: 0;
	background-color: #748c99
}

.company-info::after {
	right: 0;
	background-color: #0083c6
}

.bt-location p:before {
	background: url(../images/location.png) center top no-repeat
}

.bt-phone p:before {
	background: url(../images/phone.png) center -3px no-repeat
}

.bt-fax p:before {
	background: url(../images/fax.png) center 0 no-repeat
}

.bt-email p:before {
	background: url(../images/email.png) center -2px no-repeat
}

.follow-box {
	position: relative;
	display: block;
	width: 382px;
	height: auto;
	margin: 0 auto
}

.follow-box p {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 13px
}

.follow-box input[type=text] {
	display: block;
	width: 100%;
	height: 56px;
	padding: 0 86px 0 20px;
	background-color: #d8dee5;
	font-weight: 400;
	font-size: 14px;
	color: #4c4c4c;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	-webkit-appearance: none
}

.outer-but {
	position: absolute;
	width: auto;
	height: 46px;
	right: 6px;
	bottom: 5px
}

.follow-box button {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: auto;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	background-color: transparent;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	z-index: 3
}

.outer-but::after,
.outer-but::before {
	position: absolute;
	content: ''
}

.copyright p,
.sub-nav li a,
.title h1,
.title h2,
.title h3 {
	line-height: 1.2;
	text-transform: uppercase
}

.outer-but::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(135deg, #ffba00 0, #ed1c24 80%);
	background: linear-gradient(135deg, #ffba00 0, #ed1c24 80%);
	z-index: 1
}

.outer-but::after {
	left: -250%;
	top: -50%;
	width: 200%;
	height: 200%;
	-webkit-transform: skew(-135deg);
	transform: skew(-135deg);
	background: -webkit-linear-gradient(135deg, #ed1c24 0, #ffba00 80%);
	background: linear-gradient(135deg, #ed1c24 0, #ffba00 80%);
	transition: all .3s ease-in-out;
	z-index: 2
}

.social li a,
.view-album span {
	-webkit-transition: all .3s ease-in-out
}

.outer-but:hover::after {
	left: -50%
}

.social {
	position: relative;
	display: block;
	padding: 50px 0;
	text-align: center;
	font-size: 0
}

.social li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: auto;
	margin: 0 5px
}

.copyright,
.social li a {
	position: relative;
	display: block
}

.social li a {
	width: 50px;
	height: 50px;
	border: 1px solid #748c99;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	transition: all .3s ease-in-out
}

.facebook {
	background: url(../images/social-facebook.png) center center no-repeat
}

.youtube {
	background: url(../images/social-youtube.png) center center no-repeat
}

.googleplus {
	background: url(../images/social-google.png) center center no-repeat
}

.email {
	background: url(../images/social-email.png) center center no-repeat
}

.social li a:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.copyright {
	width: 100%;
	height: auto;
	padding: 30px 5%;
	background-color: #0083c6;
	text-align: center
}

.overlay-menu,
.overlay-menu.show {
	height: 0;
	display: none
}

.copyright p {
	font-weight: 400;
	font-size: 12px;
	color: #fff
}

.copyright strong {
	font-weight: 700
}

.copyright a {
	color: inherit;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}

.copyright a:hover {
	color: #ed1c24
}

*/ .overlay-menu {
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400
}

.no-scroll,
.no-scroll-nav {
	overflow-x: hidden;
	overflow-y: hidden!important;
	overflow: hidden
}

.bg-inner,
.horizon-tab,
.left-pic,
.slider-home,
.slider-inner,
.sub-nav {
	overflow: hidden
}

.title {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 50px 5% 42px;
	pointer-events: none
}

.title h1,
.title h2,
.title h3 {
	font-weight: 400;
	font-size: 48px;
	color: #0083c6;
	text-align: center
}

.sub-nav li a,
.title h1 strong,
.title h2 strong,
.title h3 strong {
	font-weight: 700
}

.view-album {
	background: -webkit-linear-gradient(135deg, rgba(0, 121, 227, .8) 0, rgba(208, 0, 6, .8) 100%);
	background: linear-gradient(135deg, rgba(0, 121, 227, .8) 0, rgba(208, 0, 6, .8) 100%);
	width: 82px;
	height: 82px;
	position: absolute;
	right: 20px;
	bottom: 40px;
	border-radius: 50%;
	z-index: 10
}

.view-album span,
.view-album::after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute
}

.view-album span {
	-webkit-transform: scale(0);
	transform: scale(0);
	background: -webkit-linear-gradient(135deg, #0079e3 0, #d00006 100%);
	background: linear-gradient(135deg, #0079e3 0, #d00006 100%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .3s ease-in-out
}

.view-album::after {
	content: '';
	background: url(../images/album.png) center center no-repeat
}

.bg-home,
.bg-inner {
	background-position: center center;
	background-repeat: no-repeat
}

.view-album::before {
	content: '';
	position: absolute;
	left: -10px;
	top: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border: 1px solid rgba(255, 255, 255, .7);
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.view-album:hover span {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.view-album:hover::before {
	-webkit-animation: scaleUpTo 1.5s linear infinite;
	animation: scaleUpTo 1.5s linear infinite
}

.outer-nav,
.outer-nav-bottom {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 25px 0;
	background-color: #e6edf2;
	z-index: 20
}

.horizon-tab li.current::after,
.sub-nav li.current::after {
	z-index: 1;
	left: 0;
	content: ''
}

.outer-nav {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.sub-nav,
.video-center-load {
	-webkit-backface-visibility: hidden
}

.sub-nav {
	position: relative;
	display: block;
	width: 98%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	backface-visibility: hidden
}

.sub-nav li,
.sub-nav li a,
.sub-nav ul {
	position: relative;
	width: auto;
	height: auto
}

.sub-nav ul {
	display: inline-block;
	font-size: 0
}

.sub-nav li {
	display: inline-block;
	margin: 0 1px;
	vertical-align: middle
}

.sub-nav li a {
	display: block;
	padding: 10px 15px;
	font-size: 15px;
	color: #505050;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	letter-spacing: 0
}

.go-product span,
.horizon-tab li a {
	-webkit-transition: all .3s ease-in-out
}

.sub-nav li.current a,
.sub-nav li:not(.current):hover a {
	background-color: #0680c2;
	color: #fff
}

.sub-nav li.current::after {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.outer-nav.fixed {
	position: fixed;
	left: 0;
	top: 70px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
	background-color: rgba(230, 237, 242, .9);
	padding: 0
}

.fixed .sub-nav li {
	margin: 0
}

.fixed .sub-nav li a {
	font-size: 13px;
	padding: 10px
}

.product-content .sub-nav li.current::after {
	display: none
}

.product-content .sub-nav li a {
	padding: 15px 10px
}

.outer-nav-bottom .sub-nav li a span,
.product-content .sub-nav li a span {
	font-size: 10px;
	font-weight: 400;
	display: block
}
@media screen and (max-width:1700px) {
	.navigation {
		padding: 0px
	}
	.hotline a {
		font-size: 16px
	}
}

@media screen and (max-width:1640px) {
	.nav li>a {
		padding: 0 15px
	}
	.group-text h2 {
		font-size: 26px
	}
	.group-text h3 {
		font-size: 14px
	}
}

@media screen and (max-width:1500px) {
	.slogan h1 {
		font-size: 30px
	}
	.latest .title h2 {
		left: -15px
	}
	.hotline a {
		font-size: 14px
	}
	.hot-box {
		max-width: 1000px
	}
	.hot-item {
		padding: 0 0 120px
	}
	.hot-pic img {
		max-height: 260px
	}
	.hot-text h2 {
		font-size: 26px
	}
	.hot-text h3 {
		font-size: 14px
	}
	.hot-text {
		min-height: 84px
	}
	.hot-icon {
		width: 100px;
		height: 100px;
		margin: 0 0 0 -50px
	}
	.intro-inr {
		max-width: 40vw;
		margin: 5% 0
	}
	.vdmax .product-list {
		padding: 0
	}
	.title-name span {
		max-width: 650px;
		font-size: 42px
	}
	.title-name h3 {
		max-width: 650px;
		font-size: 30px
	}
	.group-box {
		max-width: 900px
	}
	.group-pic img {
		max-width: 320px
	}
}

@media screen and (max-width:1380px) {
	.nav li>a span {
		font-size: 15px
	}
	.logo-top {
		width: 264px
	}
	.title-name h2 {
		max-width: 500px;
		font-size: 36px
	}
	.title-name h3 {
		max-width: 500px;
		font-size: 24px
	}
}

@media screen and (max-width:1300px) {
	.navigation {
		padding: 0 0 0 20px
	}
	.nav li[data-page=home-page] a {
		padding: 0 10px
	}
	.logo-top {
		width: 200px
	}
	.support-item {
		margin: 0 10px
	}
	.hotline a {
		font-size: 12px
	}
	.latest .title h2 {
		left: -45px
	}
}

@media screen and (max-width:1250px) {
	.distribution-item {
		min-height: 254px
	}
	.partner-box li {
		padding: 10px 5px
	}
	.partner-box li img {
		max-width: 200px
	}
}

@media screen and (max-width:1180px) {
	.right {
		padding: 0 10px 0 0
	}
	.nav li>a {
		padding: 0 15px
	}
	.nav li>a span {
		font-size: 14px
	}
	.item-sub a {
		font-size: 16px		
	}
	.company-info li p {
		font-size: 14px
	}
	.product-content .outer-nav .sub-nav li a {
		font-size: 13px
	}
	.outer-nav-bottom .sub-nav li a span,
	.product-content .sub-nav li a span {
		font-size: 9px
	}
	.hotline a {
		font-size: 11px
	}
	.latest-item:nth-child(1) {
		left: -40px
	}
	.latest-item:nth-child(2) {
		left: 40px
	}
	.value-item {
		padding: 0 10px
	}
	.value-item h3 {
		font-size: 22px
	}
	.is-networking .distribution-item {
		left: 60px
	}
	.is-networking .distribution-item:nth-child(even) {
		left: -60px
	}
}

@media screen and (max-width:1150px) {
	.logo-top {
		width: 180px
	}
	.latest-item:nth-child(1) {
		left: -20px
	}
	.latest-item:nth-child(2) {
		left: 20px
	}
}

@media screen and (max-height:820px) and (min-width:1101px) {
	.left-content {
		bottom: 90px
	}
	.left-box {
		min-height: inherit
	}
	.left-inr {
		max-width: 280px
	}
	.left-box h2 {
		font-size: 40px
	}
	.left-box h3 {
		font-size: 20px
	}
	.left-box h3 strong {
		font-size: 24px
	}
	.left-pic img {
		max-width: 360px;
		max-height: calc(100vh - 300px)
	}
	.product-scale {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	.title-pic img {
		max-width: 450px
	}
}

@media screen and (max-height:720px) and (min-width:1101px) {
	.slogan {
		top: 90px
	}
	.left-box {
		min-height: inherit;
		padding: 30px 0 50px 40px
	}
	.left-inr {
		max-width: 260px
	}
	.left-box h2 {
		font-size: 36px
	}
	.left-box h3 {
		font-size: 18px
	}
	.left-box h3 strong {
		font-size: 24px
	}
	.left-pic {
		margin: -10px 0 0
	}
	.left-pic img {
		max-height: calc(100vh - 280px)
	}
	.title-pic img {
		max-width: 420px
	}
	.product-wrap {
		margin: 0
	}
	.vdmax .product-wrap {
		margin: 0 0 -40px
	}
	.product-scale {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}

@media screen and (max-height:660px) and (min-width:1101px) {
	.left-box {
		min-height: inherit;
		padding: 20px 0 50px 40px
	}
	.left-inr {
		max-width: 260px
	}
	.left-box h2 {
		font-size: 24px
	}
	.left-box h3 {
		font-size: 16px
	}
	.left-box h3 strong {
		font-size: 20px
	}
	.product-item {
		padding: 0 0 140px
	}
}

@media screen and (max-height:600px) and (min-width:1101px) {
	.left-content {
		right: 0
	}
	.left-box {
		margin: 0 10px 0 0
	}
	.left-box h2 {
		font-size: 19px
	}
	.left-box h3 {
		font-size: 14px
	}
	.left-box h3 strong {
		font-size: 16px
	}
	.left-pic {
		margin: -10px -10px 0 0
	}
	.left-pic img {
		max-height: calc(100vh - 260px)
	}
}

@media screen and (max-height:780px) and (min-width:1101px) {
	.has-thumb .album-pic-center img {
		top: -12px
	}
}

@media screen and (max-width:1024px) {
	#search {
		float: left;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.icon-search {
		margin-left: 10px
	}
	.nav-click,
	.top {
		display: block
	}
	.nav ul {
		display: unset
	}
	.content-table>*,
	.header>*,
	.scroll-nav>*,
	.top.hide,
	table>* {
		-webkit-transform: translate3d(0, 0, 0)
	}
	.item-sub a span,
	.item-sub a span small {
		font-style: normal;
		text-align: center
	}
	.company-info li,
	.copyright p,
	.support-item p {
		font-family: Arial, Helvetica, sans-serif
	}
	.all-pics.show::after,
	.bg-inner.show::after,
	.hotline-box::after {
		content: ''
	}
	.left-box,
	.video-center-load,
	.video-center-load.show-full {
		min-height: inherit
	}
	.details-order,
	.history h2,
	.horizon-tab,
	.input-but,
	.item-sub a,
	.item-sub a span,
	.item-sub a span small,
	.slogan h1,
	.title-box {
		text-align: left
	}
	.content-table {
		width: 100%;
		margin: 0;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		position: relative;
		left: auto;
		top: auto
	}
	table {
		margin: 15px 0
	}
	.loadicon::after {
		background: url(../images/load-m.svg) center center no-repeat #0083c6
	}
	.overlay-menu.show {
		display: block;	height: 100%; width: 100%; position:fixed; z-index: 9; background: rgba(0,0,0,.7);top:0; left: 0
	}
	.header {
		position: fixed;
		width:100%;
		left: auto;
		right: 0;
		height: 0;
		/*overflow: hidden;*/
		-webkit-transition: none;
		transition: none;
	}
	.logo_top{display: none}
	.hotline a,
	.top {
		-webkit-transition: none
	}
	.header.hide {
		opacity: 1;
		visibility: visible;
		pointer-events: auto
	}
	.header.hide.show,
	.header.show {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		z-index: 510
	}
	.search-top{display: none !important}
	.top {-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out;
		position: relative;
		top: auto;
		left: auto;
		width: 0;
		height: auto;
		margin: 0;
		padding: 0 0 60px;
		background-color: transparent;
		border: none;
		overflow: hidden;
		box-shadow: none;
		z-index: 100;
		transform: translateX(-600px); padding: 0
	}
	.hotline-icon,
	.logo-top::after {
		display: none
	}
	.logo,
	.logo-top {
		height: 70px;
		top: 0;
	}
	.top.show {
		-moz-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; transition:0.3s ease-in-out;width:100%; transform: translateX(0)
	}
	.logo-top {
		width: 100%;
		left: 0;
		padding: 0;
		background-color:#002c58;
		box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
		border-bottom: 2px solid #f2f2f2;
		display: block
	}
	.logo {
		width:180px;
		left: 10px
	}
	.search-mobi{display: block !important}	.search-mobi from,.search-mobi input{width: 100% !important}
/*	.nav li:last-child>a,
	.nav li:last-child>a:hover {
		background: #e62331;
		width: 100% !important;
		position: absolute;
		z-index: 9;
		top: 10px
	}*/
	.nav li.lang>a:not(.has-sub){background-color: #e62331;}.nav li.lang:hover>a:not(.has-sub){background-color:darkblue}
	.top.hide {
		transform: translate3d(0, 0, 0)
	}
	.nav li,
	.nav li>a span {
		-webkit-transform: none
	}
	.navigation {
		height: auto;
		padding: 70px 0 0;
		float: left;
		transition: none; width: 100%
	}
	.nav {
		display: block
	}
	.nav li:not(.current):hover>a:not(.has-sub),
	.nav li>a:not(.has-sub) {
		background-color:#002c58
	}
	.nav ul {
		height: auto;
		width: 100%;
		margin: 0;
		padding: 0
	}
	.nav li {
		float: none;
		width: 100%;
		margin: 1px 0 0;
		transform: none;
		transition: none;
		text-align: center
	}
	.nav li>a span {
		transform: none;
		vertical-align: top; line-height: 40px; width: 100%; text-align: left
	}
	.item-sub a span,
	.sub-menu {
		-webkit-transform: none;
		position: relative;
		z-index: 1
	}
	.nav li>a:not(.has-sub) {
		padding: 0 15px;
		height: auto;
		-webkit-transition: none;
		transition: none
	}
	.nav li.current>a:not(.has-sub) {
		background-color: #002133
	}
	.nav li[data-page=home-page]:not(.current):hover .nav-text {
		background-position: center top
	}
	.nav li a.has-sub {
		background: url(../images/select_item.png) right center no-repeat #002c58;
		-webkit-transition: none;
		transition: none;
		cursor: default
	}
	.item-sub a,
	.sub-menu {
		-webkit-transition: none
	}
	.nav li[data-page=home-page] .nav-text {
		background: url(../images/home-m.png) center top no-repeat;
		height: 50px
	}
	.nav li:not(.current):hover>a.has-sub {
		background-color: #00527d
	}
	.sub-menu {
		left: auto;
		height: auto;
		visibility: visible;
		opacity: 1;
		transform: none;
		transition: none;
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}
	.item-sub {
		height: auto;
		margin: 0 0 1px
	}
	.item-sub:last-child {
		margin: 0
	}
	.item-sub a {
		padding: 10px 20px;
		height: auto;
		transition: none; border: 0
	}
	.right,
	a.search {
		-webkit-transition: none
	}
	.item-sub a span {
		font-size: 15px;
		transform: none
	}
	.language,
	.right,
	a.search {
		position: absolute
	}
	.item-sub a span small {
		font-size: 12px;
		line-height: 1.2;
		margin: 5px 0 0
	}
	.item-sub a::after {
		display: none
	}
	.bottom-box,
	.item-sub.current a::after,
	.right {
		display: block
	}
	.item-sub a::before,
	.item-sub:not(.current) a:hover {
		background-color:rgb(0 75 149)
	}
	.nav li:hover .sub-menu {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}
	.form-row-search input[type="text"] {
		line-height: :35px
	}
	.search-form,
	a.search {
		top: 13px;
		box-shadow: none
	}
	.search-form {
		height: 45px
	}
	.btn-bg.bg-2 {
		margin-right: 15px;
		padding: 7px
	}
	a.search {
		left: 0;
		background: url(../images/search2.png) no-repeat;
		width: 40px;
		height: 40px;
		transition: none
	}
	a.search.active,
	a.search:hover {
		background-color: transparent;
		border: 1px solid rgba(255, 255, 255, 0)
	}
	.search-form {
		right: auto;
		left: 40px;
		-webkit-transition: none;
		transition: none;
		width: calc(100% - 55px)!important;
		border: none;
		opacity: 1!important
	}
	.icon-search,
	.search-form {
		-webkit-transform: skew(0deg);
		transform: skew(0deg);
	}
	.form-row-search input[type=text] {
		color: #fff;
		-webkit-transition: none;
		transition: none
	}
	.form-row-search {
		width: 100%!important
	}
	.language {
		top: 74px;
		left: 10px;
		margin: 0
	}
	.language li a {
		border: none;
		-webkit-transition: none;
		transition: none;
		color: #fff
	}
	.language li:hover a {
		color: #fff
	}
	.company-info,
	.support {
		display: block;
		width: 100%;
		margin: 0;
		padding: 50px 5%
	}
	.company-info::after,
	.support::after {
		display: none
	}
	.support h2 {
		margin: 0
	}
	.support-item {
		margin: 20px 10px 0
	}
	.support-icon {
		margin: 0 auto 20px
	}
	.support-item p {
		font-weight: 400
	}
	.support-item p strong {
		font-weight: 700
	}
	.support-list {
		margin: -80px 0 0
	}
	.support-item a:not(.support-link) {
		-webkit-transition: none;
		transition: none
	}
	.support-item a:not(.support-link):hover {
		color: #fff
	}
	.support-link {
		-webkit-transition: none;
		transition: none
	}
	.support-link:hover {
		border: none;
		background-color: transparent
	}
	.company-info h2 {
		margin: 0 0 20px
	}
	.company-info ul {
		margin: 0 0 30px
	}
	.company-info li {
		font-size: 14px;
		font-weight: 400
	}
	.company-info li strong {
		font-weight: 700
	}
	.company-info a {
		-webkit-transition: none;
		transition: none
	}
	.company-info a:hover {
		color: #fff
	}
	.outer-but::after {
		-webkit-transition: none;
		transition: none;
		display: none
	}
	.box-content,
	.colum-box {
		position: relative;
		height: auto;
		display: block
	}
	.follow-box input[type=text] {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400
	}
	.social {
		padding: 20px 0;
		background-color: #f2f2f2
	}
	.social li a {
		-webkit-transition: none;
		transition: none
	}
	.copyright a,
	.next-pic {
		-webkit-transition: none
	}
	.social li a:hover {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.copyright p strong {
		font-weight: 700
	}
	.copyright a {
		transition: none
	}
	.copyright a:hover {
		color: #fff
	}
	.content-page {
		width: 100%;
		height: auto;
		position: relative
	}
	.box-content {
		top: auto;
		left: auto;
		width: auto
	}
	.colum-box {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0
	}
	.is-IOS .controls,
	.player-vid::before,
	.player::before {
		display: none
	}
	.all-pics.show::after {
		background: url(../images/pinchzoom.png) left top no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		width: 80px;
		height: 80px
	}
	.full.lock {
		overflow-x: hidden
	}
	.full img {
		max-width: 100%;
		max-height: inherit
	}
	.all-pics .text-length h3 {
		font-size: 20px;
		line-height: 26px;
		padding: 10px 20px
	}
	.all-pics .text-length p {
		font-size: 16px;
		line-height: 22px
	}
	.next-pic {
		right: 10px;
		opacity: .5;
		transition: none
	}
	.allvideo,
	.prev-pic {
		-webkit-transition: none
	}
	.prev-pic {
		left: 10px;
		opacity: .5;
		transition: none
	}
	.allvideo,
	.video-skin {
		height: 100%;
		left: 0;
		top: 0
	}
	.next-pic:hover,
	.next-pic:hover:not(.disabled),
	.prev-pic:hover,
	.prev-pic:hover:not(.disabled) {
		background-color: rgba(255, 255, 255, .1);
		box-shadow: 0 0 60px rgba(0, 0, 0, .2)
	}
	.next-pic.disabled,
	.prev-pic.disabled {
		opacity: .1
	}
	.allvideo {
		width: 100%;
		z-index: 5000;
		background-image: none;
		-ms-transition: none;
		transition: none
	}
	.video-skin {
		bottom: auto
	}
	.close-video {
		right: auto;
		left: 50%;
		top: 10px;
		margin-left: -20px;
		width: 40px;
		height: 40px;
		-webkit-transition: none;
		transition: none
	}
	.close-video:hover {
		background-color: rgba(255, 255, 255, .1);
		box-shadow: 0 0 10px rgba(255, 255, 255, 0)
	}
	.player {
		width: 60px;
		height: 60px;
		margin: -30px 0 0 -30px
	}
	.play-video,
	.player-vid {
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px
	}
	.video-box:hover .player::after {
		-webkit-animation: none 0s linear infinite;
		animation: none 0s linear infinite
	}
	.play-video {
		-webkit-transition: none;
		transition: none
	}
	.close-album,
	.go-top {
		bottom: 10px;
		-webkit-transition: none
	}
	.play-video:hover {
		-webkit-transform: none;
		transform: none;
		background-color: transparent;
		box-shadow: none
	}
	.close,
	.close-album {
		width: 40px;
		height: 40px;
		left: 50%
	}
	.player-vid:hover::after {
		-webkit-animation: none 0s linear infinite;
		animation: none 0s linear infinite
	}
	.album-pic-center img {
		max-width: 84%;
		max-height: 84%
	}
	.close-album {
		right: auto;
		top: auto;
		margin-left: -20px;
		position: fixed;
		-webkit-background-size: cover;
		background-size: cover;
		transition: none
	}
	.close-album:hover {
		background-color: rgba(255, 255, 255, .1);
		box-shadow: 0 0 60px rgba(0, 0, 0, .2)
	}
	.go-top,
	.go-top:hover,
	.googlemap,
	.popup-pics .close-popup:hover {
		box-shadow: none
	}
	.close {
		background: url(../images/close.png) center center no-repeat #c43a51;
		top: -20px;
		margin: 0 0 0 -20px;
		position: absolute;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		display: block;
		visibility: hidden;
		z-index: 10
	}
	.show .close {
		visibility: visible
	}
	.close-pics {
		display: none
	}
	.close-pics-small {
		display: block;
		-webkit-background-size: cover;
		background-size: cover
	}
	.desktop,
	.go-top::after,
	.go-top::before,
	.view-album span,
	.zoom::before {
		display: none
	}
	.go-top {
		right: 10px;
		width: 50px;
		height: 50px;
		background: url(../images/top-sp.png) center center no-repeat;
		background-color: rgba(0, 0, 0, .5);
		transition: none;
		border: none;
		mix-blend-mode: normal
	}
	.view-album,
	.zoom {
		width: 60px;
		height: 60px
	}
	.horizon-tab li a,
	.sub-nav li a {
		-webkit-transition: none;
		font-family: Arial, Helvetica, sans-serif
	}
	.go-top:hover {
		background-color: rgba(0, 0, 0, .5);
		border: none
	}
	.view-album {
		right: auto;
		bottom: auto;
		left: 50%;
		top: 50%;
		margin: -58px 0 0 -30px
	}
	.view-album::after {
		background-size: contain
	}
	.item-box:hover .view-album::before,
	.view-album:hover::before {
		-webkit-animation: none 0s linear infinite;
		animation: none 0s linear infinite
	}
	.slide-pagination {
		margin: 10px 0
	}
	.slide-page {
		width: 16px
	}
	.next-pic,
	.prev-pic,
	.slide-next,
	.slide-prev {
		height: 40px;
		width: 40px
	}
	.slide-pic-nav {
		top: auto;
		margin-top: 0;
		bottom: 50px;
		left: 0;
		position: fixed
	}
	.container-zoom {
		height: 100%
	}
	.container-zoom.zoomin {
		height: 90vh
	}
	.thumb-content {
		bottom: 60px
	}
	.gallery-thumbs .item-container {
		width: 80px;
		height: 50px
	}
	.img-moving {
		overflow: visible;
		height: auto;
		cursor: default
	}
	.img-moving img {
		position: relative;
		top: auto!important;
		left: auto!important
	}
	.mobile {
		display: block
	}
	img.desktop {
		display: none
	}
	img.mobile {
		display: block
	}
	.scroll-down::after {
		display: none
	}
	.scroll-down.show::after {
		-webkit-animation: none;
		animation: none
	}
	.scroll-down,
	.scroll-down.play {
		left: auto;
		margin: 0;
		right: 5px;
		display: block;
		width: 18px;
		height: 46px;
		border: none;
		background: url(../images/scroll-down.png) repeat-y;
		background-size: 90px 46px;
		opacity: 1;
		-webkit-animation: Play 1s steps(10) infinite alternate;
		animation: Play 1s steps(10) infinite alternate;
		cursor: default
	}
	.left-bg,
	.value-item {
		-webkit-border-radius: 30px
	}
	.title-page {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: auto;
		bottom: 20px;
		text-align: center;
		display: block;
		z-index: 15
	}
	.title-page h1 {
		padding: 10px 20px
	}
	.title {
		padding:15px 5%;margin:15px 0
	}
	.title h1,
	.title h2,
	.title h3 {
		font-size: 32px
	}
	.outer-nav,
	.outer-nav-bottom {
		padding: 0
	}
	.sub-nav {
		padding: 10px 0;
		width: 90%;
		overflow-x: hidden;
		overflow-y: auto
	}
	.sub-nav>* {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.sub-nav li {
		margin: 0 1px
	}
	.sub-nav li a {
		transition: none;
		padding: 12px 15px;
		font-size: 14px
	}
	.fixed .sub-nav,
	.product-content .outer-nav,
	.product-content .outer-nav-bottom {
		padding: 0
	}
	.sub-nav li:not(.current):hover a {
		background-color: transparent;
		color: #505050
	}
	.product-content .sub-nav {
		width: calc(100% - 60px)
	}
	.product-content .outer-nav .sub-nav li a {
		padding: 12px 15px;
		font-size: 14px;
		white-space: nowrap;
		max-width: none
	}
	.product-content .outer-nav.fixed .sub-nav li a {
		font-size: 13px
	}
	.after-s,
	.before-s {
		width: 20px;
		height: 100%;
		position: absolute;
		top: 0;
		opacity: .5;
		cursor: pointer;
		z-index: 1
	}
	.before-s {
		background: url(../images/previous5.png) center center no-repeat;
		left: 0
	}
	.after-s {
		background: url(../images/next5.png) center center no-repeat;
		right: 0
	}
	.horizon-tab-content {
		padding: 0;
		background-color: #d8dee5
	}
	.horizon-tab-content::before {
		display: none
	}
	.horizon-tab {
		display: block;
		width: 90%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 15px 0;
		background-color: transparent;
		margin: 0 auto
	}
	.latest-block,
	.message-text {
		overflow: hidden
	}
	.horizon-tab ul {
		white-space: nowrap
	}
	.horizon-tab li {
		margin: 0 1px
	}
	.horizon-tab li a {
		transition: none;
		padding: 17px 20px;
		font-weight: 400;
		font-size: 14px
	}
	.horizon-tab li:not(.current):hover a {
		background-color: transparent;
		color: #414141;
		text-shadow: none
	}
	.video-center-load {
		height: calc(100vw * 1080/1920)
	}
	.video-full {
		width: 100%;
		height: auto;
		top: auto;
		left: auto;
		position: relative;
		display: block;
		-webkit-transform: none;
		transform: none
	}
	.controls,
	.controls.addshow {
		bottom: 0;
		padding: 0
	}
	.slider-home .pagination {
		right: auto;
		left: 20px;
		width: auto;
		bottom: 20px;
		margin: 0
	}
	.pagination-bullet {
		width: 16px
	}
	.slogan.on-show h1 {
		-webkit-animation: fadeInDown;
		animation: fadeInDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	.bg-inner {
		height: 100%;
		opacity: 1
	}
	.bg-inner.show {
		-webkit-transition: none;
		transition: none;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		opacity: 1
	}
	.bg-inner.show::after {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/overlay.png);
		opacity: .5
	}
	.latest .title,
	.latest .title h2 {
		position: relative;
		left: auto;
		top: auto
	}
	.box-info:hover,
	.left-content:hover .go-product span {
		background-color: #0083c6
	}
	.archive-box,
	.bottom,
	.chard-org-box,
	.chart-box,
	.contact-content,
	.contact-content .company-info,
	.content-table,
	.des-left p,
	.des-right p,
	.details-feature,
	.distribution,
	.distribution-item,
	.distribution-pics,
	.feature-note,
	.gallery-pvoil,
	.googlemap,
	.group-box,
	.history-item p,
	.history-item span,
	.horizon-tab-content,
	.hot-item,
	.hot-product,
	.intro-inr,
	.left-box,
	.left-pic,
	.message,
	.message-pic,
	.message-text p,
	.news-bg,
	.news-content,
	.order-but,
	.outer-nav,
	.outer-nav li,
	.outer-nav-bottom,
	.overview-pic,
	.overview-text,
	.page-overflow,
	.partner .title,
	.partner-box,
	.partner-box h3,
	.partner-box ul li,
	.pics-box,
	.product-content,
	.product-item,
	.quality-box,
	.regu-pdf,
	.regulation-box h3,
	.report,
	.require-col>div,
	.share-box,
	.slider-home,
	.slider-inner,
	.stock-box,
	.target-box:nth-child(2):nth-child(2),
	.title-name,
	.title-name h2,
	.title-name h3,
	.title-pic,
	.two-column p,
	.value-item,
	.vdmax .product-color,
	.video-content,
	.video-pvoil,
	.video-thumb-item:not(.current):hover a,
	.wrap-page,
	.year::after {
		opacity: 1
	}
	.bg-home {
		background-position: 20% center
	}
	.bg-nav {
		display: none
	}
	.left-content {
		bottom: 20px
	}
	.left-box {
		padding: 20px 0 50px 50px
	}
	.left-inr {
		max-width: 220px
	}
	.left-box h2 {
		font-size: 30px
	}
	.left-box h3 {
		font-size: 18px
	}
	.left-box h3 strong {
		font-size: 24px
	}
	.left-bg {
		width: 240%;
		border-radius: 30px
	}
	.left-bg::after {
		background-size: contain
	}
	.distribution-bg,
	.history-bg {
		background-size: cover;
		background-attachment: scroll
	}
	.go-product span {
		-webkit-transition: none;
		transition: none
	}
	.left-pic img {
		max-width: 350px;
		max-height: 350px
	}
	.move .left-box,
	.move .left-pic {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s
	}
	.hot-pic,
	.hot-text h2,
	.hot-text h3 {
		-webkit-transition: none;
		transition: none
	}
	.hot-item:hover .hot-pic {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.hot-item:hover h2 {
		color: #393939
	}
	.hot-item:hover h3 {
		color: #4a4a4a
	}
	.hot-text h3 {
		font-size: 14px
	}
	.box-info {
		transition: none
	}
	.latest {
		padding: 10px 0 40px
	}
	.latest-bg {
		background-attachment: scroll
	}
	.latest .title {
		width: 100%;
		height: auto;
		padding: 30px 5%
	}
	.latest .title h2 {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		margin: 0;
		display: block;
		white-space: normal;
		font-size: 32px
	}
	.gallery-slider .slide-buttons,
	.latest-item::before,
	.latest-slider .slide-buttons,
	.play-album::before {
		display: none
	}
	.gallery-name h3,
	.play-album span,
	.video-name h3 {
		font-size: 16px
	}
	.go-news span {
		-webkit-transition: none;
		transition: none
	}
	.latest-item:nth-child(1) {
		left: -100px
	}
	.latest-item:nth-child(2) {
		left: 100px
	}
	.latest-item {
		background-color: #fff
	}
	.latest-item:hover .go-news span {
		background-color: #0083c6
	}
	.pvoil-album {
		padding: 10px 0 50px
	}
	.close-details {
		-webkit-transition: none;
		transition: none;
		width: 60px;
		height: 60px;
		bottom: -30px;
		margin: 0 0 0 -30px
	}
	.close-details:hover {
		-webkit-transform: none;
		transform: none
	}
	.detail-center h3 {
		padding: 30px 0;
		font-size: 30px
	}
	.detail-center p {
		font-size: 14px
	}
	.chard-org {
		padding: 0 0 60px
	}
	.chard-org-box {
		background-color: #d8dee5;
		padding: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px
	}
	.chard-org-box .zoom {
		right: auto;
		top: auto;
		left: 50%;
		bottom: -20px;
		margin: 0 0 0 -30px
	}
	.distribution {
		padding: 30px 0 60px
	}
	.distribution-item h3 {
		font-size: 20px
	}
	.distribution-item a,
	.distribution-item p {
		font-size: 13px
	}
	.select-header .but,
	.select-list li {
		-webkit-transition: none;
		transition: none
	}
	.select-box li:not(.selected):hover,
	.select-header:hover .but {
		background-color: #0680c2
	}
	.report:nth-child(2) {
		padding: 68px 0 0
	}
	.wrap-page {
		padding: 10px 0 40px
	}
	.list-outer,
	.r-text p {
		-webkit-transition: none;
		transition: none
	}
	.r-left,
	.r-link {
		padding: 0 10px
	}
	.regulations {
		padding: 30px 0 60px;
		background-attachment: scroll
	}
	.regulation-box h3 {
		font-size: 20px
	}
	.regu-pdf {
		margin: 30px 0 0
	}
	.list-outer:hover {
		background-color: #fff
	}
	.list-outer:hover .r-text p {
		color: #606060
	}
	.distribution-pics {
		margin: 0 auto 40px
	}
	.is-networking .distribution-item {
		left: 30px
	}
	.is-networking .distribution-item:nth-child(even) {
		left: -30px
	}
	.distribution-but {
		-webkit-transition: none;
		transition: none
	}
	.distribution-but:hover {
		background-color: #176bb2
	}
	.details-center.fadeinup {
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn
	}
	.details-outer {
		padding: 30px 5%
	}
	.details-text {
		width: 100%;
		padding: 30px;
		margin: 20px auto;
		max-width: inherit
	}
	.details-center h3 {
		font-size: 18px
	}
	.details-text p {
		font-size: 14px
	}
	.intro-inr p,
	.intro-inr p>*,
	.intro-inr strong>*,
	.intro-inr>* {
		font-size: 14px!important
	}
	.close-popup {
		width: 40px;
		height: 40px;
		position: fixed;
		right: 10px;
		bottom: auto;
		top: 10px;
		background-color: rgba(0, 0, 0, .5)
	}
	.close-popup::after {
		-webkit-transition: none;
		transition: none;
		display: none
	}
	.popup-pics .close-popup {
		position: absolute;
		left: 50%;
		top: 20px;
		margin-left: -20px;
		right: auto;
		background-color: #0083c6
	}
	.product-content.in-detail,
	.product-content:not(.in-detail) {
		padding: 80px 0 0;
		background-attachment: scroll;
		background-position: left top;
		background-size: 130%
	}
	.product-wrap:nth-child(odd) .product-item:not(.addscale):nth-child(even),
	.product-wrap:nth-child(odd) .product-item:not(.addscale):nth-child(odd) {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.product-list {
		padding: 40px 0 100px
	}
	.vdmax .product-list {
		padding: 40px 0 0
	}
	.product-intro {
		margin: 25vh 0 0
	}
	.intro-inr {
		margin: 0;
		padding: 45px 45px 35px;
		max-width: 60vw
	}
	.intro-inr p {
		margin: 0 0 10px
	}
	.product-item.addscale,
	.product-wrap,
	.vdmax .product-wrap {
		margin: 0
	}
	.product-scale {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.product-pic,
	.product-text h2 {
		-webkit-transition: none;
		transition: none
	}
	.product-item:hover .product-pic {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.product-item:hover h2 {
		color: #393939
	}
	.product-item:hover h3 {
		color: #4a4a4a
	}
	.group-item:hover h2,
	.title-name {
		color: #393939
	}
	.product-text h2 {
		font-size: 30px
	}
	.product-text h3 {
		font-size: 14px
	}
	.title-box {
		margin: 80px 0 20px;
		padding: 0;
		width: 100%;
		max-width: inherit
	}
	.title-name {
		position: absolute;
		width: 300px;
		left: 50%;
		bottom: 90px;
		margin: 0 0 0 -150px;
		padding: 0;
		z-index: 3;
		background: 0 0!important;
		text-shadow: none
	}
	.title-name h2 {
		font-size: 32px;
		margin: 0 0 10px;
		max-width: inherit
	}
	.title-name h3 {
		font-size: 16px;
		padding: 0 15%;
		line-height: 1.4;
		min-height: 46px;
		max-width: inherit
	}
	.title-pic {
		display: block;
		width: 90%;
		max-width: 400px;
		margin: 0 auto;
		padding: 0 0 200px;
		min-width: inherit;
		position: relative;
		right: auto;
		bottom: auto
	}
	.title-pic img {
		max-width: 90%
	}
	.title-box .product-bg {
		bottom: 0
	}
	.details-order {
		height: auto;
		width: 100%;
		padding: 15px 0
	}
	.order-but {
		top: auto
	}
	.details-des {
		display: table;
		margin: 0;
		width: 100%
	}
	.des-left,
	.des-right {
		padding: 40px 5%;
		top: auto;
		float: none;
		display: table-cell;
		vertical-align: top;
		position: relative;
		right: auto
	}
	.intro-inr.empty-intro,
	.news-link .slide-buttons {
		display: none
	}
	.details-des p {
		font-size: 14px;
		margin: 0 0 15px
	}
	.content-table table td {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		font-size: 14px
	}
	.content-table table tr:first-child td {
		font-weight: 700;
		min-width: 150px;
		white-space: nowrap
	}
	.content-table table td:nth-child(1) {
		min-width: 150px
	}
	.group-pic img {
		max-width: 70%
	}
	.group-pic,
	.group-text h2 {
		-webkit-transition: none;
		transition: none
	}
	.group-item:hover .group-pic {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.group-item:hover h3 {
		color: #4a4a4a
	}
	.news-content {
		padding: 56px 0 0
	}
	.page-overflow {
		margin: 0
	}
	.news-link {
		max-width: 80%
	}
	.news-bg {
		padding: 0
	}
	.news-bg.fadeinup {
		-webkit-animation: none;
		animation: none
	}
	.news-box {
		padding: 0 0 30px
	}
	.link-page {
		padding: 5px 10px 5px 5px;
		height: 92px;
		-webkit-transition: none;
		transition: none
	}
	.link-text,
	.pic-thumb img {
		height: 80px
	}
	.link-text h3 {
		font-size: 12px;
		max-height: 64px
	}
	.link-page:not(.current):hover {
		background-color: #fff;
		color: #494949
	}
	.pic-thumb {
		max-width: 100px;
		margin: 0 10px 0 0;
		min-width: inherit
	}
	.link-text {
		line-height: 80px
	}
	.news-load {
		width: 100%
	}
	.detail-news h3 {
		font-size: 18px
	}
	.news-content-text p {
		font-size: 14px
	}
	.is-service .news-box {
		padding: 20px 0
	}
	.is-service .link-page:not(.current):hover {
		border: 1px solid #fff
	}
	.news-link .slide-item {
		padding: 0 2px
	}
	.news-link .slide-controls {
		position: relative;
		height: auto;
		left: auto;
		top: auto;
		z-index: auto;
		margin: 0 auto
	}
	.news-link .slide-wrapper-outer {
		overflow: visible
	}
	.contact-form,
	.contact-wrap {
		display: block;
		width: 100%
	}
	.contact-wrap .company-info {
		width: 90%;
		margin: 0 auto 5vw
	}
	.contact-wrap .company-info h2 {
		font-size: 24px
	}
	.input-area textarea,
	.input-text input[type=text] {
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400
	}
	.require-col {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		max-width: 680px
	}
	.form {
		padding: 10% 5%;
		background-attachment: scroll
	}
	.input-text input[type=text] {
		height: 50px;
		line-height: 50px
	}
	.contact-content::after {
		display: none
	}
	.googlemap {
		max-height: 420px
	}
	.touch-m {
		display: block
	}
	.zoom-control {
		display: none
	}
	.close-map {
		-webkit-transition: none;
		transition: none;
		width: 40px;
		height: 40px;
		-webkit-background-size: cover;
		background-size: cover
	}
	.close-map:hover {
		background-color: #10499e
	}
	.slider-home,
	.slider-inner {
		margin: 70px 0 0
	}
	.slider-home.fadein,
	.slider-inner.fadein {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.hotline.on-show {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: .9s;
		animation-duration: .9s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
	.title {
		opacity: 1
	}
	.on-show .title {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.on-show .gallery-pvoil,
	.on-show .hot-item,
	.on-show .stock-box,
	.on-show .video-pvoil {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.history-item.on-show .year::after,
	.history-item.on-show p,
	.history-item.on-show span,
	.is-distribution .distribution-item:nth-child(even).on-show,
	.is-distribution .distribution-item:nth-child(odd).on-show,
	.on-show .archive-box,
	.on-show .chard-org-box,
	.on-show .chart-box,
	.on-show .horizon-tab-content,
	.on-show .message-pic,
	.on-show .message-text p,
	.on-show .pics-box,
	.on-show .quality-box,
	.overview-pic.on-show,
	.overview-text.on-show,
	.partner.on-show .partner-box h3,
	.partner.on-show .partner-box ul li,
	.target-box.two-column.on-show p,
	.target-box:nth-child(2).on-show,
	.value-box.on-show .value-item:nth-child(3n+1),
	.value-box.on-show .value-item:nth-child(3n+2),
	.value-box.on-show .value-item:nth-child(3n+3),
	.video-content.on-show {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.on-show .share-box,
	.on-show .wrap-page,
	.outer-nav-bottom.on-show,
	.outer-nav.on-show,
	.outer-nav.on-show li,
	.outer-nav.on-show li:nth-child(odd),
	.regulation-box.on-show .regu-pdf,
	.regulation-box.on-show h3 {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.is-networking .distribution-item:nth-child(even).on-show,
	.is-networking .distribution-item:nth-child(odd).on-show,
	.on-show .distribution-pics {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.product-wrap:nth-child(odd) .product-item:nth-child(even),
	.product-wrap:nth-child(odd) .product-item:nth-child(odd),
	.vdmax .product-color::after,
	.vdmax .product-color::before {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	.content-table.on-show,
	.des-left.on-show p,
	.des-right.on-show p,
	.details-feature.on-show,
	.details-order.on-show .order-but,
	.feature-note.on-show,
	.intro-inr.on-show,
	.product-color::before,
	.product-content.on-show,
	.product-group.on-show .group-box,
	.product-group.on-show .title,
	.product-wrap.on-show .product-color::after,
	.product-wrap.on-show .product-color::before,
	.product-wrap:nth-child(even).on-show .product-item,
	.product-wrap:nth-child(odd).on-show .product-item.addscale,
	.product-wrap:nth-child(odd).on-show .product-item:not(.addscale):nth-child(even),
	.product-wrap:nth-child(odd).on-show .product-item:not(.addscale):nth-child(odd),
	.product-wrap:nth-child(odd).on-show .product-item:nth-child(even),
	.product-wrap:nth-child(odd).on-show .product-item:nth-child(odd),
	.title-name.on-show,
	.title-name.on-show h2,
	.title-name.on-show h3,
	.title-pic.on-show,
	.vdmax .product-wrap.on-show .product-color,
	.vdmax .product-wrap.on-show .product-color::after,
	.vdmax .product-wrap.on-show .product-color::before,
	product-color::after {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.page-overflow.on-show {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.contact-content.on-show .company-info,
	.googlemap.on-show,
	.on-show .require-col>div:nth-child(even),
	.on-show .require-col>div:nth-child(odd) {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.bottom.on-show {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	.contact-content.on-show,
	.distribution.on-show,
	.hot-product.on-show,
	.message.on-show,
	.news-content.on-show,
	.product-content.on-show,
	.report.on-show {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
}

@media screen and (max-width:1000px) {
	.partner-box:nth-child(2) li img,
	.partner-box:nth-child(4) li img,
	.partner-box:nth-child(5) li img {
		display: block;
		height: auto;
		max-width: 100%;
		margin: 0 auto
	}
	.product-color,
	.product-color::after,
	.product-color::before {
		background-size: contain!important
	}
	.latest-item:nth-child(1) {
		left: -40px
	}
	.latest-item:nth-child(2) {
		left: 40px
	}
	.partner .title {
		padding: 40px 5% 0
	}
	.partner-box:last-child {
		padding: 30px 0
	}
	.partner-box li {
		padding: 4px
	}
	.partner-box:nth-child(2) li {
		width: 30%;
		text-align: center
	}
	.partner-box:nth-child(2) li img {
		width: auto
	}
	.partner-box:nth-child(4) li {
		width: 18%;
		text-align: center
	}
	.partner-box:nth-child(4) li img {
		width: auto
	}
	.partner-box:nth-child(5) li {
		width: 18%;
		text-align: center
	}
	.partner-box:nth-child(5) li img {
		width: auto
	}
	.product-content .title {
		padding: 50px 5%
	}
	.intro-inr::before {
		display: none
	}
	.intro-inr {
		display: block;
		margin: 80px auto 20px;
		width: 80%;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		max-width: inherit
	}
	.product-item {
		width: 45%
	}
	.product-pic img {
		max-width: 80%
	}
	.product-color {
		width: 600px;
		height: 689px;
		margin: -344px 0 0 -300px
	}
	.vdmax .product-color {
		margin: 0 0 0 -300px
	}
	.product-text h2 {
		font-size: 26px
	}
	.product-text h3 {
		font-size: 14px
	}
	.product-group {
		padding: 0 0 40px
	}
}

@media screen and (max-width:960px) {
	.hot-pic img {
		max-height: inherit;
		max-width: 84%
	}
}

@media screen and (max-width:900px) {
	.box-info p,
	.r-text p {
		font-size: 13px
	}
	.stock-box {
		padding: 20px
	}
	.date {
		width: 86px
	}
	.box-info p {
		padding: 0 50px 0 10px
	}
	.message-text {
		overflow: visible
	}
}

@media screen and (max-width:820px) {
	.two-column {
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-ms-column-count: 1;
		-ms-column-gap: 0;
		-o-column-count: 1;
		-o-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		text-align: left
	}
	.company-info h2,
	.support h2 {
		font-size: 22px
	}
	.slogan h1 {
		font-size: 26px
	}
	.latest .title h2,
	.title h1,
	.title h2,
	.title h3 {
		font-size: 30px
	}
	.left-pic img {
		max-width: 300px;
		max-height: 300px
	}
	.left-inr {
		max-height: 280px
	}
	.left-pic {
		vertical-align: bottom;
		margin: 0 0 -20px
	}
	.left-box h2 {
		font-size: 20px
	}
	.left-box h3 {
		font-size: 14px
	}
	.left-box h3 strong {
		font-size: 18px
	}
	.hot-text h2 {
		font-size: 22px
	}
	.hot-text h3 {
		font-size: 12px;
		padding: 0 20%
	}
	.latest-item:nth-child(1),
	.latest-item:nth-child(2) {
		left: 0
	}
	.history-list:before,
	.year::after {
		left: 130px
	}
	.gallery-pvoil,
	.video-pvoil {
		display: block;
		width: 100%;
		margin: 0 0 30px
	}
	.gallery-pic,
	.video-pic {
		padding: 20px
	}
	.message-pic {
		width: 220px;
		margin: 0 auto 20px
	}
	.history-text {
		padding: 0 0 0 60px;
		font-size: 13px
	}
	.year {
		font-size: 30px
	}
	.quality-box h3,
	.target-box h3 {
		font-size: 24px
	}
	.target-box {
		margin: 0 auto
	}
	.target-box:nth-child(2) {
		padding: 30px 5%;
		margin: 30px auto 20px
	}
	.target-box h3,
	.target-box p {
		margin: 0 0 15px
	}
	.archive-item h3 {
		font-size: 16px
	}
	.item-name h3 {
		font-size: 14px;
		line-height: 1.4
	}
	.human-txt h3 {
		font-size: 16px
	}
	.human-txt h4 {
		font-size: 14px
	}
	.human-txt p {
		margin: 14px 0 10px;
		padding: 10px 0 0
	}
	.regu-pdf {
		width: 90px;
		height: 90px
	}
	.regu-pdf span {
		background-size: contain
	}
	.distribution-pics {
		margin: 0 auto 30px
	}
	.is-networking .distribution-item {
		width: 100%;
		max-width: inherit;
		margin: 0 0 20px
	}
	.is-networking .distribution-item,
	.is-networking .distribution-item:nth-child(even) {
		left: 0
	}
	.des-left,
	.des-right,
	.details-des {
		display: block;
		width: 100%
	}
	.suggest-price {
		font-size: 24px
	}
	.feature-title {
		font-size: 18px;
		margin: 0
	}
	.feature-note {
		padding: 30px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		width: 100%
	}
	.feature-note p {
		font-size: 14px
	}
	.order-but {
		font-size: 18px
	}
	.content-table p {
		font-size: 14px
	}
	.group-item {
		padding: 0 0 30px
	}
	.group-text h2 {
		font-size: 20px
	}
	.group-text h3 {
		font-size: 12px
	}
	.group-slider .slide-item {
		padding: 0 5px
	}
	.title-pic img {
		max-width: 80%
	}
	.pic-thumb {
		max-width: 70px
	}
	span.white {
		height: 7px
	}
	.contact-wrap .company-info h2 {
		font-size: 22px
	}
}

@media screen and (max-width:767px) {
	.left-content {
		right: 0;
		padding: 0 0 80px
	}
	.left-pic {
		display: block;
		text-align: center;
		margin: 0 0 -30px
	}
	.left-pic img {
		max-height: 250px
	}
	.left-box {
		display: block;
		position: absolute;
		right: -20px;
		bottom: 0;
		min-height: inherit;
		width: auto;
		padding: 40px 80px 20px 40px
	}
	.left-box h2 {
		margin: 0;
		padding: 0;
		white-space: nowrap
	}
	.left-bg {
		width: 100%;
		height: 100%
	}
	.left-bg::after {
		left: 30px
	}
	.go-product,
	.left-box h3 {
		display: none
	}
	.left-inr {
		max-width: inherit
	}
	.stock-box {
		padding: 30px
	}
	.stock-left,
	.stock-right {
		float: none;
		width: 100%;
		padding: 0
	}
	.stock-right {
		padding: 4px 0 0
	}
	.box-info p {
		font-size: 14px
	}
	.box-info:last-child {
		margin: 0
	}
	.latest-box {
		width: calc(90% + 20px)
	}
	.latest-block {
		padding: 0 10px
	}
	.latest-item:nth-child(1),
	.latest-item:nth-child(2) {
		left: 0
	}
	.latest-item {
		padding: 15px
	}
	.latest-num {
		font-size: 50px;
		width: 60px;
		height: 50px
	}
	.latest-text h3 {
		font-size: 16px;
		min-height: 50px;
		line-height: 1.3;
		padding: 5px 0 0 70px
	}
	.latest-text p {
		font-size: 13px
	}
	.go-news {
		margin: 10px 0 0
	}
	.list-box {
		display: block;
		width: 100%;
		margin: 0 0 4px
	}
	.distribution-inr,
	.is-networking .distribution-item {
		padding: 20px
	}
	.product-item {
		padding: 0 0 120px
	}
}

@media screen and (max-width:740px) {
	.detail-center h3,
	.latest .title h2,
	.title h1,
	.title h2,
	.title h3 {
		font-size: 30px
	}
	.partner .title h2 {
		font-size: 24px
	}
	.title-page h1 {
		font-size: 30px
	}
}

@media screen and (max-width:660px) {
	.distribution {
		padding: 0 0 30px
	}
	.distribution-item {
		padding: 30px 5% 20px;
		display: block;
		width: 100%;
		height: auto;
		min-height: inherit
	}
	.distribution-item ul {
		padding: 0 20px
	}
	.distribution-item h3 {
		min-height: inherit;
		margin: 0 0 10px;
		font-size: 16px
	}
	.distribution-inr ul {
		padding: 0 0 0 12px
	}
	.distribution-item .distribution-but {
		font-size: 15px
	}
	.product-text h2 {
		font-size: 22px
	}
	.product-text h3 {
		font-size: 13px
	}
	.product-color {
		width: 400px;
		height: 459px;
		margin: -230px 0 0 -200px
	}
	.vdmax .product-color {
		margin: 0 0 0 -200px
	}
	.suggest-price {
		font-size: 16px
	}
	.feature-title {
		font-size: 14px
	}
	.content-table table td {
		padding: 10px;
		font-size: 13px
	}
}

@media screen and (max-width:620px) {
	.left-pic img {
		max-height: 220px
	}
	.latest-num {
		display: none
	}
	.latest-text h3 {
		padding: 5px 0 0;
		min-height: inherit
	}
	.go-news {
		font-size: 12px
	}
	.go-news span {
		width: 30px;
		height: 30px;
		margin: 0 0 0 10px
	}
	.latest-text p {
		max-height: 64px;
		overflow: hidden;
		border: none
	}
	.hot-item {
		padding: 0 0 90px
	}
	.hot-icon {
		width: 80px;
		height: 80px;
		margin: 0 0 0 -40px
	}
	.product-item {
		padding: 0 0 100px
	}
	.product-text h2 {
		font-size: 18px
	}
	.product-text h3 {
		font-size: 12px
	}
	.product-content.in-detail,
	.product-content:not(.in-detail) {
		padding: 60px 0 0
	}
	.group-item {
		padding: 0 0 60px
	}
	.group-pic {
		margin: 0 0 20px
	}
	.group-pic img {
		max-width: 80%
	}
	.detail-news h3 {
		font-size: 16px
	}
}

@media screen and (max-width:570px) {
	.slogan h1 {
		font-size: 18px;
		padding: 25px 20px
	}
	.hot-item {
		padding: 0 0 120px
	}
	.hot-icon {
		width: 100px;
		height: 100px;
		margin: 0 0 0 -50px
	}
	.hot-item h2 {
		font-size: 26px
	}
	.hot-item h3 {
		font-size: 13px;
		padding: 0 16%
	}
	.message-pic {
		width: 100%;
		float: none
	}
	.message-pic img {
		width: auto;
		max-width: 100%
	}
	.overview {
		padding: 0 0 80px
	}
	.history-box,
	.overview-box {
		padding: 30px 5% 40px
	}
	.overview-text p {
		margin: 0 0 20px;
		font-size: 14px
	}
	.overview-text h3 {
		font-size: 20px;
		margin: 0 0 20px;
		line-height: 1.2
	}
	.overview-text li {
		font-size: 13px;
		text-align: left
	}
	.quality-box h3,
	.target-box h3 {
		font-size: 20px
	}
	.overview-pic {
		margin: 0 0 -80px
	}
	.overview-text li strong {
		text-align: left
	}
	.distribution-inr,
	.distribution-inr li,
	.distribution-item h3,
	.history-text,
	.human-txt,
	.year {
		text-align: center
	}
	.overview-text li strong::before {
		left: -25px;
		top: 50%;
		margin: -9px 0 0;
		width: 12px;
		height: 12px
	}
	.history-item {
		margin: 0 0 30px
	}
	.year {
		display: block;
		width: 100%;
		margin: 0 0 5px
	}
	.history-text {
		display: block;
		padding: 0
	}
	.history-list::before,
	.year::after {
		display: none
	}
	.quality-box {
		width: 90%;
		padding: 30px 5%
	}
	.download a {
		font-size: 16px
	}
	.archivement {
		padding: 0 0 30px
	}
	.gallery-content {
		padding: 0 0 20px
	}
	.human-pic {
		display: block;
		margin: 0 auto 20px
	}
	.detail-pic,
	.detail-row {
		margin: 0 0 20px
	}
	.human-txt {
		display: block;
		width: 100%;
		max-width: inherit
	}
	.detail-center p {
		font-size: 14px
	}
	.detail-pic {
		width: 100%;
		float: none
	}
	.distribution-item p:before {
		position: relative;
		left: auto;
		top: auto;
		display: block;
		margin: 5px auto 0
	}
	.distribution-item p {
		padding: 0
	}
	.is-networking .distribution-item {
		padding: 12px
	}
	.distribution-inr ul,
	.product-list {
		padding: 0
	}
	.distribution-inr {
		border-top: 10px solid #c6000f;
		border-left: none
	}
	.details-center h3 {
		font-size: 16px
	}
	.intro-inr {
		padding: 30px;
		width: 90%
	}
	.intro-inr p,
	.intro-inr p>*,
	.intro-inr strong>*,
	.intro-inr>* {
		font-size: 13px!important
	}
	.product-item {
		width: 90%;
		max-width: 450px;
		padding: 0 0 140px
	}
	.product-color {
		width: 730px;
		height: 838px;
		margin: -419px 0 0 -365px
	}
	.vdmax .product-color {
		margin: 0 0 0 -365px
	}
	.product-wrap:nth-child(odd) {
		z-index: 2
	}
	.product-wrap:nth-child(even) {
		z-index: 1
	}
	.group-text h3 {
		padding: 0 10%
	}
	.group-item {
		padding: 0 0 30px
	}
}

@media screen and (max-width:520px) {
	.date,
	.r-date {
		text-align: left;
		background-color: transparent
	}
	.r-left,
	.r-link,
	.r-text {
		line-height: 0
	}
	.player-vid {
		width: 50px;
		height: 50px;
		margin: -25px 0 0 -25px
	}
	.follow-box,
	.stock-box {
		width: 100%
	}
	.title-page h1 {
		font-size: 24px
	}
	.popup-pics .close-popup {
		top: 20px
	}
	.popup-pics::after,
	.popup-pics::before {
		display: none
	}
	.box-info a,
	.box-info p,
	.date,
	.r-left {
		display: block
	}
	.popup-pic {
		margin: 80px 0 0;
		padding: 5px
	}
	.company-info,
	.support {
		padding: 40px 5%
	}
	.support-item {
		max-width: 300px
	}
	.company-info h2,
	.support h2 {
		font-size: 20px
	}
	.company-info li p {
		padding: 0
	}
	.company-info li p:before {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto
	}
	.copyright {
		padding: 20px 10%
	}
	.copyright p {
		font-size: 11px
	}
	.slogan svg {
		top: 60px
	}
	.detail-center h3,
	.latest .title h2,
	.title h1,
	.title h2,
	.title h3 {
		font-size: 24px
	}
	.partner .title {
		padding: 40px 10% 0
	}
	.partner .title h2 {
		font-size: 18px
	}
	.left-content {
		bottom: 10px
	}
	.hot-product {
		padding: 0 0 20px
	}
	.stock-box {
		padding: 5vw;
		margin: 0
	}
	.box-info a {
		padding: 15px
	}
	.date {
		width: auto;
		margin: 0 0 5px;
		color: rgba(255, 255, 255, .5)
	}
	.box-info p {
		font-size: 13px;
		padding: 0 50px 0 0;
		height: inherit
	}
	.box-info:last-child {
		margin: 0
	}
	.box-info span:not(.date) {
		top: 50%;
		right: 10px;
		margin: -20px 0 0
	}
	.regulation-box h3 {
		font-size: 16px;
		padding: 0 5%
	}
	.latest {
		padding: 0 0 20px
	}
	.latest-box {
		width: calc(90% + 10px)
	}
	.gallery-slider,
	.r-date,
	.video-slider {
		width: 100%
	}
	.latest-item {
		padding: 10px;
		box-shadow: 5px 5px 0 rgba(0, 0, 0, .1);
		margin: 0 0 10px
	}

	.latest-item:nth-child(2) {
		margin: 0 0 5px
	}
	.latest-pic {
		margin: 0 10px 0 0
	}
	.latest-text h3 {
		font-size: 14px
	}
	.pvoil-album {
		padding: 0 0 20px
	}
	.video-pvoil {
		margin: 0 0 20px
	}
	.gallery-pic,
	.video-pic {
		padding: 10px
	}
	.message {
		padding: 0 0 30px
	}
	.video-thumb-box {
		padding: 0 3px
	}
	.video-thumb-item {
		padding: 6px 3px
	}
	.pic-thumb {
		max-width: 50px;
		margin: 0 10px 0 0
	}
	.news-link {
		max-width: 90%
	}
	.news-content-text {
		padding: 0 5% 25px
	}
	.detail-news h3 {
		font-size: 15px
	}
	.news-content-text p {
		margin: 0 0 15px
	}
	.wrap-page {
		padding: 0 0 30px
	}
	.list-outer {
		height: auto;
		padding: 15px
	}
	.r-left {
		padding: 0;
		float: none
	}
	.r-num {
		margin: -30px 0 5px;
		display: none
	}
	.r-date {
		display: block;
		height: auto;
		padding: 0;
		margin: 0 0 5px
	}
	.r-text {
		padding: 0 40px 0 0
	}
	.r-text p {
		max-height: inherit
	}
	.r-link {
		position: absolute;
		display: block;
		width: 40px;
		height: 100%;
		right: 10px;
		top: 0;
		padding: 0
	}
	.r-link span {
		position: absolute;
		top: 50%;
		right: 0;
		margin: -20px 0 0
	}
	.regu-pdf {
		width: 70px;
		height: 70px
	}
	.details-center h3 {
		font-size: 14px
	}
	.details-text {
		padding: 20px
	}
	.form {
		padding: 40px 5%
	}
	.contact-wrap .company-info h2 {
		font-size: 20px
	}
	.input-area textarea,
	input-text input[type=text] {
		font-size: 13px
	}
	.input-but button[type=submit] {
		font-size: 18px
	}
}

@media screen and (max-width:420px) {
	.company-info h2,
	.support h2 {
		font-size: 16px
	}
	.nav-click {
		right: 2px
	}
	.logo {
		width:140px;
		height: 60px;
		top: 5px;
		left: 15px
	}
	.slider-home .pagination {
		left: 10px;
		bottom: 5px
	}
	.latest-text p {
		display: none
	}
	.select-list {
		width: 240px
	}
	.select-box {
		width: 260px;
		left: -10px
	}
	.detail-center h3,
	.latest .title h2,
	.title h1,
	.title h2,
	.title h3 {
		font-size: 20px
	}
	.product-content.in-detail,
	.product-content:not(.in-detail) {
		padding: 40px 0 0
	}
	.title-pic {
		padding: 0 0 150px
	}
	.title-pic img {
		max-width: 90%
	}
	.title-name h2 {
		font-size: 24px;
		margin: 0 0 5px
	}
	.title-name {
		bottom: 60px;
		font-size: 14px
	}
	.des-left,
	.des-right {
		padding: 30px 5%
	}
	.product-group {
		padding: 0 0 30px
	}
	.wrap-page>h3 {
		font-size: 18px
	}
	.regulation-box h3 {
		font-size: 14px
	}
	.contact-wrap .company-info h2 {
		font-size: 16px
	}
}

@media screen and (max-width:390px) {
	.slogan h1 {
		font-size: 18px
	}
	.left-pic img {
		max-height: 180px
	}
	#contact-page .company-info .hotline-icon {
		margin: 10px 0
	}
	#contact-page .company-info .hotline a {
		font-size: 12px
	}
}

@media screen and (max-width:370px) {
	.news-link {
		max-width: 260px
	}
	.pic-thumb {
		max-width: 80px
	}
	.group-text h2 {
		font-size: 18px
	}
	.group-text h3 {
		font-size: 12px
	}
}

@media screen and (max-width:350px) {
	.logo {
		width: 180px;
		height: 60px;
		top: 5px;
		left: 15px
	}
	.slogan h1 {
		font-size: 15px
	}
	.detail-center h3,
	.latest .title h2,
	.title h1,
	.title h2,
	.title h3,
	.title-page h1 {
		font-size: 18px
	}
	.left-box {
		padding: 40px 60px 20px 30px
	}
	.hot-item h3 {
		padding: 0 14%
	}
	.captcha {
		margin: 0 0 0 -7px
	}
	#rc-imageselect,
	.g-recaptcha {
		transform: scale(.9);
		-webkit-transform: scale(.9)
	}
}

@media screen and (max-width:820px) and (orientation :landscape) {
	.has-thumb .album-pic-center img {
		max-width: 80%;
		max-height: 80%
	}
	.popup-pics::after,
	.popup-pics::before,
	.thumb-content {
		display: none
	}
	.popup-pic {
		margin: 65px 0 0;
		padding: 5px
	}
	.popup-pics .close-popup {
		top: 15px
	}
}

.nav li:last-child>a,
.nav li:last-child>a:hover {
/*	background: #e62331;
	width: 220px*/
}

@media screen and (min-width:1101px) {
	.top {
		position: unset;
		float: left;
		width: 100%
	}
}

@media screen and (min-width:1641px) {
	.top {
		position: absolute
	}
}