@font-face {font-family: 'BebasNeue';src: url('/template/default/static/font/BEBASNEUE.otf');}
@font-face {font-family: 'PMZDB';src: url('/template/default/static/font/PangMenZhengDaoBiaoTiTi.ttf');}
ul,li,dl,dt,dd {list-style: none;}
h1, h2, h3, h4, h5, h6,p  {margin: 0;}
a:hover {text-decoration: none;}
a.btn {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;}
a.btn:before {content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #06baf1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.btn:hover{color: #FFFFFF;border-color: #06baf1 !important;}
a.btn:hover::before, a.btn:hover::before, a.btn:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    
}
html {position: relative;height: 100%;color: #0b0607}
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 {font-size: 16px;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: #06baf1;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: #06baf1;}

.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 {font-size: 18px;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: #0b0607;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: 11;min-height: 70px;padding: 0;}
.dropbar {margin-top: 0 !important;top: 0 !important;}
.navbar a {color: #0b0607;}
.navbar ul.uk-list li a {color: #888888;}
.navbar a:hover,.navbar ul.uk-list li a:hover {color: #06baf1;}
.swiper-wrapper h1 {font-size: 40px;color: #FFFFFF;}
.swiper-wrapper p {color: #FFFFFF;}
nav .uk-navbar-right {margin-right: 0;}
nav ul.uk-navbar-nav>li>a {color: #0b0607;font-size: 18px;padding: 10px 20px;min-height: 70px;}
nav ul.uk-navbar-nav>li.active>a {font-weight: bold;color: #06baf1;}
nav ul.uk-navbar-nav>li>a:hover,nav ul.uk-navbar-nav>li>a.uk-open {color: #06baf1;font-weight: bold;}
ul.uk-navbar-dropdown-nav li:hover a,ul.uk-navbar-dropdown-nav li.uk-active a {color: #06baf1;}
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: #06baf1;}
.header-mobile .uk-background-default {background: #FFFFFFe6;}
.header-mobile li a{color: #0b0607;font-size: 16px;/* font-weight: lighter; */}
.header-mobile li.active>a{color: #06baf1;}
.header-mobile.uk-nav-default>li>a:focus,.header-mobile .uk-nav-default>li>a:hover { color: #06baf1;}
.header-mobile h5,.header-mobile h5 a,.header-mobile h5 a:hover{color: #0b0607;font-size: 14px;font-weight: lighter;margin: 10px 0;}

/* i_banner */

.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;font-weight: lighter;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: #0b0607;}
.page1 h5 img {margin-right: 20px;}
/* i_about */
.i_about h1 {color: #0b0607;font-weight: bold;font-size: 44px;margin-bottom: 10px;}
.i_about h4 {color: #666666;font-size: 18px;margin: 0;line-height: 1.5;font-weight: lighter;}
.i_about p {color: #0b0607;font-size: 18px;line-height: 1.75;font-weight: lighter;}
.i_about p span {font-weight: bold;}
.i_about .uk-text-danger {color: #06baf1 !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: #06baf1;display: inline-flex;font-weight: bold;}
.i_about .counter_ {/* font-family: 'BebasNeue'; */
font-size: 44px;color: #06baf1;display: inline-flex;font-weight: bold;}
.i_about h2 span {font-size: 44px;color: #06baf1;font-weight: bold;}
.i_about h5 {font-size: 18px;color: #06baf1;font-weight: lighter;margin: 0;}
.i_about .uk-card .uk-card-body a {padding: 15px 50px;background: #FFFFFF;border-radius: 50px;font-size: 16px;color: #0b0607;transition: .6s all;margin-top: 40px;}
.i_about .uk-container.uk-text-center a:hover,.i_about .uk-dotnav>.uk-active>* {background: #06baf1;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: #06baf1;background: #FFFFFF;}
.i_about .uk-container.uk-text-center a {padding: 15px 40px;border: 1px solid #d2d2d2;font-size: 19px;color: #0b0607;font-weight: lighter;}
.i_about .uk-card-default .uk-card-title {color: #06baf1;font-size: 24px;margin: 0;font-weight: bold;}
.i_about .i_about_desc .i_about_text {font-size: 18px;color: #0b0607;font-weight: lighter;}
.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 {padding: 15px 40px;border: 1px #0b0607 solid;color: #0b0607;font-size: 18px;font-weight: lighter;}
.i_about a.btn:hover {color: #FFFFFF;}
.i_about .uk-position-center.uk-padding-large {padding: 170px;}
.i_about .uk-overlay-default {background-color: transparent ;transition: .5s all;}
.i_about .uk-transition-toggle:hover .uk-overlay-default {background-color: transparent;}
.i_about .yuan {position: relative;}
.i_about .yuan::before {content: '';position: absolute;width: 50px;height: 50px;border-radius: 50%;border: 2px solid #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.i_about .uk-transition-toggle:hover .yuan::before {animation: round 2s infinite;}
@keyframes round {0% {padding: 0;opacity: 1;}100% {padding: 20px;opacity: 0;}}

/* 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 {font-weight: lighter;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: #06baf1;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;font-weight: lighter;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;width: 66%;font-weight: lighter;}
.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: 18px;}
.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: #0b0607;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(/template/default/static/image/Spot1.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot2:hover::before {content: '';background: url(/template/default/static/image/Spot2.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot3:hover::before {content: '';background: url(/template/default/static/image/Spot3.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot4:hover::before {content: '';background: url(/template/default/static/image/Spot4.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot5:hover::before {content: '';background: url(/template/default/static/image/Spot5.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot6::before {content: '';background: url(/template/default/static/image/Spot6.png) no-repeat;position: absolute;width: 121px;height: 133px;top: -176px;left: -62px;}
.Spot7:hover::before {content: '';background: url(/template/default/static/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: #06baf1;}
.page5 .uk-transition-opaque {transition: .6s ease-out;}
/* i_news */
.i_news h2 {color: #0b0607;font-weight: bold;font-size: 44px;margin-bottom: 10px;}
.i_news h5 {color: #666666;margin: 60px 0 20px;font-size: 18px;font-weight: lighter;}
.i_news h4 {font-size: 18px;color: #0b0607;height: 50px;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;font-weight: lighter;color: #FFFFFF;}
.i_news .uk-card:hover h4 {color: #06baf1;}
.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, #06baf1 0) top right,linear-gradient(-135deg, transparent 7px, #06baf1 0) top left,linear-gradient(-45deg, transparent 0, #06baf1 0) bottom right,linear-gradient(45deg, transparent 0, #06baf1 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, #06baf1 0) top right,linear-gradient(-135deg, transparent 0, #06baf1 0) top left,linear-gradient(-45deg, transparent 7px, #06baf1 0) bottom left,linear-gradient(45deg, transparent 7px, #06baf1 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: #0b0607;font-weight: lighter;border: 1px solid #0b0607;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;font-weight: lighter;}
/* footer */
footer {background: #171717;}
footer h5 {font-size: 18px;color: #06baf1;margin: 0 0 15px 0;font-weight: bold;}
footer a {color: #ffffff;font-size: 18px;font-weight: lighter;}
footer a:hover {color: #FFFFFF;}
footer li {margin-bottom: 10px;}
footer h5 span {font-size: 30px;color: #06baf1;background: url(/template/default/static/image/hotline.png) 0 50% no-repeat;padding-left: 30px;font-family: 'BebasNeue';}
footer .uk-float-right {position: relative;}
footer p {color: #0b0607;margin-bottom: 5px;margin-top: 0;}
footer hr {border-top: 1px solid #7d7d7d;margin: 0;}
.foot p {color: #797979;line-height: 36px;font-size: 18px;font-weight: lighter;}
footer .foot .uk-float-right::before {border-left: none;}
.foot a,.foot a:hover {color: #797979;}

footer .wechat_ img.qrcode {position: absolute;z-index: 99;top: -130px;right: -52px;width: 120px;max-width: none;height: 7.5rem;transform: scale(0);transform-origin: bottom;opacity: 0;border: 1px solid #06baf1;border-radius: .25rem;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}

footer .wechat_:hover img.qrcode {
transform: scale(1);
opacity: 1;
}
footer .foot_nav a:hover {font-weight: bold;}
footer .foot_ {margin-right: 10%;}



.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: #0b0607;
	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;font-weight: lighter;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: #06baf1;left: 0;}
.banner_nav ul.uk-subnav li:hover a,.banner_nav ul.uk-subnav li.active a{right: 0;color: #06baf1;left: 0;font-weight: bold;}

.banner_ h1{font-size: 66px;color: #FFFFFF;font-weight: bold;}
.banner_ h2{font-size: 20px;color: #FFFFFF;font-weight: lighter;margin: 0;}
.banner_  .uk-position-bottom-left {bottom: 10%;}
.banner_ h5{color: #FFFFFF;font-size: 24px;font-weight: lighter;margin: 20px 0 0;}

/* contact */
.contact h3 {font-size: 24px;color: #171717;font-weight: bold;margin: 0;}
.contact h6 {font-size: 15px;color: #666666;font-weight: lighter;margin: 0;}
.contact h4 {color: #06baf1;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: #06baf1;color: #FFFFFF;}
.contact button.uk-input:hover {background: #06baf1cc;}
.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(/template/default/static/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(/template/default/static/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,#06baf1 0,transparent 75%);background: radial-gradient(ellipse at center,#06baf1 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: #0b0607;font-weight: bold;margin: 0;}
.about h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about h4{font-size: 24px;color: #0b0607;font-weight: bold;}
.about h4 span{color: #06baf1;}
.about p{font-size: 18px;color: #0b0607;font-weight: lighter;}
.about .counter_title{font-size: 24px;color: #06baf1;font-weight: bold;}
.about .counter_title span{font-size: 40px;color: #06baf1;}
 .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(/template/default/static/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 #06baf1 ;width: 20px;margin: 0 auto 10px;}
.about .uk-card p{color: #0b0607;margin: 0;}
.about .uk-grid-large>.uk-grid-margin{margin-top: 0;} */

.about h1 {color: #0b0607;font-weight: bold;font-size: 44px;margin-bottom: 10px;}
.about h4 {color: #666666;font-size: 18px;margin: 0;line-height: 1.5;font-weight: lighter;}
.about p {color: #0b0607;font-size: 18px;line-height: 1.75;font-weight: lighter;}
.about p span {font-weight: bold;}
.about .uk-text-danger {color: #06baf1 !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: #06baf1;display: inline-flex;font-weight: bold;}
.about .counter_ {/* font-family: 'BebasNeue'; */
font-size: 44px;color: #06baf1;display: inline-flex;font-weight: bold;}
.about h2 span {font-size: 44px;color: #06baf1;font-weight: bold;}
.about h5 {font-size: 18px;color: #06baf1;font-weight: lighter;margin: 0;}
.about .uk-card .uk-card-body a {padding: 15px 50px;background: #FFFFFF;border-radius: 50px;font-size: 16px;color: #0b0607;transition: .6s all;margin-top: 40px;}
.about .uk-container.uk-text-center a:hover,.about .uk-dotnav>.uk-active>* {background: #06baf1;color: #FFFFFF;}
.about .i_about_nav a {border-radius: inherit;padding: 15px 20px;color: #bfbfbf;background: #f5f5f5;}
.about .i_about_nav a:hover {color: #06baf1;background: #FFFFFF;}
.about .uk-container.uk-text-center a {padding: 15px 40px;border: 1px solid #d2d2d2;font-size: 19px;color: #0b0607;font-weight: lighter;}
.about .uk-card-default .uk-card-title {color: #06baf1;font-size: 22px;margin: 0;font-weight: bold;}
.about .i_about_desc .i_about_text {font-size: 18px;color: #0b0607;font-weight: lighter;}
.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: #06baf1;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;font-weight: lighter;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: #0b0607;font-weight: bold;margin: 0;}
.about_culture h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.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: #06baf1;}
.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: #0b0607;font-weight: bold;margin: 0;}
.about_history h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_history h2{color: #06baf1;font-size: 36px;font-weight: bold;}
.about_history p{font-size: 18px;color: #0b0607;font-weight: lighter;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;font-weight: lighter;}
.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: #06baf1;font-weight: bold;}
.about_history .uk-dotnav>.uk-active>*::before{background: #06baf1;}
.about_history .uk-dotnav>.uk-active>*::after{border-color: #06baf1;}
.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: #0b0607;font-weight: bold;margin: 0;}
.about_world h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_world h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0;}

.about_honour h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.about_honour h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_honour h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0;}
.about_honour ul.uk-slider-items>li>div:hover h4,.about_honour ul li h4:hover{color: #06baf1;font-weight: bold;}
.about_honour .uk-dotnav>*>* {background: #d2d2d2;}
.about_honour .uk-dotnav>*>*:hover {background: #06baf1;}
.about_honour .uk-dotnav>.uk-active>* {background: #06baf1;}

.about_ccc h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.about_ccc h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_ccc h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0;}
.about_ccc ul.uk-slider-items>li>div:hover h4,.about_ccc ul li h4:hover{color: #06baf1;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: #06baf1;}
.about_ccc .uk-dotnav>.uk-active>* {background: #06baf1;}

.about_patents h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.about_patents h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_patents h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0;}
.about_patents ul.uk-slider-items>li>div:hover h4,.about_patents ul li h4:hover{color: #06baf1;font-weight: bold;}
.about_patents .uk-dotnav>*>* {background: #d2d2d2;}
.about_patents .uk-dotnav>*>*:hover {background: #06baf1;}
.about_patents .uk-dotnav>.uk-active>* {background: #06baf1;}
.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: #0b0607;font-weight: bold;margin: 0;}
.about_news h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.about_news h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0 40px;}
.about_news h2 {color: #0b0607;font-weight: bold;font-size: 44px;margin-bottom: 10px;}
.about_news h5 {color: #666666;margin: 60px 0 20px;font-size: 18px;font-weight: lighter;}
.about_news_ h4 {font-size: 18px;color: #0b0607;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;font-weight: lighter;color: #FFFFFF;}
.about_news .uk-card:hover h4 {color: #06baf1;}
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, #06baf1 0) top right,linear-gradient(-135deg, transparent 7px, #06baf1 0) top left,linear-gradient(-45deg, transparent 0, #06baf1 0) bottom right,linear-gradient(45deg, transparent 0, #06baf1 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, #06baf1 0) top right,linear-gradient(-135deg, transparent 0, #06baf1 0) top left,linear-gradient(-45deg, transparent 7px, #06baf1 0) bottom left,linear-gradient(45deg, transparent 7px, #06baf1 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: #0b0607;font-size: 18px;border: 1px solid #d2d2d2;font-weight: lighter;}
.about_news a.btn:hover {color: #ffffff;border-color: #06baf1;}
.about_news a:hover {color: #06baf1;}
.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;font-weight: lighter;}
.about_news ul.uk-subnav li a {border: 1px  rgb(0, 0, 0) solid;font-size: 18px;font-weight: lighter;color: #0b0607;padding: 15px 50px;}
.about_news .uk-subnav-pill>.uk-active>a {background: transparent;}
/* .about_news h5{font-size: 18px;color: #0b0607;font-weight: bold;}
.about_news p{font-size: 18px;color: #0b0607;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: #06baf1;}
.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: #0b0607;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: #0b0607;font-weight: bold;margin: 0;}
.news h6{font-size: 18px;color: #0b0607;margin: 10px 0 0;font-weight: lighter;}
.news article p,.news article div{font-size: 18px !important;color: #0b0607  !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: #0b0607;margin: 10px 0 0;font-weight: lighter;transition: .3s all;}
.news ul.uk-pagination li a:hover{font-size: 18px;color: #06baf1;font-weight: bold;}

/* productlist */
.productlist h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.productlist h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.productlist h4{font-size: 24px;color: #06baf1;font-weight: bold;}
.productlist h5{font-size: 18px;color: #0b0607;font-weight: lighter;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: #0b0607;font-weight:lighter;}
.productlist hr{width: 31px;border-top:2px solid #06baf1;}

.productlist_solution h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.productlist_solution h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.productlist_solution h4{font-size: 44px;color: #0b0607;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 #06baf1;}
.productlist_solution h5{font-size: 16px;color: #0b0607;font-weight: lighter;margin: 0 0 20px;}
.productlist_solution a{font-size: 18px;color: #06baf1;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: #06baf1;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: #0b0607;font-weight: bold;margin:0 0 20px;}
.productlist_ h6{font-size: 18px;color: #0b0607;margin: 10px 0 0;font-weight: lighter;}
.productlist_ .productlist_nav a{background: #a4a4a4;border-radius: 50px;padding: 10px 15px;}
.productlist_ .productlist_nav a:hover{background: #06baf1;}
.productlist_desc h4{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.productlist_desc h5{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0 0 10px;}
.productlist_desc h5 span{color: #06baf1;font-weight: bold;}
.productlist_desc p{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;}
.productlist_desc ul li {list-style-type: disc;font-size: 18px;color: #0b0607;font-weight: lighter;}
.productlist_desc ul li span {font-weight: bold;color: #06baf1;}
.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: #0b0607;font-weight: bold;margin:0 0 40px;}
.productlist_other h5{font-size: 18px;color: #0b0607;margin: 10px 0 0;font-weight: lighter;}
.productlist_other .uk-card:hover h5{color: #06baf1;font-weight: bold;}

.productlist1_2 h4{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.productlist1_2 h5{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;}

.productlist_contact h1{font-size: 44px;color: #0b0607;font-weight: bold;margin:0 0 10px;}
.productlist_contact h6{font-size: 18px;color: #0b0607;margin: 0;font-weight: lighter;}
.productlist_contact a{background: #06baf1;color: #FFFFFF;padding: 15px 40px;}
.productlist_contact a:hover{background: #06baf1;}
.productlist_contact {/* border-bottom: 1px #cfcfcf solid; */ background: #f8f8f8;}

.productlist_meter h1{font-size: 44px;color: #0b0607;font-weight: bold;margin:0 0 40px;}
.productlist_meter .uk-table thead tr {background: #06baf1;}
.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: #0b0607;
    font-weight: lighter;
    font-size: 18px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}


/* joblist */
.joblist h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.joblist h5{font-size: 18px;color: #0b0607;font-weight: bold;margin: 0;}
.joblist .joblist_tit {padding: 20px 0;border:#dadada 1px solid;}
.joblist .joblist_tit h5{color:#0b0607;font-weight: bold;font-weight: 18px;}
.joblist .joblist_ {background: #fafafa;padding: 20px 0;}
.joblist .job_fuc .joblist_ p{color:#0b0607;margin: 0;font-weight: lighter;font-size: 18px;}
.joblist .job_fuc .joblist_ p span{color: #06baf1;font-weight: bold;}
.joblist .job_fuc:hover .joblist_ ,.joblist .job_fuc.open .joblist_{background: #06baf1;}
.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: #06baf1;font-weight: bold;}
.joblist .job_fuc .jobdesc h5{font-size: 18px;color: #0b0607;font-weight: bold; margin-bottom: 20px;}
.joblist .job_fuc .jobdesc h5 span{font-weight: lighter;padding-left: 20px;}
.joblist .job_fuc .jobdesc span.fuli {font-size: 18px;color: #0b0607;font-weight: lighter;padding-right: 20px ;}
.joblist .job_fuc .jobdesc hr{border-top: 1px solid #d2d2d2;}
.joblist .job_fuc .jobdesc p {font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;}
.joblist .job_fuc .jobdesc p a{color: #06baf1;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;font-weight: lighter;color: #0b0607;padding: 15px 50px;}
.joblist .uk-subnav-pill>.uk-active>a {color: #0b0607;background: #FFFFFF;}
.joblist .uk-subnav-pill>*>a:hover {background-color: #f8f8f8;color: #ffffff;}

.joblist_other {background: #F8F8F8;}
.joblist_other h1{font-size: 44px;color: #06baf1;font-weight: bold;margin: 0;}
.joblist_other h6{font-size: 18px;color: #0b0607;margin: 10px 0 0;font-weight: lighter;}
.joblist_other h5{font-size: 24px;color: #0b0607;font-weight: bold;margin: 0;}

/* dblist */
.dblist h5{font-size: 18px;color: #0b0607;font-weight: bold;margin: 0;transition: .3s all;}
.dblist p{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;}
.dblist a:hover h5{color: #06baf1;}
.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: #0b0607;font-weight: bold;margin: 0;}
.caselist h6{font-size: 18px;color: #666666;margin: 10px 0 0;font-weight: lighter;}
.caselist h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0 40px;padding-bottom: 20px;}
.caselist_ h4{font-size: 24px;color: #06baf1;font-weight: bold;margin: 0 0 20px;}
.caselist_ h5{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;line-height: 2;}
.caselist_ a{color: #06baf1;}
.caselist_ a.btn {font-size: 18px;color: #0b0607;font-weight: lighter;border: 1px solid #0b0607;transition: .6s all;padding: 10px 25px;}
.caselist_ a.btn:hover {color: #FFFFFF;border-color: #06baf1;/* background: #06baf1; */}
.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;font-weight: lighter;color: #0b0607;}
.caselist_page span a {padding: 10px 15px;border: 1px solid #0b0607;font-size: 18px;font-weight: lighter;color: #0b0607;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: #06baf1;color: #FFFFFF;background:#06baf1;}

/* service */
.service h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.service h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;}
.service h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;padding-bottom: 0;}
.service .ico {width: 500px;height: 500px;margin: 0 auto;position: relative;}
.service .bg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.service .bg1 {animation:rotate1 8s linear infinite;}
.service .bg2 {animation:rotate1 6s linear infinite;}

@keyframes rotate1 {
	from{transform: translate(-50%,-50%) rotate(0deg)}
	to{transform: translate(-50%,-50%) rotate(360deg)}
}

.service_ h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.service_ h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.service_ h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0 0 40px;padding-bottom: 0;}
.service_ h5{font-size: 18px;color: #0b0607;font-weight: bold;margin: 0;}
.service_ p{font-size: 18px;color: #0b0607;font-weight: lighter;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: #06baf1;border-radius: 50px;color: #FFFFFF;}
.service_ .desc {margin-top: 40px;}
.service_ p.up {font-size: 20px;color: #06baf1;}

/* technologylist */
.technologylist h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.technologylist h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;}
.technologylist h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;padding-bottom: 0;}
.technologylist p{font-size: 18px;color: #0b0607;margin: 20px 0 0;font-weight: lighter;}
.technologylist hr{width: 60px;border-top:2px solid #06baf1;}

.technologylist_ h5{font-size: 18px;color: #0b0607;margin: 20px 0 0;font-weight: lighter;}
.technologylist_ hr{border-top: 2px solid #06baf1;width: 19px;}
.technologylist_ h4{font-size: 24px;color: #0b0607;font-weight: bold;margin: 0 0 20px;}
.technologylist_ p{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 0;padding-bottom: 0;}
.technologylist_ p span{color: #06baf1 !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: #06baf1;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(/template/default/static/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;font-weight: lighter;}
.tech_rd h4{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.tech_rd p{font-size: 18px;color: #0b0607;margin: 20px 0 0;font-weight: lighter;}
.tech_rd h3{font-size: 36px;color: #06baf1;font-weight: bold;margin: 40px 0 0;}
.tech_rd h5{font-size: 18px;color: #0b0607;font-weight: bold;margin: 0;}
.tech_rd .tech_slidenav a{background: #06baf1cc;color: #FFFFFF;float: left;padding: 16px 24px;border: 1px solid #06baf1cc;}
.tech_rd .tech_slidenav a:hover{background: #01799ecc;border-color: #01799ecc;}
.tech_rd hr{width: 31px;border-top:2px solid #06baf1;}

/* shunhui */
.shunhui h1 {font-size: 44px;color: #333;font-weight: bold;margin-bottom: 10px;}
.shunhui h2 {font-size: 18px;font-weight: lighter;color: #666;text-transform: uppercase;}
.shunhui .desc {margin-top: 40px;}
.shunhui p {font-size: 18px;font-weight: lighter;color: #333;text-align: justify;}
.shunhui .left {padding-right: 120px;}
.shunhui .uk-card-default {background-color: #f9f9f9;padding: 60px 90px 0;box-shadow: none;}
.shunhui .uk-dotnav>*>* {background-color: #bfbfbf;border-color: #bfbfbf;}
.shunhui .uk-dotnav>*.uk-active>* {background-color: #11c2f6;border-color: #11c2f6;}

/* fangan */
.fangan h1 {font-size: 44px;color: #fff;font-weight: bold;line-height: 1.4;}
.fangan h4 {font-size: 24px;color: #fff;}
.fangan .desc {margin-top: 170px;margin-bottom: 170px;}
.fangan h5 {font-size: 24px;font-weight: bold;color: #fff;display: inline-block;margin-top: 10px;}

/* subsection */
.subsection {padding-top: 0;padding-bottom: 0;}

/* point */
.point {background-color: #f9f9f9;position: relative;z-index: 9;}
.point h1 {font-size: 44px;font-weight: bold;color: #0b0607;margin-bottom: 10px;}
.point h2 {font-size: 18px;font-weight: lighter;color: #666;text-transform: uppercase;}
.point .desc {margin-top: 45px;}
.point h3 {font-size: 18px;font-weight: lighter;color: #000;}
.point p {font-size: 18px;font-weight: bold;color: #06baf1;}
.point .left .uk-card-default {background-color: #f9f9f9;box-shadow: none;padding-left:  calc(50vw - 800px);}
.point .left {padding-right: 100px;padding-top: 60px;padding-bottom: 60px;}
.point .right .uk-card-default {background-color: #f9f9f9;box-shadow: none;padding-right:  calc(50vw - 800px);}
.point .right {padding-left: 100px;padding-top: 60px;padding-bottom: 60px;}
.point a.btn {padding: 15px 40px;border: 1px #0b0607 solid;color: #0b0607;font-size: 18px;font-weight: lighter;display: inline-block;transition: .5s all;}
.point a.btn:hover {color: #FFFFFF;}
.point a.btn svg > * {transition: .5s all;}
.point a.btn:hover svg > * {fill: #fff;}
.point hr {border-color: #eeeeee;}
.point .num {position: relative;}
.point .num::before {content: '';position: absolute;left: 0;top:50%;transform: translateY(-50%);right: 0;height: 1px;background-color: #eeeeee;}
.point .num h4 {font-size: 30px;font-weight: bold;color: #06baf1;}
.point .num p {font-size: 18px;font-weight: bold;color: #000;}
.point .bg {min-height: 700px;}

/* point2_ */
.point2_ .desc {margin-top: 40px;}
.point2_ .desc2 {margin-bottom: 80px;}
.point2_ .left {padding-right: 80px;}
.point2_ .right {padding-left: 80px;}
.point2_ h1 {font-size: 44px;font-weight: bold;color: #000;margin-bottom:15px;}
.point2_ h2 {font-size: 18px;font-weight: lighter;color: #666;margin-bottom: 40px;text-transform: uppercase;}
.point2_ p {font-size: 18px;font-weight: lighter;color: #000;}
.point2_ h4 {font-size: 24px;font-weight: bold;color: #000;}
.point2_ h4 span {font-size: 18px;font-weight: lighter;}
.point2_ .uk-card-default {box-shadow: none;border: 1px solid #eeeeee;}
.point2_ hr {border-color: ##f5f5f5;}
.point2_ p.up {font-size: 20px;color: #06baf1;}

/* point3 */
.point3 .desc {margin-top: 40px;}
.point3 .desc2 {margin-bottom: 80px;}
.point3 .left {padding-right: 80px;}
.point3 .right {padding-left: 80px;}
.point3 h1 {font-size: 44px;font-weight: bold;color: #000;margin-bottom:15px;}
.point3 h2 {font-size: 18px;font-weight: lighter;color: #666;margin-bottom: 40px;text-transform: uppercase;}
.point3 p {font-size: 18px;font-weight: lighter;color: #000;}
.point3 h4 {font-size: 24px;font-weight: bold;color: #000;}
.point3 h4 span {font-size: 18px;font-weight: lighter;}
.point3 .uk-card-default {box-shadow: none;border: 1px solid #eeeeee;}
.point3 hr {border-color: ##f5f5f5;}
.point3 p.up {font-size: 20px;color: #06baf1;}

/* point4 */
.point4 h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.point4 h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.point4 .desc {margin-top: 40px;}
.point4 .uk-card-default {box-shadow: none;background-color: #f9f9f9;padding: 30px 25px;}
.point4 h4 {font-size: 24px;font-weight: bold;color: #000;margin-bottom: 15px;}
.point4 .cont p {font-size: 18px;font-weight: lighter;color: #000;line-height: 1.675;position: relative;padding-left: 15px;}
.point4 .cont p::before {content: '';position: absolute;width: 6px;height: 6px;border-radius: 6px;background-color: #000;top: 12px;left: 0;}
.point4 p.up {font-size: 20px;color: #06baf1;}

/* point4_ */
.point4_ h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.point4_ h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.point4_ .uk-card-default {background-color: #f9f9f9;padding: 70px 30px;box-shadow: none;}
.point4_ .desc {margin-top: 40px;}
.point4_ .cont {padding: 15px;background-color: #fff;transition: .5s all;box-shadow: 0px 8px 6px 0px rgba(179, 179, 179, 0.13);transition: .5s all;}
.point4_ .uk-transition-toggle:hover .cont {background-color: #06baf1;box-shadow: none;}
.point4_ .cont h4 {font-size: 24px;font-weight: bold;color: #000;margin-bottom: 10px;transition: .5s all;}
.point4_ .uk-transition-toggle:hover .cont h4 {color: #fff;}
.point4_ .cont p {font-size: 18px;font-weight: lighter;color: #000;transition: .5s all;}
.point4_ .uk-transition-toggle:hover .cont p {color: #fff;}
.point4_ p.up {font-size: 20px;color: #06baf1;}

/* point5 */
.point5 h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.point5 h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.point5 h5{font-size: 18px;color: #000;margin: 10px 0 20px;font-weight: lighter;}
.point5 .desc {margin-top: 40px;}
.point5 .desc2 {margin-top: 80px;}
.point5 .uk-card-default {box-shadow: none;border: 1px solid #eeeeee;padding: 40px;transition: .5s all;}
.point5 .uk-transition-toggle:hover {border-color: #06baf1;box-shadow: 0px 0px 24px 0px rgba(179, 179, 179, 0.32);}
.point5 h4 {font-size: 24px;font-weight: bold;color: #000;transition: .5s all;}
.point5 .uk-transition-toggle:hover  h4 {color: #06baf1;}
.point5 p.up {font-size: 20px;color: #06baf1;}

/* point5_ */
.point5_ h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.point5_ h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.point5_ h5{font-size: 18px;color: #000;margin: 10px 0 20px;font-weight: lighter;}
.point5_ .desc {margin-top: 40px;}
.point5_ .desc2 {margin-top: 80px;}
.point5_ .uk-card-default {box-shadow: none;padding: 25px;transition: .5s all;}
.point5_ .uk-transition-toggle:hover {box-shadow: 0px 0px 24px 0px rgba(179, 179, 179, 0.32);}
.point5_ h4 {font-size: 24px;font-weight: bold;color: #000;transition: .5s all;margin-top: 25px;margin-bottom: 25px;}
.point5_ .uk-transition-toggle:hover  h4 {color: #06baf1;}
.point5_ .cont p {font-size: 18px;font-weight: lighter;color: #000;line-height: 1.675;}
.point5_ p.up {font-size: 20px;color: #06baf1;}

/* shunhuiapp */
.shunhuiapp h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.shunhuiapp h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.shunhuiapp h4 {font-size: 24px;color: #000;font-weight: bold;transition: .5s all;margin-bottom: 10px;}
.shunhuiapp p {font-size: 18px;color: #666;font-weight: lighter;}
.shunhuiapp .desc {margin-top: 40px;}
.shunhuiapp .uk-card-default {box-shadow: none;background-color: #f9f9f9;transition: .5s all;}
.shunhuiapp .uk-transition-toggle:hover {transform: translateY(-20px);}
.shunhuiapp .uk-transition-toggle:hover h4 {color: #06baf1;}
.shunhuiapp a.btn {padding: 0 30px;border: 1px #0b0607 solid;color: #0b0607;font-size: 18px;font-weight: lighter;display: inline-block;transition: .5s all;margin-top: 30px;line-height: 45px;height: 45px;}
.shunhuiapp a.btn:hover {color: #FFFFFF;}
.shunhuiapp a.btn svg > * {transition: .5s all;}
.shunhuiapp a.btn:hover svg > * {fill: #fff;}

/* shunhuiyunwei */
.shunhuiyunwei {background-color: #f9f9f9;}
.shunhuiyunwei h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.shunhuiyunwei h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.shunhuiyunwei h4{font-size: 18px;color: #0b0607;font-weight: lighter;margin: 20px 0;}
.shunhuiyunwei .desc {margin-top: 40px;}
.shunhuiyunwei .uk-transition-toggle:hover h4 {color: #06baf1;font-weight: bold;}
.shunhuiyunwei .uk-card-default {box-shadow: none;padding: 30px;}
.shunhuiyunwei .uk-dotnav>*>* {background: #d2d2d2;}
.shunhuiyunwei .uk-dotnav>*>*:hover {background: #06baf1;}
.shunhuiyunwei .uk-dotnav>.uk-active>* {background: #06baf1;}

/* aftersales */
.aftersales h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.aftersales h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.aftersales .desc {margin-top: 40px;}
.aftersales .circle {width: 108px;height: 108px;border-radius: 50%;border: 1px solid #eeeeee;margin: 0 auto;margin-bottom: 20px;transition: .5s all;}
.aftersales p {font-size: 18px;color: #666666;font-weight: lighter;}
.aftersales .uk-transition-toggle:hover .circle {background-color: #06baf1;}
.aftersales .uk-transition-toggle:hover img {filter: brightness(0) invert(1);}
.aftersales .uk-transition-toggle:hover p {font-weight: bold;color: #06baf1;}

/* shunhuinews */
.shunhuinews h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.shunhuinews h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.shunhuinews .desc {margin-top: 40px;}
.shunhuinews h5 {font-size: 18px;color: #000;font-weight: lighter;transition: .5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.shunhuinews .uk-card-default {border-bottom: 1px solid #eeeeee;padding-bottom: 20px;box-shadow: none;}
.shunhuinews .uk-card-default::before {content: '';position: absolute;bottom: 0;left: 0;right: 100%;height: 1px;background-color: #06baf1;transition: .5s all;}
.shunhuinews .uk-card-default:hover::before {right: 0;}
.shunhuinews .uk-grid>.uk-grid-margin {margin-top: 20px;}
.shunhuinews .uk-transition-toggle:hover h5 {font-weight: bold;color: #06baf1;}

/* msgs */
.msgs {background-color: #f9f9f9;}
.msgs h1{font-size: 44px;color: #0b0607;font-weight: bold;margin: 0;}
.msgs h6{font-size: 18px;color: #666666;margin: 10px 0 20px;font-weight: lighter;text-transform: uppercase;}
.msgs .desc {margin-top: 40px;}
.msgs input.uk-input{line-height: 60px;height: 60px;padding: 0 1.25rem;}
.msgs button.uk-input{background: #06baf1;color: #FFFFFF;line-height: 60px;height: 60px;}
.msgs button.uk-input:hover {background: #06baf1cc;}
.msgs form .redpoint::before{content: "*";color: #ff0000;font-size: 1rem;position: absolute;top: 15px;padding-left: 8px;}




.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 #06baf1;}
@keyframes rotation {
            from {
                transform: translate(-50%,-50%) rotate(0deg);
            }
            to {
                transform: translate(-50%,-50%) rotate(360deg);
            }
        }

@media (min-width: 1200px) and (max-width: 1600px) {
	.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: 90px;}
	.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%;}
	footer .foot_ {margin-right: 5%;}
	footer a {font-size: 16px;}
	nav ul.uk-navbar-nav>li>a {padding: 10px 15px;font-size: 16px;}
	.productlist_solution h4 {font-size: 38px;}
	.productlist_solution a {font-size: 14px;}
	.productlist p {font-size: 16px;} 
	
	.fangan h1 {font-size: 36px;}
	
	.point .left {padding-right: 40px;}
	.point .right {padding-left: 40px;}
	.point .left .uk-card-default {padding-left: 40px;}
	.point .right .uk-card-default {padding-right: 40px;}
	.point h1 {font-size: 38px;}
	.point .desc {margin-top: 25px;}
	.point .num h4 {font-size: 24px;}
	.point .num p {font-size: 14px;}
	
	.service_ h1 {font-size: 36px;}
	
	.point2_ h1 {font-size: 36px;}
	.point2_ .desc {margin-top: 20px;}
	.point2_ .desc img {width: 60px;}
	.point2_ h4 {font-size: 18px;}
	.point2_ h4 span {font-size: 16px;}
	
	.point3 h1 {font-size: 36px;}
	.point3 .desc img {width: 60px;}
	.point3 h4 {font-size: 18px;}
	.point3 h4 span {font-size: 16px;}
	
	.point4 h1 {font-size: 36px;}
	.point4 h4 {font-size: 22px;}
	.point4_ h1 {font-size: 36px;}
	.point5 h1 {font-size: 36px;}
	.point5 h1 {font-size: 36px;}
	.point5_ h1 {font-size: 36px;}
	.shunhuiapp h1 {font-size: 36px;}
	.shunhuiyunwei h1 {font-size: 36px;}
	.aftersales h1 {font-size: 36px;}
	.shunhuinews h1 {font-size: 36px;}
	.msgs h1 {font-size: 36px;}
	
	
	
	
}
@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;}
	.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: #06baf1cc;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: #06baf1;}
	.i_product h4.subtitle {font-weight: normal;margin: 0 0 10px;font-size: 14px;font-weight: normal;color: #06baf1;}
	.i_product h3.title{margin: 0;color: #06baf1;}
	.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;}
	footer .uk-float-right {float: left;margin-right: 0 !important;}
	footer h5{font-size: 14px;}
	footer a {font-size: 14px;font-weight: normal;}
	footer .uk-section-small {padding-top: 20px;padding-bottom: 20px;}
	.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: #0b0607;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: 960px) {
	.desc2.uk-grid-collapse>.uk-grid-margin {margin-top: 15px;}
	
	.technologylist_ .tech_switcher .uk-active h5::before {background: transparent 50% 100% no-repeat;}
	.service .ico {width: 100%;}
	.service .bg {padding: 10%;}
	.service .bg1 {padding: 0%;}
	.service .bg2 {padding: 5%;}
	
	
	.point .left {padding-right: 15px;padding-top: 30px;padding-bottom: 15px;padding-left: 15px;}
	.point h1 {font-size: 24px;}
	.point .right  {padding-right: 15px;padding-top: 30px;padding-bottom: 15px;padding-left: 15px;}
	.point .desc {margin-top: 25px;font-size: 14px;}
	.point p {font-size: 14px;}
	.point .bg {min-height: 350px;}
	.point h2 {font-size: 14px;}
	.point h3 {font-size: 14px;}
	.point .num p {font-size: 14px;}
	
	.service .ico {width: 100%;}
	.service .bg {padding: 10%;}
	.service .bg1 {padding: 0%;}
	.service .bg2 {padding: 5%;}
	
	.banner h2, .banner_ h2 {font-size: 14px !important;}
	.shunhui .left {padding-right: 0;}
	.shunhui .uk-card-default {padding: 15px;}
	.shunhui h1 {font-size: 24px;}
	.shunhui h2 {font-size: 14px;}
	.shunhui p  {font-size: 14px;}
	.shunhui .left {padding-right: 0;} 
	.shunhui .uk-card-default {padding: 15px;}
	
	.fangan h1 {font-size: 24px;}
	.fangan h4 {font-size: 16px;}
	.fangan h5 {font-size: 16px;}
	.fangan .desc {margin-top: 70px;margin-bottom: 70px;}
	.point .bg {min-height: 350px;}
	.point a.btn {padding: 10px 15px;font-size: 16px;}
	.point2_ h1 {font-size: 24px;}
	.point2_ h2 {font-size: 14px;}
	.point2_ .left {padding-right: 0;}
	.point2_ .right {padding-left: 0;}
	.point2_ p {font-size: 14px;}
	.point2_ h4 {font-size: 18px;}
	.point2_ .pic {width: 35px;}
	.point2_ h4 span {font-size: 14px;}
	.point3 h1 {font-size: 26px;}
	.point3 .right {padding-left: 0;}
	.point3 .left {padding-right: 0;}
	.point3 p {font-size: 14px;}
	.point3 h4 span {font-size: 16px;}
	.point3 .pic {width: 35px;}
	.point .num::before {content: none;}
	.point4 h1 {font-size: 26px;}
	.point4 .cont p {font-size: 14px;} 
	.point4_ h1 {font-size: 26px;}
	.point4_ h6 {font-size: 14px;}
	.point4_ .cont p {font-size: 14px;} 
	.point5 h1 {font-size: 24px;}
	.point5 h6 {font-size: 14px;}
	.point5_ h5 {font-size: 14px;}
	.point5 .cont p {font-size: 14px;} 
	.point5 .uk-card-default {padding: 15px;}
	.point5_ h1 {font-size: 24px;}
	.point5 h6 {font-size: 14px;}
	.point5_ .cont p {font-size: 14px;} 
	.shunhuiapp h1 {font-size: 24px;}
	.shunhuiapp a.btn {font-size: 14px;}
	.shunhuiapp h6 {font-size: 15px;}
	
	.shunhuiyunwei h1 {font-size: 24px;}
	.shunhuiyunwei h4 {font-size: 14px;}
	.aftersales h1 {font-size: 24px;}
	.aftersales h6 {font-size: 14px;}
	.shunhuinews h1 {font-size: 24px;}
	.msgs h1 {font-size: 24px;}
	.point5_ .uk-card-default {padding: 0;}
	.aftersales p {font-size: 14px;}
	
}<!--ºÄʱ1756053431.1303Ãë-->