/* Slideshow */
.txt-slideshow,
.txt-slide {position:relative;height:100%;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;}
/*.txt-slide:not(.slide--current) {position:absolute;top:0;pointer-events:none;opacity:0;}*/
.txt-slide {position:absolute;top:0;pointer-events:none;opacity:0;width:auto;}
.txt-slide.slide--current {position:relative;opacity:1;}
.letter-effect {display:-webkit-flex;display:-ms-flexbox;display:flex;
-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.title--centered {width:100%;text-align:center;}
.title--centered {-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.txt-slideshow{width:auto;}

.sidebar__adv .sidebar__item {width:100%;height:750px;display:block;background-size:cover; background-color:#000000;background-image:url(../images/apbg4.jpg);}
.sidebar__adv .sidebar__item .sidebar__font {padding:220px 4.7% 0 4.7%;line-height:1;color:#FFF;height:100%;}
.sidebar__adv .sidebar__item .sidebar__font .fz1 {font-size:94px;}
.sidebar__adv .sidebar__item .sidebar__font .fz2 {font-size:54px;font-weight:bold;padding:20px 0;}
.sidebar__adv .sidebar__item .sidebar__font .fz2 * {font-size:54px;font-weight:bold;}
.sidebar__adv .sidebar__item .sidebar__font .fz3 {font-size:16px;line-height:1.5;padding-bottom:30px;}

@media screen and (max-width:768px) {
	.sidebar__adv .sidebar__item {height:560px;}
	.sidebar__adv .sidebar__item .sidebar__font {padding:50% 4.7% 0 4.7%;}
	.sidebar__adv .sidebar__item .sidebar__font .fz1 {font-size:42px;}
	.sidebar__adv .sidebar__item .sidebar__font .fz2 {font-size:25px;padding:10px 0;}
	.sidebar__adv .sidebar__item .sidebar__font .fz2 * {font-size:25px;}
	.sidebar__adv .sidebar__item .sidebar__font .fz3 {font-size:16px;line-height:1.5;padding-bottom:30px;}
}
@media screen and (max-width:640px) {
	.sidebar__adv .sidebar__item{ height:420px; }
	.sidebar__adv .sidebar__item .sidebar__font {padding:40% 4.7% 0 4.7%;}
}

.home__aboutus {text-align:center; padding:5% 2%; font-size:16px; background-color:#0050fe;background-image: url(img/s4_k_ico.svg);background-size:auto 200%; background-position:center 1%;background-repeat:no-repeat;transition-duration:.25s;-webkit-transition-duration:.25s;}
.home__aboutus:hover {background-position:center 20%;}
.home__aboutus h3 {font-size:48px;color:rgba(255, 255, 255, 1.0);}
.home__aboutus i {font-size:16px;letter-spacing:10px;}
.home__aboutus ul {display:block;padding:3% 0;}
.home__aboutus ul li {display:inline-block;padding:0 50px;}
.home__aboutus ul li ins {font-size:40px;text-decoration:none;line-height:1; color: #fff700;}
.home__aboutus ul li p {padding-bottom:10px;color:rgba(255, 255, 255, 0.8);}
.home__aboutus ul li span {font-size:20px;}
.home__aboutus a {display:block;color:#fff;}
.home__aboutus a em {display:inline-block;padding:0px 2px 2px;color:rgba(255, 255, 255, 0.8);}
.home__aboutus a em ins {text-decoration:none;}
.home__aboutus a em span {display:none;}
.home__aboutus a:hover em ins {display:none;text-decoration:none;}
.home__aboutus a:hover em span {display:block;}
.home__aboutus a em::after {height:1px;width:0px;display:block;content:'';margin-top:1px;background-color:rgba(255, 255, 255, 0);transition:all 0.6s;}
.home__aboutus a:hover em::after {width:100%;background-color:rgba(255, 255, 255, 1);}

@media screen and (max-width:768px) {
	.home__aboutus {font-size:12px;padding:20% 1%;}
	.home__aboutus h3 {font-size:25px;}
	.home__aboutus i {font-size:12px;letter-spacing:5px;}
	.home__aboutus ul {display:block;padding:6% 0;}
	.home__aboutus ul li {display:inline-block;padding:0 20px;}
	.home__aboutus ul li ins {font-size:32px;}
	.home__aboutus ul li span {font-size:14px;}
}

.slogan {text-align:center;padding:40px 0;line-height:2;color:#999;width:100%;display:none;}
.slogan p {letter-spacing:16px;font-size:11px;}
@media screen and (max-width:768px) {
	.slogan {display:block;}
}

.server__home {position:relative;}
.server__home dd {display:block; width:33.33%; float:left; background-color:#ffffff;}
.server__home .st {width:100%; padding:8% 0;text-align:center;background-size:auto 200%; background-position:center 1%;transition-duration:.25s;-webkit-transition-duration:.25s;color:#FFF;display:block;	background-repeat:no-repeat;}
.server__home .st:hover {background-position:center 20%;}
.server__home .st img {max-width:100%;float:left;}
.server__home .st h3 {display:block;font-size:30px;color:#FFF;line-height:1.3;font-weight:bold;}
.server__home .st p {display:block;font-size:16px;color:rgba(255, 255, 255, 0.9);}
.server__home .st1 {background-color:#ff6e01;background-image:url(img/s4_k_ico.svg);}
.server__home .st2 {background-color:#00af7e;background-image:url(img/s2_k_ico.svg);}
.server__home .st3 {background-color:#0050ff;background-image:url(img/s3_k_ico.svg);}
.server__home ul {display:block; width:90%; margin:40px auto; text-align:center;}
.server__home ul li {display:inline-block; width:44%;margin:0 10px; border: solid #f9f9f9 1px;border-radius: 10px;transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}
.server__home li .a1 {display:block; padding-top:20px;}
.server__home li .a1 p{font-size: 22px;}
.server__home li .a1 i{ display:block; width:70%; margin: 0 auto; height: 1px; background-color:#ddd;}
.server__home li .a2 {display:block; height: 48px; line-height: 48px;overflow: hidden;font-size: 14px;}
.server__home li .a2 .num {color: #ff6d00;font-size: 32px;font-weight: bold;font-family: 'avantB';}
.server__home li .a3 {font-size: 14px;display: block;height: 48px;line-height: 48px;overflow: hidden;}
.server__home li .a4 {display:block;padding-top: 6px; color:#999; height: 48px;line-height: 24px;overflow: hidden;}
.server__home li .a5 {display:block; width: 100%; padding: 20px 0;}
.server__home li .a5 a {display:block;margin:0 auto;width:124px;height:36px;line-height:36px;font-size:14px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.server__home .sb1 { background-color:#ff6e01; border:none; color:#fff; }
.server__home .sb2 { background-color:#00af7e; border:none; color:#fff; }
.server__home .sb3 { background-color:#0050ff; border:none; color:#fff; }
.server__home .sb1:hover {box-shadow: 0 5px 10px #ddd;font-size:16px;}
.server__home .sb2:hover {box-shadow: 0 5px 10px #ddd;font-size:16px;}
.server__home .sb3:hover {box-shadow: 0 5px 10px #ddd;font-size:16px;}

@media screen and (max-width:1280px) {
.server__home ul{width: 94%;}
.server__home ul li {width: 45%;margin: 0 2%;}
.server__home li .a2 .num{ font-size: 26px; }
}

@media screen and (max-width:1024px) {
  .server__home .st h3 {font-weight:normal;}
  .server__home ul li {width:90%;margin: 20px 10px;}
}

@media screen and (max-width:812px) {
	.server__home .st h3{ font-size: 1.5rem; }
	.server__home .st p{ font-size: 0.75rem; }
	.server__home li .a1 p {font-size: 18px;}
	.server__home li .a2 {height:36px; line-height:36px; font-size:11px;}
	.server__home li .a2 .num { font-size:24px; }
	.server__home li .a3 { font-size:12px; line-height:28px; height:28px; }
	.server__home li .a4 { }
	.server__home li .a5 { padding:16px 0; }
	.server__home li .a5 a { width:100px; height:32px; line-height:32px; font-size:12px;}
}

@media screen and (max-width:768px) {
	.server__home dd {width:100%;}
	.server__home .st {width:auto;float:none;padding:7% 0;}
	.server__home .st h3 {font-size:20px;line-height:1.3;}
	.server__home .st p {font-size:11px;color:rgba(255, 255, 255, 0.75);}
  .server__home ul li {width: 45%;margin: 0 2%;}
	.server__home li .a1 p {font-size: 18px;}
	.server__home li .a2 {height:36px; line-height:36px; font-size:11px;}
	.server__home li .a2 .num { font-size:24px; }
	.server__home li .a3 { font-size:12px; line-height:28px; height:28px; }
	.server__home li .a4 { font-size:11px; line-height:16px;}
	.server__home li .a5 { padding:16px 0; }
	.server__home li .a5 a { width:100px; height:32px; line-height:32px; font-size:12px;}
	.case-content li.wt2 .hd { display:none;}
	.case-content li.wt2 i { display:none;}
	.case-content li.wt2 em { display:none;}
	.case-content li.wt2 .pic { width:100%; padding-bottom:56%; margin-bottom:5%;}
}

  .lsv-row {background-color: #fff;}
  .lsv-row .row-head, .mb2 .row-head{text-align: center;padding:40px 0 40px;}
  .lsv-row .row-head h2, .mb2 .row-head h2{font-size:34px;color:#323232;margin:0 0 10px;}
  .lsv-row .row-head p, .mb2 .row-head p{font-size:14px;color:#666666;margin:0;}
  .lsv-row .row-inner{width:100%; overflow: hidden;position:relative; padding-bottom: 30px;}
  .lsv-row ul{display:inline-block; text-align: center;}
  .lsv-row li{display:inline-block; width: 400px;vertical-align: top; height:473px; margin:0 20px 20px;}
  .lsv-row li a{display:inline-block;height:100%; margin:0 2%; box-sizing: border-box; border:1px solid #ededed; border-radius: 10px; transition:all .3s linear;}
  .lsv-row li a:hover{box-shadow: 0 0 26px rgba(0,0,0,.06);}
  .lsv-row .pic{border-radius: 10px; overflow: hidden;}
  .lsv-row .pic{border-radius: 10px; overflow: hidden; margin: 19px;}
  .lsv-row .pic img{max-width: 100%;}
  .lsv-row li h4{font-size: 18px; color:#222222; text-align:center;margin: 17px 0 20px;}
  .lsv-row li .text-box{height: 111px;}
  .lsv-row li p{margin: 0 18px; font-size: 14px; color:#777777; line-height: 2; white-space: normal; }
  .lsv-row .btn-box{text-align:center; padding: 29px 0;}
  .lsv-row button{font-size: 14px; color:#00a2ff;border:1px solid #00a2ff; background-color:#fff;width:163px;height:43px;border-radius:5px; transition:all .3s linear; cursor:pointer;}
  .lsv-row a:hover button{ color:#fff;background-color:#00a2ff;}
  .lsv-row .row-inner .lr-btn{position:absolute;bottom:0;left: 50%; margin-left: -40px;}
  .lsv-row .row-inner .lr-btn span{display:inline-block; width: 20px; height: 20px; border:1px solid #ccc;border-radius: 50%; margin: 0 10px;position:relative;font-size:20px;line-height:18px;text-align:center;cursor:pointer;color:#ccc;}
  .lsv-row .row-inner .lr-btn span:hover{background-color:#00a2ff;color:#fff;}
  .mb2 .row-head{text-align: center;padding:40px 0 10px;}
  .mb2 .row-head h2{font-size:34px;color:#323232;margin:0 0 10px;}
  .mb2 .row-head p{font-size:14px;color:#666666;margin:0;}

  @media screen and (max-width:1366px) {
	.lsv-row li{ width: 23%; height:auto; overflow: hidden; margin:0 0.5% 20px; }
  }

  @media screen and (max-width:1024px) {
	.lsv-row li{ width: 23%; height:auto; overflow: hidden; margin:0 0.5% 20px; }
  }

  @media screen and (max-width:812px) {
	.lsv-row li p{ font-size: 0.875rem; }
  }

  @media screen and (max-width:768px) {
    .lsv-row .row-head h2 { font-size:25px; margin:0; }
    .lsv-row .row-head p{ font-size:12px; }
    .lsv-row li { width: 45%; margin:0 0 20px; }
    .lsv-row li a{ margin:0 10px;}
    .mb2 .row-head h2 { font-size:25px; margin:0; }
    .mb2 .row-head p{ font-size:12px; }
  }
  @media screen and (max-width:768px) {
  	.lsv-row li .text-box{ height: 80px; overflow: hidden; }
  	.lsv-row .btn-box{ padding:10px 0 20px; }
  }
  @media screen and (max-width:640px) {
    .lsv-row li { height:auto; overflow: hidden;}
    .lsv-row .pic{ margin:1px; }
    .lsv-row li h4{ font-size:16px; margin:0px 0 10px;}
    .lsv-row li .text-box{ height:50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .lsv-row li p{ font-size:11px; line-height:16px; }
    .lsv-row button{width:100px;height:32px;line-height:1;border-radius:30px; font-size:12px;}
    .lsv-row .btn-box{ padding:10px; }
  }