@charset "utf-8";
/* CSS Document */
.w1290{ width: 1290px; margin-left: auto; margin-right: auto; }
.kLogo{ position: fixed; top: 35px; right: 50px; z-index: 100; }
.kTyH2{ text-align: center; padding: 11.11% 0 6.88%; }
.kTyH2 img{ width: 30%; max-width: 400px; }
/*-------*/
#kSlogan{ background-color: #010118; background:url(../images/bg1_v2.jpg?v1) no-repeat center; background-size: cover; z-index: 1001111111111; }
.kSloganImg{ width: 100%; height:92%; display: flex; align-items: center; justify-content: center; }
.kSloganImg img{ width: 27.7%;}
.kGo{ cursor: pointer; -webkit-animation: move 1s infinite linear alternate; -moz-animation: move 1s infinite linear alternate; -ms-animation: move 1s infinite linear alternate; animation: move 1s infinite linear alternate; position: absolute; bottom: 10.7%; left: 50%; transform: translateX(-50%); cursor: pointer; }
.kSlogC{ position: absolute; top: 38%; left: 50%; transform: translate(-50%,-50%);
 }
.show .kSlogC{  animation-name: ent_moveInTopNear; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: 0.2s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both;}
.kXiang{ width: 100%; text-align: center; position:absolute; bottom: 23px; left: 50%; transform: translateX(-50%); cursor: pointer;font-size: 14px; color: #fff;}
.kXiang img:nth-child(1){ width: 6.354%; display: inline-block; }
.kXiang img:nth-child(2){ width: 18.13%; display: none; }
/*-------*/
#kWedo{ background-color: #000; }
.kWedoC{ width: 100%; height: 100%; float: left; overflow:hidden;}
.kWedoC dl{ width: 100%; height: 100%; overflow:hidden; position: relative;opacity: 0; bottom: -540px; }
.show#kWedo .swiper-slide dl{transition:all 1.2s;-webkit-transition:all 1.2s;opacity:1;transform:translate(0,-540px);-webkit-transform:translate(0,-540px);}
.show#kWedo .swiper-slide:nth-child(1) dl{transition-delay:0.4s;}
.show#kWedo .swiper-slide:nth-child(2) dl{transition-delay:0.5s;}
.show#kWedo .swiper-slide:nth-child(3) dl{transition-delay:0.6s;}
.show#kWedo .swiper-slide:nth-child(4) dl{transition-delay:0.7s;}
.show#kWedo .swiper-slide:nth-child(5) dl{transition-delay:0.8s;}
.kWedoC dl dt{ width: 100%; height: 50%; overflow:hidden; background-size: cover; background-repeat: no-repeat; cursor: pointer;;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.kWedoC dl dt:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.kWedoC1{ z-index: 111; position: relative; }
.kWedoC1 dl dt{ position: relative; background: #1e1d1d; text-align: center;display: flex;justify-content: center;flex-direction: column; }
.kWedoC1 dl dt img{ display: inline-block;width: 60.19%; max-width: 308px; margin:-20px auto 0; }
.kWedoC1 dl dt:hover{
-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.kWedoC dl dd{ width: 100%; height: 50%; position: relative; background-color: #313131; padding:30px 30px 20px; box-sizing: border-box; }
.kWedoC dl dd:before{ content: '';
  border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 45px;
    border-left-width:500px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color:#313131;
    position: absolute; top: -45px; left: 0;}
.kWedoC2 dl dd{ background-color: #fff; }
.kWedoC2 dl dd:before{border-bottom-color:#fff;}
.kWedoC dl dd h3{ font-size: 20px; border-bottom: 2px solid rgba(255,255,255,.4); color: #fff; padding-bottom: 20px; position: relative; text-align: left; }
.kWedoC2 dl dd h3{ color: #4b4b4b; border-color: #cfcfcf; }
.kWedoC dl dd h3:after{ content: ''; position: absolute; left: 0; bottom: -2px; width: 46px; background-color: #e1dddd; height: 2px; }
.kWedoC2 dl dd h3:after{ background-color: #4b4b4b; }
.kWedoC dl dd p{ color: #fff; line-height: 22px; padding-top: 30px; display: flex; flex-wrap: wrap; }
.kWedoC dl dd p span{ width: 50%; display: block;}
.kWedoC2 dl dd p{ color: #4b4b4b; }
#kWedo .swiper-container {
  width: 100%;
  height: 100%;
}
#kWedo .swiper-slide {
  width: 20%;
  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;
  overflow: hidden;
}
.swiper-button-prevA,.swiper-button-nextA{ display: none; }
#kWedo .swiper-button-prev,#kWedo  .swiper-button-next{ width: 44px; height: 44px; line-height: 44px; text-align: center; background: rgba(0,0,0,.6); font-size: 20px; }
#kWedo .swiper-button-prev:after,#kWedo .swiper-button-next:after{ display: none; }
#kWedo .swiper-button-prev,#kWedo .swiper-container-rtl .swiper-button-next,#kWedo .swiper-button-next,#kWedo  .swiper-container-rtl .swiper-button-prev{ color: #fff; font-weight: bold; }
#kWedo .swiper-button-prev,#kWedo .swiper-container-rtl .swiper-button-next{ right: 44px; bottom: 0; top: auto; left: auto; }
#kWedo .swiper-button-next,#kWedo  .swiper-container-rtl .swiper-button-prev{ right:0; bottom: 0; top: auto; }


/*-------*/
.video-box{ width: 80%; height: 80%; position: fixed; z-index: 8011; left: 10%; top:10%;}
.video-box video{ width: 100%; height: 100%;}
#kCase,#kVideo,#kCooperation{ background-color: #212121; overflow:hidden; }
#kCase .kTyH2,#kVideo .kTyH2,#kCooperation .kCooperation{ opacity: 0; padding: 2.5% 0 5%; }
.show#kCase .kTyH2,.show#kVideo .kTyH2,.show#kCooperation .kTyH2{
  animation-name: ent_FadeIn; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: .2s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both;
}
.kTab{ position: relative; }
.kTab:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background-color: #363636; }
.kTab a{ cursor: pointer; position: relative; z-index: 2; display: inline-block; padding: 0 16px; height: 64px; line-height: 64px; color: #fff; font-size: 16px; font-weight: bold; margin-right: 5px; }
.kTab a.hov{ background:rgba(254,31,158,.5); }
.kCaseC{ margin-top: 5.55%; position: relative; }
.kCaseC .swiper-containerB{ overflow: hidden; }
.kCaseC .swiper-container {
  width: 100%;
}
.kCaseC .swiper-slide {
  width:calc(25% - 27px);
  text-align: center;
  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;
  margin-right: 36px;
}
.kCaseC .swiper-slide:last-child{ margin-right: 0; }
.kCaseC dl{ width: 100%; }
.kCaseC dl dt{ position: relative; cursor: pointer; }
.kCaseC dl dt div{ text-align: left; width: 100%; height:auto; position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,.5); padding: 10px; box-sizing: border-box; }
.kCaseC dl dt img{ width: 100%; display: block; }
.kCaseC dl dt div span{ cursor: pointer; font-size: 14px; font-weight: bold; color: #fff; display: block; padding-bottom: 5px; }
.kCaseC dl dt div p{ color: #fff; font-size: 13px; font-weight: bold; }
.kCaseC dl dt div em{ color: #fff; display: block; margin-top: 5px; font-style: normal; }
.kCaseC .swiper-button-prev,.kCaseC .swiper-button-next{ margin-top: -35px; }
.kCaseC .swiper-button-prev:after,.kCaseC .swiper-button-next:after{ display: none; }
.kCaseC .swiper-button-prev,.kCaseC .swiper-container-rtl .swiper-button-next,.kCaseC .swiper-button-next,.kCaseC  .swiper-container-rtl .swiper-button-prev{ color: #fff; font-weight: bold; }
.kCaseC .swiper-button-prev,.kCaseC  .swiper-button-next{ width: 70px; height: 70px; background: rgba(0,0,0,.8); font-size: 20px; }
.kCaseC .swiper-button-prev,.kCaseC .swiper-container-rtl .swiper-button-next{ left:0; margin-left: -35px; }
.kCaseC .swiper-button-next,.kCaseC  .swiper-container-rtl .swiper-button-prev{ right: 0; margin-right: -35px; }
.kCaseC .swiper-button-next:hover,.kCaseC .swiper-button-prev:hover{ background: rgba(254,31,158,.9); }
.kAnli{ width: 90.1%; margin: 0 auto; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{ pointer-events:initial; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{ opacity: .6; }
/*-------*/
#kClents{ background-color: #fff; }
#kClents .kTyH2{ padding-top: 0; opacity: 0; }
.show#kClents .kTyH2{
  animation-name: ent_FadeIn; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: .2s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both;
}
.kClentsC{ box-sizing: border-box; opacity: 0; width: 1024px; margin: 0 auto; }
.show .kClentsC{
  display: flex; flex-wrap: wrap;
  animation-name: ent_FadeIn; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: .6s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both;
}
.kClentsC li{ overflow: hidden; width: 126px; height: 54px; border:1px solid #757575; border-radius: 5px; margin: 7px 9px;}
.kClentsC li img{ width: 100%; display: block;}


/*footer*/
#kfooter{ background-color: #222; }
.kNavFot{ overflow: hidden;}
.kNavFot a{ color: #fff; float: left; width: 20%; display: inline-block; font-size: 16px; cursor: pointer; }
.kFotC{ width: 81.25%; margin: 0 auto; color: #fff; overflow: hidden; position: relative;}
.kErcode{ position: absolute; bottom: 190px; right: 0; }
.kErcode p{ font-size: 14px; text-indent: 12px;letter-spacing:12px; margin-bottom: 10px; text-align: center;}
.kErcode img{ display: block; width: 164px; }
.kLogoFot{ text-align: center; padding-top: 80px; }
.kLogoFot a{ cursor: pointer; }
.kFotC h3{ font-size: 20px; font-weight: bold; margin: 60px 0 50px;}
.kFotC .kInfo p{ line-height: 36px; font-size: 16px; display: inline-block; margin-right: 80px; }
.kFotC .kInfo p span{ font-size: 20px; }
/*.kFotC .fld,.kFotC .frd{ width: 50%; }
.kFotC .frd{ text-align: center; }
.kFotC .frd img{ margin-top: 87px; }
.kFotC .frd p{letter-spacing:12px; margin: 14px 0 52px; font-size: 12px; text-indent: 12px;}*/
.kTotop{background: white;
    font-size: 18px;
    width: 50px;
    padding: 26px 11px;
    box-sizing: border-box;
    display: block;
    left: 0;
    top: 70%;
    margin-top: -52px;
    z-index: 1; position: fixed; text-align: center; cursor: pointer;}
.kCopy{ text-align: center;font-size: 14px; color: #cfcfcf; padding:120px 0 50px; }
.kCopy a{ color: #cfcfcf; }



#main-menu {display:none;}
#main-menu .nav-open {position:fixed;top:25px !important;height:48px !important;width:57px;z-index:9999;}
#main-menu.left .nav-open {left:20px !important;right:inherit !important;}
#main-menu.right .nav-open {left:inherit !important;right:5px !important;}
#main-menu.left .burger-wrap {margin:10px 0 0 10px;}
#main-menu.right .burger-wrap {margin:10px 10px 0 0;}
.menu-burger {width:40px;height:22px;overflow:hidden;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.menu-burger:hover {height:38px;margin-top:-8px;-webkit-transition:all 0.3s linear;-webkit-transform:rotate(360deg);-moz-transition:all 0.3s linear;-moz-transform:rotate(360deg);-ms-transition:all 0.3s linear;-ms-transform:rotate(360deg);transition:all 0.3s linear;transform:rotate(360deg);cursor:pointer;}
.menu-burger .menu1 {width:40px;height:4px;margin-bottom:5px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.menu-burger:hover .menu1 {-webkit-transition:all 0.3s linear;-webkit-transform:rotate(-45deg);-moz-transition:all 0.3s linear;-moz-transform:rotate(-45deg);-ms-transition:all 0.3s linear;-ms-transform:rotate(-45deg);transition:all 0.3s linear;transform:rotate(-45deg);width:25px;margin-left:-2px;margin-top:8px;margin-bottom:5px;}
.menu-burger .menu2 {width:40px;height:4px;}
.menu-burger:hover .menu2 {border-radius:4px;}
.menu-burger .menu3 {width:40px;height:4px;margin-top:5px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.menu-burger:hover .menu3 {-webkit-transition:all 0.3s linear;-webkit-transform:rotate(45deg);-moz-transition:all 0.3s linear;-moz-transform:rotate(45deg);-ms-transition:all 0.3s linear;-ms-transform:rotate(45deg);transition:all 0.3s linear;transform:rotate(45deg);width:25px;margin-left:-2px;margin-top:5px;}
#main-menu.right .menu-burger:hover .menu1 {-webkit-transition:all 0.3s linear;-webkit-transform:rotate(45deg);-moz-transition:all 0.3s linear;-moz-transform:rotate(45deg);-ms-transition:all 0.3s linear;-ms-transform:rotate(45deg);transition:all 0.3s linear;transform:rotate(45deg);margin-left:17px;}
#main-menu.right .menu-burger:hover .menu3 {-webkit-transition:all 0.3s linear;-webkit-transform:rotate(-45deg);-moz-transition:all 0.3s linear;-moz-transform:rotate(-45deg);-ms-transition:all 0.3s linear;-ms-transform:rotate(-45deg);transition:all 0.3s linear;transform:rotate(-45deg);margin-left:17px;}
/* ===== Dark Burger ===== */
.nav-open .midnightHeader.default .menu-burger .menu1,
.nav-open .midnightHeader.default .menu-burger .menu2,
.nav-open .midnightHeader.default .menu-burger .menu3 {background-color:#fff;}
.black.nav-open .midnightHeader.default .menu-burger .menu1,
.black.nav-open .midnightHeader.default .menu-burger .menu2,
.black.nav-open .midnightHeader.default .menu-burger .menu3 {background-color:#474747;}
.nav-open .midnightHeader.darkColor .menu-burger .menu1,.nav-open .midnightHeader.darkColor .menu-burger .menu2,.nav-open .midnightHeader.darkColor .menu-burger .menu3 {background-color:#474747;}
#main-menu .nav-close {position:absolute;top:0;left:0;}
#main-menu.right .nav-close {left:inherit;right:0;}
.menu-close {height:30px;margin:20px 0 0 20px;overflow:hidden;}
#main-menu.right .menu-close {margin:20px 20px 0 0;}
.menu-close .menu1 {width:30px;height:4px;margin-top:13px;background-color:#878787;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;}
.menu-close .menu2 {width:30px;height:4px;margin-top:-4px;background-color:#878787;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;}
.menu-close:hover .menu1,.menu-close:hover .menu2 {background-color:#fff;}
/********************************************4.3 Navigation menu*********************************************/#main-menu .sidebar-nav {box-shadow:0 0 5px rgba(0,0,0,0.64);position:fixed;width:320px;background:#212121;z-index:99999;}
#main-menu.left .sidebar-nav {top:0;left:0;bottom:0;}
#main-menu.right .sidebar-nav {top:0;right:0;bottom:0;}
.nav-inner-wrap {position:relative;height:100vh;overflow:hidden;overflow-y:auto;}
/* ===== Logo ===== */.logo {height:198px;padding:30px;text-align:center;}
.logo a img {max-width:100%;height:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
/* ===== Navigation Menu ===== */#main-menu .nav-menu {list-style:none;padding:0;}
#main-menu .nav-menu li {position:relative;border-top:#303030 solid 1px;}
#main-menu .nav-menu li:last-child {border-bottom:#303030 solid 1px;}
#main-menu .nav-menu li a {display:block;font-size:16px;font-weight:500;color:#878787;text-decoration:none;text-transform:uppercase;padding:10px 30px;-webkit-transition:color 0.65s ease-in-out;-moz-transition:color 0.65s ease-in-out;-ms-transition:color 0.65s ease-in-out;transition:color 0.65s ease-in-out;}
#main-menu .nav-menu li:hover a {color:#fff;}
#main-menu .nav-menu li span {width:45px;height:45px;position:absolute;top:0;right:0;background-color:#404040;cursor:pointer;-webkit-transition:background-color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#main-menu .nav-menu li:hover span {background-color:#606060;}
#main-menu .nav-menu li span:before {content:'';position:absolute;top:50%;right:50%;width:14px;height:2px;margin-top:-1px;margin-right:-7px;background-color:#878787;-webkit-transition:background-color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#main-menu .nav-menu li span:after {content:'';position:absolute;top:50%;right:50%;width:14px;height:2px;margin-top:-1px;margin-right:-7px;background-color:#878787;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:background-color 0.3s ease-in-out;-moz-transition:background-color 0.3s ease-in-out;-ms-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
#main-menu .nav-menu li:hover span:before,#main-menu .nav-menu li:hover span:after {background-color:#fff;}
#main-menu .nav-menu li:after {position:absolute;content:'';top:0;bottom:0;right:0;width:0;background-color:#404040;z-index:-1;-webkit-transition:width 0.5s ease-in-out;-moz-transition:width 0.5s ease-in-out;-ms-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out;}
#main-menu .nav-menu li:hover:after {width:100%;}
.dropdown-menu > a {padding:10px 60px 10px 30px !important;}
.dropdown-menu ul {list-style:none;padding-left:20px;border-top:#303030 solid 1px;background-color:#1b1b1b;}
.dropdown-menu ul li:first-child {border-top:none !important;}
.dropdown-menu ul li:last-child {border-bottom:none !important;}
.dropdown-menu ul li a {text-transform:capitalize !important;-webkit-transition:color 0.3s ease-in-out !important;-moz-transition:color 0.3s ease-in-out !important;-ms-transition:color 0.3s ease-in-out !important;transition:color 0.3s ease-in-out !important;}
.dropdown-menu ul li,.dropdown-menu ul ul {border-top:#303030 solid 1px !important;}
.dropdown-menu ul ul ul {padding:0;}
.dropdown-menu:hover ul li a,.dropdown-menu.active ul li a {color:#878787 !important;}
.dropdown-menu > ul > li:hover > a {color:#fff !important;}
.dropdown-menu:hover ul li span {background-color:#404040 !important;}
.dropdown-menu > ul > li:hover > span {background-color:#606060 !important;}
.dropdown-menu:hover ul li span:before,.dropdown-menu:hover ul li span:after {background-color:#878787 !important;}
.dropdown-menu > ul > li:hover > span:before,.dropdown-menu > ul > li:hover > span:after {background-color:#fff !important;}
#main-menu .nav-menu li.active a {color:#fff;}
#main-menu .nav-menu li.active:after {width:100%;}
#main-menu .nav-menu li.active > span {background-color:#606060 !important;}
#main-menu .nav-menu li.active > span:before,#main-menu .nav-menu li.active > span:after {background-color:#fff !important;}
/********************************************4.4 Navigation menu Light version*********************************************/#main-menu.light .sidebar-nav {background:#fff;}
#main-menu.light .menu-close .menu1,#main-menu.light .menu-close .menu2 {background-color:#e7e7e7;}
#main-menu.light .menu-close:hover .menu1,#main-menu.light .menu-close:hover .menu2 {background-color:#474747;}
#main-menu.light .nav-menu li a {color:#474747;}
#main-menu.light .nav-menu li:hover a {color:#00acc1;}
#main-menu.light .nav-menu li span {background-color:#f0f0f0;}
#main-menu.light .nav-menu li:hover span {background-color:#e0e0e0;}
#main-menu.light .nav-menu li span:before,#main-menu.light .nav-menu li span:after {background-color:#b7b7b7;}
#main-menu.light .nav-menu li:hover span:before,#main-menu.light .nav-menu li:hover span:after {background-color:#00acc1;}
#main-menu.light .nav-menu li:after {background-color:#f0f0f0;}
#main-menu.light .nav-menu li {border-top:#e7e7e7 solid 1px;}
#main-menu.light .nav-menu li:last-child {border-bottom:#e7e7e7 solid 1px;}
#main-menu.light .dropdown-menu ul {border-top:#e7e7e7 solid 1px;background-color:#fff;}
#main-menu.light .dropdown-menu ul li,#main-menu.light .dropdown-menu ul ul {border-top:#e7e7e7 solid 1px !important;}
#main-menu.light .dropdown-menu ul li:first-child {border-top:none !important;}
#main-menu.light .dropdown-menu:hover ul li a,#main-menu.light .dropdown-menu.active ul li a {color:#474747 !important;}
#main-menu.light .dropdown-menu > ul > li:hover > a {color:#00acc1 !important;}
#main-menu.light .dropdown-menu:hover ul li span {background-color:#f0f0f0 !important;}
#main-menu.light .dropdown-menu > ul > li:hover > span {background-color:#e0e0e0 !important;}
#main-menu.light .dropdown-menu:hover ul li span:before,#main-menu.light .dropdown-menu:hover ul li span:after {background-color:#b7b7b7 !important;}
#main-menu.light .dropdown-menu > ul > li:hover > span:before,#main-menu.light .dropdown-menu > ul > li:hover > span:after {background-color:#00acc1 !important;}
#main-menu.light .nav-menu li.active a {color:#00acc1;}
#main-menu.light .nav-menu li.active > span {background-color:#e0e0e0 !important;}
#main-menu.light .nav-menu li.active > span:before,#main-menu.light .nav-menu li.active > span:after {background-color:#00acc1 !important;}
.loader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 99999;
}

.loader {
  margin: auto;
  margin-top: -30px;
  top: 50%;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.1);
  border-right: 0.5em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  border-left: 0.5em solid #f36f21;
  -webkit-animation: pageLoader 1.1s infinite linear;
  animation: pageLoader 1.1s infinite linear;
}

.loader, .loader:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
}

@-webkit-keyframes pageLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes pageLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.kMeauM{ display: none; }
.kMeauA{ display: block; }
.kMeauA{ width: 100%; position: absolute; bottom: -200px; left: 0;  background: rgba(0,0,0,.63); opacity: 0;}
.show .kMeauA{transition:all 1.2s;-webkit-transition:all 1.2s;opacity:1;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);}
.kMeauA a{transition: all 1.2s; -moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s; cursor: pointer; float: left; height: 160px; display: inline-block; width: 25%; color: #fff; font-size: 24px; text-align: center;display: flex;justify-content: center;flex-direction: column; }
.kMeauA a span{ display: block; color:#cf4895; font-size: 15px; }
.kMeauA a:hover{ background: rgba(254,31,158,.5); }
.kMain{ width: 100%; height: 100%; overflow:hidden; display: table; }
.kSlide{ width: 180px; background: #000000; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; display: none; }
.kSlide a{ margin-bottom: 10px; cursor: pointer; position: relative; display: block; text-align: center; height: 11.5%; max-height: 100px; display: flex;justify-content: center;flex-direction: column;color: #fff; font-size: 16px; }
.kSlide a:nth-child(1){ padding:75px 0 40px; height: auto;display:block; }
.kSlide a img{ width: auto; display: inline-block; width: 150px; }
.kSlide a span{display: block; color:#cf4895; font-size: 13px;}
.kSlide a:before{ content: ''; width:0; height: 100%; background: rgba(254,31,158,.5); position: absolute; left: 0; top: 0; z-index: 1;transition: all .8s; -moz-transition: all 1.2s; -webkit-transition: all .8s; -o-transition: all 1.2s; }
.kSlide a:nth-child(1):before{ opacity: 0; }
.kSlide a em{ position: relative; z-index: 2; font-style: normal; }
.kSlide a:hover:before{ width: 100%; }
.kSlide a.hov:before{ width: 100%; }

.kMainC{ height: 100%; padding-left: 180px; box-sizing: border-box; display: table-cell;vertical-align: middle; }










/*daping*/
@media (min-width: 1920px){
  #kClents .w1290{ width: 80%; }
  #kCase .w1290,#kVideo .w1290{ width: 80%; }
  .kWedoC dl dd:before{border-bottom-width:45px;border-left-width:1500px;}
  .kWedoC dl dd p{ font-size: 16px; line-height: 40px; }
  .kWedoC dl dd h3{font-size: 22px;}
  #kSlogan{ background-image: url(../images/bg1_big_v2.jpg?v1); }
  #kWedo .swiper-slide {width: 20%;}
  .kSlide{ width: 250px; }
  .kMainC{ padding-left: 260px; }
  .kSloganImg img{ width: auto;}
  .kClentsC{ width: 80%;}
}
/*ipad*/
@media (min-width: 641px) and (max-width: 1290px) {
  .w1290,.kFotC{ width:calc(100% - 40px); margin-left: 20px; }
  .kTyH2 img{ width: 30%; }
  .kCaseC:before,.kCaseC:after{ display: none; }
  #kClents .kTyH2{ padding-top: 100px; }
  .kClentsC{ padding: 0; width: 80%; }
  .kClentsC li{ width: calc(16.66% - 20px); margin:10px; display: flex; justify-content: center; align-items: center; height: auto; box-sizing: border-box; }
  .kClentsC li img{ width: 100%; }
  .kWedoC dl dd:before{border-left-width:50vw;}
  .kSlogC{ width: 60%; }
  .kBingoC .kText span{ display: none; }
  .kCaseTit{ padding: 25px 0 15px; }
  .kCaseTit h2{ font-size: 30px; line-height: 40px; }
  .kCaseTit p{ font-size: 20px; }
  .kCaseBot dl dt:after{ display: none; }
  .kCaseBot dl dt p{ background: rgba(0,0,0,.8); transform: none; left: auto; top: auto; bottom: 0; padding: 10px; box-sizing: border-box; color: #fff; font-size: 14px; opacity: 1; }
  .kCaseBot dl dt p span{ display: none; }
  .kCaseBot .swiper-button-prev,.kCaseBot .swiper-container-rtl .swiper-button-next{ left: 0; top: 50%; margin-top: -22px;}
  .kCaseBot .swiper-button-next,.kCaseBot  .swiper-container-rtl .swiper-button-prev{ right:0; top: 50%; margin-top: -22px; }
  .kCaseC{ padding-bottom: 20px; }
  .kCaseC .swiper-button-prev,.kCaseC  .swiper-button-next{ width: 44px; height: 44px; background: rgba(0,0,0,.6); font-size: 20px; }
  .kCaseC .swiper-button-prev, .kCaseC .swiper-container-rtl .swiper-button-next{  margin-left: -22px; }
  .kCaseC .swiper-button-next, .kCaseC .swiper-container-rtl .swiper-button-prev{  margin-right: -22px; }
  #kWedo .swiper-slide { width: 50%; }
  .kTab a{ line-height: 46px; padding:0 10px; height: 46px; font-size: 16px; }
  .kTab{ overflow: auto;}
  .kTab:after{ display: none; }
  .kTab p::after{height: 1.5px;content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; background-color: #363636;}
  .kCaseC .swiper-slide{ width: calc(33.33% - 24px); }
  .kWedoC1 dl dt img{ width: 50%; }
  .kFotC .kInfo p{ width: 100%; margin-right: 0; }
  .swiper-button-prevA,.swiper-button-nextA{ display: block; }
  .kSloganImg img{width: 40%;}
  .kGo{ width: 40px;}
}
/*手机*/
@media (max-width: 640px) {
  .w1290{ width:calc(100% - 32px); margin-left: 16px; }
  .kSlogC{ width: 64%; }
  #kSlogan{ background-image: url(../images/bg1_m_v2.jpg); }
  .kSloganImg img{width: 62.4%;}
  .kLogo{ width: 120px; right: 20px; top: 17px; }
  .kGo{ width: 30px; bottom: 50px; -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none;}
  #main-menu.left .nav-open{ top: 10px !important; left: 10px !important; }
  .kWedoC dl dd:before{border-left-width:100vw;}  
  .swiper-button-prevA,.swiper-button-nextA{ display: block; }
  #kWedo .swiper-button-prev,#kWedo  .swiper-button-next{ width: 44px; height: 44px; line-height: 44px; text-align: center; background: rgba(0,0,0,.6); font-size: 20px; }
  #kWedo .swiper-button-prev:after,#kWedo .swiper-button-next:after{ display: none; }
  #kWedo .swiper-button-prev,#kWedo .swiper-container-rtl .swiper-button-next,#kWedo .swiper-button-next,#kWedo  .swiper-container-rtl .swiper-button-prev{ color: #fff; font-weight: bold; }
  #kWedo .swiper-button-prev,#kWedo .swiper-container-rtl .swiper-button-next{ right: 44px; bottom: 0; top: auto; left: auto; }
  #kWedo .swiper-button-next,#kWedo  .swiper-container-rtl .swiper-button-prev{ right:0; bottom: 0; top: auto; }
  .kTyH2 img{ width: 50%; }
  .kTyH2{ padding: 30px 0 40px; }
  .kTab{ overflow: auto;}
  .kTab a{ font-size: 12px; line-height: 32px; height: 32px; padding: 0 8px; margin-right: 3px; }
  .kTab:after{ display: none; }
  .kTab p{ position: relative; width: 700px; }
  .kTab p::after{height: 1.5px;content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; background-color: #363636;}
  .kCaseC{ margin-top: 30px; padding-bottom: 30px; }
  #kClents .kTyH2{ padding: 30px 0 20px; }
  #kCooperation .kTyH2{ padding-top:30px;}
  .kClentsC{ padding: 0; }
  .kClentsC li{ width:calc(20% - 10px); height: auto; box-sizing: border-box; margin:5px; }
  .kClentsC li img{ width: 100%; }
  .kBinPc{ display: none; }
  .kBinM{ display: block; }
  .kBingoC .kBinM p{ width:100%; text-align: center; line-height:20px;}
  .kBinM p img{ width: 73.33%; display: inline-block; }
  .kBinM p img{ margin-top: 50px; }
  .kBinM p:nth-child(1) img{ margin-top: 0; }
  .kBingoC .kTyH2{ padding: 20px 0 0; }
  .kBingoC .kText span{ display: none; }
  .kBingoC .kText{ padding-top: 35px; text-align: left; font-size: 12px; line-height: 22px; }
  .kNavFot a{ margin-right: 10px; font-size: 14px; }
  .kLogoFot{ padding-top: 30px; }
  .kLogoFot img{ width: 50%; }
  .kFotC{ width:100%; padding:0 16px; box-sizing: border-box; }
  .kFotC h3{font-size: 16px; margin: 20px 0; }
  /*.kFotC .frd img{ margin-top: 40px; }
  .kFotC .frd p{ color: #000; font-size: 16px; font-weight: bold; margin-bottom: 40px;  }*/
  .kFotC .kInfo p span{ font-size: 22px; position: relative; top: 3px; }
  .kFotC .kInfo p{line-height: 24px; margin-bottom: 10px; font-size: 12px;}
  .kFotC .kInfo{ text-align: left; }
  .kFotC .kInfo p:nth-child(2){ margin: 0 0 10px 0; }
  .kErcode{ position: relative; bottom: auto; right: auto; text-align: center; }
  .kErcode img{ width: 130px; display: inline-block; }
  .kErcode p{ font-size: 12px; letter-spacing: 0;text-indent: 0; }
  .kCopy{ line-height: 40px; height: 40px; background-color: #222; color:#fff; font-size: 12px;letter-spacing:0px; padding: 0 0 10px;}
  .kCopy a{ color: #fff; font-size: 12px; }
  .menu-burger .menu2,.menu-burger .menu1,.menu-burger .menu3{ width: 25px; height: 2px; }
  .kCaseBot dl dt:after{ display: none; }
  .kCaseBot dl dt p{ background: rgba(0,0,0,.8); transform: none; left: auto; top: auto; bottom: 0; padding: 10px; box-sizing: border-box; color: #fff; font-size: 14px; opacity: 1; }
  .kCaseBot dl dt p span{ display: none; }
  .kCaseBot dl{width: 100%;}
  .kCaseTit{ padding: 15px 0 15px; }
  .kCaseTit h2{ font-size: 18px; line-height:25px; }
  .kCaseTit p{ font-size: 14px; padding-top: 8px; }
  .kCaseTop .swiper-button-prev,.kCaseTop  .swiper-button-next{ width: 35px; height: 35px; background: rgba(0,0,0,.7); font-size: 20px; border-radius: 35px; }
  .kCaseTop .swiper-button-prev,.kCaseTop .swiper-container-rtl .swiper-button-next{ left:20px; }
  .kCaseTop .swiper-button-next,.kCaseTop  .swiper-container-rtl .swiper-button-prev{ right:20px; }
  .kCaseBot .swiper-button-prev,.kCaseBot .swiper-container-rtl .swiper-button-next{ left: 0; top: 50%; margin-top: -17.5px;}
  .kCaseBot .swiper-button-next,.kCaseBot  .swiper-container-rtl .swiper-button-prev{ right:0; top: 50%; margin-top: -17.5px; }
  .logo{ height: 100px; padding: 50px 30px 20px; }
  .menu-close{ height: 20px; }
  .menu-close .menu1{ width: 20px; height: 3px; margin-top: 6px; }
  .menu-close .menu2{ width: 20px; height: 3px; margin-top: -3px;}
  .logo a img{ width: 70%; }
  .logo{ text-align: left; }
  .kCaseC{ padding-bottom: 20px; }
  .kCaseC .swiper-button-prev,.kCaseC  .swiper-button-next{ width: 44px; height: 44px; background: rgba(0,0,0,.6); font-size: 20px; }
  .kCaseC .swiper-button-prev, .kCaseC .swiper-container-rtl .swiper-button-next{ left:5%; margin-left: 0; }
  .kCaseC .swiper-button-next, .kCaseC .swiper-container-rtl .swiper-button-prev{ right: 5%; margin-right: 0; }
  .kCaseC .swiper-button-prev,.kCaseC .swiper-button-next{ margin-top: -42px; }
  .kCaseC dl dd a{ font-size: 14px; }
  
  .kXiang img:nth-child(1){ display: none; }
  .kXiang img:nth-child(2){ display: inline-block; }
  .fancybox-nav span{ visibility:visible; }
  .kMeauA{ display: none; }
  .kMeauM{ display: block; }
  .kSlide{ display: none; }
  .kMainC{ width: 100%; padding-left: 0; }
  #kWedo .swiper-slide { width: 100%; }
  .kWedoC1 dl dt img{ width: 50%; }
  .kWedoC dl dd h3{ font-size: 18px; }
  .kAnli{ width: calc(100% - 32px); margin: 0 auto; }
  .kCaseC .swiper-slide{ width:100%; }
  .kClentsC{ width: calc(100% - 32px); }
  .kCaseC dl dt div{ padding: 10px; }
  .kTotop{ font-size: 14px; padding: 10px 7px; width: 35px; }
  .kCaseC dl{ width: 70%; }
  .kCaseC dl dt div span{ font-size: 14px; font-weight: normal; }
  .kCaseC dl dt div p{ font-size: 12px; }
  #kCase .kMain,#kCase .kMainC,#kVideo .kMain,#kVideo .kMainC{ display: inline-block; height: auto; }
  .kWedoC dl{ width: 100%; height: 100%; overflow:hidden; position: relative;opacity: 1; bottom:auto; }
  .show#kWedo .swiper-slide dl{transition:none;-webkit-transition:none;opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);}

}



@-webkit-keyframes emp_rollingCW {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0)
  }

  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
  }
}

@-moz-keyframes emp_rollingCW {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0)
  }

  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
  }
}

@keyframes emp_rollingCW {
  from {
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0)
  }

  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
  }
}
@-webkit-keyframes ent_moveInTopNear {
  0% {
      margin-top: -10%;
    opacity: 0
  }

  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-moz-keyframes ent_moveInTopNear {
  0% {
      margin-top: -10%;
    opacity: 0
  }

  100% {
    margin-top: 0;
    opacity: 1
  }
}

@keyframes ent_moveInTopNear {
  0% {
      margin-top: -10%;
    opacity: 0
  }

  100% {
    margin-top: 0;
    opacity: 1
  }
}


@keyframes ent_FadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}
@-webkit-keyframes move {  0% {
 transform: translateY(-20px);
 opacity: 0.5;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}
 @-moz-keyframes move {  0% {
 transform: translateY(-20px);
 opacity: 0.5;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}
 @-ms-keyframes move {  0% {
 transform: translateY(-20px);
 opacity: 0.5;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}
 @keyframes move {  0% {
 transform: translateY(-20px);
 opacity: 0.5;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}