/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0;font-size: unset;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#eb6ea6;box-shadow:inset 1px 1px 0 #eb6ea6,inset 0 -1px 0 #eb6ea6;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#333;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {height:-webkit-min-content;height:-moz-min-content;height:min-content;width: auto;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.img-alt {opacity: 0;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.input-1,.textarea-1{background:none;padding: 2rem 0;box-sizing: border-box;border: none;width: 100%;border-bottom: 1px solid #e7e7e7;color: #000;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border-bottom: 1px solid #000;}
.textarea-1 {min-height: 150px;}
.input-1::-webkit-input-placeholder,.textarea-1::-webkit-input-placeholder{ color: #999;} 
.div-container {position: relative;width: 74%;margin: auto;}
.div-content {width: 83%;margin: auto;}
.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #eb6ea6 url('../images/up1.png') no-repeat center;border-radius: 100%;background-size: 30%;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: rgba(255,255,255,.2);display: none;}
/* .header * {transition:all .4s ease;} */
.header-content {width:100%;height: 12rem;margin: auto;position: relative;z-index: 500;}
.header-nav,.header-nav ul li,.header-nav ul li::after,.header-nav ul a.nav,.header-icon ,.header-icon li {display: inline-block;vertical-align: middle;}
.header-logo {position: absolute;left: 2%;top: 50%;transform: translateY(-50%);z-index: 10;width: auto;max-width: 13%;}
.header-logo a {display: block;background-position: left center;background-repeat: no-repeat;background-size: 100%;}
.header-logo img{display: block;max-width: 100%;} 
.header-logo svg {display: block;width: 100%;height: auto;}
.header-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 9;text-align: center;font-size: 0;width: 100%;}
.header-right {position: absolute;right: 2%;top: 50%;z-index: 521; transform: translateY(-50%);}
.header-nav {text-align: center;}
.header-nav ul{list-style: none;margin: 0;padding: 0;font-size: 0;}
.header-nav ul li{list-style: none;margin: 0;position: relative;font-size: 0;z-index: 50;padding: 0;}
.header-nav ul a {color: #fff;}
.header-nav ul a.nav{position: relative; padding: 0 2.3rem;font-size: 0;}
.header-nav ul a.nav span {position: relative;display: inline-block;}
.header-nav ul a.nav span::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #eb6ea6;}
.header-nav ul a.nav:hover span {color: #eb6ea6;transform: translateY(-5px);}
.header-nav ul a.nav:hover span::after {width: 100%;}
.header-nav ul li.cur a.nav span{color: #eb6ea6;transform: translateY(-5px);}
.header-nav ul li.cur a.nav span::after {width: 100%;}
.header-nav ul li.language a.nav span::after {width: 100%;background: #fff;}


.show-language {position: absolute;right: -50%;top: 100%;z-index: 111;width: 18rem;margin-right: -3rem;display: none;}
.show-language::before {content: ''; width:0;height: 0;border-right:1rem solid transparent;border-left:1rem solid transparent;border-bottom:1rem solid rgba(0,0,0,1);
	position: absolute;left: 50%;top: 1px;margin-left:-1rem;}
.show-language-item {background: rgba(0,0,0,1);padding: 5%;overflow: hidden;position: relative;margin-top: 1rem;}
.show-language-item a {display: block;padding:10%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff!important;}
.show-language-item a:hover {color: #999!important;}
.show-language-item a:last-child {border: none;}


.header-nav-mshow {position: absolute;left:29%;top: 100%;z-index: 111;width: 120px;padding:0;display: none;padding: 5% 0;border-radius: 4px;}
.header-nav-mshow ul.header-nav-mshow-content {display: block;position: relative;background: #fff;margin-top: 1rem;padding: 1rem 0;box-shadow: 0px 8px 50px 0px rgba(0, 0, 0, 0.1);}
.header-nav-mshow ul.header-nav-mshow-content::before {content: '';width: 1.5rem;height: 1.1rem;position: absolute;left: 0;top: -1rem;background: url('../images/nav1.png');background-size: 100%;z-index: 1;}
.header-nav-mshow a {display: block;padding: 5% 20%;text-align: center;color: #666!important;}
.header-nav-mshow a:hover {color: #eb6ea6!important;} 

.header-nav-mshow.stype2 {position: absolute;left:50%;top: 100%;z-index: 111;width: 90rem;display: none;padding: 5% 0;border-radius: 4px;transform: translateX(-50%);overflow: hidden;}
.header-nav-mshow.stype2 ul.header-nav-mshow-content {background: none;}
.header-nav-mshow.stype2 ul.header-nav-mshow-content::before {content: '';width:0;height: 0;border-right:1rem solid transparent;border-left:1rem solid transparent;border-bottom:1rem solid #fff;position: absolute;left: 50%;top: 0;margin-left:-1rem;background:none;}
.header-nav-style {display: block;position: relative;background: #fff;padding:5%;text-align: left;overflow: hidden;}
.header-nav-mshow-left {float: left;width: 25%;overflow: hidden;padding-right: 5%;}
.header-nav-mshow-left .title-1 {color: #000;}
.header-nav-mshow-left .text-1 {color: #808080;margin-top: 2%;}
.header-nav-mshow-left .more-1 {margin: 0;margin-top: 15%;}
.header-nav-mshow-left .more-1 a {position: relative;display: inline-block;color: #eb6ea6!important;padding: 0;}
.header-nav-mshow-left .more-1 a::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #eb6ea6;}
.header-nav-mshow-center {float: left;width: 20%;overflow: hidden;margin: 0 7%;margin-top: -1%;}
.header-nav-mshow-center a {position: relative;border-bottom: 1px solid #e8e8e8;text-align: left;padding: 6% 0;}
.header-nav-mshow-center a::after {content: '';width: 1.3rem;height: .9rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r3.png') center no-repeat;background-size: 80%;opacity: 0;}
.header-nav-mshow-center a.cur {color: #eb6ea6!important;}
.header-nav-mshow-center a.cur::after {opacity: 1;} 
.header-nav-mshow-right {float: left;width: 35%;overflow: hidden;}
.header-nav-mshow-swiper {overflow: hidden;}
.header-nav-mshow-swiper a {display: block;position: relative;padding: 0;opacity: 0;}
.header-nav-mshow-swiper .title-1 {color: #000;margin-top: 5%;}
.header-nav-mshow-swiper .text-1 {color: #808080;margin-top: 3%;}
.header-nav-mshow-swiper img {opacity: 0;}
.header-nav-mshow-swiper .swiper-slide-active a {opacity: 1;}



.header.scroll-down,.header.scroll-top,.detail .header {background: #fff;}
.header.scroll-down .header-right a.nav span,.header.scroll-top .header-right a.nav span{color: #000;}
.header.scroll-down .header-nav ul li.cur a.nav span::after,.header.scroll-top .header-nav ul li.cur a.nav span::after   {width: 100%;}
.header.scroll-down .header-nav ul li.language a.nav span::after,.header.scroll-top .header-nav ul li.language a.nav span::after {background: #000;}
.header.scroll-down .menu-toggle,.header.scroll-top .menu-toggle  {filter: invert(1);}
.no-touch .header.scroll-down .menu-toggle,.no-touch .header.scroll-top .menu-toggle  {filter: none;}
.header.scroll-down .header-content,.header.scroll-top .header-content {height: 8rem;}
.header.scroll-down .header-logo a img,.header.scroll-top .header-logo a img{opacity: 0;}
.header.scroll-down .header-logo a ,.header.scroll-top .header-logo a {background: url('../images/logo1.png') center no-repeat;background-size: 100%;}

.detail .header::after {opacity: 1;display: block;background: rgba(0,0,0,.1);}
.detail .header .menu-toggle {filter: invert(1);}
.detail .header .header-right a.nav span{color: #000;}
.detail .header .header-logo a img{opacity: 0;}
.detail .header .header-logo a {background: url('../images/logo1.png') center no-repeat;background-size: 100%;}


.no-touch .header-nav-show {transform: translateX(0);} 
.no-touch .header-right {filter: invert(1);}
.no-touch .header .header-nav {display: none;}
.no-touch .header .header-logo a img{opacity: 0;}
.no-touch .header .header-logo a {background: url('../images/logo1.png') center no-repeat;background-size: 100%;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 200;background: #fff;transform: translateX(100%);transition:all .4s ease;}
.header-nav-show-content {position: relative;width: 100%;height: 100%;}
.header-nav-content {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;z-index: 11;}
.header-nav-item {position: relative;text-align: center;}
.header-nav-item a {display: block;}
.header-nav-item .title-1 {color: #e8e8e8;}
.header-nav-item .text-1 {color: #e8e8e8;opacity: 0;}
.header-nav-swiper .swiper-slide-active .header-nav-item .title-1 {color: #000;}
.header-nav-swiper .swiper-slide-active .header-nav-item .text-1 {color: #eb6ea6;opacity: 1;}
.header-nav-content-bottom {color: #999999;position: absolute;left: 2%;width: 96%;bottom: 5%;z-index: 20;}
.header-nav-content-bottom a{color: #999999;}
.header-nav-content-bottom a:hover {color: #eb6ea6;}
.header-linkurl {position: absolute;right: 0;top: 0;}




/* menu */
.detail.no-touch .menu-toggle {filter: none;}
.menu-toggle {display: inline-block;width: 11rem;height: 5rem;position: relative;overflow: hidden;vertical-align: middle;border: 1px solid rgba(255,255,255,.2);border-radius: 5rem;box-sizing: border-box;margin-left: 3rem;}
.cd-nav-trigger {display: block;width: 7rem;height: 7rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:1px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-5px;top:2px;transition-delay:0.27s; }
.menu-toggle span.hamburger:before {margin-top:5px;top:-2px;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.menu-toggle span.hamburger {background: none;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}
 




/* footer */
.footer {background:#0a0a0a;position: relative;clear: both; overflow: hidden;color: #fff;}
.footer-content a {color: #fff;}
.footer-content a:hover {color: #eb6ea6;}
.footer-content {width: 96%;margin: auto;}
.footer-content-top {padding: 3% 0;overflow: hidden;}
.footer-content-left {float: left;width: 39%;}
.footer-logo {position: relative;width: 20%;}
.footer-ewm {margin-top: 5%;}
.footer-ewm li{list-style: none;margin: 0;padding: 0;float: left;width: 22%;margin-right: 5%;}
.footer-ewm i {display: block;width: 100%;position: relative;}
.footer-ewm p {display: block;padding: 8% 0;}
.footer-content-right {float: right;width: 40%;}
.footer-nav {overflow: hidden;display: flex;justify-content: space-between;}
.footer-nav a {color: #fff;display: inline-block;vertical-align: middle;}
.footer-contact {margin-top: 5%;overflow: hidden;width: 70%;float: left;}
.footer-contact-item {border-bottom: 1px solid #2b2b2b;padding: 4% 0;overflow: hidden;}
.footer-contact-item ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;}
.footer-contact-item li {list-style: none;margin: 0;padding: 0;}
.footer-contact-item li .top-1 {width: 100%;}
.footer-contact-item .top-1{display: block;width: 75%;}
.footer-contact-item .bottom-1{color: #4a4a4a;margin-top: 2%;}
.footer-content-bottom {overflow: hidden;padding: 2% 0;}
.footer-linkurl {padding: 1% 0;overflow: hidden;}
.footer-linkurl span{display: inline-block;vertical-align: middle;color: #fff;}
.footer-linkurl a{display: inline-block;vertical-align: middle;color: #4a4a4a;;margin-left: 2rem;}
.footer-bottom {overflow: hidden;position: relative;}
.footer-bottom a {color:#4a4a4a}
.footer-copy {color: #4a4a4a;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #4a4a4a;}
.footer-top {position: absolute;right: 5%;top: 20%;}
.footer-top a {display: block;}
.footer-top a i {display: block;width: 6rem;height: 6rem;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);position: relative;}
.footer-top a i::after {content: '';width: 1.3rem;height:.9rem;background: url('../images/r2.png') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-90deg);z-index: 1; filter: invert(1);}
.footer-top a span {display: block;width: 2rem;margin: 1rem auto;line-height: 1.4rem;text-align: center;}
.footer-top a:hover i{background: #eb6ea6;border: 1px solid #eb6ea6;}




/* index */ 

.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;} 
.index-banner-swiper .pic {position:absolute;left:0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index-banner-swiper img {position: relative;z-index: 10;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-item {position: relative;}
.index-banner-text {position: absolute;left: 10%;top: 50%;transform: translateY(-55%);z-index: 100;color: #fff;}
.index-banner-text.right {left: auto;right: 10%;text-align: right;}
.index-banner-text.center {left: 50%;transform: translate(-50%,-55%);right: auto;text-align: center;width: 70%;}
.index-banner-text.none {display: none;} 
.index-banner-text a {display: block;color: #fff;}

.index-banner-swiper .title-1 {overflow: hidden;}
.index-banner-swiper .title-2 {overflow: hidden;margin-top: 1%;}
.index-banner-swiper .title-2 span {opacity: .3;}
.index-banner-swiper .title-3 {overflow: hidden;margin-top: -1.5rem;}
.index-banner-swiper .text-1 {overflow: hidden;margin-top: 1%;}
.index-banner-swiper .text-1 span {opacity: .3;text-transform: uppercase;}
.more-1 {margin-top: 4rem;overflow: hidden;}
.more-1 i{display: inline-block;width: 6rem;height: 6rem;border-radius: 100%;background: #fff;position: relative;}
.more-1 i::after {content: '';width: 1.4rem;height: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: url('../images/plus.png') center no-repeat;background-size: 100%;z-index: 1;opacity: .5;}
.more-1 a {display: block;position: relative;}
.more-1 a i {background: #f7f7f7;}
.more-1 a:hover i {background: #eb6ea6;}
.more-1 a:hover i::after {filter: invert(1);opacity: 1;}
.index-banner-text a:hover .more-1 i {background: #eb6ea6;}
.index-banner-text a:hover .more-1 i::after {filter: invert(1);opacity: 1;}

.index-banner-swiper .title-1,
.index-banner-swiper .title-2,
.index-banner-swiper .title-3,
.index-banner-swiper .text-1,
.index-banner-swiper .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1 {transition-delay: .1s;}
.index-banner-swiper .title-2 {transition-delay: .2s;} 
.index-banner-swiper .title-3 {transition-delay: .3s;}
.index-banner-swiper .text-1  {transition-delay: .4s;} 
.index-banner-swiper .more-1  {transition-delay: .5s;} 
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .title-3,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .more-1  {transform: translateY(0px);opacity: 1;}

.swiper-button-prev ,.swiper-button-next{border: 1px solid rgba(255,255,255,.2);border-radius: 100%;width: 6rem;height: 6rem;transition:all .4s ease;}
.swiper-button-prev::after,.swiper-button-next::after{content: '';background: url('../images/r1.png') center no-repeat;background-size: 100%;width: 1.5rem;height: .9rem;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0;position: absolute;}
.swiper-button-prev::after {transform: translate(-50%,-50%) rotate(-180deg);}
.swiper-button-prev:hover,.swiper-button-next:hover {background: #eb6ea6;border: 1px solid #eb6ea6;}
.swiper-button-prev {left: 2%;}
.swiper-button-next {right: 2%;}

.banner-pagination {left: auto!important;right:auto!important;left:2%!important;bottom:5%!important;width: auto!important;color: #fff;transform:none;text-align: left;position: absolute;top: auto!important;}
.banner-pagination span{opacity: 1;margin-right: 1.4rem!important;position: relative;width: 3rem;height: 3rem;background: transparent;display: inline-block;vertical-align: middle;}
.banner-pagination span::before {content: '';width:.6rem;height:.6rem;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .3;}
.banner-pagination span::after {content: '';width:26px;height:26px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;}
.banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1!important;}

.downroll {position: absolute;right: 2%;bottom: 5%;width: 1.2rem;z-index: 1;}

.nftk-content {width: 96%;margin: auto;}
.index-about-nftk {position: relative;padding: 5% 0;}
.index-about-left {width: 48%;position: relative;z-index: 10;}
.nftk-content-text {overflow: hidden;position: relative;}
.nftk-content-text .title-1 {color: #eb6ea6;}
.nftk-content-text .text-1 {margin-top: 5%;text-indent: 7.2rem;}
.nftk-content-text .text-2 {margin-top: 5%;color: #999999;width: 65%;}
.index-about-list {width: 44%;margin: auto;margin-top: 3%;overflow: hidden;margin-left: 20%;}
.index-about-item {position: relative;width: 80%;overflow: hidden;}
.index-about-item:nth-child(2) {margin-left: 20%;margin-bottom: 2%;}
.index-about-item .title-1 {color: #7e7e7e;border-bottom: 1px solid #dddddd;padding: 2% 0;overflow: hidden;text-align: right;}
.index-about-item .data-1 {display: inline-block;position: relative;}
.index-about-item .data-1 strong{color: #0078c2;font-weight: normal;letter-spacing: -4px;}
/*.index-about-item .data-1 sup{display: block;color: #7e7e7e;position: absolute;right: -2rem;top: 2rem;}*/
.index-about-right {position: absolute;right: 0;top: 0;width: 82.4%;z-index: 1;}
.index-about-class {width: 100%;height: 100%;position: relative;}
.index-about-link {position: absolute;width: 20%;z-index: 1;right: 27%;top: 9%;}
.index-about-link a {display: block;position: relative;}
.index-about-link .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 80%;text-align: center;color: #fff;}
.index-about-link .title-1 {color: #fff;}
.index-about-link .text-1 {opacity: .4;text-transform: uppercase;}
.index-about-link img{border-radius: 100%;}
.index-about-link a:hover img{ transform: scale(.9);}
.index-about-link a:hover .text-1 {opacity: 1;}
.index-about-link.class1 {width: 18%;}
.index-about-link.class2 {width: 15%;top: 28%;right: 12%;}
.index-about-link.class3 {top: 45%;right: 30%;}

.index-business {position: relative;overflow: hidden;}
.index-business .nftk-content {width: 78%;}
.index-business-top {text-align: center;margin-top: 5%;}
.nftk-title {overflow: hidden;}
.nftk-title .text-1 {color: #f7f7f7;text-transform: uppercase;}
.nftk-title .title-1 {margin-top: -.3%;}
.nftk-title .text-2 {color: #999999;margin-top: 1%;}
.index-business-center {margin-top: 4%;overflow: hidden;}
.index-business-center .text-2{color: #808080;}
.index-business-list {margin-top: 2%;}
.index-business-item {float: left;width: 33.3333%;overflow: hidden;}
.index-business-item a {display: block;position: relative;}
.index-business-item .text {position: absolute;left: 10%;top: 10%;width: 80%;z-index: 1;color: #fff;}
.index-business-item .title-1 {color: #fff;}
.index-business-item .text-1 {margin-top: 5%;opacity: .5;}
.index-business-item .more-2 {position: absolute;left: 10%;bottom: 10%;z-index: 1;width: 80%;display: block;color: #fff;}
.index-business-item a:hover .text-1{opacity: 1;}
.index-business-item a:hover .pic {transform: scale(1.05);}
.index-business-item a:hover .pic img.img-block {opacity: .9;}
.index-business-item a:hover .more-2 {opacity: 1;}
.more-2 {display: block;opacity: 0;border-bottom: 1px solid rgba(255,255,255,.2);padding: 2% 0;}
.more-2 span {display: block;}
.more-2 i {content: '';background: url('../images/r1.png') center no-repeat;width: 1.5rem;height: .9rem;right:0;top: 50%;transform: translateY(-50%);margin: 0;position: absolute;background-size: 100%;}
.index-business-bottom {margin-top: 3%;overflow: hidden;}
.index-business-bottom .title-2{color: #eb6ea6;}		 
.index-business-data {margin-top: 1%;display: flex;justify-content: space-between;} 
.index-business-data .index-about-item {margin: 0;width: 21%;}
.index-business-data .index-about-item .data-1 strong{color: #eb6ea6;} 
 
.index-cases {padding: 1% 0;overflow: hidden;}
.index-cases .nftk-content{width: 78%;margin: auto;}
.index-cases-top {text-align: center;margin-top: 4%;}
.index-cases-center {margin-top: 3%;}
.index-cases-center .text-2{width: 30%;color: #999999;}
.index-cases-nav {border-top: 1px solid #ededed;margin-top: 1.4%;overflow: hidden;}
.index-cases-nav ul {list-style: none;margin: 0;padding: 0;width: 78%;margin: auto;overflow: hidden;padding: 1% 0;}
.index-cases-nav ul li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 8rem;transition:all .4s ease;}
.index-cases-nav ul li a {color: #aeaeaf;position: relative;}
.index-cases-nav ul li a::after {content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: -5px;background: #eb6ea6;opacity: 0;}
.index-cases-nav ul li.cur {transform: translateY(1.4rem);}
.index-cases-nav ul li.cur a {color: #000;}
.index-cases-nav ul li.cur a::after{opacity: 1;}
.index-cases-nav ul li a:hover {color: #000;}
.index-cases-bottom {padding: 5% 0;overflow: hidden;background: #f7f7f7;}
.index-cases-list {width: 78%;margin: auto;position: relative;overflow: hidden;}
.index-cases-item {position: relative;float: left;width: 33%;margin-bottom: .5555%;margin-right: .5%;}
.index-cases-item a {display: block;position: relative;}
.index-cases-item .img {background: #000;}
.index-cases-item .pic {opacity: .5;}
.index-cases-item .img img.img-block {opacity: 0;}
.index-cases-item .text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);width: 80%;z-index: 1;text-align: center;color: #fff;opacity: 0;}
.index-cases-item .text-1 {opacity: .6;}
.index-cases-item .title-1 {margin-top: 1%;color: #fff;}
.index-cases-item .title-1::after {content: '';width: 5rem;height: 1px;background: #fff;margin: 5% auto;display: block;}
.index-cases-item .text-2 {opacity: .6;}
.index-cases-item a:hover .img img.img-block,.index-cases-item a:hover .text,.index-cases-item a:hover .pic {opacity: 1;}
.index-cases-item a:hover .pic {transform: scale(1.05);} 
.index-cases-item.ici1{width: 33%;}
.index-cases-item.ici3,.index-cases-item.ici5{margin-right: 0;}
.index-cases-item.ici4,.index-cases-item.ici5{margin-bottom: 0;}
.more-link {text-align: center;margin-top: 3%;}
.more-link a {display: inline-block;position: relative;border-bottom: 1px solid #dddddd;padding: 1rem 0;width: 16%;text-align: left;}
.more-link span {display:block;}
.more-link i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1.3rem;height:.9rem;background: url('../images/r2.png') center no-repeat;background-size: 100%;}
.more-link a:hover i {right: 5%;}
.more-link a:hover {border-bottom: 1px solid #eb6ea6;}

.index-partner {overflow: hidden;padding: 2% 0 4% 0;}
.index-partner-top {position: relative;overflow: hidden;}
.index-partner-bottom {margin: 3% auto;overflow: hidden;}
.index-partner-swiper .swiper-slide {border-radius: 100%;border: 1px solid #f4f4f4;transition:all .4s ease;}
.index-partner-swiper .swiper-slide:hover {border: 1px solid #eb6ea6;}
.index-partner-swiper>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}

.index-contact{padding: 3% 0;overflow: hidden;background: url('../images/contact.jpg') center no-repeat;background-size: cover;color: #fff;}
.index-contact-top {overflow: hidden;}
.index-contact-center {overflow: hidden;margin-top: 1.5%;}
.index-contact-from {float: right;width: 50%;}
.index-contact-from li{list-style: none;margin: 0;padding: 0;}
.from-item-2,.from-item-1 {clear: both;overflow: hidden;margin-bottom: 1%;}
.from-item-2 li {float: left;width: 49.5%;}
.from-item-2 li:last-child {float: right;}
.index-contact-from .input-1 {background: #fff;border-radius: 5rem;box-sizing: border-box;width: 100%;padding: 1.8rem 2rem;border: 1px solid #d9dce2;overflow: hidden;outline: none;}
.index-contact-from .textarea-1 {background: #fff;border-radius: 2rem;box-sizing: border-box;width: 100%;padding: 1.8rem 2rem;border: 1px solid #d9dce2;overflow: hidden;outline: none}
.index-contact-from .input-1::-webkit-input-placeholder,.index-contact-from .textarea-1::-webkit-input-placeholder{ color: #bebebe;} 
.index-contact-from p {display: block;width: 40%;float: left;padding: 1% 0;}
.index-contact-from a {display: block;float: right;width: 20%;text-align: center;border-radius: 5rem;background: #fff;color: #000;padding: 2rem 0;}
.index-contact-bottom {overflow: hidden;}
.index-contact-bottom .title-1 {opacity: .1;text-transform: uppercase;}

 


/* smart-home */ 
.nftk-banner {position: relative;overflow: hidden;}
.nftk-banner .pic {animation: srmgani 4000ms 1 ease forwards;}
.nftk-banner .text {position: absolute;color: #fff;right: 10%;top: 50%;z-index: 11;width: 50%;text-align: right;transform: translateY(-50%);}
.nftk-banner .text-1 {overflow: hidden;}
.nftk-banner .text-1 span {opacity: .1;text-transform: uppercase;}
.nftk-banner .title-1 {margin-top: -1.5rem;}
.nftk-banner .title-1 h2 {font-weight: normal;display: block;margin: 0;padding: 0;color: #eb6ea6;}
.nftk-banner .text-2 {margin-top: 2%;}

.nftk-nav {text-align: center;padding: 4% 0;overflow: hidden;}
.nftk-nav ul,.nftk-nav li {list-style: none;margin: 0;padding: 0;}
.nftk-nav li {display: inline-block;vertical-align: middle;margin: .3%;width: 8%;} 
.nftk-nav li a {display: block;background: #f8f8f8;border-radius: 1.2rem;overflow: hidden;padding: 2rem 0;position: relative;}
.nftk-nav li a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border: 2px solid #eb6ea6;border-radius: 1.2rem;opacity: 0;}
.nftk-nav li .icon-1 {width: 4.2rem;height: 4.2rem;position: relative;margin: auto;filter: grayscale(1);opacity: .5;}
.nftk-nav li .title-1 {color: #808080;margin-top: .5rem;}
.nftk-nav li.cur a::after {opacity: 1;}
.nftk-nav li.cur .title-1 {color: #eb6ea6;}
.nftk-nav li.cur .icon-1 {filter: none;opacity: 1;}

.nftk-brand {position: relative;padding: 1% 0 10% 0;overflow: hidden;}
.nftk-brand .nftk-content {width: 100%;margin: auto;}
.nftk-brand .nftk-title {text-align: center;}
.nftk-brand-list {padding: 2% 0;overflow: hidden;text-align: center;font-size: 0;width: 80%;margin: auto;}
.nftk-brand-item {width: 14%;margin: 1%;overflow: hidden;display: inline-block;vertical-align: middle;}
.nftk-brand-item a {display: block;position: relative;border: 1px solid #f6f6f6;border-radius: 100%;box-sizing: border-box;}
.nftk-brand-item a:hover {border: 1px solid #eb6ea6;}
.nftk-brand-item .text {position: absolute;width: 100%;height: 100%;overflow: hidden;background: rgba(255,255,255,.9);text-align: center;z-index: 50;border-radius: 100%;opacity: 0;display: none;}
.nftk-brand-item .text-1 {color: #000;width: 90%;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 61;}
.nftk-brand-item a:hover .text {opacity: 1;}

.nftk-brand-stabilize {position: relative;margin-top: 4%;}
.nftk-brand-stabilize-item {position: relative;overflow: hidden;margin-bottom: .6%;}
.nftk-brand-stabilize-item .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 50%;color: #fff;text-align: center;}
.nftk-brand-stabilize-item .text-1 {overflow: hidden;text-transform: uppercase;}
.nftk-brand-stabilize-item .text-1 span{opacity: .2;text-transform: uppercase;}
.nftk-brand-stabilize-item .title-1 {color: #fff;}
.nftk-brand-stabilize-item .text-2{margin-top: 3%;}
.nftk-brand-stabilize-item .text-2 p {opacity: .6;}
.pt0 {padding: 0;}
.pt5 {padding: 5% 0 0 0;}

.nftk-brand-convenient {overflow: hidden;margin-top: 3%;}
.nftk-brand-convenient-pic {position: relative;}
.nftk-brand-convenient-pic .img {position: relative;}
.nftk-brand-convenient-pic .pic img {opacity: .7;}
.convenient-list {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 30%;z-index: 11;color: #fff;}
.convenient-item {overflow: hidden;border-top: 1px solid rgba(255,255,255,.2);padding: 2% 0 4% 0;overflow: hidden;}
.convenient-item .title{position: relative;cursor: pointer;padding: 2% 0;overflow: hidden;transition:all .4s ease;}
.convenient-item .title::before {content: '';width: .6rem;height: .6rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border: 1px solid #fff;border-radius: 100%;opacity: 0;transition:all .4s ease;}
.convenient-item .title.cur {padding-left: 2.5rem;}
.convenient-item .title.cur::before {opacity: 1;}
.convenient-item .text {display: none;opacity: .6;}

.nftk-brand-aesthetic {overflow: hidden;position: relative;background: #f7f7f7;margin-top:3%;}
.nftk-brand-aesthetic-pic {overflow: hidden;padding: 6% 0;position: relative;}
.aesthetic-left {width: 25%;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 1;}
.aesthetic-text {color: #000;}
.aesthetic-text .title-1 {color: #000;}
.aesthetic-text .text-1{color: #808080;margin-top: 2%;}
.aesthetic-right {float: right;width: 52%;margin-right: 3%;}

.nftk-aesthetic {background: #f7f7f7;}
.nftk-aesthetic .nftk-content {width: 100%;}
.nftk-aesthetic .nftk-title {text-align: center;}
.nftk-aesthetic .nftk-title .text-1{color: #ededed;}
.nftk-brand-aesthetic-item {position: relative;overflow: hidden;margin-bottom:.5%;}
.nftk-brand-aesthetic-item:last-child {margin-bottom: 0;}
.nftk-brand-aesthetic-item .aesthetic-text {color: #fff;width: 25%;position: absolute;left: 3%;top: 50%;transform: translateY(-50%);z-index: 11;}
.nftk-brand-aesthetic-item .aesthetic-text .title-1{color: #fff;}
.nftk-brand-aesthetic-item .aesthetic-text .text-1 {color: #fff;opacity: .5;margin-top: 5%;}
.nftk-brand-aesthetic-item .aesthetic-text.left {left: 3%;}
.nftk-brand-aesthetic-item .aesthetic-text.center {left: 50%;transform: translate(-50%,-50%);text-align: center;width: 45%;}
.nftk-brand-aesthetic-item .aesthetic-text.center .text-1 {margin-top: 3%;}
.nftk-brand-aesthetic-item .img {position: relative;background: #000;}
.nftk-brand-aesthetic-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;z-index: 1;}

.nftk-brand-aesthetic-style {position: relative;overflow: hidden;margin-bottom: .5%;}
.nftk-brand-aesthetic-style:last-child {margin-bottom: 0;}
.nftk-brand-aesthetic-style .aesthetic-text {color: #fff;width: 40%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.nftk-brand-aesthetic-style .aesthetic-text.center {left: 50%;top: 50%;transform: translate(-50%,-50%);width: 70%;text-align: center;}
.nftk-brand-aesthetic-style .aesthetic-text .title-1{color: #fff;}
.nftk-brand-aesthetic-style .aesthetic-text .text-1{color: #fff;opacity: .5;margin-top: 3%;}
.nftk-brand-aesthetic-style .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;z-index: 1;}
.nftk-brand-aesthetic-style.nba1 {float: left;width: 49.77%;}
.nftk-brand-aesthetic-style.nba2 {float: right;width: 49.77%; } 
.nftk-brand-aesthetic-style.nba3 {clear: both;}
.nftk-brand-aesthetic-style.nba3 .aesthetic-text {width: 40%;}

.nftk-brand-curtain {margin-top: 3%;overflow: hidden;}
.nftk-brand-aesthetic-curtain {position: relative;float: left;width: 33%;margin-right: .333%;margin-bottom: .333%;}
.nftk-brand-aesthetic-curtain .curtain-text {color: #fff;width: 80%;position: absolute;left: 10%;bottom:-7%;z-index: 11;text-align: center;}
.nftk-brand-aesthetic-curtain .curtain-text .title-1{overflow: hidden;}
.nftk-brand-aesthetic-curtain .curtain-text .text-1{margin-top: 4%;opacity: 0;}
.nftk-brand-aesthetic-curtain a:hover .curtain-text {bottom:10%;}
.nftk-brand-aesthetic-curtain a:hover .curtain-text .text-1{opacity: .5;}

.nftk-brand-imagine {overflow: hidden;padding-bottom: 2%;}
.nftk-brand-imagine .nftk-content {width: 100%;}
.nftk-brand-imagine .nftk-title {text-align: center;}
.nftk-brand-imagine .nftk-title .text-2 {width: 50%;margin: 1% auto;color: #999999;}
.nftk-brand-imagine-list {margin-top: 2%;float: right;width: 90%;} 
.nftk-brand-imagine-item {position: relative;width: 100%;}
.nftk-brand-imagine-item a {display: block;position: relative;margin: 3%;}
.nftk-brand-imagine-item .imagine-text {color: #fff;width: 80%;position: absolute;left: 10%;top:60%;z-index: 11;text-align: center;transform: translateY(-50%);}
.nftk-brand-imagine-item .imagine-text .title-1 {color: #fff;}
.nftk-brand-imagine-item .imagine-text .text-1{opacity: 0;margin-top: 3%;}
.nftk-brand-imagine-item .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;z-index: 1;}
.nftk-brand-imagine-item a:hover .imagine-text {top:50%;}
.nftk-brand-imagine-item a:hover .text-1{opacity: .5;}
.nftk-brand-imagine-item a:hover .img {transform: scale(1.05);}
.swiper-bottom {text-align: right;width: 88%;position: relative;clear: both;padding: 3% 0;float: left;}
.swiper-bottom .imagine-prev,.swiper-bottom .imagine-next{position: relative;left: auto;top: auto;bottom: auto;margin: auto;display: inline-block;vertical-align: middle;margin-left: 1rem;background: #ededed;right: auto;border: none;}
.swiper-bottom .imagine-prev::after,.swiper-bottom .imagine-prev::after {filter: invert(1);}
.swiper-bottom .imagine-prev,.swiper-bottom .imagine-next {background: #ccc;}
.swiper-bottom .imagine-prev:hover,.swiper-bottom .imagine-next:hover {background: #eb6ea6;}
.swiper-bottom .imagine-prev:hover::after {filter: invert(0);} 
.swiper-bottom .imagine-pagination {position: absolute;left: 1%;top: 50%;transform: translateY(-50%);width: auto;bottom: auto;color: #999;}
.imagine-pagination span {position: relative;}
.imagine-pagination span::before {content: '0';font-size: 2rem;}
.imagine-pagination span.swiper-pagination-current::before {color: #eb6ea6;}
.imagine-pagination span.swiper-pagination-current{color: #eb6ea6;}
.imagine-pagination span.swiper-pagination-total {font-size: 1.4rem;color: #999;}
.imagine-pagination span.swiper-pagination-total::before {font-size: 1.4rem;color: #999;}


.nftk-banner .text.left {right: auto;left: 10%;text-align: left;}
.nftk-banner .text.left .text-1 {color: #fff;}
.nftk-banner .text.left .text-2 {width: 54%;}
.nftk-make-an-appointment {padding: 5% 0;overflow: hidden;}
.nftk-make-an-appointment .nftk-title {text-align: center;}
.nftk-make-an-appointment .nftk-title .text-2 {width: 40%;margin: auto;margin-top: 1%;}
.nftk-advantage-list {padding: 1% 0;overflow: hidden;text-align: center;margin-top: 1%;}
.nftk-advantage-item {width: 25%;text-align: center;display: inline-block;vertical-align: top;margin: 2%;}
.nftk-advantage-item .icon-1 {position: relative;width: 10rem;height: 10rem;margin: auto;}
.nftk-advantage-item .title-1 {padding: 3% 0;overflow: hidden;}
.nftk-advantage-item .text-1 {color: #808080;width: 80%;margin: auto;}

.nftk-make-an-appointment-item {margin-bottom: .5%;overflow: hidden;position: relative;}
.appointment-text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;width: 30%;color: #000;}
.appointment-text.right {right: 10%;left: auto;} 
.appointment-text.center {left: 50%;transform: translate(-50%,-50%);text-align: center;}
.appointment-text .title-1 {color: #000;}
.appointment-text .text-1{margin-top: 4%;color: #666;}

.nftk-smartoffice-list {width: 80%;margin: auto;margin-top: 3%;font-size: 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.nftk-smartoffice-item {width: 48%;margin: 1%;overflow: hidden;background:#f7f7f7;display: inline-block;vertical-align: top;}
.nftk-smartoffice-item .text {padding: 5%;overflow: hidden;}
.nftk-smartoffice-item .title-1  {color: #000;margin-bottom: 1%;}
.nftk-smartoffice-item .text-2  {color: #666;}
 






/* smart-office */ 
.nftk-smart-office {padding: 5% 0;overflow: hidden;background-image: -webkit-linear-gradient( 120deg, rgb(243,241,246) 0%, rgb(230,239,247) 100%);}
.nftk-smart-office .nftk-content {width: 80%;margin: auto;}
.nftk-smart-office .nftk-title {text-align: center;}
.nftk-smart-office .nftk-title .text-1 {color: #e1e8f0;}
.nftk-smart-office-list {overflow: hidden;margin-top: 3%;}
.nftk-smart-office-item {float: left;width: 24%;margin: .5%;}
.nftk-smart-office-item a  {display: block;position: relative;overflow: hidden;}
.nftk-smart-office-item .text {position: absolute;left: 10%;top: 55%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;width: 80%;}
.nftk-smart-office-item .icon-1 {position: relative;width: 8rem;height: 8rem;margin: auto;}
.nftk-smart-office-item .title-1 {font-weight: bold;margin-top: 1%;}
.nftk-smart-office-item .text-1 {opacity: 0;margin-top: 4%;}
.nftk-smart-office-item .pic {opacity: .4;}
.nftk-smart-office-item a:hover .text-1{opacity: .6;}
.nftk-smart-office-item a:hover .text {top: 50%;}

.nftk-allinone {padding: 3% 0 3% 0;overflow: hidden;background-image: -webkit-linear-gradient( 90deg, rgb(244,242,244) 0%, rgb(242,241,246) 99%);}
.nftk-allinone .nftk-content {width: 90%;margin: auto;}
.nftk-allinone .nftk-title {text-align: center;}
.nftk-allinone .nftk-title .text-1 {color: #b5e0f5;}
.nftk-allinone .nftk-title .text-1 strong{font-weight: normal;color: #0099e5;}
.nftk-allinone-list {margin-top: 3%;overflow: hidden;display: flex;justify-content: space-between;}
.nftk-allinone-item {width: 28%;float: left;position: relative;padding: 3% 0;}
.nftk-allinone-item a {display: block;position: relative;}
.nftk-allinone-item::after {content: '';width: 1px;height: 100%;position: absolute;right: -14%;top: 0;border-right: 1px dashed #ccc;}
.nftk-allinone-item .text {text-align: center;padding: 5% 0;overflow: hidden;}
.nftk-allinone-item .class-1 {display: inline-block;background: #0099e5;color: #fff;padding: .5rem 2rem;border-radius: 5rem;}
.nftk-allinone-item .title-1 {clear: both;padding-top: 10%;}
.nftk-allinone-item .title-1 strong{font-weight: normal;color: #0099e5;}
.nftk-allinone-item .text-1 {color: #808080;margin-top: 4%;}

.nftk-frame {padding: 5% 0;overflow: hidden;background-image: -webkit-linear-gradient( 90deg, rgb(244,242,244) 0%, rgb(242,241,246) 99%);} 
.nftk-frame .nftk-title {text-align: center;}
.nftk-frame .nftk-title .text-1 {color: #e5e5e5;}
.nftk-frame-bottom {text-align: center;margin-top: 1%;}
.nftk-frame-bottom-pic {overflow: hidden;}
.nftk-frame-bottom-pic img {max-width: 100%;}
.nftk-frame-bottom-text {text-align: center;color: #000000;}
.nftk-frame-bottom-text strong{font-weight: normal;color: #0099e5;}

.nftk-terrace {position: relative;}
.nftk-terrace .nftk-title{text-align: center;position: absolute;left: 50%;top: 10%;transform: translateX(-50%);z-index: 1;color: #fff;}
.nftk-terrace .text-1 {opacity: .1;}
.nftk-terrace-bottom {overflow: hidden;}
.nftk-terrace-bottom-pic {overflow: hidden;}

.nftk-modern {padding: 5% 0;overflow: hidden;background-image: -webkit-linear-gradient( 120deg, rgb(243,241,246) 0%, rgb(230,239,247) 100%);}
.nftk-modern .nftk-title {text-align: center;}
.nftk-modern .nftk-title .text-1 {color: #999;opacity: .1;}
.nftk-modern-bottom {margin-top: 4%;text-align: center;}
.nftk-modern-item {display: inline-block;vertical-align: middle;width: 30%;margin: .5%;}
.nftk-modern-item a {display: block;position: relative;}
.nftk-modern-item .img {background: #fff;}
.nftk-modern-item .text {position: absolute;left: 8%;top: 10%;width: 90%;z-index: 11;text-align: left;} 
.nftk-modern-item .icon-1 {position: absolute;width: 15rem;height: 15rem;right: 5%;top: 0;} 
.nftk-modern-item .title-1 {margin-top: 10%;} 
.nftk-modern-item .text-1 {opacity: .2;}  
.nftk-modern-item .text-2 {color: #808080;margin-top: 12%;}  
 


/* media */
.nftk-left-nav {position: fixed;left: 2%;bottom: 9%;z-index: 101;width: 10%;transition:all .4s ease;box-sizing: border-box;overflow: hidden;}
.nftk-left-nav.cur li {border-bottom: 1px solid rgba(0,0,0,.1);}
.nftk-left-nav.cur li a span {color: #000;}
.nftk-left-nav.cur li a i {filter: invert(1) grayscale(1);} 
.nftk-left-nav.scroll {bottom: 50%;transform: translateY(50%);background: rgba(255,255,255,.8);padding: .5%;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);}
.nftk-left-nav li {list-style: none;margin: 0;padding: 0;border-bottom: 1px solid rgba(255,255,255,.2);}
.nftk-left-nav li a {display: block;position: relative;padding: 8% 0;overflow: hidden;border-top: 1px solid rgba(0,0,0,0);}
.nftk-left-nav li span {display: block;color: #fff;}
.nftk-left-nav li i {display: block;width: .9rem;height: 1.3rem;position:absolute ;right: 0;top: 50%;margin-top: -.65rem;background: url('../images/d1.png') center no-repeat;background-size: 100%;filter: grayscale(1) invert(1);}
.nftk-left-nav li.cur i,.nftk-left-nav li a:hover i{filter: none;}
.nftk-left-nav li.cur a,.nftk-left-nav li a:hover {border-top: 1px solid #eb6ea6;}
.nftk-left-nav li.cur a span,.nftk-left-nav li a:hover span{color: #eb6ea6;}
.nftk-left-nav.scroll li {border-bottom: 1px solid rgba(0,0,0,.1);}
.nftk-left-nav.scroll li a i {filter: grayscale(1) invert(1);}
.nftk-left-nav.scroll li.cur a i {filter: none;}
.nftk-left-nav.scroll li a span {color: #000;}
.nftk-left-nav.scroll li.cur a span {color: #eb6ea6;}


.nftk-select-brand {padding: 5% 0 0 0;overflow: hidden;}
.nftk-select-brand .nftk-content {margin: auto;}
.nftk-select-brand .nftk-title {text-align: center;}


 

/* case */
.nftk-case {margin-top: 12rem;overflow: hidden;}
.nftk-top-path {padding: 1% 0;overflow: hidden;}
.nftk-top-path a {color: #1a1a1a;}
.nftk-case-top {text-align: center;overflow: hidden;}
.nftk-case-top .nftk-title {margin-top: 5%;}
.nftk-case-top .nftk-title .title-1  {color: #eb6ea6;}
.nftk-case-nav {margin-top: 3%;overflow: hidden;}
.nftk-case-nav li {display: inline-block;vertical-align: middle;margin: 0 1.2%;}
.nftk-case-nav li a {display: block;position: relative;color: #aeaeaf;padding: 1rem 0;}
.nftk-case-nav li a::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #eb6ea6;display: none;}
.nftk-case-nav li.cur a {color: #000;}
.nftk-case-nav li a:hover {color: #000;}
.nftk-case-nav li.cur a::after {display: block;}
.nftk-case-bottom {margin-top: 1%;overflow: hidden;padding-bottom: 5%;}
.nftk-case-bottom .nftk-content {width: 80%;}
.nftk-case-list {padding: 3% 0;overflow: hidden;}
.nftk-case-item {float: left;width: 31.3333%;margin: 1%;}
.nftk-case-item a {display: block;position: relative;}
.nftk-case-item .text {padding: 3% 0;overflow: hidden;}
.nftk-case-item .class-1 {color: #bebebe;overflow: hidden;}
.nftk-case-item .class-1 span:last-child{float: right;}
.nftk-case-item .title-1 {margin-top: 1%;clear: both;}
.link-1 {overflow: hidden;padding: 2% 0;position: relative;border-bottom: 1px solid #ccc;margin-top: 13%;}
.link-1 span{display: block;}
.link-1 i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1.3rem;height:.9rem;background: url('../images/r3.png') center no-repeat;background-size: 100%;filter: grayscale(1);}
.nftk-case-item a:hover .title-1 {color: #eb6ea6;}
.nftk-case-item a:hover .link-1 {border-bottom: 1px solid #eb6ea6;}
.nftk-case-item a:hover .link-1 span {color: #eb6ea6;}
.nftk-case-item a:hover .link-1 i {filter: none;}
.nftk-case-item a:hover .pic {transform: scale(1.05);}

.nftk-return {text-align: center;margin:2% auto;}
.nftk-return a {display: inline-block;vertical-align: middle;line-height: 7rem;border-radius: 100%;position: relative;margin: 0 1.5%;}
.nftk-return a i {display: block;width: 1.3rem;height:.9rem;background: url('../images/r3.png') center no-repeat;background-size: 100%;filter: grayscale(1) ;position: absolute;left: 50%;top: 50%;margin-left: -.65rem;margin-top: -.45rem;}
.nftk-return a span {position: relative;color: #cccccc;}
.nftk-return a span::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom:0;background: #eb6ea6;display: none;}
.nftk-return a.prev i {transform: rotate(-180deg);}
.nftk-return a.prev,.nftk-return a.next {background: #f7f7f7;width: 7rem;height: 7rem;margin: 0;}
.nftk-return a.cur span::after{display: block;}
.nftk-return a.cur span {color: #eb6ea6;}
.nftk-return a.prev:hover,.nftk-return a.next:hover {background: #eb6ea6;}
.nftk-return a.prev:hover i,.nftk-return a.next:hover i {filter: invert(1) grayscale(1) brightness(4);}
.nftk-return a:hover span {color: #eb6ea6;}

.nftk-banner .text.center {left: 50%;right: auto;transform: translate(-50%,-50%);text-align: center;}
.nftk-banner .text .text-1 {color: #eb6ea6;}
.nftk-banner .text .title-2 h2 {font-weight: normal;}

.nftk-case-detail {overflow: hidden;padding: 2% 0;}
.nftk-case-detail .nftk-top-path,.nftk-case-detail .nftk-top-path a {color: #999;}
.nftk-case-detail-top {padding: 3% 0 5% 0;overflow: hidden;}
.nftk-case-detail-left {float: left;width: 40%;}
.nftk-case-detail-left .text-1{color: #999;} 
.nftk-case-detail-left .text-2 {color: #999;margin-top: 8%;}
.nftk-case-detail-left .link-1 {margin-top: 15%;width: 40%;border-bottom:none;}
.nftk-case-detail-right {float: right;width: 40%;position: relative;}
.nftk-case-right-item {position: relative;overflow: hidden;} 
.nftk-case-right-item li{list-style: none;padding: 0;margin: 0;padding: 3.2% 0;overflow: hidden;}
.nftk-case-right-item li:first-child {padding: 0 0 3.2% 0;}
.nftk-case-right-item li:last-child {position: absolute;right: 0;top: 0;width:auto;text-align: right;padding: 0;}
.nftk-case-right-item li:last-child span {width: auto;}
.nftk-case-right-item li:last-child strong {width: auto;margin-left: 3rem;}
.nftk-case-right-item span {display: inline-block;vertical-align: top;color: #999;}
.nftk-case-right-item strong {display: inline-block;vertical-align: top;color: #000;font-weight: normal;width: 85%;margin-left: 5%;}
.link-1 a{display: block;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ccc;}
.link-1 a:hover {border-bottom: 1px solid #eb6ea6;}
.link-1 a:hover span,.nftk-case-detail .nftk-top-path a:hover {color: #eb6ea6;}
.link-1 a:hover i {filter: none;}

.nftk-project-plan {padding: 3% 0;overflow: hidden;border-top: 1px solid #ededed;}
.nftk-project-plan .title-1 {color: #1a1a1a;}
.nftk-project-plan-content {padding: 5% 0;overflow: hidden;}
.nftk-project-plan-swiper {position: relative;}
.nftk-project-plan-swiper a {display: block;position: relative;overflow: hidden;}
.nftk-project-plan-swiper a .img-center {max-width: 70%;max-height: 70%;}
.nftk-project-plan-swiper a::after {content: '';width: 7rem;height: 7rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: url('../images/s.png') center no-repeat #eb6ea6;background-size: 30%;border-radius: 100%;opacity: 0;}
.nftk-project-plan-swiper a:hover::after {opacity: 1;}
.nftk-project-plan-swiper .title-2 {text-align: center;margin-top: 5%;opacity: 0;}
.nftk-project-plan-swiper .swiper-slide-active .title-2 {opacity: 1;}
.project-prev ,.project-next{position: absolute;left: 0;top: 0;height: 100%;opacity: 0;width: 30%;}
.project-prev {left: 0;}
.project-next {right: 0;left: auto;}

.nftk-project-plan .nftk-content.center {text-align: center;}
.nftk-office-content {width: 70%;margin: auto;}
.nftk-office-pic {overflow: hidden;text-align: center;}
.nftk-office-pic img {background: #fff;padding: .4%;overflow: hidden;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);margin: 1% 0;}
.nftk-office-content .index-cases-list {width: 100%;}
.nftk-project-plan .index-cases-item .title-1  {color: #fff;}
.nftk-project-plan .more-link {margin: 3% auto;}
.nftk-project-plan .nftk-office-content {margin-top: 4%;}


/* about */
.nftk-about-introduce {background: #f8f8f8;padding: 5% 0;overflow: hidden;}
.nftk-about-introduce .nftk-content {position: relative;}
.nftk-about-introduce-top {overflow: hidden;}
.nftk-about-introduce-top .nftk-title {position: relative;}
.nftk-about-introduce-top .nftk-title .text-1 {color: #ededed;}
.nftk-about-introduce-top .nftk-title .title-1 {position: relative;}
.nftk-title .title-1 strong{font-weight: normal;color: #eb6ea6;}
.nftk-about-introduce-center {padding: 5% 0;width: 58%;margin: auto;}
.nftk-about-introduce-text {text-align: justify;}
.nftk-about-introduce-text .text-1 {color: #000;}
.nftk-about-introduce-text .text-2 {margin-top: 3%;color: #999999;}
.nftk-about-introduce-center .index-about-list {margin: auto;margin-top: 6%;width: 100%;display: flex;justify-content: space-between;}
.nftk-about-introduce-center .index-about-item {width: 25%;}
.nftk-about-introduce-center .index-about-item:nth-child(2) {margin: auto;}
.nftk-yuan {position: absolute;z-index: 40;}
.nftk-yuan.yuan1 {width: 14%;left: 2%;top: 12%;}
.nftk-yuan.yuan2 {width: 35%;left: auto;right: -5%;top: auto;top: 33%;}
.nftk-about-introduce-bottom {margin-top: 5%;}
.nftk-about-introduce-bottom .nftk-title {width: 30%;}
.nftk-about-introduce-bottom .nftk-title .title-1 strong{font-weight: normal;color: #eb6ea6;}
.nftk-about-introduce-bottom .nftk-title .text-1 {color: #999999;margin-top: 5%;}
.nftk-about-introduce-list {text-align: center;padding: 8% 0 3% 0;overflow: hidden;}
.nftk-about-introduce-item {display: inline-block;vertical-align: middle;width: 22%;margin: auto;margin-left: -2%;z-index: 1;position: relative;}
.nftk-about-introduce-item a {display: block;position: relative;border: none;border-radius: 100%;}
.nftk-about-introduce-item .img {background: none;border-radius: 100%;position: relative;}
.nftk-about-introduce-item .pic {border-radius: 100%;opacity: 0;}
.nftk-about-introduce-item .img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 3;border: 3px solid #eb6ea6;border-radius: 100%;box-sizing: border-box;}
.nftk-about-introduce-item .img::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .3;z-index: 1;}
.nftk-about-introduce-item .text {color: #000;text-align: center;position: absolute;left: 50%;top: 58%;transform: translate(-50%,-50%);z-index: 11;width: 70%;}
.nftk-about-introduce-item .title-1 {color: #000;}
.nftk-about-introduce-item .text-1 {margin-top: 5%;opacity: 0;}
.nftk-about-introduce-item a:hover .text {top: 50%;}
.nftk-about-introduce-item a:hover .title-1 {color: #fff;}
.nftk-about-introduce-item a:hover .text-1 {color: #fff;opacity: 1;}
.nftk-about-introduce-item a:hover .img::after {opacity: 1;} 
.nftk-about-introduce-item a:hover .pic {opacity: 1;} 
.nftk-about-introduce-item a:hover .pic {transform: scale(1.05);} 
.nftk-about-introduce-item:nth-child(1) {z-index: 5;}
.nftk-about-introduce-item:nth-child(2) {z-index: 4;}
.nftk-about-introduce-item:nth-child(3) {z-index: 3;}
.nftk-about-introduce-item:nth-child(4) {z-index: 2;}
.nftk-about-introduce-item:nth-child(5) {z-index: 1;}
.nftk-about-introduce-item.cur a .text {top: 50%;}
.nftk-about-introduce-item.cur a .title-1 {color: #fff;}
.nftk-about-introduce-item.cur a .text-1 {color: #fff;opacity: 1;}
.nftk-about-introduce-item.cur a .img::after {opacity: 1;} 
.nftk-about-introduce-item.cur a .pic {opacity: 1;} 



.nftk-about-culture {padding: 5% 0;overflow: hidden;background: #eeeeee;}
.nftk-about-culture-top {overflow: hidden;}
.nftk-about-culture-top .nftk-title .text-1{color: #e6e6e6;}
.nftk-about-culture-center {margin: auto;width: 80%;margin-top: 6%;position: relative;text-align: right;}
.nftk-about-culture-text {overflow: hidden;width: 40%;margin-left: 18%;text-align: left;}
.nftk-about-culture-text .text-1{color: #000;}
.nftk-about-culture-text .text-2{margin-top: 3%;color: #999999;}
.nftk-about-culture-bottom {margin-top: 5%;position: relative;overflow: hidden;}
.nftk-culture-item {position: relative;padding: 5% 0;overflow: hidden;}
.nftk-culture-item a {display: block;position: relative;background: #dddddd;}
.nftk-culture-item .text {position: absolute;left: 10%;top: 16%;width: 80%;z-index: 11;color: #000;}
.nftk-culture-item .title-1 {color: #000;position: relative;padding-right: 5%;}
.nftk-culture-item .title-1 i {display: block;position: absolute;right: 0;top: 0;z-index: 1;color: #808080;}
.nftk-culture-item .text-1 {color: #999999;margin-top: 8%;}
.nftk-culture-item img {opacity: 0;}
.nftk-culture-item a:hover {transform: translateY(-8%);}
.nftk-culture-item a:hover img {opacity: 1;}
.nftk-culture-item a:hover .title-1 {color: #fff;}
.nftk-culture-item a:hover .text-1 {color: #fff;}
.culture-prev,.culture-next {left: auto;right: auto;top: auto;bottom: auto;position: relative;display: inline-block;vertical-align: middle;background: #fff;margin-top: -5%;}
.culture-prev::after,.culture-next::after {filter: invert(1);}
.culture-prev:hover::after,.culture-next:hover::after {filter: none;}

.nftk-about-structure {padding: 8% 0;overflow: hidden;background: #f8f8f8;}
.nftk-about-structure-top {text-align: center;}
.nftk-about-structure-top .text-1 {color: #ededed;}
.nftk-about-structure-top .text-2 {color: #999999;margin-top: 2%;}
.nftk-about-structure-bottom {margin-top: 5%;overflow: hidden;text-align: center;}

.nftk-about-superiority {position: relative;overflow: hidden;}
.nftk-about-superiority-content {position: relative;padding: 5% 0;overflow: hidden;background-position: center;background-attachment: fixed;}
.nftk-about-superiority-content::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #000;opacity: .5;}
.nftk-superiority-content {position: relative;z-index: 10;width: 96%;margin: auto;}
.nftk-about-superiority-content .nftk-title{position: relative;}
.nftk-about-superiority-content .nftk-title .text-1{color: #fff;opacity: .3;}
.nftk-about-superiority-content .nftk-title .title-1{color: #fff;}
.nftk-superiority-text {width: 30%;margin: auto;margin: 10% auto;margin-left: 23%;}
.nftk-superiority-text .text-1{color: #fff;opacity: .6;text-align: justify;}
.nftk-superiority-list {overflow: hidden;text-align: center;margin: 3% auto;}
.nftk-superiority-item {display: inline-block;vertical-align: top;color: #fff;width: 20%;position: relative;padding: 2% 0;}
.nftk-superiority-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .2;}
.nftk-superiority-item .title-1 {overflow: hidden;}
.nftk-superiority-item .text-1 {margin-top: 7%;opacity: .5;}

.nftk-about-honour {padding: 4% 0;overflow: hidden;background: #f8f8f8;}
.nftk-about-honour-top {overflow: hidden;position: relative;}
.nftk-about-honour-top .nftk-title {display: inline-block;vertical-align: bottom;}
.nftk-about-honour-top .nftk-title .text-1 {margin-top: 3%;color: #ededed; }
.nftk-about-honour-top .nftk-title .text-2 {margin-top: 5%;color: #000;}
.nftk-about-honour-bottom{float: right;width: 80%;}
.nftk-honour-swiper {overflow: hidden;padding: 5% 0;}
.nftk-honour-item {overflow: hidden;width: 80%;margin: auto;}
.nftk-honour-item a {display: block;position: relative;}
.nftk-honour-item a::after {content: '';width: 6rem;height: 6rem;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #eb6ea6 url('../images/add.png') center no-repeat;z-index: 11;background-size: 20%;opacity: 0;}
.nftk-honour-item .img {background: none;}
.nftk-honour-item .title-1 {text-align: center;margin-top: -5%;}
.nftk-honour-item a:hover::after {opacity: 1;} 
.nftk-honour-item a:hover {transform: translateY(-5%);}
.nftk-button { position: relative;margin-left: 4%;display: inline-block;vertical-align: bottom;}
.honour-prev,.honour-next  {position: relative;left: auto;top: auto;bottom: auto;right: auto;margin: auto;display: inline-block;vertical-align: middle;background: #fff;}
.honour-prev::after,.honour-next::after{filter: invert(1);}
.honour-prev:hover::after,.honour-next:hover::after{filter: none;}

.nftk-about-cooperation {background: #f8f8f8;padding: 8% 0;overflow: hidden;border-top: 1px solid #dddddd;}
.nftk-about-cooperation .nftk-content{width: 70%;}
.nftk-about-cooperation-top {overflow: hidden;}
.nftk-about-cooperation-top .nftk-title{float: right;width: 50%;text-align: right;}
.nftk-about-cooperation-top .nftk-title .title-1 {overflow: hidden;}
.nftk-about-cooperation-top .text-1 {float: left;width: 52%;color: #999999;text-align: justify;margin-top: 8%;}
.nftk-about-cooperation-bottom {margin-top: 3%;overflow: hidden;}
.nftk-about-cooperation-bottom .nftk-brand-list {width: 74%;}
.nftk-about-cooperation-bottom .nftk-brand-list .nftk-brand-item {mix-blend-mode: multiply;}

.nftk-news-bottom {overflow: hidden;padding-bottom: 5%;}
.nftk-news-list {margin-top: 3%;overflow: hidden;}
.nftk-news-item {overflow: hidden;clear: both;}
.nftk-news-item:last-child {border-bottom: 1px solid #e8e8e8;}
.nftk-news-item a{display: block;position: relative;border-top: 1px solid #e8e8e8;padding: 4% 11%;width: 78%;overflow: hidden;}
.nftk-news-item a::after {content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #eb6ea6;transition:all .4s ease;}
.nftk-news-item .text {overflow: hidden;float: left;width: 80%;position: relative;z-index: 11;}
.nftk-news-item .date-1 {float: left;color: #dddddd;margin-top: .3%;}
.nftk-news-item .item-1 {float: left;width: 50%;margin-left: 5%;}
.nftk-news-item .title-1 {overflow: hidden;}
.nftk-news-item .text-1 {margin-top: 8%;color: #999999;}
.nftk-news-item .more-1 {margin-top: 6%;text-decoration: underline;opacity: 0;color: #fff;}
.nftk-news-item .img {width: 15%;float: right;background: #f8f8f8;border: 1px solid #ededed;overflow: hidden;z-index: 11;}
.nftk-news-item .pic {margin: 4%;}
.nftk-news-item a:hover .img {background: none;border: 1px solid rgba(255,255,255,.2);}
.nftk-news-item a:hover .img{transform: scale(1.05);}
.nftk-news-item a:hover .more-1 {opacity: 1;}
.nftk-news-item a:hover .date-1 ,.nftk-news-item a:hover .title-1{color: #fff;}
.nftk-news-item a:hover .text-1 {color: #fff;opacity: .7;}
.nftk-news-item a:hover::after {width: 100%;}
.nftk-news-bottom .nftk-return {margin-top: 4%;}

.nftk-news-detail {width: 78%;margin: auto;margin-top: 3%;position: relative;}
.nftk-news-detail-top {overflow: hidden;border-bottom: 1px solid #e8e8e8;padding: 0 0 2% 0;position: relative;}
.nftk-news-detail-top .title-1{padding: 1% 0;}
.nftk-news-detail-top .title-1 h1{font-weight: bold;}
.nftk-news-detail-top .date-1{color: #eb6ea6;}
/*.return-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 14%;}
.return-1 span{display: block;color: #1a1a1a;}
.return-1 i{display: block;width: 1.8rem;height: .6rem;position: absolute;right: 15%;top: 50%;transform: translateY(-50%);background: url('../images/r4.png') center no-repeat;background-size: 100%;}
.return-1 a {display: block;position: relative;border: 1px solid #e8e8e8;padding: 1.8rem 2rem;}
.return-1 a:hover {background: #eb6ea6;border: 1px solid #eb6ea6;}
.return-1 a:hover span {color: #fff;}
.return-1 a:hover i {filter: invert(1);}
*/.nftk-news-detail-center {overflow: hidden;padding: 2% 0;position: relative;}
.nftk-news-detail-text {color: #666666;}
.nftk-news-detail-text img {max-width: 100%;height: auto!important;}

.nftk-news-detail-btn {overflow: hidden;padding: 4% 0;}
.nftk-news-detail-btn a:first-child {border-top: 1px solid #e8e8e8;}
.nftk-news-detail-btn a{ display: block;position: relative;border-bottom: 1px solid #e8e8e8;padding: 2% 0;overflow: hidden;}
.nftk-news-detail-btn a span {display: block;color: #1a1a1a;}
.nftk-news-detail-btn a span:first-child {width: 70%;}
.nftk-news-detail-btn a span:last-child {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #999999;}
.nftk-news-detail-btn a:hover span {color: #eb6ea6;}

.nftk-other-news {margin-top: 1%;padding-bottom: 5%;overflow: hidden;}
.nftk-other-news .class-1 {color: #000;width: 78%;margin: auto;}
.nftk-other-news-content {margin-top: 3%;overflow: hidden;}
.nftk-other-news-content .nftk-news-item:last-child {border: none;}
.news-detail-share {position: absolute;left: -8%;top: 0;}
.nftk-case-top .nftk-title .text-3  {margin-top: 2%;color: #999999;}

.nftk-joinus-bottom {margin-top: 3%;background: #f8f8f8;padding: 2% 0;overflow: hidden;}
.nftk-joinus-bottom .nftk-content {width: 78%;}
.nftk-joinus-top {overflow: hidden;padding: 3% 0;border-bottom: 1px solid #ededed;}
.nftk-joinus-top .title-1 {display: inline-block;vertical-align: top;}
.nftk-joinus-top .number-1 {display: inline-block;vertical-align: top;border-radius: 100%;background: #eb6ea6;color: #fff;width: 3rem;height: 3rem;line-height: 3rem;text-align: center;margin-top: -2rem;}
.nftk-joinus-center {padding: 0;overflow: hidden;padding-bottom: 8%;}
.nftk-joinus-list {position: relative;}
.nftk-joinus-item {overflow: hidden;border-bottom: 1px solid #ededed;}
.nftk-joinus-item .title{overflow: hidden;cursor: pointer;position: relative;padding: 3% 0;}
.nftk-joinus-item .title:hover .title-2{color: #eb6ea6;}
.nftk-joinus-item .title.cur .title-2{color: #eb6ea6;}
.nftk-joinus-item .title.cur i::after {display: none;}
.nftk-joinus-item .number-2{color: #cccccc;float: left;margin-top: 1rem;width: 14%;}
.nftk-joinus-item .title-2{float: left;}
.nftk-joinus-item .title i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2rem;height: 2rem;}
.nftk-joinus-item .title i::before,.nftk-joinus-item .title i::after {content: '';width: 100%;height: 1px;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;background: #000;;}
.nftk-joinus-item .title i::after {transform: translate(-50%,-50%) rotate(90deg);}
.nftk-joinus-item .text {overflow: hidden;padding: 1% 0;margin-left: 14%;color: #999999;display: none;}
.nftk-joinus-item .text-1 {color: #000;}
.nftk-joinus-item .text-2 {color: #999999;margin-top: 3%;}
.nftk-joinus-item .text-2 strong{color: #000;margin: 0;padding:0;display: block;}
.nftk-joinus-item .send-1{margin-top: 4%;}
.nftk-joinus-item .send-1 a{display: inline-block;background: #999999;padding: 1rem 3rem;text-align: center;}
.nftk-joinus-item .send-1 span {color: #fff;margin-left: 2rem;display: inline-block;vertical-align: middle;}	 
.nftk-joinus-item .send-1 i {display: inline-block;vertical-align: middle;width: 2.8rem;height: 1.9rem;background: url('../images/email.png');background-size: 100%;}
.nftk-joinus-item .send-1 a:hover {background: #eb6ea6;}





/* contact */
.nftk-contact-map {position: relative;overflow: hidden;background: #000;}
.nftk-map {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.nftk-contact-us {position: relative;padding: 8% 0 12% 0;overflow: hidden;}
.nftk-contact-us .nftk-content {width: 60%;}
.nftk-contact-item {overflow: hidden;padding: 2% 0;}
.nftk-contact-item .title-1{width: 20%;color: #a1a1a1;}
.nftk-contact-item .text-1{width: 40%;margin-left: 40%;margin-top: 2%;}





/* other */

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}
 
.social-share{font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin:1px 0;display:block;outline:none;border: 1px solid #fff;background: #eeeeee;}
.social-share a:hover::before{opacity: 1;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:50%;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;transform: translateX(-50%);z-index: 100;}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;font-size:1.2rem;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 7rem;height: 7rem;position: relative;background: #fff;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;} 
.social-share-icon::before {opacity: .3;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.icon-share::before{background: url('../images/s1.png') center no-repeat;background-size: 50%;}
.icon-weibo::before {background: url('../images/s2.png') center no-repeat;background-size: 65%;}   
.icon-wechat::before {background: url('../images/s1.png') center no-repeat;background-size: 60%;}   
.icon-qq::before {background: url('../images/s3.png') center no-repeat;background-size: 50%;}   


.piaofu1 {animation: piaofu1 2500ms infinite ease-in-out ;}
.piaofu2 {animation: piaofu1 3500ms infinite ease-in-out ;}
.piaofu3 {animation: piaofu1 3000ms infinite ease-in-out ;}
@keyframes piaofu1{0%{transform: translateY(0);} 50%{transform: translateY(5%);}100%{transform: translateY(0);}}
 

 

@keyframes fadeInBigs{0%{transform:scale(1.05);}100%{transform:scale(1.0);}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}

 


@media screen and (max-width: 5120px) { 
	html{font-size: 82.5%;}   
}
@media screen and (max-width: 3840px) { 
	html{font-size: 72.5%;} 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	html{font-size: 62.5%;}  
	.nftk-brand-item a {overflow: hidden;}
	.nftk-brand-item .text-1 {width: 80%;left: 10%;}
}
@media screen and (max-width: 1680px) {
	html{font-size: 52.5%;}  
}
@media screen and (max-width: 1440px) {
	html{font-size: 42.5%;}  
}
@media screen and (max-width: 1366px) {
	.keyworld-2 a {width: 23.8%;} 
}
@media screen and (max-width: 1280px) { 
}
@media screen and (max-width: 1152px) { 
}
@media screen and (max-width: 1024px) {
	
} 
@media screen and (max-width: 860px) {  

}
@media screen and (max-width: 480px) { 
	.pcshow,.nftk-left-nav,.nftk-yuan ,.news-detail-share{display: none!important;}
	.mbshow {display: block!important;}  
	.header-content {height: 7rem;}
	.header.scroll-down .header-content,.header.scroll-top .header-content {height: 7rem;}
	.header-nav {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 12;display: none;}
	.header-right {right: 5%;width: 90%;text-align: right;}
	.header-logo {max-width: 50%;left: 5%;}
	.header-nav-swiper .swiper-slide .header-nav-item .title-1 {font-size: 4rem;}
	.header-nav-swiper .swiper-slide.swiper-slide-active .header-nav-item .title-1,.nftk-banner .text .title-2 h2 {font-size: 6rem;}
	.banner-prev ,.banner-next,.footer-top,.footer-nav ,.nftk-modern-item .img {display: none;}
	.nftk-nav li {width: 17%;}
	.nftk-brand-item {width: 31%;}
	.footer-logo,.nftk-superiority-item {width: 40%;}
	.more-link a ,.index-contact-from a,.nftk-contact-item .title-1,.return-1{width: 50%;}
	.index-about-list ,.nftk-superiority-text {width: 70%;}
	.nftk-banner .text,.nftk-about-cooperation .nftk-content,.nftk-advantage-item  {width: 80%;}
	.nftk-brand-imagine-list {width: 96%;}
	.nftk-content,.index-business .nftk-content,.index-cases .nftk-content,.index-cases-nav ul,.index-cases-list,.aesthetic-left,.nftk-brand-imagine .nftk-title .text-2,
	.aesthetic-right,.nftk-brand-aesthetic-style.nba3 .aesthetic-text ,.nftk-smart-office .nftk-content,.nftk-about-culture-text,.nftk-contact-us .nftk-content,
	.nftk-modern-bottom,.nftk-office-content,.nftk-about-introduce-center,.nftk-title .text-2,.nftk-make-an-appointment .nftk-title .text-2{width: 90%;}
	.nftk-content-text .text-2 ,.index-business-data .index-about-item,.index-cases-center .text-2,.from-item-1 li,.footer-contact,.nftk-brand-aesthetic-style.nba1,.nftk-brand-aesthetic-style.nba2,.nftk-modern-item .text,.nftk-brand-list,.nftk-about-introduce-center .index-about-item,.nftk-about-honour-bottom,
	.nftk-about-introduce-bottom .nftk-title,.nftk-about-introduce-center,.nftk-about-cooperation-top .nftk-title,.nftk-about-cooperation-top .text-1 {width: 100%;}
	.nftk-banner .text.left .text-2,.nftk-smartoffice-item {width: 100%;}
	.index-about-left ,.index-business-item,.index-cases-item.ici1,.index-cases-item,.index-contact-from,.nftk-smart-office-item,.nftk-allinone-item,.nftk-modern-item,
	.index-contact-from p,.footer-content-left,.footer-content-right,.nftk-brand-aesthetic-curtain,.nftk-news-item .text,.nftk-news-item .img,.nftk-news-item .date-1,
	.nftk-case-item,.nftk-case-detail-left,.nftk-case-detail-right,.nftk-news-item .item-1{width: 100%;float: none;margin: auto;}
	.index-about-nftk,.index-partner,.index-contact,.nftk-modern ,.nftk-joinus-top{padding: 15% 0;}
	.index-cases-bottom,.index-partner-bottom ,.footer-content-top,.nftk-project-plan{padding: 10% 0;}
	.index-cases-nav ul,.nftk-joinus-item .title {padding: 5% 0;}
	.nftk-frame {padding: 5% 0 15% 0;}
	.nftk-modern-bottom {margin: auto;}
	.nftk-case {margin-top: 8rem;}
	.culture-prev, .culture-next ,.nftk-news-item .item-1,.return-1,.nftk-joinus-item .send-1{margin: 5% 0;}
	.nftk-title .text-2,.nftk-advantage-item {margin: 5% auto;}
	.index-cases-item,.index-cases-item.ici4, .index-cases-item.ici5,.index-cases-item.ici1,.nftk-smart-office-item {margin-bottom: 1%;}
	.nftk-allinone-item,.nftk-modern-item {margin-bottom: 4%;}
	.more-link,.index-contact-center,.nftk-modern-bottom,.nftk-case-detail-right,.nftk-about-introduce-center .index-about-list {margin-top: 10%;} 
	.aesthetic-left ,.aesthetic-right{margin: 5% auto;float: none;}
	.header-linkurl ,.footer-link,.aesthetic-left,.nftk-modern-item .text ,.return-1{position: relative;right: auto;top: auto;transform: none;left: auto;bottom: auto;}
	.nftk-brand-stabilize-item .text,.convenient-list,.nftk-brand-aesthetic-item .aesthetic-text,.nftk-terrace .nftk-title {position: relative;left: auto;top: auto;transform:none;width: 90%;color: #000;padding: 5% ;}
	.nftk-brand-stabilize-item .title-1,.nftk-brand-aesthetic-item .aesthetic-text .title-1,.nftk-brand-aesthetic-item .aesthetic-text .text-1 {color: #000;}
	.nftk-content-text .text-1 {text-align: justify;}
	.index-about-right {position: relative;right: auto;top: auto;width: 110%;margin-right: -5%;margin-top: 10%;}
	.nftk-brand-aesthetic-item .aesthetic-text.center {left: auto;transform: none;width: 90%;}
	.index-about-link.class1 {width: 35%;right: auto;left: 0;}
	.index-about-link.class2 {width: 30%;top: 20%;right: 5%;}
	.index-about-link.class3 {width: 40%;top: 45%;right: 30%;}
	.index-business-data,.nftk-allinone-list,.nftk-about-introduce-center .index-about-list {display: block;justify-content: normal;}
	.index-cases-nav ul li {margin-right: 2rem;}
	.index-cases-nav ul li a::after {height: 2px;}
	.footer-content-right,.footer-copy {overflow: hidden;}
	.index-contact-bottom .title-1 {font-size: 6rem;margin-top: 5%;}
	.nftk-brand-item a .img-center {max-width: 70%;max-height: 50%;}
	.convenient-item {border-top: 1px solid #ccc;}
	.convenient-item .title::before {border: 1px solid #ccc;}
	.nftk-brand-aesthetic-item .aesthetic-text.left {left: auto;}
	.nftk-modern-item a {background: #fff;padding: 5%;box-sizing: border-box;}
	.nftk-modern-item .icon-1 {width: 10rem;height: 13rem;right: 5%;top: -15%;}
	.nftk-about-introduce-item {width: 80%;margin: 3% auto;}
	.nftk-superiority-item:nth-child(2):after,.nftk-superiority-item:nth-child(4):after {display: none;}
	.nftk-superiority-item {margin: 1%;}
	.nftk-honour-item .title-1 {margin: auto;}
	.nftk-contact-item .text-1 {width: 80%;margin-left: 0;margin-top: 2%;margin-bottom: 10%;font-size: 3rem;}
	.nftk-joinus-item .text {margin: auto;}
	.appointment-text {position: relative;left:auto;top: auto;transform:none;width: 90%;padding: 5%;right: auto;bottom: auto;}
	.appointment-text.right {left: auto;right: auto;}
}



/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.header-logo {width: 13%;}
}