@charset "utf-8";
@font-face {
src: url('../font/BEBASNEUE.otf');
}
@font-face {
src: url('../font/PangMenZhengDaoBiaoTiTi.ttf');
}
ul, li, dl, dt, dd {
	list-style: none;
}
a:hover {
	text-decoration: none;
}
a.btn {

}

a{
	text-decoration: none;
}

.se {
	background-image:url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.se1 {
	background-image:url(../images/bg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
 .tu{ padding-top:50px; padding-left:0px; padding-right:0px;}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
.swiper-container-vertical>.swiper-pagination-bullets {
	top: 50vh;
	transform: translate3d(0px, -50%, 0);
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-container-page {
	width: 100%;
	height: 100%;
}
.swiper-slide {

	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 5%;
}
.swiper-pagination-page {
	position: absolute;
	text-align: center;
transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination-page .swiper-pagination-bullet {
	width: 48px;
	height: 2px;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 0px;
}
.swiper-pagination-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #1e94d4;
}
.swiper-pagination .swiper-pagination-bullet {
	background: #1c97cf;
	opacity: 0.2;
	transition: 0.6s all;
	position: relative;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {/* width: 80px; */
	transition: 0.6s all;
	opacity: 1;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 15px 0;
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 0;
	left: calc(100vw - 40px);
}
.swiper-pagination .swiper-pagination-bullet::before {
content: "";
position: absolute;
right: 15px;
top: -8px;
width: 120px;
transform: translateX(-20px);
transition: .6s all;
text-align: right;
font-weight: bold;
color: #1c97cf;
}
.bar {
	position: relative;
	display: block;
	width: 29px;
	height: 2px;
	margin: 10px 0;
	background-color: #FFFFFF;
	border-radius: 10px;
-webkit-transition: .3s;
transition: .3s;
}
.menu-button .bar:nth-of-type(1) {
margin-top: 0px;
}
.menu-button .bar:nth-of-type(3) {
margin-top: 0px;
}
.menu-button:hover .bar:nth-of-type(1) {
-webkit-transform: translateY(1.5px) rotate(-4.5deg);
-ms-transform: translateY(1.5px) rotate(-4.5deg);
transform: translateY(1.5px) rotate(-4.5deg);
}
.menu-button:hover .bar:nth-of-type(2) {
opacity: .9;
}
.menu-button:hover .bar:nth-of-type(3) {
-webkit-transform: translateY(-1.5px) rotate(4.5deg);
-ms-transform: translateY(-1.5px) rotate(4.5deg);
transform: translateY(-1.5px) rotate(4.5deg);
}
.uk-open .bar {
	background-color: #000000;
}
.uk-open .bar:nth-of-type(1) {
-webkit-transform: translateY(12.5px) rotate(-45deg);
-ms-transform: translateY(12.5px) rotate(-45deg);
transform: translateY(12.5px) rotate(-45deg);
}
.uk-open .bar:nth-of-type(2) {
opacity: 0;
}
.uk-open .bar:nth-of-type(3) {
-webkit-transform: translateY(-12.5px) rotate(45deg);
-ms-transform: translateY(-12.5px) rotate(45deg);
transform: translateY(-12.5px) rotate(45deg);
}
.uk-open:hover .bar:nth-of-type(1) {
-webkit-transform: translateY(13.5px) rotate(-40.5deg);
-ms-transform: translateY(13.5px) rotate(-40.5deg);
transform: translateY(13.5px) rotate(-40.5deg);
}
.uk-open:hover .bar:nth-of-type(2) {
opacity: .1;
}
.uk-open:hover .bar:nth-of-type(3) {
-webkit-transform: translateY(-13.5px) rotate(40.5deg);
-ms-transform: translateY(-13.5px) rotate(40.5deg);
transform: translateY(-13.5px) rotate(40.5deg);
}
#swiper-container2 .swiper-slide {
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
#swiper-container2 {
	width: 100%;
	height: 100%;
}
/* nav */
.uk-sticky-placeholder {
	height: 0 !important;
}
nav .uk-navbar-right {
	margin-right: 0;
}
nav ul.uk-navbar-nav li a {
	color: #333333;
	font-size: 15px;
}
.uk-navbar.uk-navbar-container {
	background: transparent;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	width: 100%;
}
.uk-navbar-toggle {
	padding: 0;
}
.uk-navbar-dropbar-slide {
	z-index: 9;
}
.menu-button {
	position: absolute;
	left: calc(100vw - 80px);
	right: 0;
	top: 34px;
	z-index: 999;
}
.uk-logo {
	position: absolute;
	left: 0;
	z-index: -10;
	min-height: 70px;
	padding: 0;
}
.dropbar {
	margin-top: 0 !important;
	top: 0 !important;
}
.navbar a {
	color: #333333;
}
.navbar ul.uk-list li a {
	color: #888888;
}
.navbar a:hover, .navbar ul.uk-list li a:hover {
	color: #1c97cf;
}
.swiper-wrapper h1 {
	font-size: 40px;
	color: #FFFFFF;
}

nav .uk-navbar-right {
	margin-right: 0;
}
nav ul.uk-navbar-nav>li>a {
	color: #333333;
	font-size: 18px;
	padding: 10px 20px;
	min-height:90px;
}
nav ul.uk-navbar-nav>li.active>a {
	font-weight: bold;
	color: #1c97cf;
}
nav ul.uk-navbar-nav>li>a:hover, nav ul.uk-navbar-nav>li>a.uk-open {
	color: #1c97cf;
	font-weight: bold;
}
ul.uk-navbar-dropdown-nav li:hover a, ul.uk-navbar-dropdown-nav li.uk-active a {
	color: #1c97cf;
}
nav .uk-navbar-dropdown {
	margin-top: 0;
	width: 130px;
	padding: 0;
	text-align: center;
}
.uk-nav-parent-icon>.uk-parent>a::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-nav-parent-icon>.uk-parent>a.uk-open::after, .uk-nav-parent-icon>.uk-parent>a:hover::after, .uk-nav-parent-icon>.active.uk-parent>a::after {
filter: invert(65%) sepia(93%) saturate(1353%) hue-rotate(165deg) brightness(99%) contrast(93%);
}
.uk-navbar-dropdown-nav>li>a {
	padding: 15px;
	border-bottom: 1px solid #eeeeee;
}
nav a.uk-navbar-toggle span {
	padding: 0 20px;
	color: #1c97cf;
}
.header-mobile .uk-background-default {
	background: #FFFFFFe6;
}
.header-mobile li a {
	color: #333333;
	font-size: 16px;/*  */
}
.header-mobile li.active>a {
	color: #1c97cf;
}
.header-mobile.uk-nav-default>li>a:focus, .header-mobile .uk-nav-default>li>a:hover {
	color: #1c97cf;
}
.header-mobile h5, .header-mobile h5 a, .header-mobile h5 a:hover {
	color: #333333;
	font-size: 14px;
	
	margin: 10px 0;
}
/* i_banner */
footer li {
    margin-bottom: 10px;
}
.i_banner h2 {
	font-size: 120px;
	margin: 0;
	color: #ea5514;
	font-family: 'PMZDB';/* letter-spacing: 10px; */
	padding-left: 10px;
}
.i_banner p {
	font-size: 24px;
	color: #ea5514;
	
	margin: -20px 0 0;
	font-family: 'PMZDB';
}
.i_banner ul.uk-list {/* margin-left: 20px; */
}
.i_banner ul.uk-list li {/* list-style-type: disc; */
}
.i_banner ul.uk-list li h5 {
	font-size: 24px;
	color: #FFFFFF;
}
/* index-page1 */
.page1 .uk-position-large {
	margin-left: 180px;
	margin-right: 180px;
}
.page1 h1 {
	font-size: 48px;
}
.page1 h5 {
	margin: 10px 0;
	color: #333333;
}
.page1 h5 img {
	margin-right: 20px;
}
/* i_about */
.i_about h1 {
	color: #333;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 30px;
}
.i_about h4 {
	color: #666666;
	font-size: 18px;
	margin: 0;
	line-height: 1.5;

}
.i_about p {
	color: #333;
	font-size: 16px;
	line-height: 1.75;

}
.i_about p span {
	font-weight: bold;
}
.i_about .uk-text-danger {
	color: #1c97cf !important;
}
.i_about .uk-card .uk-card-body {/* width: calc(800px - 40px); */
/* padding-top: 15%; */
/* padding-left: 60px; */
}
.i_about .uk-card.uk-card-body {
	width: 100%;
	padding: 70px 0;
}
.i_about hr {
	border-top: 2px solid #41c1f3;
	width: 34px;
}
.i_about .counter1 {/* font-family: 'BebasNeue'; */
	font-size: 44px;
	color: #1c97cf;
	display: inline-flex;
	font-weight: bold;
}
.i_about .counter_ {/* font-family: 'BebasNeue'; */
	font-size: 44px;
	color: #1c97cf;
	display: inline-flex;
	font-weight: bold;
}
.i_about h2 span {
	font-size: 44px;
	color: #1c97cf;
	font-weight: bold;
}
.i_about h5 {
	font-size: 18px;
	color: #1c97cf;
	
	margin: 0;
}
.i_about .uk-card .uk-card-body a {
	padding: 15px 50px;
	background: #FFFFFF;
	border-radius: 50px;
	font-size: 16px;
	color: #333333;
transition: .6s all;
	margin-top: 40px;
}
.i_about .uk-container.uk-text-center a:hover, .i_about .uk-dotnav>.uk-active>* {
	background: #1c97cf;
	color: #FFFFFF;
}
.i_about .i_about_nav a {
	border-radius: inherit;
	padding: 15px 20px;
	color: #bfbfbf;
	background: #f5f5f5;
}
.i_about .i_about_nav a:hover {
	color: #1c97cf;
	background: #FFFFFF;
}
.i_about .uk-container.uk-text-center a {
	padding: 15px 40px;
	border: 1px solid #d2d2d2;
	font-size: 19px;
	color: #333333;
	
}
.i_about .uk-card-default .uk-card-title {
	color: #1c97cf;
	font-size: 24px;
	margin: 0;
	font-weight: bold;
}
.i_about .i_about_desc .i_about_text {
	font-size: 16px;
	color: #333333;
	
}
.i_about .i_about_desc .i_about_text img {
	padding-right:10px;
}
.i_about .i_about_desc .i_about_text span {
	font-weight: bold;
	color: #000000;/* padding-left: 10px; */
}
.i_about a.btn {

	color: #1c97cf;
	font-size: 16px;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1c97cf;
	width:130px;
	line-height:50px;
	height:50px;
	display:block;
	text-align:center

}
.i_about a.btn:hover {

	color: #ffffff;
	background-color:#1c97cf

}

.i_about .uk-position-center.uk-padding-large {
	padding: 170px;
}
/* index-page2 */
.page2 h2 {
	font-size: 30px;
	color: #FFFFFF;
	margin: 20px 0;
}
.page2 p {
	color: #FFFFFF;
	margin: 0;
	height: 15px;
transition: .6s all;
	opacity: 0;
}
.page2 h5 {
	color: #40c1f3;
	margin: 60px auto 0;
	opacity: 0;
transition: .6s all;
	height: 15px;
	max-width: max-content;
	background: #ffffff;
	border-radius: 30px;
	padding: 5px;
}
.page2_bg:hover .page2 p {
	margin: 10px 0;
	height: auto;
	opacity: 1;
transition: .6s all;
}
.page2_bg:hover .page2 h5 {
transition: .6s all;
	height: auto;
	opacity: 1;
transition-delay: .3s;
	padding: 14px 40px;
}
.page2_bg .uk-overlay {
	position: absolute;
	top: 50%;
	bottom: 0;
	height: 0;
	width: 100%;
	background: #40c1f3cc;
	opacity: 0;
transition: .6s all;
}
.page2_bg:hover .uk-overlay {
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	opacity: 1;
transition: .6s all;
}
.page2.uk-position-center {
	top: calc(50% + 70px);
}
/* i_product */
.i_product div img {/* filter: invert(57%) sepia(50%) saturate(711%) hue-rotate(159deg) brightness(107%) contrast(90%); */
transition: .6s all;
}
.i_product .uk-card {
	height: 400px;
}
.i_product .uk-card:hover img {
	filter: none;
}
.i_product h1 {
	font-weight: bold;
	margin-bottom: 10px;
}
.i_product h4 {
	
	margin: 0;
}
.i_product .uk-card:hover h3 {
	color: #FFFFFF;
transition: .6s all;
}
.i_product h5 {
	color: #FFFFFF;
	opacity: 0;
transition: .6s all;
	height: 0px;
}
.i_product .uk-card:hover h5 {
	opacity: 1;
	height: 60px;
	margin: 10px 0;
}
.i_product .uk-overlay {
	opacity: 0;
	background: #1c97cf;
	height: 100%;
transition: .6s all;
	padding: 0;
	width: 0;
}
.i_product .uk-card:hover .uk-overlay {
	opacity: 1;
	width: 100%;
}
.i_product .uk-position-medium {
	transition: 0.6s all;
}
.i_product .uk-card:hover .uk-position-medium {
	margin: 0 30px;
}
.i_product a {
	padding: 15px 20px;
	color: #FFFFFF;
	font-size: 18px;
	
	border: 1px solid #ffffff;
transition: .6s all;
}
.i_product a:hover {/* background: #ffffff; */
	border: 1px solid #ffffff;
	color: #3cc0f3;
}
.i_product a::before {
background: #ffffff;
}
.btn-panel {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	margin: 0 0 0 -25px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	bottom: 50px;
}
.btn-panel:before {
	content: "";
	position: absolute;
	display: block;
	width: 17px;
	height: 2px;
	top: 24px;
	right: 18px;
	background-color: #fff;
	border-radius: 2px;
	transform: translate3d(-50px, 0, 0);
transition: transform .5s cubic-bezier(0, 0, .2, 1);
}
.uk-card:hover .btn-panel:before {
	transform: translate3d(0, 0, 0);
}
.btn-panel:after {
	content: "";
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	top: 21px;
	right: 17px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: translate3d(-50px, 0, 0) rotate(45deg);
transition: transform .5s cubic-bezier(0, 0, .2, 1);
}
.uk-card:hover .btn-panel:after {
	transform: translate3d(0, 0, 0) rotate(45deg);
}
.btn-panel span:before {
	content: none;
}
.uk-card:hover span:first-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(0, .7, .3, 1) .2s;
}
.uk-card:hover span:last-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(.7, 0, 1, .3);
}
.effect-circle span:first-child {
	position: absolute;
	display: block;
	width: 25px;
	height: 50px;
	top: 0;
	right: 25px;
	overflow: hidden;
}
.effect-circle span:first-child:before {
	content: "";
	position: absolute;
	display: block;
	width: 200%;
	height: 100%;
	top: 0;
	left: 0;
	border: solid 1px transparent;
	border-radius: 100%;
}
.effect-circle span:first-child:after {
	content: "";
	position: absolute;
	display: block;
	width: 96%;
	height: 96%;
	top: 0;
	left: 0;
	border-top: solid 1px rgba(255, 255, 255, .8);
	border-left: solid 1px rgba(255, 255, 255, .8);
	border-bottom: solid 1px rgba(255, 255, 255, .8);
	border-radius: 25px 0 0 25px;
	transform: rotate(-180deg);
	transform-origin: center right;
transition: transform .2s cubic-bezier(.7, 0, 1, .3);
}
.effect-circle:hover span:first-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(0, .7, .3, 1) .2s;
}
.effect-circle span:last-child {
	position: absolute;
	display: block;
	width: 25px;
	height: 50px;
	top: 0;
	right: 0;
	overflow: hidden;
}
.effect-circle span:last-child:before {
	content: "";
	position: absolute;
	display: block;
	width: 200%;
	height: 100%;
	top: 0;
	right: 0;
	border: solid 1px transparent;
	border-radius: 100%;
}
.effect-circle span:last-child:after {
	content: "";
	position: absolute;
	display: block;
	width: 96%;
	height: 96%;
	top: 0;
	left: 0;
	border-top: solid 1px rgba(255, 255, 255, .8);
	border-right: solid 1px rgba(255, 255, 255, .8);
	border-bottom: solid 1px rgba(255, 255, 255, .8);
	border-radius: 0 25px 25px 0;
	transform: rotate(-180deg);
	transform-origin: center left;
transition: transform .2s cubic-bezier(0, .7, .3, 1) .2s;
}
.effect-circle:hover span:last-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(.7, 0, 1, .3);
}
.desktop-wrapper {
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.desktop-wrapper .options {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow: hidden;
	min-width: 160px;
	width: 100%;
	height: 100vh;
}
.desktop-wrapper .options .option {
	position: relative;
	overflow: hidden;
	width: 160px;
	cursor: pointer;
	transition: 1s ease-in-out;
	color: #fff;
}
.desktop-wrapper .options .option.active {
	flex-grow: 3;
}
.desktop-wrapper .options .option.active>div {
	z-index: 1;
}
.desktop-wrapper .options .option>div .info-wrapper {/* padding: 20.7% 15%; *//* padding-top: calc(100vh / 5); */
	top: 20%;
	position: absolute;
	left: 11%;
	width: 88%;
}
.desktop-wrapper .options .option.active>div .info-wrapper {
	z-index: 999;
}
.desktop-wrapper .options .option.active>div .info-wrapper .title {
	font-size: 44px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 1;
	opacity: 1;
	position: relative;
	margin: 0 0 15px 0;
	text-align: left;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.3s;
}
.desktop-wrapper .options .option.active>div .info-wrapper .subtitle {
	color: #ffffff;
	font-size: 18px;
letter-spacing: .035rem;
	line-height: 1.125;
	margin: 0;
	text-align: left;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.desktop-wrapper .options .option.active>div .info-wrapper .description {
	left: 0px;
	margin-top: 1.5rem;
	position: relative;
	transition-delay: 0.6s;
	text-align: left;
	opacity: 1;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	transition-delay: 1s;
}
.desktop-wrapper .options .option.active>div .info-wrapper .description p {
	font-size: 18px;
	line-height: 1.5;
	height: 72px;
	width: 66%;
	
}
.desktop-wrapper .options .option.active>div .info-wrapper .ext-link {
	text-decoration: none;
	width: 6rem;
	color: #e9ecef;
	text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
	box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
	background: rgba(255, 255, 255, 0.1);
padding: .35rem .75rem;
	position: relative;
	overflow: hidden;
	transition: all 0.2s linear 0s;
}
.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:after {
	position: absolute;
transition: .3s;
	content: '';
	width: 0;
	left: 0;
	bottom: 0;
height: .15rem;
	background: rgba(255, 255, 255, 0.2);
}
.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover {
	text-shadow: none;
	box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}
.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover:after {
	left: 0;
	width: 100%;
}
.desktop-wrapper .options .option.active>div:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 101%;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(6, 186, 241, 0.8);
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.6s;
	opacity: 1;
}
.desktop-wrapper .options .option.active>div .icon-wrapper {
	display: flex;
	align-items: flex-start;
	align-content: baseline;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: end;
	padding-bottom: 1rem;
}
.desktop-wrapper .options .option.active>div .icon-wrapper .category-text {
	opacity: 0;
	display: initial;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.desktop-wrapper .options .option.active>div .icon-wrapper .category-icon:before {
	opacity: 1;
}
.desktop-wrapper .options .option:not(.active) {
flex-grow: 0;
}
.desktop-wrapper .options .option:not(.active):hover {
filter: grayscale(0%);
}
.desktop-wrapper .options .option:not(.active):hover>div:before {
background: rgba(2, 24, 31, 0.5);
}
.desktop-wrapper .options .option:not(.active)>div .title, .desktop-wrapper .options .option:not(.active)>div .subtitle, .desktop-wrapper .options .option:not(.active)>div .description {
opacity: 0;/* transition: 0.6s ease-in-out; */
}
.desktop-wrapper .options .option:not(.active)>div .icon-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: end;
padding-bottom: 1rem;
}
.desktop-wrapper .options .option:not(.active)>div .icon-wrapper .category-icon:before {
opacity: .5;
}
.desktop-wrapper .options .option:not(.active)>div:before {/* background: rgba(52, 58, 64, 0.6); */
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition-property: all;
-moz-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
opacity: 0;
}
.desktop-wrapper .options .option>div {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;/* padding: 1rem; */
	position: absolute;
	top: 0;
	left: 0;
	transition: 1s ease-in-out;
}
.desktop-wrapper .options .option>div .icon-wrapper .category-text {
	line-height: 40px;/* padding-left: 20px; */
	padding-bottom: 20px;
	opacity: 1;
	width: 100%;
	display: initial;
	text-align: left;
	padding-left: 10px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	font-size: 24px;
}
.desktop-wrapper .options .option>div .icon-wrapper .category-icon {
	display: flex;
	align-items: flex-start;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: relative;
	box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4);
}
.desktop-wrapper .options .option>div .icon-wrapper .category-icon:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-color: #fff;
	height: 20px;
	width: 21px;
}
.desktop-wrapper .options .option>div .icon-wrapper.sb .category-icon {
	background-color: #0DAFE0;
}
.desktop-wrapper .options .option>div .icon-wrapper.ce .category-icon {
	background-color: #f2501f;
}
.desktop-wrapper .btn-panel {
	left: 25px;
	bottom: -80px;
}
.desktop-wrapper .options .option.active .btn-panel:before {
	transform: translate3d(0, 0, 0);
	transition-delay: 1.2s;
}
.desktop-wrapper .options .option.active .btn-panel:after {
	transform: translate3d(0, 0, 0) rotate(45deg);
	transition-delay: 1.2s;
}
.desktop-wrapper .options .option.active span:first-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(0, .7, .3, 1) .2s;
	transition-delay: 1.2s;
}
.desktop-wrapper .options .option.active span:last-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(.7, 0, 1, .3);
	transition-delay: 1s;
}
.desktop-wrapper .options .option.active span:first-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(0, .7, .3, 1) .2s;
	transition-delay: 1.2s;
}
.desktop-wrapper .options .option.active span:last-child:after {
	transform: rotate(0deg);
transition: transform .2s cubic-bezier(.7, 0, 1, .3);
	transition-delay: 1s;
}
/* index-page3 */
.page3.uk-position-top-center {
	top: 50%;
	transform: translate(-50%, -50%);
}
.page3 .uk-card>div {
	width: 78px;
	height: 78px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	transition: 0.6s all;
}
.page3 h5 {
	color: #FFFFFF;
	margin: 0;
}
.page3 h1 {
	color: #FFFFFF;
	font-size: 40px;
}
.page3 h2 {
	color: #40c1f3;
	margin: 0;
	font-size: 60px;
	font-family: 'BebasNeue';
}
.page3 h2 div {
	display: inline-block;
}
.page3 h2 span {
	font-size: 16px;
	display: inline-block;
}
.page3 p {
	color: #FFFFFF;
	margin: 0;
}
.page3 p:hover {
	color: #40c1f3;
}
/* index-page4 */
.page4.uk-position-top-center {
	top: 20%;
	transform: translate(-50%, -50%);
}
.page4 p {
	margin: 0;
}
.Spot {
	position: absolute;
	z-index: 1;
}
.Spot>div {
	padding: 10px;
	transform: translate(-50%, -100%);
	left: 50%;
	position: absolute;
	top: -30%;
}
.Spot>div::before {
content: '';
animation: spotflash 1.5s 3.2s ease-out infinite;
border: 1px solid #FFFFFF;
position: absolute;
border-radius: 50%;
}
.Spot span {
	width: 14px;
	height: 14px;
	background: #FFFFFF;
	display: block;
	border-radius: 50%;
}
.Spot a {
	color: #FFFFFF;
}
/* i_world */
.i_world {
	width: 1600px;
}
.i_world h2 {
	color: #333333;
	font-weight: bold;
	font-size: 44px;
	margin-bottom: 10px;
}
.i_world h5 {
	color: #666666;
	margin: 0;
	font-size: 18px;
}
.Spot {
	position: absolute;
	z-index: 1;
}
.Spot>div {
	padding: 8px;
	transform: translate(-50%, -100%);
	left: 50%;
	position: absolute;
	top: -30%;
}
.Spot>div::before {
content: '';
animation: spotflash 1s 1s ease-out infinite;
border: 1px solid #E91E63;
position: absolute;
border-radius: 50%;/* background: #E91E63; */
}
.Spot span {
	width: 6px;
	height: 6px;
	background: #E91E63;
	display: block;
	border-radius: 50%;
}
.Spot a {
	color: #FFFFFF;
}
@keyframes spotflash {
 0% {
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
}
 100% {
left: -5px;
right: -5px;
top: -5px;
bottom: -5px;
opacity: .2;
}
}
.Spot1 {
	left: 21%;
	top: 50%;
}
.Spot2 {
	left: 32%;
	top: 76%;
}
.Spot3 {
	left: 51%;
	top: 62%;
}
.Spot4 {
	left: 58.1%;
	top: 58%;
}
.Spot5 {
	left: 66%;
	top: 56%;
}
.Spot6 {
	left: 74.3%;
	top: 51.3%;
}
.Spot7 {
	left: 72.2%;
	top: 61.6%;
}
.Spot1:hover::before {
content: '';
background: url(../image/Spot1.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot2:hover::before {
content: '';
background: url(../image/Spot2.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot3:hover::before {
content: '';
background: url(../image/Spot3.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot4:hover::before {
content: '';
background: url(../image/Spot4.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot5:hover::before {
content: '';
background: url(../image/Spot5.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot6::before {
content: '';
background: url(../image/Spot6.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
.Spot7:hover::before {
content: '';
background: url(../image/Spot7.png) no-repeat;
position: absolute;
width: 121px;
height: 133px;
top: -176px;
left: -62px;
}
/* index-page5 */
.page5.uk-position-top-center {
	top: 50%;
	transform: translate(-50%, -50%);
}
.page5.uk-container.uk-container-large {
	padding: 0 200px;
}
.swiper-slide.uk-position-relative:not(.swiper-slide-active) #swiper-container2 .i_news {
opacity: 0;
transition: .6s all;
}
.swiper-slide.uk-position-relative:not(.swiper-slide-active) #swiper-container2 .swiper-wrapper {
transform: translate3d(0px, 0px, 0px) !important;
transition-duration: 600ms !important;
}
.page5 p {
	margin: 20px 0;
	color: #FFFFFF;
	
}
.page5 h5 {
	margin: 16px 0;
	color: #FFFFFF;
	transition: 0.6s all;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.page5 .uk-card:hover h4 {
	color: #1c97cf;
}
.page5 .uk-transition-opaque {
transition: .6s ease-out;
}
/* i_news */
.i_news h2 {
	color: #333333;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 10px;
}
.i_news h5 {
	color: #333;
	margin: 0px 0 20px;
	font-size: 18px;
	
}
.i_news h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.i_news p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-size: 18px;
	
	color: #FFFFFF;
}
.i_news .uk-card:hover h4 {
	color: #1c97cf;
}
.i_news .positiontop .uk-card-body {
	background: linear-gradient(135deg, transparent 7px, #f9f9f9 0) top right, linear-gradient(-135deg, transparent 7px, #f9f9f9 0) top left, linear-gradient(-45deg, transparent 0, #f9f9f9 0) bottom right, linear-gradient(45deg, transparent 0, #f9f9f9 0) bottom left;
	background-size: 50.1% 50.1%;
	background-repeat: no-repeat;
	margin-top: -9px;
}
.i_news .positionbottom .uk-card-body {
	background: linear-gradient(135deg, transparent 0, #f9f9f9 0) top right, linear-gradient(-135deg, transparent 0, #f9f9f9 0) top left, linear-gradient(-45deg, transparent 7px, #f9f9f9 0) bottom left, linear-gradient(45deg, transparent 7px, #f9f9f9 0) bottom right;
	background-size: 50.2% 50.4%;
	background-repeat: no-repeat;
	margin-bottom: -9px;
}
.i_news .uk-card.positiontop:hover .uk-card-body {
	background: linear-gradient(135deg, transparent 7px, #1c97cf 0) top right, linear-gradient(-135deg, transparent 7px, #1c97cf 0) top left, linear-gradient(-45deg, transparent 0, #1c97cf 0) bottom right, linear-gradient(45deg, transparent 0, #1c97cf 0) bottom left;
	background-size: 50.1% 50.1%;
	background-repeat: no-repeat;
}
.i_news .uk-card.positionbottom:hover .uk-card-body {
	background: linear-gradient(135deg, transparent 0, #1c97cf 0) top right, linear-gradient(-135deg, transparent 0, #1c97cf 0) top left, linear-gradient(-45deg, transparent 7px, #1c97cf 0) bottom left, linear-gradient(45deg, transparent 7px, #1c97cf 0) bottom right;
	background-size: 50.2% 50.1%;
	background-repeat: no-repeat;
	margin-bottom: -9px;
	background-repeat: no-repeat;
}
.i_news a.btn {
	padding: 15px 40px;
	font-size: 18px;
	color: #333333;
	
	border: 1px solid #333333;
transition: .6s all;
}
.i_news a.btn:hover {/* background: #FFFFFF; */
	color: #ffffff;
}
.i_news_ {
	padding-top: 30px;
transition: .6s all;
}
.i_news_:hover {
	padding-top: 0;
	padding-bottom: 30px;
}
.i_news_ p {
	opacity: 0;
transition: .6s all;
	line-height: 1.75;
}
.i_news_:hover p {
	opacity: 1;
}
/* .i_news_ img{opacity: 1;transition: .6s all;}
.i_news_:hover img{opacity: 0.3;}*/

.i_news_ .uk-overlay-default {
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
transition: .6s all;
}
.i_news_:hover .uk-overlay-default {
	opacity: 1;
}
.i_news_ .uk-card-body p {
	opacity: 1;
	font-size: 18px;
	color: #888888;
	
}


.aui-bar-tab {
	position: fixed;
	top: auto;
	bottom: 0;
	table-layout: fixed;
	background-color: #ffffff;
	color: #757575;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid #f8f8f8;
	height: 84px;
}
.aui-bar-tab .aui-bar-tab-item {
	display: table-cell;
	position: relative;
	width: 1%;
	height: 2.5rem;
	text-align: center;
	vertical-align: middle;
}
.aui-bar-tab .aui-active {
	color: #039be5;
}
.aui-bar-tab .aui-bar-tab-item .aui-iconfont {
	position: relative;
	z-index: 20;
	top: 0.1rem;
	height: 1.2rem;
	font-size: 1rem;
	line-height: 1rem;
}
.aui-bar-tab .aui-bar-tab-label {
	display: block;
	position: relative;
	padding-top:10px;
	color: #333333;
	font-size: 14px;
}
.aui-bar-tab .aui-badge {
	position: absolute;
	top: 0.1rem;
	left: 55%;
	z-index: 99;
}
.aui-bar-tab .aui-dot {
	position: absolute;
	top: 0.1rem;
	right: 30%;
	z-index: 99;
}
/* banner */

.banner h1 {
	font-size: 66px;
	color: #FFFFFF;
	font-weight: bold;
}
.banner h2 {
	font-size: 20px;
	color: #FFFFFF;
	
	margin: 0;
}
.banner_nav ul.uk-subnav {
	height: auto;
}
.banner_nav ul.uk-subnav li {
	height: 60px;
	padding: 0;
}
.banner_nav ul.uk-subnav li a {
	font-size: 18px;
	line-height: 60px;
	color: #333333;
	margin: 0 30px;
	position: relative;
	transition: 0.3s all;
transition: .1s ease-in-out;
	transition-property: color, background-color, border-color, box-shadow;
	position: relative;
	z-index: 1;/* font-weight: bold; */
}
.banner_nav ul.uk-subnav li a::before {
content: '';
display: block;
position: absolute;
z-index: -1;
bottom: 0;
height: 3px;
background-color: transparent;
transition: .24s ease-in-out;
transition-property: background-color, border-color, box-shadow, height, left, right, opacity;
left: 50%;
right: 50%;
}
.banner_nav ul.uk-subnav li:hover a::before, .banner_nav ul.uk-subnav li.active a::before {
right: 0;
background-color: #1c97cf;
left: 0;
}
.banner_nav ul.uk-subnav li:hover a, .banner_nav ul.uk-subnav li.active a {
	right: 0;
	color: #1c97cf;
	left: 0;
	font-weight: bold;
}
.banner_ h1 {
	font-size: 66px;
	color: #FFFFFF;
	font-weight: bold;
}
.banner_ h2 {
	font-size: 20px;
	color: #FFFFFF;
	
	margin: 0;
}
.banner_ .uk-position-bottom-left {
	bottom: 10%;
}
.banner_ h5 {
	color: #FFFFFF;
	font-size: 24px;
	
	margin: 20px 0 0;
}
/* contact */
.contact h3 {
	font-size: 24px;
	color: #171717;
	font-weight: bold;
	margin: 0;
}
.contact h6 {
	font-size: 15px;
	color: #666666;
	
	margin: 0;
}
.contact h4 {
	color: #1c97cf;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.contact p {
	margin: 0;
	font-size: 15px;
	color: #171717;
}
.contact .message {
	background: #f4f3f3;
width: calc(100% * 1 / 2.5);
}
.contact input.uk-input {
	height: 50px;
	padding: 0 1.25rem;
}
.contact textarea.uk-textarea {
	height: 5rem;
}
.contact button.uk-input {
	background: #1c97cf;
	color: #FFFFFF;
}
.contact button.uk-input:hover {
	background: #1c97cfcc;
}
.contact .uk-input, .contact .uk-select, .contact .uk-textarea {
	border-bottom: 1px solid #e5e5e5;
	border-left: none;
	border-right: none;
	border-top: none;
}
.contact form .redpoint::before {
content: "*";
color: #ff0000;
font-size: 1rem;
position: absolute;
top: 15px;
padding-left: 8px;
}
.contact .map_contact {
	position: absolute;
	display: inline-block;
	left: -484%;
	bottom: 150%;
	background: url(../image/contact_.png) no-repeat center;
	width: 413px;
	height: 202px;
}
.contact .map-point {
	position: absolute;
	display: inline-block;
	right: 21.5%;
	bottom: 28%;
}
.contact .map-point a.btn_spot {
	display: inline-block;
	width: 1.25rem;
	height: 28px;
	background: url(../image/map_point.png) no-repeat center;
	animation: jump 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-webkit-animation: jump 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-moz-animation: jump 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-o-animation: jump 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
}
.contact .map-point i {
	position: absolute;
	pointer-events: none;
	z-index: 0;
	content: '';
	left: 50%;
	top: 106%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	height: 11px;
	width: 160%;
	background: -webkit-radial-gradient(center, ellipse, #1c97cf 0, transparent 75%);
	background: radial-gradient(ellipse at center, #1c97cf 0, transparent 75%);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: width;
	transition-property: width;
	animation: sf 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-webkit-animation: sf 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-moz-animation: sf 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
	-o-animation: sf 1s cubic-bezier(.61, .07, .35, .88) alternate infinite;
}
@keyframes jump {
 0% {
 transform: translateY(0);
 -ms-transform: translateY(0);
 -o-transform: translateY(0);
 -webkit-transform: translateY(0);
 -moz-transform: translateY(0)
}
 100% {
 transform: translateY(-0.625rem);
 -ms-transform: translateY(-0.625rem);
 -o-transform: translateY(-0.625rem);
 -webkit-transform: translateY(-0.625rem);
 -moz-transform: translateY(-0.625rem)
}
}
@keyframes sf {
 0% {
 width: 160%
}
 100% {
 width: 90%
}
}
/* about */
/*.about h1{font-size: 44px;color: #333333;font-weight: bold;margin: 0;}
.about h6{font-size: 18px;color: #666666;margin: 10px 0 0;}
.about h4{font-size: 24px;color: #333333;font-weight: bold;}
.about h4 span{color: #1c97cf;}
.about p{font-size: 18px;color: #333333;}
.about .counter_title{font-size: 24px;color: #1c97cf;font-weight: bold;}
.about .counter_title span{font-size: 40px;color: #1c97cf;}
 .about .uk-card {height: 0;padding-bottom: 100%;}
.about .uk-card::after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(../image/about_c.png) 50% 50% no-repeat;width: 100%;height: 100%;}
.about .uk-card:hover::after {transform: translate(-50%,-50%) rotate(360deg);animation: rotation 2s linear infinite;}
.about .uk-card hr{border-top:2px solid #1c97cf ;width: 20px;margin: 0 auto 10px;}
.about .uk-card p{color: #333333;margin: 0;}
.about .uk-grid-large>.uk-grid-margin{margin-top: 0;} */

.about h1 {
	color: #333333;
	font-weight: bold;
	font-size: 44px;
	margin-bottom: 10px;
}
.about h4 {
	color: #666666;
	font-size: 18px;
	margin: 0;
	line-height: 1.5;
	
}
.about p {
	color: #333333;
	font-size: 18px;
	line-height: 1.75;
	
}
.about p span {
	font-weight: bold;
}
.about .uk-text-danger {
	color: #1c97cf !important;
}
.about .uk-card.uk-card-body {
	width: 100%;
	padding: 70px 0;
}
.about hr {
	border-top: 2px solid #41c1f3;
	width: 34px;
}
.about .counter1 {/* font-family: 'BebasNeue'; */
	font-size: 44px;
	color: #1c97cf;
	display: inline-flex;
	font-weight: bold;
}
.about .counter_ {/* font-family: 'BebasNeue'; */
	font-size: 44px;
	color: #1c97cf;
	display: inline-flex;
	font-weight: bold;
}
.about h2 span {
	font-size: 44px;
	color: #1c97cf;
	font-weight: bold;
}
.about h5 {
	font-size: 18px;
	color: #1c97cf;
	
	margin: 0;
}
.about .uk-card .uk-card-body a {
	padding: 15px 50px;
	background: #FFFFFF;
	border-radius: 50px;
	font-size: 16px;
	color: #333333;
transition: .6s all;
	margin-top: 40px;
}
.about .uk-container.uk-text-center a:hover, .about .uk-dotnav>.uk-active>* {
	background: #1c97cf;
	color: #FFFFFF;
}
.about .i_about_nav a {
	border-radius: inherit;
	padding: 15px 20px;
	color: #bfbfbf;
	background: #f5f5f5;
}
.about .i_about_nav a:hover {
	color: #1c97cf;
	background: #FFFFFF;
}
.about .uk-container.uk-text-center a {
	padding: 15px 40px;
	border: 1px solid #d2d2d2;
	font-size: 19px;
	color: #333333;
	
}
.about .uk-card-default .uk-card-title {
	color: #1c97cf;
	font-size: 22px;
	margin: 0;
	font-weight: bold;
}
.about .i_about_desc .i_about_text {
	font-size: 18px;
	color: #333333;
	
}
.about .i_about_desc .i_about_text img {
	padding-right:10px;
}
.about .i_about_desc .i_about_text span {
	font-weight: bold;
	color: #000000;/* padding-left: 10px; */
}
.about h3 {
	font-size: 24px;
	color: #1c97cf;
	font-weight: bold;
	margin:0 0 20px 0;
}
.about .uk-card-body.uk-position-center {
	padding: 100px;
}
.about_desc .about_adv h4 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 20px 0;
}
.about_desc .about_adv h5 {
	font-size: 18px;
	color: #FFFFFF;
	
	margin: 0;
transition: .6s all;
	opacity: 0;
}
.about_desc .about_adv:hover h5 {
	opacity: 1;
	margin: 1.25rem 0;
}
.about_adv .uk-overlay-default {
	background: rgba(0, 0, 0, 0.31);
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 0;
	right: 0;
transition: .6s all;
}
.about_adv:hover .uk-overlay-default {
	top: 0;
	bottom: 0;
}
.about_adv:hover img, .about_adv:hover h4 {
	filter: invert(50%) sepia(71%) saturate(2183%) hue-rotate(158deg) brightness(105%) contrast(96%);
}
.about_adv .about_adv_desc {
transition: .6s all;
	opacity: 0;
	height: 0;
}
.about_adv:hover .about_adv_desc {
	opacity: 1;
	padding-bottom: 150px;
}
.about_culture h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_culture h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_culture .circleFeature h5 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	transition: 0.6s all;
}
.about_culture .circleFeature.circleSelect3 h5 {
	color: #FFFFFF;
	font-weight: bold;
}
.about_culture p {
	font-size: 18px;
	color: #FFFFFF;
	margin: 0;
	font-weight: bold;
}
.about_culture .circleFeature .uk-position-center {
	width: 0;
	height: 0;
	background: #FFFFFF;
	border-radius: 50px;
	transition: 0.6s all;
}
.about_culture .circleFeature.pos_top .uk-position-center {
	top: 69px;
	transition: 0.6s all;
}
.about_culture .circleFeature.pos_right .uk-position-center {
	left: 51px;
	transition: 0.6s all;
}
.about_culture .circleFeature.pos_bottom .uk-position-center {
	top: 51px;
	transition: 0.6s all;
}
.about_culture .circleFeature.pos_left .uk-position-center {
	left: 69px;
	transition: 0.6s all;
}
.about_culture .circleFeature .uk-position-top-center {
	transition: 0.6s all;
}
.about_culture .circleFeature .uk-position-center-right {
	transition: 0.6s all;
}
.about_culture .circleFeature .uk-position-bottom-center {
	transition: 0.6s all;
}
.about_culture .circleFeature .uk-position-center-left {
	transition: 0.6s all;
}
.about_culture .circleFeature.circleSelect3 .uk-position-center {
	width: 80px;
	height: 80px;
	background: #1c97cf;
}
.about_culture .circleFeature.circleSelect3 .uk-position-top-center {
	top: 43px;
	transition: 0.6s all;
}
.about_culture .circleFeature.circleSelect3 .uk-position-center-right {
	right: 50px;
	transition: 0.6s all;
}
.about_culture .circleFeature.circleSelect3 .uk-position-bottom-center {
	bottom: 44px;
	transition: 0.6s all;
}
.about_culture .circleFeature.circleSelect3 .uk-position-center-left {
	top: 56px;
	left: 42px;
	transition: 0.6s all;
}
.about_culture_ {
	width: 45%;
}
.about_history h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_history h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_history h2 {
	color: #1c97cf;
	font-size: 36px;
	font-weight: bold;
}
.about_history p {
	font-size: 18px;
	color: #333333;
	
	margin: 0 0 10px;
}
.about_history .uk-position-cover.uk-padding-large {
	padding-top: 40px;
}
.about_history .uk-slideshow-nav.uk-dotnav {
	border-bottom:1px solid #d2d2d2;
	padding-bottom: 14px;
	margin-left: 0;
}
.about_history .uk-dotnav>*>* {
	display: block;
	box-sizing: border-box;
	width: auto;
	height: auto;
	border-radius: 0;
	background: 0 0;
	text-indent: 0;
	overflow: inherit;
	white-space: inherit;
	border: none;
transition: .6s ease-in-out;
	transition-property: none;
	position: relative;
	color: #333333;
	font-size: 1rem;
	font-size: 18px;
	
}
.about_history .uk-dotnav>*>*::before {
content: '';
position: absolute;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
bottom: -1.2rem;
background: #d2d2d2;
}
.about_history .uk-dotnav>*>*::after {
content: '';
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
bottom: -1.5rem;
background: transparent;
border: 1px solid #d2d2d2;
}
.about_history .uk-dotnav>*:first-child {
	padding-left: 0;
}
.about_history .uk-dotnav>*:not(:first-child) {
flex: none;
padding-left: 6%;
}
.about_history .uk-dotnav>.uk-active>* {
	color: #1c97cf;
	font-weight: bold;
}
.about_history .uk-dotnav>.uk-active>*::before {
background: #1c97cf;
}
.about_history .uk-dotnav>.uk-active>*::after {
border-color: #1c97cf;
}
.about_history .about_history_dotnav a.uk-position-small {
	padding: 10px 15px;
	border-radius: 50px;
	background: #e6e6e6;
	color: #ffffff;
}
.about_history .about_history_dotnav a.uk-position-small:hover {
	background:#d2d2d2;
}
.about_world h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_world h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_world h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 20px 0;
}
.about_honour h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_honour h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_honour h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 20px 0;
}
.about_honour ul.uk-slider-items>li>div:hover h4, .about_honour ul li h4:hover {
	color: #1c97cf;
	font-weight: bold;
}
.about_honour .uk-dotnav>*>* {
	background: #d2d2d2;
}
.about_honour .uk-dotnav>*>*:hover {
	background: #1c97cf;
}
.about_honour .uk-dotnav>.uk-active>* {
	background: #1c97cf;
}
.about_ccc h1 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.about_ccc h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_ccc h4 {
	font-size: 18px;
	color: #fff;
	
	margin: 20px 0;
}
.about_ccc ul.uk-slider-items>li>div:hover h4, .about_ccc ul li h4:hover {
	color: #1c97cf;
	font-weight: bold;
}
.about_ccc ul.uk-slider-items>li>a>div {
	border: 1px solid #cfcfcf;
}
.about_ccc .uk-dotnav>*>* {
	background: #d2d2d2;
}
.about_ccc .uk-dotnav>*>*:hover {
	background: #1c97cf;
}
.about_ccc .uk-dotnav>.uk-active>* {
	background: #fff;
}
.about_patents h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_patents h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_patents h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 20px 0;
}
.about_patents ul.uk-slider-items>li>div:hover h4, .about_patents ul li h4:hover {
	color: #1c97cf;
	font-weight: bold;
}
.about_patents .uk-dotnav>*>* {
	background: #d2d2d2;
}
.about_patents .uk-dotnav>*>*:hover {
	background: #1c97cf;
}
.about_patents .uk-dotnav>.uk-active>* {
	background: #1c97cf;
}
.about_patents ul.uk-slider-items li:nth-child(1) {
transform: scale(0.8);
}
.about_patents ul.uk-slider-items li:nth-child(2) {
transform: scale(0.9);
}
.about_patents ul.uk-slider-items li:nth-child(3) {
transform: scale(1);
}
.about_patents ul.uk-slider-items li:nth-child(4) {
transform: scale(0.9);
}
.about_patents ul.uk-slider-items li:nth-child(5) {
transform: scale(0.8);
}
.about_news h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.about_news h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.about_news h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 20px 0 40px;
}
.about_news h2 {
	color: #333333;
	font-weight: bold;
	font-size: 44px;
	margin-bottom: 10px;
}
.about_news h5 {
	color: #666666;
	margin: 60px 0 20px;
	font-size: 18px;
	
}
.about_news_ h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.about_news .uk-position-cover.uk-overlay.uk-overlay-default {
	border-bottom: 1px solid #f5f5f5;
}
.about_news p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	font-size: 18px;
	
	color: #FFFFFF;
}
.about_news .uk-card:hover h4 {
	color: #1c97cf;
}
about_news .positiontop .uk-card-body {
	background: linear-gradient(135deg, transparent 7px, #f9f9f9 0) top right, linear-gradient(-135deg, transparent 7px, #f9f9f9 0) top left, linear-gradient(-45deg, transparent 0, #f9f9f9 0) bottom right, linear-gradient(45deg, transparent 0, #f9f9f9 0) bottom left;
	background-size: 50.1% 50.1%;
	background-repeat: no-repeat;
	margin-top: -9px;
}
about_news .positionbottom .uk-card-body {
	background: linear-gradient(135deg, transparent 0, #f9f9f9 0) top right, linear-gradient(-135deg, transparent 0, #f9f9f9 0) top left, linear-gradient(-45deg, transparent 7px, #f9f9f9 0) bottom left, linear-gradient(45deg, transparent 7px, #f9f9f9 0) bottom right;
	background-size: 50.2% 50.4%;
	background-repeat: no-repeat;
	margin-bottom: -9px;
}
about_news .uk-card.positiontop:hover .uk-card-body {
	background: linear-gradient(135deg, transparent 7px, #1c97cf 0) top right, linear-gradient(-135deg, transparent 7px, #1c97cf 0) top left, linear-gradient(-45deg, transparent 0, #1c97cf 0) bottom right, linear-gradient(45deg, transparent 0, #1c97cf 0) bottom left;
	background-size: 50.1% 50.1%;
	background-repeat: no-repeat;
}
.about_news .uk-card.positionbottom:hover .uk-card-body {
	background: linear-gradient(135deg, transparent 0, #1c97cf 0) top right, linear-gradient(-135deg, transparent 0, #1c97cf 0) top left, linear-gradient(-45deg, transparent 7px, #1c97cf 0) bottom left, linear-gradient(45deg, transparent 7px, #1c97cf 0) bottom right;
	background-size: 50.2% 50.1%;
	background-repeat: no-repeat;
	margin-bottom: -9px;
	background-repeat: no-repeat;
}
.about_news a.btn {
	padding: 15px 40px;
transition: .6s all;
	color: #333333;
	font-size: 18px;
	border: 1px solid #d2d2d2;
	
}
.about_news a.btn:hover {
	color: #ffffff;
	border-color: #1c97cf;
}
.about_news a:hover {
	color: #1c97cf;
}
.about_news_ {/* padding-top: 30px; *//* transition: .6s all; */
}
.about_news_:hover {/*padding-top: 0;padding-bottom: 30px;*/
}
.about_news_ p {
	opacity: 0;
transition: .6s all;
	line-height: 1.75;
}
.about_news_:hover p {
	opacity: 1;
}
.about_news_ .uk-overlay-default {
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
transition: .6s all;
}
.about_news_:hover .uk-overlay-default {
	opacity: 1;
}
.about_news_ .uk-card-body p {
	opacity: 1;
	font-size: 18px;
	color: #888888;
	
}
.about_news ul.uk-subnav li a {
	border: 1px rgb(0, 0, 0) solid;
	font-size: 18px;
	
	color: #333333;
	padding: 15px 50px;
}
.about_news .uk-subnav-pill>.uk-active>a {
	background: transparent;
}
/* .about_news h5{font-size: 18px;color: #333333;font-weight: bold;}
.about_news p{font-size: 18px;color: #333333;font-weight:lighter;margin: 20px 0 0;}
.about_news p span{color: #888888;}
.about_news .uk-card.uk-card-body{background: #f4f4f4;}
.about_news .uk-card.uk-card-body:hover h5{color: #1c97cf;}
.about_news .uk-card.uk-card-body:hover p{color: #ffffff;}
.about_news .uk-card.uk-card-body:hover p span{color: #ffffff;}

.about_news .uk-subnav-pill>.uk-active>a {color: #333333;background: #FFFFFF;}
.about_news .uk-subnav-pill>*>a:hover {background-color: #f8f8f8;}
.about_news .uk-overlay-default{background: transparent;}
.about_news .uk-card.uk-card-body:hover .uk-overlay-default{background: #000000b3;} */

/* news */
.news h1 {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.news h6 {
	font-size: 18px;
	color: #333333;
	margin: 10px 0 0;
	
}
.news article p, .news article div {
	font-size: 18px !important;
	color: #333333 !important;
	margin:0 !important;
	font-weight: lighter !important;
}
.news article p strong {
	font-size: 18px !important;
	margin:0 !important;
	font-weight: bold;
}
.news ul.uk-pagination li a {
	font-size: 18px;
	color: #333333;
	margin: 10px 0 0;
	
transition: .3s all;
}
.news ul.uk-pagination li a:hover {
	font-size: 18px;
	color: #1c97cf;
	font-weight: bold;
}
/* productlist */
.productlist h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.productlist h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.productlist h4 {
	font-size: 24px;
	color: #1c97cf;
	font-weight: bold;
}
.productlist h5 {
	font-size: 18px;
	color: #333333;
	
	border-bottom: 2px rgb(210, 210, 210) dashed;
	padding: 15px 0;
	margin: 0;
}
.productlist h5 img {
	padding-right: 20px;
}
.productlist p {
	font-size: 18px;
	color: #333333;
	font-weight:lighter;
}
.productlist hr {
	width: 31px;
	border-top:2px solid #1c97cf;
}
.productlist_solution h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.productlist_solution h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.productlist_solution h4 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.productlist_solution p {
	font-size: 18px;
	color: #666666;
	font-weight:lighter;
	margin: 10px 0;
}
.productlist_solution hr {
	width: 31px;
	border-top:2px solid #1c97cf;
}
.productlist_solution h5 {
	font-size: 18px;
	color: #333333;
	
	margin: 0 0 40px;
}
.productlist_solution a {
	font-size: 18px;
	color: #1c97cf;
	font-weight: bold;
	padding-bottom: 10px;
	position: relative;
}
.productlist_solution a::before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #1c97cf;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.productlist_solution a:hover::before {
right:0
}
/* productlist_ */
.productlist_ h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin:0 0 20px;
}
.productlist_ h6 {
	font-size: 18px;
	color: #333333;
	margin: 10px 0 0;
	
}
.productlist_ .productlist_nav a {
	background: #a4a4a4;
	border-radius: 50px;
	padding: 10px 15px;
}
.productlist_ .productlist_nav a:hover {
	background: #1c97cf;
}
.productlist_desc h4 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.productlist_desc h5 {
	font-size: 18px;
	color: #333333;
	
	margin: 0 0 10px;
}
.productlist_desc h5 span {
	color: #1c97cf;
	font-weight: bold;
}
.productlist_desc p {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
}
.productlist_desc ul li {
	list-style-type: disc;
	font-size: 18px;
	color: #333333;
	
}
.productlist_desc ul li span {
	font-weight: bold;
	color: #1c97cf;
}
.productlist_desc .uk-list-disc {
	padding-left: 15px;
}
.productlist_desc .productlist_desc_l {
	padding-left: 70px;
}
.productlist_desc .productlist_desc_r {
	padding-right: 70px;
}
.productlist_desc .uk-width-expand {
	margin-left: 20px;
}
.productlist_desc .uk-card.uk-card-body {
	border: 1px solid #efefef;
}
.productlist_other h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin:0 0 40px;
}
.productlist_other h5 {
	font-size: 18px;
	color: #333333;
	margin: 10px 0 0;
	
}
.productlist_other .uk-card:hover h5 {
	color: #1c97cf;
	font-weight: bold;
}
.productlist1_2 h4 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.productlist1_2 h5 {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
}
.productlist_contact h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin:0 0 10px;
}
.productlist_contact h6 {
	font-size: 18px;
	color: #333333;
	margin: 0;
	
}
.productlist_contact a {
	background: #1c97cf;
	color: #FFFFFF;
	padding: 15px 40px;
}
.productlist_contact a:hover {
	background: #1c97cf;
}
.productlist_contact {/* border-bottom: 1px #cfcfcf solid; */
	background: #f8f8f8;
}
.productlist_meter h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin:0 0 40px;
}
.productlist_meter .uk-table thead tr {
	background: #1c97cf;
}
.productlist_meter .uk-table thead tr th {
	color: #FFFFFF;
	font-size: 24px;
	width: 50%;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid;
}
.productlist_meter .uk-table tbody tr td {
	width: 50%;
	color: #333333;
	
	font-size: 18px;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
/* joblist */
.joblist h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.joblist h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.joblist h5 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.joblist .joblist_tit {
	padding: 20px 0;
	border:#dadada 1px solid;
}
.joblist .joblist_tit h5 {
	color:#333333;
	font-weight: bold;
	font-weight: 18px;
}
.joblist .joblist_ {
	background: #fafafa;
	padding: 20px 0;
}
.joblist .job_fuc .joblist_ p {
	color:#333333;
	margin: 0;
	
	font-size: 18px;
}
.joblist .job_fuc .joblist_ p span {
	color: #1c97cf;
	font-weight: bold;
}
.joblist .job_fuc:hover .joblist_, .joblist .job_fuc.open .joblist_ {
	background: #1c97cf;
}
.joblist .job_fuc:hover .joblist_ p, .joblist .job_fuc.open .joblist_ p {
	color: #FFFFFF;
}
.joblist .job_fuc:hover .joblist_ p span, .joblist .job_fuc.open .joblist_ p span {
	color: #FFFFFF;
}
.joblist .job_fuc {
	margin: 0 0 10px;
}
.joblist .job_fuc .jobdesc h3 {
	font-size: 24px;
	color: #1c97cf;
	font-weight: bold;
}
.joblist .job_fuc .jobdesc h5 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.joblist .job_fuc .jobdesc h5 span {
	
	padding-left: 20px;
}
.joblist .job_fuc .jobdesc span.fuli {
	font-size: 18px;
	color: #333333;
	
	padding-right: 20px;
}
.joblist .job_fuc .jobdesc hr {
	border-top: 1px solid #d2d2d2;
}
.joblist .job_fuc .jobdesc p {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
}
.joblist .job_fuc .jobdesc p a {
	color: #1c97cf;
	font-weight: bold;
}
.joblist .job_fuc .jobdesc {
	padding: 40px 150px;
	background: #fafafa;
	overflow: hidden;
}
/* .joblist .job_fuc.open .jobdesc {padding: 40px 150px;transform: translateY(0);height: auto;} */
.joblist ul.uk-subnav li a {
	border: 1px rgb(0, 0, 0) solid;
	font-size: 18px;
	
	color: #333333;
	padding: 15px 50px;
}
.joblist .uk-subnav-pill>.uk-active>a {
	color: #333333;
	background: #FFFFFF;
}
.joblist .uk-subnav-pill>*>a:hover {
	background-color: #f8f8f8;
	color: #ffffff;
}
.joblist_other {
	background: #F8F8F8;
}
.joblist_other h1 {
	font-size: 44px;
	color: #1c97cf;
	font-weight: bold;
	margin: 0;
}
.joblist_other h6 {
	font-size: 18px;
	color: #333333;
	margin: 10px 0 0;
	
}
.joblist_other h5 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
/* dblist */
.dblist h5 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 0;
transition: .3s all;
}
.dblist p {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
}
.dblist a:hover h5 {
	color: #1c97cf;
}
.dblist .uk-overlay-default {
	background: transparent;
}
.dblist .active.uk-overlay-default {
	background: #00000080;
}
.dblist a:hover .active.uk-overlay-default {
	background: transparent;
}
/* caselist */
.caselist h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.caselist h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 0;
	
}
.caselist h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 20px 0 40px;
	padding-bottom: 20px;
}
.caselist_ h4 {
	font-size: 24px;
	color: #1c97cf;
	font-weight: bold;
	margin: 0 0 20px;
}
.caselist_ h5 {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
	line-height: 2;
}
.caselist_ a {
	color: #1c97cf;
}
.caselist_ a.btn {
	font-size: 18px;
	color: #333333;
	
	border: 1px solid #333333;
transition: .6s all;
	padding: 10px 25px;
}
.caselist_ a.btn:hover {
	color: #FFFFFF;
	border-color: #1c97cf;/* background: #1c97cf; */
}
.caselist_.uk-section-small {
	padding-top: 20px;
}
.caselist_page .page-status {
	display: none;
}
.caselist_page span.page-numbar {
	padding: 0;
}
.caselist_page span.page-num {
	padding: 10px 15px;
	font-size: 18px;
	
	color: #333333;
}
.caselist_page span a {
	padding: 10px 15px;
	border: 1px solid #333333;
	font-size: 18px;
	
	color: #333333;
transition: .6s all;
}
.caselist_page span a.page-num {
	padding: 10px 20px;
	float: left;
	margin-left: 20px;
}
.caselist_page span span.page-num {
	padding: 10px 0;
	float: left;
	margin-left: 20px;
}
.caselist_page span a:hover, .caselist_page span a.page-num-current {
	border-color: #1c97cf;
	color: #FFFFFF;
	background:#1c97cf;
}
/* service */
.service h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.service h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 20px;
	
}
.service h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
	padding-bottom: 0;
}
.service_ h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.service_ h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 20px;
	
}
.service_ h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 0 0 40px;
	padding-bottom: 0;
}
.service_ h5 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.service_ p {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
}
.service_ .uk-width-auto img {
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	margin: 0 40px;
}
.service_ .uk-padding-small.uk-padding-remove-horizontal:not(.uk-first-column) {
border-left:1px solid #dcdcdc;
}
.service_ .service_none:not(.uk-first-column) {
border-left:1px solid #dcdcdc;
}
.service_ span {
	padding: 2px 10px;
	background: #1c97cf;
	border-radius: 50px;
	color: #FFFFFF;
}
/* technologylist */
.technologylist h1 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.technologylist h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 20px;
	
}
.technologylist h4 {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
	padding-bottom: 0;
}
.technologylist p {
	font-size: 18px;
	color: #333333;
	margin: 20px 0 0;
	
}
.technologylist hr {
	width: 60px;
	border-top:2px solid #1c97cf;
}
.technologylist_ h5 {
	font-size: 18px;
	color: #333333;
	margin: 20px 0 0;
	
}
.technologylist_ hr {
	border-top: 2px solid #1c97cf;
	width: 19px;
}
.technologylist_ h4 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 20px;
}
.technologylist_ p {
	font-size: 18px;
	color: #333333;
	
	margin: 0;
	padding-bottom: 0;
}
.technologylist_ p span {
	color: #1c97cf !important;
	font-weight: bold !important;
}
.technologylist_ .tech_switcher .display_none {
	display: none;
}
.technologylist_ .tech_switcher .uk-active img {
	display: none;
}
.technologylist_ .tech_switcher .uk-active img.display_none {
	display: block;
	margin: 0 auto;
}
.technologylist_ .tech_switcher .uk-active h5 {
	color: #1c97cf;
	font-weight: bold;
}
.technologylist_ .tech_switcher h5::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
transition: .6s all;
background: transparent 50% 100% no-repeat;
width: 8px;
height: 10px;
}
.technologylist_ .tech_switcher .uk-active h5::before {
content: '';
position: absolute;
bottom: -20%;
left: 50%;
transform: translate(-50%, 0);
transition: .6s all;
background: url(../image/down_.png) 50% 100% no-repeat;
width: 8px;
height: 10px;
}
/* tech_rd */ 
.tech_rd h6 {
	font-size: 18px;
	color: #666666;
	margin: 10px 0 20px;
	
}
.tech_rd h4 {
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.tech_rd p {
	font-size: 18px;
	color: #333333;
	margin: 20px 0 0;
	
}
.tech_rd h3 {
	font-size: 36px;
	color: #1c97cf;
	font-weight: bold;
	margin: 40px 0 0;
}
.tech_rd h5 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
.tech_rd .tech_slidenav a {
	background: #1c97cfcc;
	color: #FFFFFF;
	float: left;
	padding: 16px 24px;
	border: 1px solid #1c97cfcc;
}
.tech_rd .tech_slidenav a:hover {
	background: #01799ecc;
	border-color: #01799ecc;
}
.tech_rd hr {
	width: 31px;
	border-top:2px solid #1c97cf;
}
.technologylist hr, .i_about hr, .i_news hr, .about hr, .about_culture hr, .about_history hr, .about_culture hr, .about_world hr, .about_honour hr, .about_ccc hr, .about_patents hr, .productlist hr, .productlist_solution hr, .productlist_desc hr, .productlist_other hr, .productlist_ hr, .banner_ hr, .productlist_meter hr, .productlist1_2 hr, .caselist hr, .service hr, .contact hr, .joblist hr.service_ hr, .service_ hr, .about_news hr {
	width: 60px;
	border-top:2px solid #1c97cf;
}
@keyframes rotation {
 from {
 transform: translate(-50%, -50%) rotate(0deg);
}
to {
	transform: translate(-50%, -50%) rotate(360deg);
}
}
 @media (min-width: 1200px) and (max-width: 1600px) {
 .tu{ padding-top:90px; padding-left:0px; padding-right:0px;}
 .i_banner h2 {
font-size: 60px !important;
line-height: 70px !important;
}
 .i_banner p {
font-size: 20px;
letter-spacing: 1.3px !important;
}
 .i_banner ul.uk-list li h5 {
font-size: 18px;
}
 .page1 .uk-position-large {
 margin-left: 120px;
 margin-right: 120px;
}
 .i_about .uk-position-center.uk-padding-large {
 padding-left:70px;
 padding-top:200px;
 padding-right:70px;
}
 .about .uk-card-body.uk-position-center {
padding: 14px;
}
 .about_adv .uk-card-body {
padding: 30px 30px;
}
 .about .uk-card::after {
background-size: 97%;
}
 .about_honour h4 {
margin: 10px 0;
height: 50px;
}
 .productlist h5 {
padding: 8px 0;
}
 .banner_ .uk-position-bottom-left {
left: 4%;
}
 .caselist_ .uk-position-center {
padding: 40px;
}
 .banner h1 {
font-size: 48px;
}
 .contact .map_contact {
background-size: 94%;
}
}
@media (max-width: 1200px) {
 .swiper-container-vertical>.swiper-pagination-bullets {
left: calc(100vw - 20px);
}
 .i_banner a.btn {
padding: 10px 20px !important;
}
 .i_banner h2 {
font-size: 38px !important;
line-height: 50px !important;
}
 .i_banner p {
font-size: 12px;
letter-spacing: 1.2px !important;
padding-left: 1.6px;
}
 .i_banner ul.uk-list li h5 {
font-size: 18px;
}
 .i_banner .uk-position-top-left {
top: 14%;
}
 .page1 .uk-position-large {
 margin-left: 20px;
 margin-right: 20px;
}
 .i_about h1 {
font-size: 24px;
}
 .i_about p {
margin: 10px 0;
font-weight: normal;
font-size: 14px;
color:#333333
}
 .i_about a.btn {
padding: 10px 30px;
font-weight: normal;
font-size: 14px;
}
 .i_about h4 {
font-weight: normal;
font-size: 14px;
}
 .i_product .uk-overlay {
opacity: 0;
background: #1c97cfcc;
height:  100%;;
width: 100%;
transition: .6s all;
bottom: 100%;
top: 100%;
}
 .i_product h1.title {
font-weight: bold;
margin-bottom: 10px;
font-size: 24px;
color: #1c97cf;
}
 .i_product h4.subtitle {
font-weight: normal;
margin: 0 0 10px;
font-size: 14px;
font-weight: normal;
color: #1c97cf;
}
 .i_product h3.title {
margin: 0;
color: #1c97cf;
}
 .i_product p.subtitle {
margin: 0;
}
 .i_product hr.uk-divider-vertical {
display: none;
}
 .i_product a {
font-size: 14px;
font-weight: normal;
}
 .i_product a:hover {
border-color: #FFFFFF !important;
}
 @keyframes movex {
 0 {
 transform: translateX(calc( -40px ));
}
 50% {
 transform: translateX(calc(100vw - 100% + 40px));
}
 100% {
 transform: translateX(calc( -40px ));
}
}
 .i_world .map_move {
animation: movex 60s linear infinite;
transform: translateX(calc( -40px ));
}
 .i_world h2 {
font-size: 24px;
margin: 0;
}
 .i_world h5 {
margin: 0;
font-size: 14px;
}
 .i_news_ {
padding-top: 0;
}
 .i_news_:hover {
padding-bottom: 0;
}
 .i_news a.btn, .i_news p {
font-size: 14px;
font-weight: normal;
}

 .about_adv .uk-card-body {
padding: 30px 30px;
}
 .about .uk-card::after {
background-size: 97%;
}
 .about_honour h4 {
margin: 10px 0;
height: 50px;
}
 .productlist h5 {
padding: 8px 0;
}
 .banner_ .uk-position-bottom-left {
left: 4%;
padding-right: 4%;
}
 .caselist_ .uk-position-center {
padding-right: 40px;
}
 .banner h1, .banner_ h1 {
font-size: 24px;
margin: 0;
}
 .banner h2, .banner_ h2 {
font-size: 16px;
font-weight: normal;
}
 .banner .uk-position-center.uk-text-center {
padding-top: 80px;
}
 .banner_ .uk-position-center.uk-text-center {
padding-top: 80px;
}
 .banner_ h5 {
font-size: 14px;
font-weight: normal;
}
 .contact .map_contact {
background-size: 94%;
}
 .contact .map-point {
right: 72.5%;
bottom: 24%;
}
 .contact .message {
width: 100%;
}
 .moblie_bottom.uk-margin-large-bottom {
margin-bottom: 80px!important;
}
 .joblist h1 {
font-size: 24px;
}
 .joblist h6 {
font-size: 14px;
font-weight: normal;
}
 .joblist .job_fuc .jobdesc {
padding: 20px;
}
 .joblist h5 {
font-size: 14px;
}
 .joblist .job_fuc .joblist_ p {
font-weight: normal;
font-size: 14px;
}
 .joblist .job_fuc .jobdesc h3 {
font-size: 18px;
}
 .joblist .job_fuc .jobdesc h5 {
font-size: 14px;
margin-bottom: 10px;
}
 .joblist .job_fuc .jobdesc span.fuli {
font-size: 14px;
font-weight: normal;
padding-right: 8px;
}
 .joblist .job_fuc .jobdesc p {
font-size: 14px;
font-weight: normal;
}
 .joblist ul.uk-subnav li a {
font-size: 14px;
font-weight: normal;
}
 .joblist_other h1 {
font-size: 24px;
}
 .joblist_other h6 {
font-size: 14px;
font-weight: normal;
}
 .joblist_other h5 {
font-size: 16px;
}
 .service h1 {
font-size: 24px;
}
 .service h6 {
font-size: 14px;
font-weight: normal;
}
 .service h4 {
font-size: 14px;
font-weight: normal;
}
 .service_ h1 {
font-size: 24px;
}
 .service_ h6, .service_ h4, .service_ p {
font-size: 14px;
font-weight: normal;
}
 .service_ h5 {
font-size: 14px;
}
 .service_ .uk-width-auto img {
width: 50px;
margin: 0 10px 0 40px;
}
 .service_ .uk-text-right {
text-align: left !important;
}
 .service_ .uk-position-center-right {
left: 0;
}
 .service_ .uk-position-center {
left: 20px;
}
 .service_ .uk-container .uk-position-relative:nth-child(11) {
padding: 10px 0;
}
 .dblist h5 {
font-size: 14px;
}
 .dblist p {
font-size: 14px;
font-weight: normal;
}
 .caselist_page span a {
padding: 5px;
font-size: 14px;
font-weight: normal;
}
 span.page-index, span.page-last {
display: none;
}
 .caselist_page span a.page-num {
padding: 5px 10px;
}
 .caselist h1 {
font-size: 24px;
}
 .caselist h6, .caselist h4 {
font-size: 14px;
font-weight: normal;
}
 .caselist_ a {
font-size: 14px;
}
 .caselist_ h5 {
font-size: 14px;
font-weight: normal;
line-height: 1.5;
}
 .caselist_ a.btn {
font-size: 14px;
font-weight: normal;
}
 .technologylist h1 {
font-size: 24px;
}
 .technologylist h6, .technologylist h4, .technologylist_ h5, .technologylist p, .technologylist_ p {
font-size: 14px;
font-weight: normal;
}
 .tech_switcher {
padding-top: 80px !important;
}
 .technologylist_ h4 {
font-size: 18px;
}
 .technologylist_ .uk-padding-large {
padding: 15px;
}
 .uk-switcher .uk-text-left {
margin-bottom: 20px;
}
 .tech_rd h4 {
font-size: 24px;
}
 .tech_rd h6, .tech_rd p {
font-size: 14px;
font-weight: normal;
}
 .tech_rd h3 {
font-size: 18px;
}
 .tech_rd h5 {
font-size: 14px;
}
 .tech_rd .tech_slidenav a {
padding: 5px 10px;
}
 .productlist h1 {
font-size: 24px;
}
 .productlist h6 {
font-size: 14px;
font-weight: normal;
}
 .productlist h4 {
font-size: 16px;
}
 .productlist p, .productlist h5 {
font-size: 14px;
font-weight: normal;
}
 .productlist_solution h1 {
font-size: 24px;
}
 .productlist_solution h6, .productlist_solution p {
font-size: 14px;
font-weight: normal;
}
 .productlist_solution h4 {
font-size: 24px;
}
 .productlist_solution h5 {
font-size: 14px;
font-weight: normal;
margin: 0 0 20px;
}
 .productlist_solution a {
font-size: 14px;
}
 .productlist_ h1 {
font-size: 24px;
}
 .productlist_ h6 {
font-size: 14px;
font-weight: normal;
}
 .productlist_ h4 {
font-size: 16px;
}
 .productlist_desc h4 {
font-size: 24px;
}
 .productlist_desc h5 {
font-size: 14px;
font-weight: normal;
margin: 0;
}
 .productlist_meter h1 {
font-size: 24px;
margin: 0 0 20px
}
 .productlist_meter .uk-table thead tr th {
font-size: 14px;
}
 .productlist_meter .uk-table tbody tr td {
font-size: 14px;
font-weight: normal;
}
 .productlist_contact h1 {
font-size: 24px;
}
 .productlist_contact h6 {
font-size: 14px;
font-weight: normal;
}
 .productlist_contact a {
font-size: 14px;
}
 .productlist_other h1 {
font-size: 24px;
margin: 0 0 20px;
}
 .productlist_other h5 {
font-size: 14px;
font-weight: normal;
}
 .productlist_desc ul li {
font-size: 14px;
font-weight: normal;
}
 .productlist1_2 h4 {
font-size: 24px;
}
 .productlist1_2 h5 {
font-size: 14px;
font-weight: normal;
}
 .productlist_desc p {
font-size: 14px;
font-weight: normal;
}
 .productlist_desc .productlist_desc_r, .productlist_desc .productlist_desc_l, .productlist_desc .uk-width-expand {
padding: 10px 0;
}
 .productlist_desc, .productlist_meter {
border: none !important;
}
 #certify {
width: 90vw !important;
}
 .about h1, .about_culture h1, .about_history h1, .about_world h1, .about_honour h1, .about_ccc h1, .about_patents h1 {
font-size: 24px;
}
 .about h6, .about p, .about_culture h6, .about_culture p, .about_history h6, .about_history p, .about_world h6, .about_world p, .about_honour h6, .about_honour p, .about_honour h4, .about_ccc h6, .about_ccc p, .about_ccc h4, .about_patents h6, .about_patents h4, .about h4, .i_news_ .uk-card-body p, .contact p, .contact h6, .about_news_ .uk-card-body p {
font-size: 14px;
font-weight: normal
}
 .about .uk-card-default .uk-card-title {
font-size: 18px;
}
 .about .uk-card.uk-card-body {
padding: 0;
}
 .about .i_about_desc .i_about_text {
font-size: 14px;
font-weight: normal;
padding: 5px 0;
border-bottom:1px solid #f8f8f8;
}
 .about_culture_ {
width: 95%;
}
 .about_culture .circleFeature h5 {
font-size: 14px;
font-weight: normal;
}
 .about_culture .circleFeature.circleSelect3 .uk-position-center {
width: 50px;
height: 50px;
}
 .about_culture .circleFeature.circleSelect3 .uk-position-top-center {
top: 48px;
}
 .about_culture .circleFeature.circleSelect3 .uk-position-center-right {
right: 54px;
}
 .about_culture .circleFeature.circleSelect3 .uk-position-bottom-center {
bottom: 52px;
}
 .about_culture .circleFeature.circleSelect3 .uk-position-center-left {
top: 57px;
left: 49px;
}
 .about_world h4 {
font-size: 14px;
font-weight: normal;
}
 .about_history h2 {
font-size: 24px;
}
 .about_world .uk-margin-large-top {
margin-top: 140px!important;
}
 .about_world .Spot::before {
background: transparent;
}
 .about_news h1 {
font-size: 24px;
}
 .about_news h6, .about_news p, .about_news h4, .about_news ul.uk-subnav li a {
font-size: 14px;
font-weight: normal;
margin: 0;
}
 .about_news_ h4 {
font-size: 18px;
font-weight: bold;
}
 .news h1 {
font-size: 24px;
}
 .news h6 {
font-size: 14px;
font-weight: normal;
}
 .news article p, .news article div {
font-size: 14px !important;
font-weight: normal !important;
}
 .news ul.uk-pagination li a {
font-size: 14px;
font-weight: normal;
}
 .news ul.uk-pagination li a:hover {
font-size: 14px;
}
 .case h1 {
font-size: 24px;
}
 .case h6 {
font-size: 14px;
font-weight: normal;
}
 .case article p, .news article div {
font-size: 14px !important;
font-weight: normal !important;
}
 .case ul.uk-pagination li a {
font-size: 14px;
font-weight: normal;
}
 .case ul.uk-pagination li a:hover {
font-size: 14px;
}
 .about_desc .about_adv h4 {
font-size: 18px;
}
 .about_desc .about_adv h5 {
font-size: 14px;
font-weight: normal;
}
 .about_desc li.uk-active .about_adv .uk-overlay-default {
top: 0;
bottom: 0;
}
 .about_desc li.uk-active .about_adv img, .about_desc li.uk-active .about_adv h4 {
filter: invert(50%) sepia(71%) saturate(2183%) hue-rotate(158deg) brightness(105%) contrast(96%);
}
 .about_desc li.uk-active .about_adv img {
width: 40px;
}
 .about_desc li.uk-active .about_adv h5 {
opacity: 1;
margin: 1.25rem 0;
}
 .about_desc li.uk-active .about_adv .about_adv_desc {
opacity: 1;
padding-bottom: 70px;
}
 .about_history .about_history_dotnav a.uk-position-small {
padding: 0;
background: transparent;
color: #333333;
margin-top: 10px;
}
 .about_history_dotnav {
padding: 0 40px !important;
}
 .about_history .uk-dotnav>*>*::before {
bottom: -1.15rem;
}
 .about_history .uk-dotnav>*>* {
font-size: 14px;
font-weight: normal;
}
 .uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea, .header-mobile h5, .header-mobile h5 a, .header-mobile h5 a:hover {
font-size: 14px;
font-weight: normal;
}
}
 @media (min-width: 960px) and (max-width: 1200px) {
 .about .i_about_desc .i_about_text {
width: 50%;
float: left;
}
 .tech_switcher {
padding-top: 100px !important;
}
}
@media (max-width: 640px) {
 .technologylist_ .tech_switcher .uk-active h5::before {
background: transparent 50% 100% no-repeat;
}
.i_about h1{ font-size:30px}
.about_ccc h1{ font-size:30px;}
}


/* footer s*/
.wrap {
  max-width: 1540px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.sj2{ display:none}
@media (max-width: 1188px) {
.sj1{ clear:both; height:0px;}
}
@media (max-width: 640px) {
  .wrap {
    width: 88%;
  }
 .i_news h5 {

	font-size: 16px;
	
}
.i_news h2{ font-size:30px;}
}

.wrapp {
  max-width: 1540px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
 .sj2{ display: block;
 margin-bottom:30px;}
}
@media (max-width: 640px) {
  .wrapp {
    width: 96%;
  }
}