.banner-info{max-width: 50%;}
.section { padding: 80px 0; overflow: hidden; width: 100%; }
.ecs-tobuy .n-btn-default{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
/* 产品规格 */
.section-header{margin-bottom: 48px;}
.section-header p{color: #5d5d5d;}

.section-a1-content{display: flex;justify-content: space-between;}
.section-a1-content .spec-box{ width: 49.28%; border: solid 1px #ebedf0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }

.spec-box-head{ position: relative;box-sizing: border-box;padding: 32px 32px 22px; background-image: linear-gradient(-90deg, #f2f5fa 0%, #f6f8fb 100%);}
.spec-box-head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: url('/images/new_kkidc/cloud_ecs/specbox_head_bg.png') no-repeat bottom right;
  background-size: 100% 100%;
  background-color: #f6f8fb;
  transition: all .3s ease-in-out;
}
.spec-box-head-info{position: relative;z-index: 98;}
.spec-box-head h4{font-size: 20px;}
.spec-box-head p{color: #626266;margin: 13px 0}
.spec-box-head .scene{display: flex;align-content: center;font-weight: 700;color: #626266;flex-wrap: wrap;}
.spec-box-head .scene img{width: 18px;height: 18px;margin: 0 12px;vertical-align: middle;}
.spec-box-head .scene li{display: flex;color: #323235;margin-right: 25px;margin-bottom: 5px;font-weight: 400;}
.spec-box-head .scene li:last-child{margin-right: 0;}

.spec-box-content{display: flex;justify-content: space-between;align-content: center;margin: 32px 32px 0;padding-bottom: 32px;border-bottom:1px solid #f2f4f7;line-height: 1;}
.box-content-title{margin-bottom:22px;color: #626266;}
.box-content-detail{font-size: 16px;color: #323235;}

.spec-box-footer{display: flex;justify-content: space-between;padding: 25px 32px;}
.spec-box-footer p span{color: #f33e3e;}
.spec-box-footer p .price{font-size: 24px;font-weight: 700;}
.spec-box-footer a{width: 207px;}

/* 产品规格悬浮状态 */
.spec-box:hover{
  box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06);
  transform: translateY(-18px);
  -webkit-transform: translateY(-18px);
  -moz-transform: translateY(-18px);
  -ms-transform: translateY(-18px);
  -o-transform: translateY(-18px);
}
.spec-box:hover .spec-box-head::before{opacity: 1;}

/* 产品优势 */
.section-a2 .product-advantage{ display: flex; justify-content: space-between;align-content: center;width: 100%;max-width: 1400px;}
.product-advantage>li{ display: flex; align-items: center; justify-items: center; flex-direction: column; }
.product-advantage>li h4{ font-size: 18px; color: #1c1d1f; margin: 16px 0 13px;font-weight: 400; font-weight: bold;}
.product-advantage>li p{ font-size: 14px; line-height: 24px; max-width: 262px; text-align: center; color: #626266;font-weight: 400; }


/* 功能特性 */
.function-module{ display: flex; flex-flow: row wrap; box-sizing: border-box; justify-content: space-between; }
.function-module li{ box-sizing: border-box;position: relative; width: 32.36%; padding: 40px 45px 20px; margin-bottom: 20px; border: solid 1px #ebedf0; line-height: 1; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.function-module li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: url('/images/new_kkidc/cloud_ecs/function_hover_bg.jpg') no-repeat bottom right;
  background-size: 100% auto;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
.function-module li>*{position: relative;z-index: 98;}
/* .function-module .function-title>img{ display: block;width: 36px;height: auto;margin: 0 auto;} */
.function-module .function-title>img{ display: block;width: auto;height: 32px;margin: 0 auto;}
.function-module .function-title>h4{ margin: 15px 0;font-size: 18px;font-weight: 400;color:#1c1d1f;text-align: center;font-weight: bold;}
.function-module li>p{ color:#626266;line-height: 24px;}

.section-body ul{
  height: auto;
}

/* 功能特性悬浮状态 */
.function-module li:hover{
  box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06);
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
.function-module li:hover::before{opacity: 1;}

/* 应用场景 */
.section-nav { width: 100%;margin:50px 0 40px 0; text-align: center; font-size: 16px;line-height: 1;color: #323235;border-bottom: 1px solid #eaebef;padding-bottom: 18px;}
.section-nav span { position: relative;padding: 0 25px;padding-bottom: 19px;cursor: pointer;margin: 0 40px;user-select: none; }
.section-nav .active {color: #2982ff;}
.section-nav span::after {position: absolute;bottom: 0;left: 5px;content: '';width: 0;height: 3px;background-color: #2981ff;transition: all .3s;}
.section-nav span.active::after {width: calc(100% - 10px);}
.project-arrange{ display: flex; justify-content: space-between;    padding: 24px; box-sizing: border-box; background-color: #fff; box-shadow: 0px -2px 20px rgba(231, 233, 236, .5); }
.arrange-img{width: 100%; min-width: 560px; display: flex; justify-content: center; align-items: center;}
.arrange-scene{width: 100%; max-width: 556px; min-height: 404px; padding: 33px 35px; margin-left: 28px; box-sizing: border-box; background: url(/images/new_kkidc/baer_metal/bg1.png) no-repeat; background-position: left bottom;background-color: #fbfbfb; }
.arrange-scene-content:not(:last-child){ border-bottom: 1px solid #eaecee; margin-bottom: 26px;padding-bottom: 20px; }
.content_bd_p{margin: 13px 0;}
.content_tip{ font-size: 16px; font-weight: bold; color: #1c1d1f;margin-bottom: 18px; }
.content_bd h4{ padding: 8px 0 12px; }
.content_bd p{ color: #626266; line-height: 24px;font-size: 14px;}
.content_bd:not(:last-child){ margin-bottom: 20px; }
.advantage-content .content_tip{margin-bottom: 24px;}
.advantage-content .content_bd p{ font-weight: bold; color: #323235; font-size: 14px; }
.advantage-content .content_bd span{ font-size: 14px; color: #626266; font-weight: normal; }

.scene-content-02 p{position: relative;margin-bottom: 19px;}
.scene-content-02 p img{width: 18px;height: 18px;margin-right: 12px;vertical-align: middle;}

.scene-content-03 p{display: inline-block;margin-right: 56px;color: #323236;}
.scene-content-03 p img{width: 32px;height: auto;;margin-right: 12px;vertical-align: bottom;}

.show-icon{
  display: none;
}
.banner .swiper-slide video{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media screen and (max-width: 1300px) {
  .banner .swiper-slide video{
    left: 35%;
  }
}
@media screen and (max-width: 1023px) {
  .banner .swiper-slide video{
    display: none;
  }
  .banner-single .banner-ani{
    background: url(/images/new_kkidc/cloud_ecs/m-banner.png) no-repeat top;
    background-size: 100% 53%;
    background-color: #dce0ed;
  }
  .price-banner-box{
    display: flex;
    justify-content: center;
  }
  /* 导航栏 */
  .sm-around.menu-tab li a{
    color: #1c1d1f;
  }
  .sm-around.menu-tab .on{
    font-weight: 700;
  }
  .skip-box{
    z-index: 99;
    height: 46px;
  }
  .skip-item{
    height: 46px;
  }
  .skip-box ul li{
    height: 46px;
    line-height: 46px;
    padding: 0;
  }
  .skip-item ul li a {
    height: 100%;
    font-size: 14px;
    padding: 16px 0;
    line-height: 1;
  }
  .skip-item ul li.on a::after{
    height: 2px;
  }
  .show-icon{
    display: block;
  }

  /* 模块功能公共 */
  .section{
    padding: 40px 0;
  }
  .section-header{
    margin-bottom: 25px;
  }
  .section-header h1, .section-header h3{
    font-size: 18px;
    line-height: 1;
  }
  .section-header p{
    margin-top: 12px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 26px;
    color: #323235;
  }

  /* 产品规格 */
  .section-a1-content{
    display: block;
  }
  .section-a1-content .spec-box{
    height: 253px;
    width: 100%;
    margin-bottom: 16px;
    box-shadow: 0px 3px 12px 0px
		rgba(18, 51, 100, 0.06);
	  border: solid 1px #ebedf0;
  }

  .spec-box-head{
    height: 107px;
    padding: 24px 24px 24px 16px;
    background: url('/images/new_kkidc/cloud_ecs/specbox_head_bg.png') no-repeat bottom right;
    background-size: cover;
  }
  .spec-box-head h4{
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1;
  }
  .spec-box-head p{
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 20px;
  }
  .spec-box-head .scene{
    display: none;
  }

  .spec-box-content{
    flex-wrap: wrap;
    margin: 0;
    padding: 25px 16px 5px;
    border: none;
  }
  .spec-content-item{
    display: flex;
    width: 50%;
    margin-bottom: 20px;
    line-height: 1;
  }
  .spec-content-item .box-content-title{
    margin: 0;
    font-size: 13px;
  }
  .spec-content-item .box-content-detail{
    margin-left: 22px;
    font-size: 13px;
    color: #1c1d1f;
  }

  .spec-box-footer{
    align-items: center;
    padding: 0 15px;
  }
  .spec-box-footer p{
    font-size: 13px;
  }
  .spec-box-footer p .price{
    font-size: 18px;
  }
  .spec-box-footer a{
    box-sizing: border-box;
    height: 38px;
    width: 156px;
    font-size:13px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* 悬浮状态 */
  .spec-box:hover{
    box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06);
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
  .spec-box:hover .spec-box-head::before{opacity: 0;}


  /* 产品优势 */
  .section-a2{
    background-color: #f5f7fa;
  }
  .section-a2 .product-advantage{
    display: block;
    box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25);
  }
  .section-a2 li>div{
    padding: 0;
  }
  .section-a2 .product-advantage li {
    align-items: flex-start;
    height: 55px;
    overflow: hidden;
    margin: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
  .section-a2 .product-advantage li:not(:last-child) {
    border-bottom: none;
  }

  .section-a2 .product-top-box{
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 55px;
    width: 100%;
    padding: 12px 12px 12px 20px;
    background-color: #fff;
    border-top: 1px solid transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
  .hover-icon-80 {
    width: 30px;
    height: 30px;
  }
  .section-a2 .product-top-box h4{
    margin: 8px 16px;
    font-size: 14px;
    color: #1c1d1f;
    line-height: 1;
  }
  .section-a2 .product-top-box .iconfont-iconclass{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.icon-icon_xiala_normal{
  font-size: 13px!important;
  font-weight: 700;
  color: #bdc4cf;
}
.show-more .icon-icon_xiala_normal{
  color:#2981ff;
}
  .section-a2 li .advantage-desc{
    box-sizing: border-box;
    max-width: none;
    width: 100%;
    height: 72px;
    padding: 17px 8px 17px 15px;
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    background: url(/images/new_kkidc/loophole/m-top-banner.png) no-repeat;
    background-size: 100% 100%;
  }
  .section-body p{
    margin-bottom: 0;
  }
  .section-body li{
    border: solid 1px #eaebef;
  }
  /* 点击 */
  .slide-detail-drop{
    height: 127px!important;
  }
  .slide-detail-drop .box-top-bg{
    box-shadow: 0px 3px 8px 0px
		rgba(199, 208, 222, 0.25),
		inset 0px 0px 0px 0px
		#ffffff,
		inset -2px 19px 40px 0px
		rgba(225, 227, 235, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.8)!important;
  }
  .slide-detail-drop .box-top-bg h4{font-weight: 700!important}
  .slide-detail-drop .icon-rotate{
    transform: translateY(-60%)  rotate(-90deg)!important;
    -webkit-transform: translateY(-60%)  rotate(-90deg)!important;
    -moz-transform: translateY(-60%)  rotate(-90deg)!important;
    -ms-transform: translateY(-60%)  rotate(-90deg)!important;
    -o-transform: translateY(-60%)  rotate(-90deg)!important;
}
.slide-detail-drop .icon-rotate .icon-icon_xiala_normal{
  color: #2981ff;
}

/* 功能特性 */
  .function-module{
    display: block;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
  .function-module li{
    display: block;
    width: 100%;
    height: auto;
    padding: 29px 16px 21px;
    margin-bottom: 15px!important;
    background: url('/images/new_kkidc/cloud_ecs/function_hover_bg.jpg') no-repeat bottom right;
    background-size: 100% auto;
  }

  .function-module .function-title{
    display: flex;
    margin-bottom: 13px;
  }
  .function-module .function-title img{
    width: auto;
    height: 20px;
    margin: 0;
    margin-right: 15px;
    vertical-align: middle;
  }
  .function-module .function-title h4{
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
  }

  .function-module li p{
    font-size: 13px;
    line-height: 20px;
  }
  .function-module li:last-child{
    margin-bottom: 0;
  }

  .function-module li:hover{
    box-shadow: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .function-module li:hover::before{opacity: 0;}

  .show-more{color: #2981ff;cursor: pointer;margin-top: 10px;}
  .show-more span{font-size: 14px!important;}
  .show-more i{ position: relative;top: -1px;  font-size: 10px!important;transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ; }
  .show-more .icon-reserve{ transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }

  /* 应用场景*/

  .section-nav{
    font-size: 15px;
    margin: 35px 0 15px;
    padding-bottom: 18px;
  }
  .section-colflex-2 span{
    padding-right: 0;
  }
  .section-a4 .section-nav span{
      margin: 0;
      padding: 0;
      color: #1c1d1f;
  }
  .section-a4 .section-nav .active{
    font-weight: 700;
    color: #1c1d1f;
  }
  .section-nav span::after{
    height: 3px;
    bottom: -18px;
  }
  .section-nav{
      display: flex;
      justify-content: space-around;
  }
  .arrange-scene{
    margin: 0;
    padding:20px 5px 0;
    background: none;
    max-width: none;
  }
  .project-arrange{
    flex-wrap: wrap;
    padding: 0;
    background-color:transparent;
    box-shadow: none;
  }

  .project-arrange .arrange-img{
    min-width: 0;
    padding: 27px 16px;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px
		rgba(18, 51, 100, 0.04);
    border: solid 1px #e1e5eb;
  }
  .project-arrange .arrange-img img{
    width: 100%;
  }
  .content_tip{
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 700;
  }
  .section-a4 .section-body .project-arrange .content_bd p{
      color: #626266;
      font-size: 13px;
      line-height: 20px;
  }
  .arrange-scene-content:not(:last-child){
    padding: 0;
  }
  .section-a4 .scene-content-02 p{
    display: flex;
    margin-bottom: 16px;
  }
  .section-a4 .scene-content-02 p img{
    width: 18px;
    height: 18px;
    margin-right: 12px;
  }
  .section-a4 .scene-content-03{display: flex;}
  .section-a4 .scene-content-03 p{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 47%;
    height: 54px;
    margin-top: 4px;
    margin-right: 5%;
    padding: 17px;
    padding-right: 0;
    background-color: #ffffff;
    border: solid 1px #e1e5eb;
  }
  .section-a4 .scene-content-03 p:last-child{
    margin-right: 0;
  }
  .section-a4 .scene-content-03 p img{
    width: 24px;
    height: auto;
  }
  .arrange-scene-content:not(:last-child){
    border-bottom: none;
  }

  .hover-icon-80{
    width: 40px;
    height: 40px !important;
    position: relative;
    top: -5px;
  }



}
@media screen and (max-width: 540px) {
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 320px) {
  .spec-box-footer a{
    height: 38px;
    width: 116px;
    font-size:13px;
    line-height: 38px;
  }
}