.text-gradient {
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.isf-html .text-gradient{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.btn-hexagon {
	width: 40px;
	height: 50px;
	color: #fff;
	font-size: 1rem;
	position: relative;
	display: inline-block
}

.btn-hexagon-content,
.btn-hexagon-inner,
.btn-hexagon-outer {
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.btn-hexagon-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	transform: rotate(-120deg);
	background-color: rgba(0, 0, 0, .5)
}

.btn-hexagon-gradient .btn-hexagon-content {
	background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
}

.text-light .btn-hexagon-content {
	background-color: hsla(0, 0%, 100%, .3)
}

.btn-more {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 160px;
	height: 50px;
	font-size: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	padding: .5rem 2rem;
	font-family: MontserratBold;
	text-transform: uppercase
}

.btn-more:after,
.btn-more:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg)
}

.btn-more:before {
	width: 100%;
	opacity: .3;
	border: 2px solid #fff;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.btn-more:after {
	width: 20px;
	display: block;
	top: -10px;
	right: -1px;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
	/*background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background-image: linear-gradient(270deg, #e9771f, #f9bb2c);*/
	background: url(../image/ico19.png) no-repeat center;
	background-size: cover;
	overflow: hidden;
}

.btn-more,
.btn-more:hover {
	color: #fff;
	text-decoration: none
}

.btn-more:focus:after,
.btn-more:focus:before,
.btn-more:hover:after,
.btn-more:hover:before {
	opacity: 1
}

.btn-more:focus:after,
.btn-more:hover:after {
	right: -10px
}

.dropdown-hexagon,
.dropdown-hexagon-trigger {
	border: none;
	min-width: 160px;
	border-radius: 0;
	padding: 12px 1px 20px 0;
	background-color: rgba(0, 0, 0, 0);
	background-size: 100% auto;
	background-position: 50%;
	background-repeat: repeat-y;
	background-clip: content-box
}

.dropdown-hexagon-trigger:after,
.dropdown-hexagon-trigger:before,
.dropdown-hexagon:after,
.dropdown-hexagon:before {
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat
}


.dropdown-hexagon-trigger:before,
.dropdown-hexagon:before {
	top: 0;
	right: 1px;
	height: 12px;
	background-position: top
}

.dropdown-hexagon-trigger:after,
.dropdown-hexagon:after {
	bottom: 0;
	height: 20px;
	background-position: bottom
}
.dropdown-hexagon-trigger:before{
	top: 1px;
}
.dropdown-hexagon-trigger:after{
	bottom: 1px;
}

.dropdown-hexagon {
	background-image: url(../image/normal_m.png)
}

.dropdown-hexagon:before {
	background-image: url(../image/normal_t.png)
}

.dropdown-hexagon:after {
	background-image: url(../image/normal_b.png)
}

.dropdown-hexagon-trigger {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #222;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 13px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-image: url(../image/trigger_m.png)
}

.dropdown-hexagon-trigger:before {
	background-image: url(../image/trigger_t.png)
}

.dropdown-hexagon-trigger:after {
	background-image: url(../image/trigger_b.png)
}
.text-dark .dropdown-hexagon-trigger{
	background-image: url(../image/trigger_m1.png)
}
.text-dark .dropdown-hexagon-trigger:before {
	background-image: url(../image/trigger_t1.png)
}

.text-dark .dropdown-hexagon-trigger:after {
	background-image: url(../image/trigger_b1.png)
}
.dropdown-hexagon-trigger .dropdown-trigger-icon {
	margin-right: 5px
}

.dropdown-hexagon .dropdown-item {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0)
}

.dropdown-hexagon .dropdown-item-icon {
	margin-right: 5px
}

.dropdown-hexagon .dropdown-item-text {
	padding: 0
}

.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item-icon,
.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item-text {
	color: #fff
}

.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:focus .dropdown-item-icon,
.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:focus .dropdown-item-text,
.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:hover .dropdown-item-icon,
.dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:hover .dropdown-item-text {
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.isf-html .dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:focus .dropdown-item-icon,
.isf-html .dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:focus .dropdown-item-text,
.isf-html .dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:hover .dropdown-item-icon,
.isf-html .dropdown-hexagon:not(.dropdown-hexagon-plain) .dropdown-item:hover .dropdown-item-text {
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.dropdown-hexagon .dropdown-divider {
	border-color: hsla(0, 0%, 100%, .3)
}

.dropdown-hexagon.dropdown-hexagon-plain {
	padding-top: 0;
	padding-bottom: 0;
	background-image: none
}

.dropdown-hexagon.dropdown-hexagon-plain:after,
.dropdown-hexagon.dropdown-hexagon-plain:before {
	display: none
}

.text-light .dropdown-hexagon-trigger {
	color: #fff
}

.show>.dropdown-hexagon {
	margin-top: 0
}

.show>.dropdown-hexagon-trigger {
	background-image: url(../image/active_m.png)
}

.show>.dropdown-hexagon-trigger:before {
	background-image: url(../image/active_t.png)
}

.show>.dropdown-hexagon-trigger:after {
	right: 1px;
	background-repeat: repeat-y;
	background-image: url(../image/active_m.png)
}

.show>.dropdown-hexagon-trigger .dropdown-trigger-icon,
.show>.dropdown-hexagon-trigger .dropdown-trigger-text {
	color: #fff;
	opacity: 1;
	background: none;
	background-clip: border-box;
	-webkit-text-fill-color: inherit
}

.show>.dropdown-hexagon-trigger+.dropdown-hexagon:before,
.show>.dropdown-hexagon-trigger~.dropdown-hexagon:before {
	background-repeat: repeat-y;
	background-image: url(../image/normal_m.png)
}

.navbar .brand-logo {
	width: 100px;
	height: 40px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0;
	background-image: url(../image/logo-light.png)
}

.navbar .dropdown-search {
	padding: 0;
	border: none;
	margin-top: .5rem;
	background-color: rgba(0, 0, 0, 0)
}

.navbar .dropdown-search .form-inline {
	min-width: 220px;
	padding: .5rem .6rem;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(../image/bg_search.png)
}

.navbar .dropdown-search .form-control {
	border: none;
	background-color: rgba(0, 0, 0, 0)
}

.text-dark .navbar .brand-logo {
	background-image: url(../image/logo-dark.png)
}

#fp-nav ul {
	counter-reset: ct
}

#fp-nav ul li {
	width: 20px;
	height: 20px;
	margin: 7px 0;
	counter-increment: ct
}

