.wdk-bg{background: url(../images/wdk/wdk_bg.png) no-repeat center top; background-size: 1920px;}
.wdk-banner img{display: block; width: 100%;}
.wdk-search{height: 100px; position: relative; z-index: 2; width: 897px; padding: 20px 0 0 20px; background: url(../images/wdk/wdk_ss_bg.png) no-repeat; background-size: 100% 100%; margin: -20px 0 0 -20px; overflow: hidden;}
.wdk-maincont{background: #fff; padding: 30px; border-radius: 0 10px 10px 10px; box-shadow: 0px 0px 20px  rgba(57, 103, 189, 0.3);}

.wdk-search form{ margin: 35px 80px 35px 30px; position: relative; padding-right: 156px;}
.wdk-search .stxt{height: 64px;border-radius: 4px; width: 100%; padding-left: 70px; padding-right: 20px; font-size: 1.125em; box-sizing: border-box; background:url(../images/wdk/icon_ss.png) no-repeat 22px center #F5F5F5; background-size: 25px 25px; border: 1px solid #E5E5E5; border-right: 0;}
.wdk-search .sbtn{position: absolute; right: 0; top: 0; height: 64px; width: 156px; border-radius: 0px 4px 4px 0px;
  background: linear-gradient(270deg, rgba(29, 111, 230, 1) 0%, rgba(69, 150, 241, 1) 100%); font-size: 1.375em; color: #fff; border: 0; cursor: pointer;}

.wdk-nav-iconmen li .box{position: relative; overflow: hidden; height: 256px; border-radius: 4px; background: #F0F8FF; border: 1px solid #D6ECFF;}
.wdk-nav-iconmen li .icon{margin-right: 30px; margin-left: 60px;}
.wdk-nav-iconmen li .icon img{width: 90px;}
.wdk-nav-iconmen li .txt{font-size: 1.5em; position: relative; z-index: 2;}
.wdk-nav-iconmen li .shadowicon{position: absolute; right: -5%; bottom: -5%;}

@media (max-width: 1500px){
  .wdk-nav-iconmen li .icon{margin-right: 20px; margin-left: 40px;}
}
@media (max-width: 1280px){
  .wdk-search{margin: 0; padding: 0; background: #fff; width: auto; box-shadow: 0px 0px 20px  rgba(57, 103, 189, 0.3); height: auto; padding: 20px;}
  .wdk-search form{margin: 0;}
  .wdk-search .stxt{height: 48px;}
  .wdk-search .sbtn{height: 48px; width: 120px; font-size: 1.125em;}
  .wdk-maincont{border-top-right-radius: 0;}

  .wdk-nav-iconmen li .icon img{width: 60px;}
  .wdk-nav-iconmen li .txt{font-size: 1.25em;}
  .wdk-nav-iconmen li .box{height: 160px;}
}

@media (max-width: 992px){
  .wdk-bg{background-size: 120%;}
}
@media (max-width: 768px){
  .wdk-search form{padding-right: 50px;}
  .wdk-search .stxt{background: #f5f5f5; padding-left: 20px;}
  .wdk-search .sbtn{width: 50px; background:url(../images/wdk/icon_ss2.png) no-repeat center center #F5F5F5; font-size: 0; background-size: 25px;}
}

/* older */
@media (min-width:768px){
  body.older .wdk-search form{padding-right: 200px;}
  body.older .wdk-search .sbtn{width: 200px;}
}