body * {
  color: #010101;
}
.ela-u1-container{margin:0 auto;width:1000px;padding:80px 0}
@media screen and (max-width:992px) {
.ela-u1-container{margin:0 auto;width:100%;padding:60px 50px}
}
@media screen and (max-width:760px) {
.ela-u1-container {
    padding: 60px 30px;
}
}
.icon-application_server {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px -353px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.icon-application_servers {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px -424.5px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.icon-blog_bg {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -514px 0px;
  width: 284px;
  height: 305px;
  background-size: 1094.5px 649.5px;
}
.icon-compliance {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1025.5px -294px;
  width: 41px;
  height: 39px;
  background-size: 1094.5px 649.5px;
}
.icon-correlation {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px -496px;
  width: 38.5px;
  height: 41px;
  background-size: 1094.5px 649.5px;
}
.icon-databases {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -951px -353px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.icon-get-quote {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1077px -451.5px;
  width: 17px;
  height: 17px;
  background-size: 1094.5px 649.5px;
}
.icon-infographics_bg {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -295.5px -364.5px;
  width: 285.5px;
  height: 285px;
  background-size: 1094.5px 649.5px;
}
.icon-live-demo {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1076.5px -294px;
  width: 17.5px;
  height: 17.5px;
  background-size: 1094.5px 649.5px;
}
.icon-log-analysis {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -856.5px -496px;
  width: 39.5px;
  height: 38.5px;
  background-size: 1094.5px 649.5px;
}
.icon-logo {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px -294px;
  width: 207.5px;
  height: 49px;
  background-size: 1094.5px 649.5px;
}
.icon-perimeter-device {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1022.5px -353px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.icon-slider-left {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -951px -424.5px;
  width: 53px;
  height: 53px;
  background-size: 1094.5px 649.5px;
}
.icon-slider-right {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1014px -424.5px;
  width: 53px;
  height: 53px;
  background-size: 1094.5px 649.5px;
}
.icon-solution_brief_bg {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px 0px;
  width: 286.5px;
  height: 284px;
  background-size: 1094.5px 649.5px;
}
.icon-support {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1077px -424.5px;
  width: 17px;
  height: 17px;
  background-size: 1094.5px 649.5px;
}
.icon-top-download {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -906px -496px;
  width: 14px;
  height: 18px;
  background-size: 1094.5px 649.5px;
}
.icon-trust_logos {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: 0px 0px;
  width: 504px;
  height: 354.5px;
  background-size: 1094.5px 649.5px;
}
.icon-web_server {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -879.5px -353px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.icon-white_paper_bg {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: 0px -364.5px;
  width: 285.5px;
  height: 285px;
  background-size: 1094.5px 649.5px;
}
.icon-workstation {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -879.5px -424.5px;
  width: 61.5px;
  height: 61.5px;
  background-size: 1094.5px 649.5px;
}
.hide {
  display: none;
}
.wrapper__main,
.wrapper__main * {
  box-sizing: border-box;
}
.wrapper__main::after {
  content: " ";
  display: table;
  clear: both;
}
.wrapper__inner {
  max-width: 1194px;
  width: 100%;
  margin: 0 auto;
}
.top-menu {
  background-color: #fff;
  min-height: 97px;
}
.top-menu .top-menu__l-section {
  width: 208px;
  height: 97px;
  float: left;
}
.top-menu .top-menu__l-section > a.top-menu__logo {
  display: block;
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -808px -294px;
  width: 207.5px;
  height: 49px;
  background-size: 1094.5px 649.5px;
  margin-top: 24px;
  margin-left: 3px;
}
.top-menu .top-menu__r-section {
  width: 500px;
  float: right;
}
.top-menu .wam-menu {
  position: relative;
  overflow: hidden;
  padding-top: 33px;
  padding-bottom: 5px;
}
.top-menu .wam-menu ul li {
  float: left;
  list-style-type: none;
}
.top-menu .wam-menu ul li a {
  padding: 2px 23px 2px 0px;
  display: block;
  border-radius: 2px;
  color: #000;
  font-weight: 600;
  font-size: 13px;
}
.top-menu .wam-menu ul li a i {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.top-menu .wam-menu ul li .dwn-form {
  display: block;
  padding: 5px 28px 5px 18px;
  border: 2px solid #e02127;
  border-radius: 5px;
  font-size: 16px;
  margin-left: 15px;
  margin-top: -7px;
  transition: .3s;
}
.top-menu .wam-menu ul li .dwn-form i {
  margin-right: 15px;
}
.top-menu .wam-menu ul li:last-child a {
  padding-right: 0;
}
.top-menu .wam-menu ul li .dwn-form:hover{
    background: #e02228;
	color: #fff;
}
.top-menu .wam-menu ul li .dwn-form:hover .icon-top-download{
       background: url(../images/download-white.png) no-repeat; background-size: contain; background-position: center;
}
.banner_sec {
  height: 463px;
  background: #3960be;
  position: relative;
  z-index: 1;
}
.banner_sec .banner-lhs {
  width: 53%;
  padding-top: 65px;
  padding-left: 125px;
}
.banner_sec .banner-lhs h1 {
  line-height: 64px;
  font-size: 45px;
  font-weight: bold;
  color: #fff;
}
.banner_sec .banner-lhs a.dwn_btn {
  display: inline-block;
  padding: 10px 30px;
  font-size: 15px;
  background-color: #e52c0d;
  border-radius: 3px;
  margin-top: 23px;
  margin-left: 6px;
  color: #fff;
}
.banner_sec::before {
  content: " ";
  position: absolute;
  right: 0;
  width: 50%;
  background-color: #3868ea;
  bottom: 0;
  top: 0;
  z-index: -1;
}
.banner_sec .wrapper__inner {
  background: url(../images/log-manage-software-banner_bg.png) no-repeat 0 0;
  background-size: 1440px 463px;
  height: 463px;
  max-width: 1437px;
}
.ham-burger {
  display: none;
  position: absolute;
  top: 35px;
  height: 40px;
  width: 27px;
  right: 15px;
  cursor: pointer;
}
.ham-burger span {
  background-color: #000;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  transition: 0.3s ease all;
}
.ham-burger span::before,
.ham-burger span::after {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  top: -8px;
  left: 0;
  background-color: #000;
  transition: 0.3s ease all;
}
.ham-burger span::after {
  top: auto;
  bottom: -8px;
}
.cont_sec .wrapper__inner {
  padding-top: 45px;
}
.cont_sec h2 {
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  font-size: 28px;
}
.cont_sec h2 span {
  display: block;
  font-weight: normal;
}
.cont_sec .device-list {
  padding: 0;
  margin: 0 30px 0 40px;
}
.cont_sec .device-list li {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  padding: 8px 49px 0 49px;
  text-align: center;
}
.cont_sec .device-list li div.device-inner div {
  margin: 4px auto 11px auto;
}
.cont_sec .device-list li:last-child div.device-txt {
  border-right: 0;
}
.cont_sec .h-cards {
  margin-top: 42px;
  padding: 22px;
}
.cont_sec .h-cards,
.cont_sec .h-cards * {
  box-sizing: border-box;
}
.cont_sec .h-cards::after {
  content: " ";
  display: table;
  clear: both;
}
.cont_sec .h-cards .plain-cards {
  padding: 27px;
  width: 31.8%;
  margin-right: 2.3%;
  float: left;
  border: 1px solid #d7d4d4;
  min-height: 416px;
  transition: all 60ms linear;
}
.cont_sec .h-cards .plain-cards:hover {
  background-color: #ffffff;
  box-shadow: 0px 5px 73.95px 13.05px rgba(225, 230, 233, 0.56);
  transform: scale(1.01);
}
.cont_sec .h-cards .plain-cards.last {
  margin-right: 0;
}
.cont_sec .h-cards .plain-cards > span {
  display: block;
}
.cont_sec .h-cards .plain-cards h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 17px;
  margin-bottom: 0px;
}
.cont_sec .h-cards .plain-cards p {
  line-height: 28px;
  font-size: 16px;
  margin-top: 11px;
  margin-bottom: 0;
}
.res_sec {
  padding-top: 39px;
  margin-bottom: 90px;
}
.res_sec h2 {
  text-align: center;
  font-weight: 600;
  line-height: 40px;
  font-size: 28px;
}
.res_sec .bg-card-row {
  padding: 0 22px;
}
.res_sec .bg-card-row,
.res_sec .bg-card-row * {
  box-sizing: border-box;
}
.res_sec .bg-card-row::after {
  content: " ";
  display: table;
  clear: both;
}
.res_sec .bg-card-row .bg-card {
  width: 25%;
  float: left;
  text-align: center;
  padding: 25px;
  height: 287px;
  background-color: #000;
  transition: all 0.3s ease-in;
  border: 1px solid #fff;
}
.res_sec .bg-card-row .bg-card .bg-card-title {
  color: #00f0ff;
  font-size: 16px;
  margin-top: 18px;
  position: relative;
  display: inline-block;
}
.res_sec .bg-card-row .bg-card .bg-card-title::after {
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  top: 26px;
  width: 50%;
  background-color: #fff;
  height: 2px;
  margin-left: -25%;
}
.res_sec .bg-card-row .bg-card .bg-card-desc {
  font-size: 19px;
  color: #fff;
  margin-top: 33px;
  line-height: 26px;
}
.res_sec .bg-card-row .bg-card .bt-card-btn {
  padding: 6px 20px;
  color: #000;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 57px;
  cursor: pointer;
}
.res_sec .bg-card-row .bg-card .bt-card-btn:hover {
  text-decoration: none;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
}
.res_sec .bg-card-row .bg-card:hover {
  transform: scaleY(1.05);
}
.off_sec {
  position: relative;
  margin-bottom: 125px;
}
.off_sec .blue_strip {
  width: 100%;
  position: absolute;
  background-color: #314e93;
  left: 0;
  right: 0;
  height: 248px;
  z-index: -1;
}
.off_sec h2 {
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  font-size: 28px;
  color: #fff;
}
.off_sec .off_slider {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.off_sec .off_slider .flex-viewport img {
  width: 100%;
  height: 100%;
}
.off_sec .off_slider .flex-direction-nav {
  display: block;
}
.off_sec .off_slider .flex-direction-nav li a.flex-prev {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -951px -424.5px;
  width: 53px;
  height: 53px;
  background-size: 1094.5px 649.5px;
  margin-left: -100px;
  opacity: 0.4;
}
.off_sec .off_slider .flex-direction-nav li a.flex-next {
  background-image: url("../images/ela_log_manage_mic_site_sprite.png");
  background-position: -1014px -424.5px;
  width: 53px;
  height: 53px;
  background-size: 1094.5px 649.5px;
  margin-right: -100px;
  opacity: 0.4;
}
.off_sec .off_slider .flex-control-nav {
  bottom: -70px;
  left: 0px;
}
.off_sec .off_slider .flex-control-nav > li a {
  font-size: 0;
}
.off_sec .off_slider .flex-control-nav > li a.flex-active {
  background-color: #0c2c6d;
}
.off_sec .off_slider:hover .flex-direction-nav li a.flex-prev,
.off_sec .off_slider:hover .flex-direction-nav li a.flex-next {
  opacity: 1;
}
.off_sec .wrapper__inner {
  padding-top: 10px;
}
.trust_sec {
  margin-bottom: 90px;
}
.trust_sec .trust-container {
  padding: 0 30px;
}
.trust_sec .trust-container .trust_lhs,
.trust_sec .trust-container .trust_rhs {
  width: 50%;
  float: left;
}
.trust_sec .trust-container .trust_lhs h3 {
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  margin-top: 82px;
  text-align: center;
  color: #2760a6;
}
.trust_sec .trust-container .trust_lhs h3 small {
  font-size: 24px;
  line-height: 40px;
  font-weight: 300;
  display: block;
}
.trust_sec .trust-container .trust_lhs h3 small strong {
  font-weight: bold;
  color: #000;
}
.trust_sec .trust-container .trust_lhs h3 small span {
  font-weight: bold;
  color: #2760a6;
}
.trust_sec .trust-container .trust_rhs .icon-trust_logos {
  margin-left: 36px;
}
.foo_section {
  min-height: 30px;
  background-color: #eee;
  text-align: center;
  padding: 10px 0;
  color: #969696;
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .wrapper__main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner_sec.wrapper__main {
    padding-right: 0;
    padding-left: 0;
  }
  .cont_sec .device-list li {
    padding: 8px 46px 0 46px;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper__main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner_sec.wrapper__main {
    padding-right: 0;
    padding-left: 0;
  }
  .banner_sec.wrapper__main .wrapper__inner {
    background-position: -150px 0;
  }
  .banner_sec.wrapper__main .wrapper__inner .banner-lhs {
    width: 70%;
    padding-left: 50px;
  }
  .cont_sec .device-list li {
    padding: 8px 26px 0 26px;
  }
  .cont_sec .h-cards .plain-cards {
    min-height: 488px;
  }
  .trust_sec .trust-container .trust_rhs .icon-trust_logos {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 768px) {
  .wrapper__main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner_sec.wrapper__main {
    padding-right: 0;
    padding-left: 0;
  }
  .banner_sec.wrapper__main .wrapper__inner {
    background-position: -150px 0;
  }
  .banner_sec.wrapper__main .wrapper__inner .banner-lhs {
    width: 90%;
    padding-left: 50px;
  }
  .cont_sec .device-list {
    margin: 0 15px 0 20px;
  }
  .cont_sec .device-list li {
    padding: 8px 10px 0 10px;
  }
  .cont_sec .device-list li .device-txt {
    font-size: 16px;
  }
  .cont_sec .h-cards .plain-cards {
    min-height: 100px;
    width: 100%;
    margin-bottom: 20px;
  }
  .trust_sec .trust-container .trust_lhs {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 60px;
  }
  .trust_sec .trust-container .trust_rhs {
    width: 100%;
    float: none;
    clear: both;
  }
  .trust_sec .trust-container .trust_rhs .icon-trust_logos {
    transform: scale(1);
    margin-left: auto;
    margin-right: auto;
  }
  .res_sec .bg-card-row {
    width: 508px;
    margin: 0 auto;
    padding: 0;
  }
  .res_sec .bg-card-row .bg-card {
    width: 254px;
  }
}
@media screen and (max-width: 500px) {
  .top-menu .top-menu__r-section {
    width: 100%;
    float: none;
    clear: both;
  }
  .top-menu .top-menu__r-section .wam-menu {
    position: absolute;
    right: 0;
    left: 0;
    padding-left: 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    display: none;
    background-color: #fff;
    z-index: 99;
  }
  .top-menu .top-menu__r-section .wam-menu > ul {
    margin-left: -20px;
  }
  .top-menu .top-menu__r-section .wam-menu > ul > li {
    width: 100%;
    display: block;
    float: none;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  .top-menu .top-menu__r-section .wam-menu > ul > li:hover a {
    background-color: #fafafa;
  }
  .top-menu .top-menu__r-section .wam-menu > ul > li .dwn-form {
    display: block;
    padding: 5px 28px 5px 18px;
    border: 2px solid #e02127;
    border-radius: 5px;
    font-size: 16px;
    margin-left: 0px;
    margin-top: 0;
    width: 158px;
    margin-right: auto;
  }
  .top-menu .ham-burger {
    display: block;
  }
  .wrapper__main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner_sec.wrapper__main {
    padding-right: 0;
    padding-left: 0;
    height: auto;
  }
  .banner_sec.wrapper__main .wrapper__inner {
    background-position: -150px 0;
    height: 400px;
  }
  .banner_sec.wrapper__main .wrapper__inner .banner-lhs {
    width: 100%;
    padding-left: 20px;
    padding-top: 43px;
  }
  .banner_sec.wrapper__main .wrapper__inner .banner-lhs h1 {
    font-size: 35px;
    line-height: 55px;
  }
  .cont_sec .device-list {
    margin: 0 15px 0 20px;
  }
  .cont_sec .device-list li {
    padding: 8px 10px 0 10px;
    width: 48%;
  }
  .cont_sec .device-list li:last-child {
    margin-left: 24%;
  }
  .cont_sec .device-list li .device-txt {
    font-size: 16px;
  }
  .cont_sec .h-cards .plain-cards {
    min-height: 100px;
    width: 100%;
    margin-bottom: 20px;
  }
  .cont_sec h2 {
    font-size: 25px;
  }
  .trust_sec .trust-container .trust_lhs {
    width: 100%;
    float: none;
    clear: both;
    margin-bottom: 60px;
  }
  .trust_sec .trust-container .trust_lhs h3 {
    font-size: 40px;
  }
  .trust_sec .trust-container .trust_lhs h3 small {
    font-size: 18px;
  }
  .trust_sec .trust-container .trust_rhs {
    width: 100%;
    float: none;
    clear: both;
  }
  .trust_sec .trust-container .trust_rhs .icon-trust_logos {
    zoom: 0.5;
    margin-left: auto;
    margin-right: auto;
  }
  .res_sec .bg-card-row {
    width: 254px;
    margin: 0 auto;
    padding: 0;
  }
  .res_sec .bg-card-row .bg-card {
    width: 254px;
    float: none;
  }
  .off_sec .off_slider .flex-direction-nav {
    display: block;
  }
  .off_sec .off_slider .flex-direction-nav li a.flex-prev {
    margin-left: -70px;
    zoom: 0.6;
  }
  .off_sec .off_slider .flex-direction-nav li a.flex-next {
    margin-right: -70px;
    zoom: 0.6;
  }
}

.ela-u1-full-sour{background:#314e93}
.ela-u1-full-sour h2{text-align:center;font-size:32px;color:#fff;font-weight:700}
.ela-u1-sour{position:relative;height:700px}
.ela-u1-sour-com{width:100px;height:100px;position:absolute;background:#395597;background-position:-102px -142px;border-radius:50%;border:1px solid #495f96;text-align:center}
.ela-u1-sour-com a{color:#fff;font-size:14px;position:absolute;width:100%;text-align:center}
.ela-u1-sour-com div{position:absolute;content:"";width:100px;height:100px;margin-left:0;background-size:500px}
.ela-u1-sour-com span{font-size:11px;text-transform:uppercase;margin-top:110px;display:inline-block;color:#8a9099;text-align:center}
.ela-u1-sour-com:hover{background:#393f49;box-shadow:0 5px 11px -2px rgba(0,0,0,0.3);transform:scale(1.05)}
.ela-u1-sour-com{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.ela-u1-s7:hover{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:1px -636px;background-size:622px;box-shadow:none}
.ela-u1-s1{top:50px;top:56px;left:32px}
.ela-u1-s11{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-102px -142px}
.ela-u1-s2{top:50px;left:286px}
.ela-u1-s22{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-198px -135px}
.ela-u1-s3{top:65px;left:550px}
.ela-u1-s33{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-280px -142px}
.ela-u1-s4{top:15px;left:850px}
.ela-u1-s44{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-369px -134px}
.ela-u1-s5{top:225px;left:-111px}
.ela-u1-s55{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-74px -215px}
.ela-u1-s6{top:260px;left:175px}
.ela-u1-s66{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-193px -212px}
.ela-u1-s7{top:204px;left:363px;width:282px;height:294px;border-radius:0;background:url(../images/ela-u1-sprit.png) no-repeat;background-position:1px -636px;background-size:622px;border:0}
.ela-u1-s77{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-279px -142px}
.ela-u1-s8{top:212px;left:739px}
.ela-u1-s88{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-303px -209px}
.ela-u1-s9{top:507px;left:-142px}
.ela-u1-s99{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-404px -211px}
.ela-u1-s2-1{top:375px;left:17px}
.ela-u1-s2-11{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-63px -290px}
.ela-u1-s2-2{top:485px;left:255px}
.ela-u1-s2-22{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-182px -290px}
.ela-u1-s2-3{top:484px;left:574px}
.ela-u1-s2-33{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-299px -284px}
.ela-u1-s2-4{top:463px;left:767px}
.ela-u1-s2-44{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-397px -284px}
.ela-u1-s2-5{top:323px;left:960px}
.ela-u1-s2-55{background:url(../images/ela-u1-sprit.png) no-repeat;background-position:-68px -358px}
.ela-btn-view-all{background:#a8aaad;color:#000;border:1px solid #9b9b9b;padding:8px 35px;display:inline-block;margin-top:15px;border-radius:2px;text-align:center;position:absolute;top:655px;left:37%}
.ripple,.ripple:before,.ripple:after{display:block;border-radius:2px;width:2px;height:2px;-webkit-animation:rip 6s infinite ease-out;-moz-animation:rip 6s infinite ease-out}
.ripple{position:relative;margin:0 auto}
.ripple img{width:200px;margin-top:-74px;margin-left:-100px}
.ripple:before,.ripple:after{content:'';position:absolute;top:-15px;z-index:-1}
.ripple:before{-webkit-animation-delay:.2s;-moz-animation-delay:.2s}
.ripple:after{-webkit-animation-delay:.8s;-moz-animation-delay:.8s}
@-webkit-keyframes rip {
0%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}
15%{box-shadow:0 0 0 0 rgba(9,83,172,0),0 0 0 0 rgba(255,255,255,0.4),0 0 0 0 rgba(9,83,172,0),0 0 0 0 rgba(0,0,0,0.08)}
100%{box-shadow:0 0 40px 200px rgba(9,83,172,0),0 0 10px 410px transparent,0 0 30px 420px rgba(9,83,172,0),0 0 5px 230px transparent}
}
@-moz-keyframes rip {
0%{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent}
15%{box-shadow:0 0 0 0 rgba(9,83,172,0),0 0 0 0 rgba(255,255,255,0.4),0 0 0 0 rgba(9,83,172,0),0 0 0 0 rgba(0,0,0,0.08)}
100%{box-shadow:0 0 40px 200px rgba(9,83,172,0),0 0 10px 410px transparent,0 0 30px 420px rgba(9,83,172,0),0 0 5px 230px transparent}
}
@media screen and (max-width: 1300px){
.ela-u1-container {
    width: 900px;
}
}
@media screen and (max-width:1250px) {
.ela-u1-sour-com span{margin-top:38px}
.ela-u1-sour-com div{border-right:1px solid #3e444e}
.ela-u1-s1,.ela-u1-s2,.ela-u1-s3,.ela-u1-s4,.ela-u1-s5,.ela-u1-s6,.ela-u1-s7,.ela-u1-s8,.ela-u1-s9,.ela-u1-s2-1,.ela-u1-s2-2,.ela-u1-s2-3,.ela-u1-s2-4,.ela-u1-s2-5{left:auto;top:auto;right:auto}
.ela-u1-s7{display:none}
.ela-u1-sour-com{width:49%;height:100px;position:relative;background:#2f353e;background-position:-102px -142px;border-radius:2px;margin-bottom:5px;float:left;margin-right:5px;left:auto!important;top:auto!important}
.ela-u1-sour{height:auto;overflow:hidden}
.ela-u1-sour-com a span{margin-top:40px}
.ela-u1-full-sour h2{margin-bottom:35px}
.ela-btn-view-all{position:relative;top:auto;left:auto;width:100%}
.ela-u1-sour-com a div{border-right:1px solid #3e444e}
}
@media screen and (max-width:992px) {
.ela-u1-container {width: 90%;padding: 60px 5%;}
.ela-u1-solu-left{width:100%}
.ela-u1-solu-right{width:100%;margin-top:30px}
.ripple img{width:80px;margin-top:-74px;margin-left:-39px}
.ela-u1-sour-com{width: 48%}
}
@media screen and (max-width:767px) {
.ela-u1-sour-com{width:100%;height:100px;border-radius:2px;margin-bottom:5px}
}
.animatable{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.animated{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown {
0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
0%{opacity:0;-o-transform:translateY(-20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadeIn {
0%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
60%{opacity:0}
20%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes bounceInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px)}
60%{-webkit-transform:translateX(20px)}
80%{-webkit-transform:translateX(-5px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft {
0%{opacity:0;-moz-transform:translateX(-2000px)}
60%{-moz-transform:translateX(20px)}
80%{-moz-transform:translateX(-5px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes bounceInLeft {
0%{opacity:0;-o-transform:translateX(-2000px)}
60%{opacity:1;-o-transform:translateX(20px)}
80%{-o-transform:translateX(-5px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes bounceInLeft {
0%{opacity:0;transform:translateX(-2000px)}
60%{transform:translateX(20px)}
80%{transform:translateX(-5px)}
100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes bounceInRight {
0%{opacity:0;-webkit-transform:translateX(2000px)}
60%{-webkit-transform:translateX(-20px)}
80%{-webkit-transform:translateX(5px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight {
0%{opacity:0;-moz-transform:translateX(2000px)}
60%{-moz-transform:translateX(-20px)}
80%{-moz-transform:translateX(5px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes bounceInRight {
0%{opacity:0;-o-transform:translateX(2000px)}
60%{-o-transform:translateX(-20px)}
80%{-o-transform:translateX(5px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes bounceInRight {
0%{opacity:0;transform:translateX(2000px)}
60%{transform:translateX(-20px)}
80%{transform:translateX(5px)}
100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp {
0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp {
0%{opacity:0;-o-transform:translateY(20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUp {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes bounceIn {
0%{opacity:0;-webkit-transform:scale(.3)}
50%{-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn {
0%{opacity:0;-moz-transform:scale(.3)}
50%{-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-o-keyframes bounceIn {
0%{opacity:0;-o-transform:scale(.3)}
50%{-o-transform:scale(1.05)}
70%{-o-transform:scale(.9)}
100%{opacity:1;-o-transform:scale(1)}
}
@keyframes bounceIn {
0%{opacity:0;transform:scale(.3)}
50%{transform:scale(1.05)}
70%{transform:scale(.9)}
100%{opacity:1;transform:scale(1)}
}
@-webkit-keyframes moveUp {
0%{opacity:1;-webkit-transform:translateY(40px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes moveUp {
0%{opacity:1;-moz-transform:translateY(40px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes moveUp {
0%{opacity:1;-o-transform:translateY(40px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes moveUp {
0%{opacity:1;transform:translateY(40px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeBgColor {
0%{background:none}
70%{background:none}
100%{background:#464646}
}
@-o-keyframes fadeBgColor {
0%{background:none}
70%{background:none}
100%{background:#464646}
}
@keyframes fadeBgColor {
0%{background:none}
70%{background:none}
100%{background:#464646}
}
.animated.animationDelay{animation-delay:.4s;-webkit-animation-delay:.4s}
.animated.animationDelayMed{animation-delay:1.2s;-webkit-animation-delay:1.2s}
.animated.animationDelayLong{animation-delay:1.6s;-webkit-animation-delay:1.6s}
.animated.fadeBgColor{-webkit-animation-name:fadeBgColor;-moz-animation-name:fadeBgColor;-o-animation-name:fadeBgColor;animation-name:fadeBgColor}
.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}
.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}
.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}
.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
.animated.moveUp{-webkit-animation-name:moveUp;-moz-animation-name:moveUp;-o-animation-name:moveUp;animation-name:moveUp}
@media screen and (min-width:1250px) {
.ela-u1-sour-com{top:275px;left:444px}
.ela-u1-s7{top:204px;left:363px;z-index:9}
}
.ela-u1-sour-com{-webkit-transition:all 2.5s ease;-moz-transition:all 2.5s ease;-o-transition:all 2.5s ease;transition:all 2.5s ease}
.ela-u1-s1-ani{top:56px;left:32px}
.ela-u1-s2-ani{top:50px;left:286px}
.ela-u1-s3-ani{top:65px;left:550px}
.ela-u1-s4-ani{top:15px;left:850px}
.ela-u1-s5-ani{top:225px;left:-111px}
.ela-u1-s6-ani{top:260px;left:175px}
.ela-u1-s8-ani{top:212px;left:739px}
.ela-u1-s9-ani{top:507px;left:-142px}
.ela-u1-s2-1-ani{top:375px;left:17px}
.ela-u1-s2-2-ani{top:485px;left:255px}
.ela-u1-s2-3-ani{top:484px;left:574px}
.ela-u1-s2-4-ani{top:463px;left:767px}
.ela-u1-s2-5-ani{top:323px;left:960px}
.ela-rea-de-t1 .animated{transition:.5s .5s ease;opacity:1;transform:scale(1,1)}
.ela-rea-de-t2 .animated{transition:.7s .7s ease;opacity:1;transform:scale(1,1)}
.ela-rea-de-t3 .animated{transition:.9s .9s ease;opacity:1;transform:scale(1,1)}
.ela-rea-de-t5 .animated{transition:1.1s 1.1s ease;opacity:1;transform:scale(1,1)}
.ela-rea-de-t6 .animated{transition:1.3s 1.3s ease;opacity:1;transform:scale(1,1)}
.ela-ban-ani{position:absolute;top:18%;width:100%;height:100%}
.ela-ani-inn{margin:0 auto;width:1200px;padding:80px 0;background:url(../images/ela-u1-banner-line.png) no-repeat;background-size:114%;box-sizing:border-box;height:700px;padding-top:100px;background-position:-76px 164px;padding-top:100px}
.ela-ani-inn ul li{float:left;display:inline-block}
.ela-ani-inn ul li div a{color:#ededed;display:block}
.ela-ani-inn ul li div a:hover{transform:scale(1.02)}
.ela-ani-inn ul li div a img{width:100px}
.ela-ani-inn ul li div a h4{display:block;font-size:13px;font-weight: 600;line-height: 20px;color: #00d8ff;}
.ela-ani-inn ul li div a h5{    margin-top: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #a1bddf;
    display: block;
    float: left;    margin-left: 10px;}
.ela-ani-inn ul li:nth-child(1) div{    margin-left: -6%;
    width: 250px;
    margin-top: 61px;}
.ela-ani-inn ul li:nth-child(1) img{float:left;width:60px;padding-right:15px}
.ela-ani-inn ul li:nth-child(1) h4{float:left;margin-top:-9px}
.ela-ani-inn ul li:nth-child(2) div{    margin-top: 156px;
    margin-left: -306px;
    width: 300px;
    position: absolute;}
.ela-ani-inn ul li:nth-child(2) img{float:left;width:65px;padding-right:2px}
.ela-ani-inn ul li:nth-child(2) h4{margin-top:31px;float:left;width:67%}
.ela-ani-inn ul li:nth-child(2) p{line-height:19px;float:left}
.ela-ani-inn ul li:nth-child(3) div{    width: 300px;
    margin-top: 323px;
    margin-left: -166px;}
.ela-ani-inn ul li:nth-child(3) img{float:left;width:58px;padding-left:20px}
.ela-ani-inn ul li:nth-child(3) h4{margin-top:42px;display:inline-block;position:absolute;margin-left:21px}
.ela-ani-inn ul li:nth-child(3) h5{position:absolute;margin-top:63px;margin-left:109px}
.ela-ani-inn ul li:nth-child(3) h2{color:#FFC107;margin-left:-92px;position:absolute;margin-top:156px;font-weight: 600;}
.ela-ani-inn ul li:nth-child(3) h2 a{color: #FFC107;font-weight: 600;font-size: 20px;cursor: pointer;}
.ela-ani-inn ul li:nth-child(4) div{    margin-left: -101px;
    margin-top: 136px;}
.ela-ani-inn ul li:nth-child(4) img{margin-left:27px}
.ela-ani-inn ul li:nth-child(4) p{padding-left:15px}
.ela-ani-inn ul li:nth-child(5) div{    width: 400px;
    margin-top: 223px;
    margin-left: -12px;}
.ela-ani-inn ul li:nth-child(5) img{margin-left:136px;width:155px}
.ela-ani-inn ul li:nth-child(5) h4{
    text-align: center;
    margin-top: -78px;
    width: 188px;
    margin-left: 230px;
    position: absolute;	
}
.ela-ani-inn ul li:nth-child(5) h5{margin-top: -58px;}
.ela-ani-inn ul li:nth-child(5) h2{color:#FFC107;margin-left:120px;position:absolute;margin-top:95px;font-weight: 600;}
.ela-ani-inn ul li:nth-child(5) h2 a{color: #FFC107;font-weight: 600;font-size: 20px;cursor: pointer;}
.ela-ani-inn ul li:nth-child(6) div{    width: 300px;
    margin-top: 100px;
    height: 100px;
    margin-left: 26px;}
.ela-ani-inn ul li:nth-child(6) img{float:left;padding-right:10px}
.ela-ani-inn ul li:nth-child(7) div{ 
    width: 240px;
    margin-top: 311px;
    margin-left: -94px;
    position: absolute;
}
.ela-ani-inn ul li:nth-child(7) img{float:left;width:60px;padding-right:7px}
.ela-ani-inn ul li:nth-child(7) h4{float:left}
.ela-ani-inn ul li:nth-child(7) p{float:left}
.ela-ani-inn ul li:nth-child(7) h2{color:#FFC107;margin-left:-50px;position:absolute;margin-top:168px;font-weight: 600;}
.ela-ani-inn ul li:nth-child(7) h2 a{color: #FFC107;font-weight: 600;font-size: 20px;cursor: pointer;}
.ela-ani-inn ul li:nth-child(8) div{    margin-left: 15px;
    margin-top: 123px;
    position: absolute;}
.ela-ani-inn ul li:nth-child(8) div a h4{margin-left: 21px;margin-top: 7px;}	

@media screen and (max-width:1300px) {
.ela-ani-inn ul li{float:left;display:inline-block}
.ela-ani-inn ul li div a{color:#ededed}
.ela-ani-inn ul li div a img{width:100px}
.ela-ani-inn ul li div a h4{display:block;font-size:14px;color: #00d8ff;}
.ela-ani-inn ul li div a p{margin-top:2px;font-size:13px;line-height:22px;color:#a1bddf;display:block;float:left}
.ela-ani-inn ul li:nth-child(1) div{margin-left:5%;width:250px}
.ela-ani-inn ul li:nth-child(1) img{float:left}
.ela-ani-inn ul li:nth-child(1) h4{float:left}
.ela-ani-inn ul li:nth-child(2) div{margin-top:144px;margin-left:-286px;width:300px}
.ela-ani-inn ul li:nth-child(2) img{float:left}
.ela-ani-inn ul li:nth-child(3) div{width:300px;margin-top:295px;margin-left:-139px}
.ela-ani-inn ul li:nth-child(3) img{float:left}
.ela-ani-inn ul li:nth-child(3) h2{color:#FFC107;margin-left:-92px;position:absolute;margin-top:98px;font-weight: 600;margin-top: 151px;}
.ela-ani-inn ul li:nth-child(4) div{margin-left:-112px;margin-top:86px}
.ela-ani-inn ul li:nth-child(4) img{margin-left:27px}
.ela-ani-inn ul li:nth-child(5) div{width:400px;margin-top:204px;margin-left:-44px}
.ela-ani-inn ul li:nth-child(5) img{margin-left:136px;width:140px}
.ela-ani-inn ul li:nth-child(5) h4{text-align:center;margin-top:5px;margin-left:-36px}
.ela-ani-inn ul li:nth-child(5) p{margin-top:-44px}
.ela-ani-inn ul li:nth-child(5) h2{color:#FFC107;margin-left:120px;position:absolute;margin-top:92px;font-weight: 600;}
.ela-ban-au-log{width:188px;text-align:right;margin-left:-72px;position:absolute}
.ela-ban-det-ser{width:188px;margin-left:247px;position:absolute}
.ela-ani-inn ul li:nth-child(6) div{width:300px;margin-top:68px;height:100px;margin-left:20px}
.ela-ani-inn ul li:nth-child(6) img{float:left}
.ela-ani-inn ul li:nth-child(7) div{width:260px;margin-top:277px;margin-left:-135px;position:absolute}
.ela-ani-inn ul li:nth-child(7) img{float:left}
.ela-ani-inn ul li:nth-child(7) h4{float:left}
.ela-ani-inn ul li:nth-child(7) p{float:left}
.ela-ani-inn ul li:nth-child(7) h2{color:#FFC107;margin-left:-50px;position:absolute;margin-top:164px;font-weight: 600;margin-top: 187px;}
.ela-ani-inn ul li:nth-child(8) div{margin-left:15px;margin-top:44px;position:absolute}	
}
.wam-form ul li input[type="submit"]:hover{background: #bc1d1d;}