#fp-nav ul li a {
	position: relative;
	overflow: hidden
}

#fp-nav ul li a.active span,
#fp-nav ul li a:before,
#fp-nav ul li a span {
	margin: 0;
	top: 0;
	left: 0;
	display: block;
	border-radius: 0;
	position: absolute;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s
}

#fp-nav ul li a:before {
	content: "0" counter(ct);
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: orange;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
	font-family: MontserratLight;
	-webkit-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	transform: translateX(-40px);
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.isf-html #fp-nav ul li a:before{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

#fp-nav ul li a span {
	opacity: .2;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

#fp-nav ul li a.active:before {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

#fp-nav ul li a.active span {
	-webkit-transform: rotate(45deg) translate(40px, -40px);
	-ms-transform: rotate(45deg) translate(40px, -40px);
	transform: rotate(45deg) translate(40px, -40px)
}

#fp-nav ul li:hover a span,
#fp-nav ul li a.active span,
#fp-nav ul li a span {
	width: 12px;
	height: 12px;
	margin: 5px 0 0 5px;
	border-radius: 0
}

.spy-nav {
	position: fixed;
	top: 50%;
	right: 15px;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.spy-nav .nav-link {
	padding: .5rem;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none
}

.spy-nav .nav-link .spy-nav-item-dot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1em;
	height: 1em;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	background-color: rgba(0, 0, 0, .3);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%)
}

.spy-nav .nav-link .spy-nav-item-text {
	opacity: 0;
	text-align: center;
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	font-family: DINBOLD;
}
.isf-html .spy-nav .nav-link .spy-nav-item-text{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.spy-nav .nav-link.active .spy-nav-item-dot {
	opacity: 0
}

.spy-nav .nav-link.active .spy-nav-item-text {
	opacity: 1
}

.text-light .spy-nav .nav-link .spy-nav-item-dot {
	background-color: hsla(0, 0%, 100%, .3)
}

.section {
	width: 100%;
	min-height: 100vh;
	padding-top: 60px;
	padding-bottom: 60px;
	display: table-cell;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.section-title {
	font-size: 20px;
	color: #180000;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative
}

.section-title:after {
	content: "";
	left: 0;
	bottom: 0;
	width: 36px;
	height: 5px;
	position: absolute;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	background-image: url(../image/section_line_dark.png);
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.section.text-light .section-title:after {
	background-image: url(../image/section_line_light.png)
}

.section-subtitle {
	color: #222;
	opacity: .6;
	font-size: 14px;
	padding: 0 3rem;
	line-height: 2;
	margin-bottom: 10px
}

.section.text-light .section-subtitle,
.section.text-light .section-title {
	color: #fff
}

.section.text-light .section-subtitle {
	opacity: .8
}

.section .fp-tableCell>.swiper-container.position-absolute,
.section>.swiper-container.position-absolute {
	top: 0;
	left: 0
}

.section .swiper-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.section .swiper-navigation-absolute {
	position: absolute;
	right: 70px;
	bottom: 50px;
	z-index: 5
}

.section .swiper-navigation .swiper-button-next,
.section .swiper-navigation .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	width: 40px;
	height: 40px;
	margin-top: 0;
	z-index: 1;
	outline: none;
	color: #f2f2f2;
	text-decoration: none
}

.section .swiper-navigation .swiper-button-next:before,
.section .swiper-navigation .swiper-button-prev:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
	-webkit-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
	transform: skew(-10deg)
}

.section .swiper-navigation .swiper-button-next:after,
.section .swiper-navigation .swiper-button-prev:after {
	font-size: 22px;
	z-index: 5
}

.section .swiper-navigation .swiper-button-prev {
	z-index: 5;
	-webkit-transform: translate(20%, -20%);
	-ms-transform: translate(20%, -20%);
	transform: translate(20%, -20%)
}

.section .swiper-navigation .swiper-button-prev:before {
	background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
}

.section .swiper-navigation .swiper-button-next:before {
	opacity: .2;
	border: 2px solid #f2f2f2
}

.section-hero .swiper-slide {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

/*.section-hero .swiper-slide-1 {
	background-image: url(../img/home/banner1.jpg)
}

.section-hero .swiper-slide-2 {
	background-image: url(../img/home/banner2.jpg)
}

.section-hero .swiper-slide-3,
.section-hero .swiper-slide-4 {
	background-image: url(../img/home/banner3.jpg)
}*/

.section-hero .swiper-slide-active .animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.section-hero .swiper-slide-active .animated-delay {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.index-swiper .swiper-slide-active .animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.index-swiper .swiper-slide-active .animated-delay {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.section-hero .swiper-slide h2 {
	font-size: 60px;
	font-weight: bold;
}

.section-hero .swiper-slide h3 {
	font-size: 35px;
	font-family: MontserratBold;
}

.section-products {
	background-image: url(../image/bg2.jpg)
}

.section-technology .swiper-container {
	top: 0;
	left: 0
}

.section-technology .swiper-slide {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.section-technology .swiper-slide-1 {
	background-image: url(../image/tec-slide-1.jpg)
}

.section-technology .swiper-slide-2 {
	background-image: url(../image/tec-slide-2.jpg)
}

.section-technology .swiper-slide-3 {
	background-image: url(../image/tec-slide-3.jpg)
}

.section-technology .swiper-slide-4 {
	background-image: url(../image/tec-slide-4.jpg)
}

.section-technology .swiper-slide-active .animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.section-technology .swiper-slide-active .animated-delay {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.section-technology .slides-thumbs {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 100
}

.section-technology .slides-thumbs>.container {
	position: relative
}

.section-technology .slides-thumbs>.container:before {
	content: "";
	position: absolute;
	top: 25%;
	left: 30px;
	right: 30px;
	height: 3px;
	background-color: rgba(255,255,255,.3)
}

.section-technology .slides-thumbs .slides-thumb {
	z-index: 5;
	position: relative;
	text-decoration: none
}

.section-technology .slides-thumbs .slides-thumb-img {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 1px dotted #eee;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}
.section-technology .slides-thumbs .slides-thumb::before{
		width: 40px;
		height: 40px;
	}
/*.section-technology .slides-thumbs .slides-thumb>div{
	display: inline-block;
	position: relative;
}*/

.section-technology .slides-thumbs .slides-thumb-text {
	opacity: .5;
	color: #fff;
	font-size: 12px;
	max-width: 120px;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.section-technology .slides-thumbs .slides-thumb.active .slides-thumb-img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	position: relative;
}
.section-technology .slides-thumbs .slides-thumb::before{
	content:'';
	border-radius: 100%;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	position: absolute;
	top: -6%;
	left: 50%;
	transform: translateX(-50%) scale(1.4);
	border: 1px solid rgba(255,255,255,.3);
	opacity: 0;
	transition: all .3s;
}
.section-technology .slides-thumbs .slides-thumb:first-child::before{
	left: 0;
	transform:  scale(1.4);
}
.section-technology .slides-thumbs .slides-thumb:last-child::before{
	left: initial;
	transform:  scale(1.4);
	right: 0;
}
.section-technology .slides-thumbs .slides-thumb.active::before{
	opacity: 1;
	transition: all .3s;
}

.section-technology .slides-thumbs .slides-thumb.active .slides-thumb-text {
	opacity: 1
}

.section-globe .list-layout .list-inline-item {
	position: relative;
	padding-left: 25px;
	margin-right: 30px;
	margin-bottom: 20px
}

.section-globe .list-layout .list-inline-item:before {
	content: "";
	left: 0;
	top: 5px;
	width: 5px;
	height: 100%;
	position: absolute;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9771f), to(#f9bb2c));
	background-image: -o-linear-gradient(top, #e9771f, #f9bb2c);
	background-image: linear-gradient(180deg, #e9771f, #f9bb2c)
}

.section-globe .list-layout .list-inline-item>p {
	line-height: 1
}

.section-globe .list-layout-counts {
	font-size: 30px;
	font-weight: 700;
	font-family: DINBOLD
}

.section-globe .globe-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%
}

.section-globe .globe-container .globe-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

#globe{
	background-image: url(../image/bg4.jpg)
}

.section-news {
	
}

.section-news .swiper-pagecount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: rgba(0, 0, 0, .3);
	font-family: DINBOLD;	
}

.section-news .swiper-pagecount .current {
	font-size: 20px;
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	font-family: DINBOLD;
}
.isf-html .section-news .swiper-pagecount .current{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.section-news .swiper-pagination {
	height: 4px;
	width: 100%;
	background-color: rgba(0, 0, 0, .1)
}

.section-news .swiper-pagination-progressbar-fill {
	background-color: #f9bb2c;
	background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
}
.isf-html .section-news .swiper-pagination-progressbar-fill{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.section-news .news-item-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 12px 15px;
	background-color: rgba(0, 0, 0, .2)
}

.section-news .news-item-text {
	color: #fff;
	font-size: 14px
}

.section-news .news-item-time {
	opacity: .6;
	line-height: 1;
	margin-bottom: 10px
}

.section-about {
	background-image: url(../image/bg5.jpg)
}

.section-about .about-links a {
	border-width: 2px;
	border-color: #fff
}

.section-about .list-links a {
	display: block;
	color: #fff;
	text-decoration: none
}

.section-about .list-links a:focus,
.section-about .list-links a:hover,
.section-about .list-links a:hover span,
.section-about .list-links a:active {
	color: #fff;
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.isf-html .section-about .list-links a:focus,
.isf-html .section-about .list-links a:hover,
.isf-html .section-about .list-links a:hover span,
.isf-html .section-about .list-links a:active {
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}


.section-about .list-links dl {
	display: block;
	margin-right: 0;
	margin-bottom: 0
}

.section-about .list-links dl:not(:last-child) {
	width: 47%
}

.section-about .list-links dl:not(:last-child) dt a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .5rem 0;
	border-bottom: 1px solid #fff
}

.section-about .list-links dl:not(:last-child) dt a:after {
	content: "\e665";
	margin-left: auto;
	font-family: iconfont;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-text-fill-color: #fff
}

.section-about .list-links dl:not(:last-child) dt a.collapsed:after {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.section-about .list-links dl:not(:last-child) dd {
	padding-top: .5rem
}

.section-about .list-links dl:not(:last-child) dd>p {
	font-size: 14px;
	padding: 0 .5rem
}

.section-about .list-links dd>p {
	margin-top: 0;
	margin-bottom: 5px
}

.section-about .copyright {
	font-size: 14px;
	color: #fff
}

.section-about .copyright,
.section-about .copyright a {
	color: inherit;
	text-decoration: none
}

.section-about .copyright p {
	color: hsla(0, 0%, 100%, .5);
	text-align: left;
}

.section-about .copyright a:hover {
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
	background: -o-linear-gradient(right, #e9771f, #f9bb2c);
	background: linear-gradient(270deg, #e9771f, #f9bb2c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}
.isf-html .section-about .copyright a:hover{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}
.section-about .copyright li:first-child {
	font-size: 18px
}

.section-about .copyright li:nth-child(2) {
	font-size: 16px
}

.section-about .copyright li:nth-child(3) {
	font-size: 14px
}

.section-title.text-center:after,
.text-center>.section-title:after {
	left: 50%;
	-webkit-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%)
}

.fixed-bar {
	position: fixed;
	bottom: .5rem;
	z-index: 500
}

.fixed-bar-stock {
	left: .5rem;
	line-height: 1
}

.fixed-bar-stock .text-large {
	font-size: 120%
}

.fixed-bar-stock,
.fixed-bar-stock:hover {
	color: #180000;
	text-decoration: none
}

.fixed-bar-tools {
	right: .5rem
}

.fixed-bar-tools .dropdown-menu {
	min-width: 40px;
	top: 0 !important;
	left: 0 !important;
	transform: inherit !important;
}

.fixed-bar-tools .dropdown-item {
	padding: 0;
	position: relative
}

.fixed-bar-tools .dropdown-item-text {
	position: absolute;
	top: 1px;
	right: 50%;
	bottom: 1px;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.2rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .2rem 30px .2rem 1rem;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-family: MontserratLight;
	background-color: #fff
}

.fixed-bar-tools .dropdown-item-btn {
	position: relative;
	z-index: 4
}

.fixed-bar-tools .show .dropdown-item {
	-webkit-animation: fadeInUp .3s;
	animation: fadeInUp .3s
}

.fixed-bar-tools .show .dropdown-item-text {
	opacity: 0;
	-webkit-animation: fadeIn .4s .2s both;
	animation: fadeIn .4s .2s both
}

.text-dark .section .swiper-navigation .swiper-button-next {
	color: rgba(34, 34, 34, .5)
}

.text-dark .section .swiper-navigation .swiper-button-next:before {
	border-color: rgba(0, 0, 0, .5)
}
.text-dark .section .swiper-navigation .swiper-button-next:after{
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(../image/ico10.png) no-repeat center !important;
}

.text-light .fixed-bar-stock,
.text-light .fixed-bar-stock:hover {
	color: #fff
}

@media screen and (max-width:991px) {
	.navbar {
		background-color: rgba(0, 0, 0, .85)
	}
	.navbar .navbar-links {
		border-top: 1px solid hsla(0, 0%, 100%, .5)
	}
}

@media screen and (min-width:768px) {
	#fp-nav ul li {
		width: 26px;
		height: 26px;
		margin: 10px 0
	}
	#fp-nav ul li a:before {
		font-size: 16px;
		line-height: 26px
	}
	#fp-nav ul li:hover a span,
	#fp-nav ul li a.active span,
	#fp-nav ul li a span {
		width: 16px;
		height: 16px
	}
	.spy-nav .nav-link {
		font-size: 16px
	}
	.section-title {
		font-size: 30px;
		padding-bottom: 15px;
		margin-bottom: 30px
	}
	.section-subtitle {
		font-size: 16px;
		margin-bottom: 30px
	}
	.section .swiper-navigation-absolute {
		right: 160px;
		bottom: 100px
	}
	.section .swiper-navigation .swiper-button-next,
	.section .swiper-navigation .swiper-button-prev {
		width: 50px;
		height: 50px
	}
	.section-technology .slides-thumbs>.container:before {
		top: 30%
	}
	.section-technology .slides-thumbs .slides-thumb-img {
		width: 60px;
		height: 60px
	}
	.section-technology .slides-thumbs .slides-thumb::before{
		width: 60px;
		height: 60px;
	}
	.section-technology .slides-thumb:first-child .slides-thumb-img{
		margin-left: inherit !important;
	}
	.section-technology .slides-thumbs .slides-thumb-text {
		font-size: 14px;
		max-width: 150px
	}
	.section-news .swiper-pagecount {
		font-size: 16px
	}
	.section-news .swiper-pagecount .current {
		font-size: 24px
	}
	.fixed-bar {
		position: fixed;
		z-index: 100;
		bottom: 1rem
	}
	.fixed-bar-stock {
		left: 1rem
	}
	.fixed-bar-tools {
		right: 1rem
	}
}

@media screen and (min-width:992px) {
	.btn-hexagon {
		width: 60px;
		height: 70px;
		font-size: 1.5rem
	}
	
	.btn-more {
		width: 220px;
		height: 80px;
		font-size: 20px;
		padding: .5rem 2rem
	}
	.navbar {
		background-color: rgba(0, 0, 0, 0)
	}
	.navbar .brand-logo {
		width: 140px;
		height: 50px
	}
	.navbar .dropdown-search {
		margin-top: 0
	}
	.navbar .dropdown-search .form-inline {
		width: 300px;
		height: 60px
	}
	.navbar-nav .active>.nav-link,
	.navbar-nav .nav-link.show,
	.navbar-nav .show>.nav-link .navbar-nav .nav-link.active {
		position: relative
	}
	.navbar-nav .active>.nav-link:before,
	.navbar-nav .nav-link.show:before,
	.navbar-nav .show>.nav-link .navbar-nav .nav-link.active:before {
		content: "";
		position: absolute;
		top: 0;
		width: 30px;
		height: 4px;
		background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
		background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
		background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
	}
	.spy-nav .nav-link {
		font-size: 18px
	}
	.section {
		padding-top: 70px;
		padding-bottom: 70px
	}
	.section-title {
		font-size: 40px
	}
	.section-subtitle,
	.section-title {
		margin-bottom: 40px
	}
	.section .swiper-navigation-absolute {
		right: 2rem;
		bottom: 140px
	}
	.section .swiper-navigation .swiper-button-next,
	.section .swiper-navigation .swiper-button-prev {
		width: 60px;
		height: 60px
	}
	.section-hero .swiper-slide h2 {
		font-size: 60px
	}
	.section-hero .swiper-slide h3 {
		font-size: 40px
	}
	.section-products .swiper-slide .goods-item {
		-webkit-transform: scale(.80) skew(-10deg);
		-ms-transform: scale(.80) skew(-10deg);
		transform: scale(.8) skew(-10deg);
		/*-webkit-transform: scale(.80);
		-ms-transform: scale(.80);
		transform: scale(.8);*/
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		transition: transform .3s, -webkit-transform .3s
	}
	.section-products .swiper-slide .goods-item-content {
		z-index: 5;
		position: relative;
		background-color: #fff
	}
	.section-products .swiper-slide .goods-item:before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
		background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
		background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
	}
	.section-products .swiper-slide .goods-item:focus,
	.section-products .swiper-slide .goods-item:hover {
		-webkit-transform: scale(.85) skew(-10deg);
		-ms-transform: scale(.85) skew(-10deg);
		transform: scale(.85) skew(-10deg);
		/*-webkit-transform: scale(.85);
		-ms-transform: scale(.85);
		transform: scale(.85)*/
	}
	.section-products .swiper-slide .goods-item:focus:before,
	.section-products .swiper-slide .goods-item:hover:before {
		opacity: 1;
		-webkit-transform: translate(10px, 10px);
		-ms-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}
	.section-products .swiper-slide-active .goods-item,
	.section-products .swiper-slide-active .goods-item:focus,
	.section-products .swiper-slide-active .goods-item:hover {
		-webkit-transform: scale(.95) skew(-10deg);
		-ms-transform: scale(.95) skew(-10deg);
		transform: scale(.95) skew(-10deg);
		/*-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95)*/
	}
	.section-products .swiper-slide-active .goods-item:before,
	.section-products .swiper-slide-active .goods-item:focus:before,
	.section-products .swiper-slide-active .goods-item:hover:before {
		opacity: 1;
		-webkit-transform: translate(10px, 10px);
		-ms-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}
	.section-technology .slides-thumbs {
		bottom: 60px
	}
	.section-technology .slides-thumbs>.container:before {
		top: 30%
	}
	.section-technology .slides-thumbs .slides-thumb-img {
		width: 70px;
		height: 70px
	}
	.section-technology .slides-thumbs .slides-thumb::before{
		width: 70px;
		height: 70px;
	}
	.section-globe .list-layout-counts {
		font-size: 50px
	}
	.section-news .swiper-pagecount {
		font-size: 20px
	}
	.section-news .swiper-pagecount .current {
		font-size: 32px;
		font-weight: bold;
	}
	.section-news .news-item {
		position: relative;
		background-color: #ccc
	}
	.section-news .news-item:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
		background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
		background-image: linear-gradient(270deg, #e9771f, #f9bb2c)
	}
	.section-news .news-item:hover:after {
		opacity: 1;
		-webkit-transform: translate(10px, 10px);
		-ms-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}
	.section-news .news-item-content {
		z-index: 5;
		position: relative
	}
	.section-about .list-links dl {
		min-width: 100px;
		max-width: 160px;
		margin-right: 1rem
	}
	.section-about .list-links dl dt {
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 20px
	}
	.section-about .list-links dl .gradient-line {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 16px;
		height: 5px;
		background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
		background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
		background-image: linear-gradient(270deg, #e9771f, #f9bb2c);
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%)
	}
	.section-about .list-links dl:not(:last-child) dt a {
		padding: 0;
		border-bottom: none
	}
	.section-about .list-links dl:not(:last-child) dt a:after {
		display: none
	}
	.section-about .list-links dl:not(:last-child) dd {
		padding-top: 0
	}
	.section-about .list-links dl:not(:last-child) dd>p {
		padding: 0;
		font-size: 1rem;
		margin-bottom: 15px
	}
	.fixed-bar {
		bottom: 2rem
	}
	.fixed-bar-stock {
		left: 2rem
	}
	.fixed-bar-tools {
		right: 2rem
	}
	.fixed-bar-tools .dropdown-item-text {
		font-size: 1.5rem;
		padding-right: 40px
	}
}

@media screen and (min-width:1200px) {
	.navbar .nav-link,
	.navbar .navbar-text {
		font-size: 1.2rem
	}
	.spy-nav .nav-link {
		font-size: 20px
	}
	.section-title {
		font-size: 46px;
		padding-bottom: 20px
	}
	.section-hero .swiper-slide h2 {
		font-size: 65px
	}
	.section-hero .swiper-slide h3 {
		font-size: 38px
	}
	.section-technology .slides-thumbs .slides-thumb-img {
		width: 80px;
		height: 80px
	}
	.section-technology .slides-thumbs .slides-thumb::before{
		width: 80px;
		height: 80px;
	}
	.section-technology .slides-thumbs .slides-thumb-text {
		font-size: 16px;
		max-width: 160px
	}
	.section-about .list-links dl {
		max-width: 200px
	}
	.section-about .list-links dl dt {
		margin-bottom: 25px
	}
}

@media screen and (min-width:1600px) {
	.section-about .list-links dl {
		max-width: 200px;
		min-width: 140px
	}
}



/*额外比上修改*/
/*body.text-dark header .dropdown-hexagon-trigger{
	background: rgba(0,0,0,.1);
}*/
.dropdown-hexagon-trigger:after{
	height: 13px !important;
}
body.text-dark header .show>.dropdown-hexagon-trigger{
	background-image: url(../image/active_m.png);
}

body.text-dark header .dropdown-hexagon {
	background-image: url(../image/normal_m1.png)
}

body.text-dark header .dropdown-hexagon:before {
	background-image: url(../image/normal_t1.png) !important;
}

body.text-dark header .dropdown-hexagon:after {
	background-image: url(../image/normal_b1.png)
}

/*body.text-dark header .show>.dropdown-hexagon:before{
	display: none;
}
body.text-dark header .show>.dropdown-hexagon:after{
	display: none;
}*/
body.text-dark header .btn-hexagon-content{
	    background-color: rgba(0, 0, 0, .1);
}
/*header.on *{
	color: #000;
	background: #fff;
}*/
.section-globe .container .section-subtitle{
	max-width: 550px;
}
.navbar-dark .navbar-nav .nav-link{
	color: rgba(255,255,255,1);
}
.navbar-nav .nav-link{
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
}
.navbar-nav .nav-link:hover{
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
    background: -o-linear-gradient(right, #e9771f, #f9bb2c);
    background: linear-gradient(270deg, #e9771f, #f9bb2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.navbar-nav .nav-link.on{
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
    background: -o-linear-gradient(right, #e9771f, #f9bb2c);
    background: linear-gradient(270deg, #e9771f, #f9bb2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.isf-html .navbar-nav .nav-link:hover,.isf-html .navbar-nav .nav-link.on{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}

.sf-mbot{
	width: 20px;
	height: 40px;
	background: url(../image/ico20.png) no-repeat center;
	position: absolute;
	left: 50%;
	bottom: 35px;
	transform: translateX(-50%);
	z-index: 99;
	opacity: .3;
}
.index-swiper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.index-slide{
	position: relative;
	width: 100% !important;
	height: 100% !important;
}
.index-slide section{
	overflow-y: auto;
}
.swiper-button-prev.swiper-button-disabled{
	opacity:1
}
.index-span{
	display: none;
}
.section-products .swiper-pagination{
	display: none;
}
.navbar .nav-item>a{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
@media (min-width:1500px) {
	#globe .section-title{
		margin-top: 150px;
	}
	
	
}
@media(max-width:1400px){
	/*header{
		height: 100px;
	}
	.navbar{
		height: 100%;
	}*/
	.navbar .nav-link,
	.navbar .navbar-text {
		font-size: 16px
	}
	.spy-nav{
		-webkit-transform: scale(0.6) translateY(-50%);
	    -ms-transform: scale(0.6) translateY(-50%);
	    transform: scale(0.6) translateY(-50%);
	    transform-origin: 100% 50%;
	}
	.section .swiper-navigation-absolute{
		-webkit-transform: scale(0.6);
	    -ms-transform: scale(0.6);
	    transform: scale(0.6);
		transform-origin: 50% 50%;
		right: .6rem;
	}
	
	#footer .fixed-bar-stock{
		transform: scale(0.8);
	}
	#footer .fixed-bar{
		bottom: 1rem;
	}
	#footer .fixed-bar .btn-hexagon{
		transform: scale(0.75);
	}
	.fixed-bar-tools .dropdown-menu{
		transform: scale(0.75);
	}
	.section-hero .swiper-slide h2{
		font-size: 50px;
	}
	.section-hero .swiper-slide h3{
		font-size: 30px;
	}
	.no-gutters p.mx-2{
		transform: scale(0.8);
		float: left;
		margin-top: 20px !important;
	}
	
	
	.section-products .swiper-container{
		margin-top: 2rem !important;
	}
	.section-technology .container .mt-lg-5.text-center{
		margin-top: 1.5rem !important;
	}
	.section-globe .section-title{
		margin-top: 30px;
	}
	.section-news .align-items-center.mt-lg-5{
		margin-top: 1.5rem !important;
	}
	.section-about .mb-3 .col-6.text-center{
		padding-left: 7px;
		padding-right: 7px;
	}
	.section{
		padding-top: 100px;
		padding-bottom: 50px;
	}
	#about{
		padding-top: 110px ;
		padding-bottom: 30px ;
	}
	#about .justify-content-center .mb-lg-5{
		margin-bottom: 1rem !important;
	}
	.section-subtitle,
	.section-title {
		margin-bottom: 40px
	}
	.section-about .copyright{
		position: relative;
		top: -20px;
	}
}
@media(max-width:992px){
	.navbar .nav-item>a{
		padding-top: 0rem !important;
		padding-bottom: 0rem !important;
	}
	.navbar .navbar-nav.navbar-menu .nav-item>a{
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
}

@media(max-width:750px){
	
	.section-hero .swiper-slide h2{
		font-size: 1.5rem;
		max-width: 80%;
	}
	.section-hero .swiper-slide h3{
		font-size: 1.2rem;
		max-width: 80%;
	}
	.spy-nav{
		right: 0;
	}
	.section-subtitle{
		padding: 0 1rem;
	}
	.section-technology .slides-thumb:first-child .slides-thumb-img{
		margin-left: inherit !important;
	}
	.section-globe .list-layout .list-inline-item{
		padding-left: 1rem;
		margin-right: 1rem;
	}
	.section{
		padding-top: 70px;
	}
	.section-subtitle,
	.section-title {
		margin-bottom: 1rem
	}
	.swiper-container.mt-5{
		margin-top: 1rem !important;
	}
	.text-dark .navbar .brand-logo{
		background-image: url(../image/logo-light.png) !important;
	}
	#footer .fixed-bar{
		bottom: 0px;
	}
	.section{
		padding-bottom: 20px;
	}
	.section-products .swiper-container{
		margin-top: 1rem !important;
		/*padding-bottom: 2rem;*/
	}
	.section-products .swiper-pagination{
		display: block;
		bottom: -5px !important;
	}
	.section-technology .container{
		position: relative;
		top: -60px;
	}
	.section-technology .slides-thumbs{
		bottom: 20px;
	}
	.text-light .dropdown-hexagon-trigger{
		position: relative;
	}
	.section-technology .slides-thumbs .slides-thumb-text{
		max-width: 70px;
		-webkit-line-clamp: 4;
	}
	.section-technology .slides-thumbs>.container:before{
		height: 2px;
		top: 15%;
	}
	.section-technology .slides-thumbs .slides-thumb::before{
		top: -3%;
	}
	.section-globe .section-title{
		margin-top: 0px;
	}
	.section-globe .container{
	}
	
	.section-products .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-image: -webkit-gradient(linear, right top, left top, from(#ea8c34), to(#f6c15f));
    background-image: -o-linear-gradient(right, #ea8c34, #f6c15f);
    background-image: linear-gradient(270deg, #ea8c34, #f6c15f);
	}
	
	.section .swiper-navigation-absolute{
		right: .2rem;
		bottom: 110px;
	}
	.section .swiper-navigation{
		transform: scale(.7);
	}
	.section-news .align-items-center.mt-lg-5{
		    margin-top: .5rem !important;
	}
	.section-news .swiper-container{
		padding:0 10px;
	}
	#fullpage{
		
	}
}





/*展开导航*/
.opennav{
	width: 100%;
	height: 400px;
	position: fixed;
	top: 80px;
	left: 0;
	background: rgba(255,255,255,.9);
	z-index: 99;
	overflow: hidden;
	display: none;
}
.opennav-a{
	width: 45.2%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -3%;
	background-image: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
    background-image: -o-linear-gradient(right, #e9771f, #f9bb2c);
    background-image: linear-gradient(270deg, #e9771f, #f9bb2c);
    transform: skew(-7deg);
}
.opennav-b{
	width: 44.5%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -3%;
	background: no-repeat center;
	background-size: cover;
    transform: skew(-5deg);
    overflow: hidden;
}
.opennav-b>div{
	width: 110%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat center;
	background-size: cover;
	transform: skew(5deg);
}
.opennav-c{
	width: 45%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 5%;
	padding-top: 90px;
	overflow: hidden;
}
.opennav-c li{
	width: 33.333%;
	float: left;
	padding-right: 20px;
	list-style: none;
}
.opennav-c li p{
	width: 100%;
	height: 70px;
}
.opennav-c li a{
	display: inline-block;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	padding-left: 20px;
	position: relative;
	transition: all .3s;
}
.opennav-c li a>span{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../image/ico70.png) no-repeat left top;
	transition: all .3s;
	position: absolute;
	left: 0;
	top: 3px;
}
.opennav-c li a:hover>span{
	background: url(../image/ico69.png) no-repeat left top;
	transition: all .3s;
}
.opennav-c li a:hover{
	background: -webkit-gradient(linear, right top, left top, from(#e9771f), to(#f9bb2c));
    background: -o-linear-gradient(right, #e9771f, #f9bb2c);
    background: linear-gradient(270deg, #e9771f, #f9bb2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: all .3s;
}
.isf-html .opennav-c li a:hover{
	background:inherit !important;
	-webkit-text-fill-color: inherit !important;
	color: #e9771f;
}
.opennav-last{
	display: none;
}
.opennav-cc li{
	width: 50%;
}
.opennav-d{
	display: inline-block;
	position: absolute;
	top: 0;
	padding-top: 90px;
	right: 5%;
}
.opennav-d li{
	height: 70px;
	text-align: right;
	list-style: none;
}

@media(max-width:1600px){
	.opennav-c li a{
		font-size: 16px;
	   line-height: 22px;
	}
	.opennav{
		height: 320px;
	}
	.opennav-c{
		padding-top: 60px;
	}
	.opennav-d{
		padding-top: 60px;
	}
}
@media(max-width:1200px){
	.opennav{
		display: none !important;
	}
}

.sf-aBlock{
	display: block;
	color: #222;
	text-decoration:none;
}
.sf-aBlock:hover{
	color: #222;
	text-decoration:none;
}

@media(min-width:1200px){
	.sf-huanh{
		display: block;
	}
}


.sf-video-div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: no-repeat center;
	background-size: cover;
	background-position: 65% center;
	/*display: none;*/
}
.sf-video-bj{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,.5);
	z-index: 3;
}
.sf-video{
	width: 100% !important;
	/*height: 100% !important;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	z-index: 2;
	background: no-repeat center;
	background-size: cover;
}
.sf-container{
	position: relative;
	z-index: 2;
}
.sf-container3{
	position: relative;
	z-index: 4;
}
@media(max-width:1200px){
	.sf-video{
		width: auto !important;
	   height: 100% !important;
	}
}
@media(max-width:1200px){
	.sf-video{
		display: none;
	}
}


.section-news .news-item-content{
	
	background: no-repeat center;
	background-size: cover;
	
}
.section-news .news-item-content .isf-news-div{
	width: 330px;
	height: 366px;
}
/*.isf-news a{
	margin-right: 30px;
}*/
@media(max-width:1600px){
	.section-news .news-item-content .isf-news-div{
		width: 255px;
		height: 283px;
	}
}
@media(max-width:1250px){
	.section-news .news-item-content .isf-news-div{
		width: 356px;
		height: 395px;
	}
	/*.isf-news a{
		margin-right: 20px;
	}*/
}
@media(max-width:1200px){
	.section-news .news-item-content .isf-news-div{
		width: 296px;
		height: 329px;
	}
}
@media(max-width:1000px){
	.section-news .news-item-content .isf-news-div{
		width: 330px;
		height: 360px;
	}
	/*.isf-news a{
		margin-right: 30px;
	}*/
}
@media(max-width:750px){
	.section-news .news-item-content .isf-news-div{
		width: 325px;
		height: 360px;
	}
	/*.isf-news a{
		margin-right: 30px;
	}*/
}


.icon-phone:before{
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url(../image/ico67.png) no-repeat center;
	}
	.icon-phone{
		display: block;
    width: 100%;
    height: 100%;
	}
	
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url(../image/ico09.png) no-repeat center;
}
.isf-icomt .swiper-button-prev:after,.swiper-navigation-absolute.on .swiper-container-rtl .swiper-button-next:after{
	margin-top: 100%;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	content: '';
		display: block;
		width: 100%;
		height: 100%;
		
		background: url(../image/ico09_1.png) no-repeat center;
}
.isf-icomt .swiper-button-next:after,.swiper-navigation-absolute.on .swiper-container-rtl .swiper-button-prev:after{
	margin-top: 100%;
}

.isf-mb-3.on{
	width: 18% !important;
}
@media(max-width:1200px){
	.isf-mb-3.on{
		width: 100% !important;
	}
}
