/*mobile
 
 48px -> 24px
 76px -> 38px
 36px -> 24px
 24px -> 18px
 20px -> 16px
 18px -> 14px

 */
body {
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #313131;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
}
a {
  color: #1ec67a;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
h1 {
  margin: 0;
  font-weight: 500;
}
h2,
h3,
h4 {
  margin: 0;
  font-weight: 500;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
input {
  display: inline-block;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cfcfcf;
  border-radius: 2px;
  outline: none;
  -webkit-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
}
input[type="checkbox"],
input[type="radio"] {
  height: auto;
}
textarea {
  padding: 10px;
  background-color: #fff;
  outline: none;
  font-size: 14px;
  border: 1px solid #cfcfcf;
  resize: none;
  border-radius: 2px;
  width: 100%;
}
a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none;
}
iframe {
  border: none;
}
.bg-bule {
  background: #f8faff;
}
.mt40 {
  margin-top: 60px;
}
.mb40 {
  margin-bottom: 80px;
}
/*全局的框架*/
.section {
  position: relative;
  margin: 0 auto;
  width: 1170px;
}
.section-fx {
  width: 1000px;
}
@media (max-width: 767px) {
  .section-fx {
    width: auto;
  }
}
.edu-about-zhaopin .section {
  width: 800px;
}
/*图标*/
.section .icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1;
  width: 32px;
  height: 20px;
  font-style: normal;
  background: url('/bundles/topxiaweb/img/index/sprite.png') no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/*首页的图标*/
.section .icon-laba {
  background-position: -155px -120px;
}
.section .icon-download {
  width: 32px;
  height: 46px;
  background: url('/bundles/topxiaweb/img/index/download.png') no-repeat;
  background-position: 0 0;
}
.section .icon-demo {
  background-position: -155px -169px;
}
.section .icon-tel {
  background-position: -155px -19px;
}
.section .icon-email {
  background-position: -155px -70px;
}
.section .icon-weibo {
  background-position: -155px -265px;
}
#goto-top {
  background: url("/bundles/topxiaweb/img/gotop.png");
  width: 56px;
  height: 56px;
  position: fixed;
  bottom: 20%;
  right: 5%;
  display: none;
  cursor: pointer;
  opacity: 0.5;
}
#goto-top:hover {
  opacity: 1;
}
/*中英文带下划线的h2标题*/
.edu-title {
  position: relative;
  margin-bottom: 30px!important;
  font-size: 27px;
  line-height: 27px;
  color: #1ec67a;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.edu-title span {
  color: #c0c0c0;
  text-transform: uppercase;
}
.edu-title:after,
.divide:after,
.edu-case li:after,
.edu-info li:after,
.es-tab-section h2:after,
.edu-open-source li:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #32d880;
  height: 2px;
  width: 19px;
}
/*绿色字体的h2标题*/
.edu-green {
  margin-bottom: 20px;
  font-size: 30px;
  color: #02ba85;
}
/*为某些最后一个去除边框*/
.noborder {
  border: none!important;
}
.noborder:after {
  width: 0;
}
/*对齐方式*/
.alignment-right {
  text-align: right!important;
}
.alignment-center {
  text-align: center;
}
.alignment-left {
  text-align: left!important;
}
/* img */
.img-border {
  display: inline-block;
  padding: 15px;
  border: 1px solid #eee;
}
.img-round {
  display: inline-block;
  padding: 10px;
  border: 1px solid #eee;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* 自定义btn样式 */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted transparent;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-banner-base {
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-banner-base:hover {
  color: #fff;
}
.btn.btn-banner-orange {
  background-color: #ff974e;
  border: 2px solid #ff974e;
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn.btn-banner-orange:hover {
  color: #fff;
}
.btn.btn-banner-orange:hover {
  border: 2px solid #ff791b;
  background-color: #ff791b;
}
.btn.btn-k12-orange {
  background-color: #ffb665;
  border: 2px solid #ffb665;
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn.btn-k12-orange:hover {
  color: #fff;
}
.btn.btn-k12-orange:hover {
  border: 2px solid #ff9e32;
  background-color: #ff9e32;
}
.btn.btn-banner-blue {
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #7dce59;
  border: 2px solid #7dce59;
}
.btn.btn-banner-blue:hover {
  color: #fff;
}
.btn.btn-banner-blue:hover {
  border: 2px solid #60bc38;
  background-color: #60bc38;
}
.btn.btn-banner-red {
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #e83d4a;
  border: 2px solid #e83d4a;
}
.btn.btn-banner-red:hover {
  color: #fff;
}
.btn.btn-banner-red:hover {
  border: 2px solid #d81a28;
  background-color: #d81a28;
}
.btn.btn-banner-green-o {
  padding: 10px 45px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
.btn.btn-banner-green-o:hover {
  color: #fff;
}
.btn.btn-banner-green-o:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #29adff;
}
.btn.btn-banner-baiduyun-o {
  padding: 10px 45px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
.btn.btn-banner-baiduyun-o:hover {
  color: #fff;
}
.btn.btn-banner-baiduyun-o:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #4d5dee;
}
.btn.btn-banner-free-o {
  padding: 10px 45px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
.btn.btn-banner-free-o:hover {
  color: #fff;
}
.btn.btn-banner-free-o:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #ff9c00;
}
.btn.btn-banner-edu-o {
  padding: 10px 45px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
.btn.btn-banner-edu-o:hover {
  color: #fff;
}
.btn.btn-banner-edu-o:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #ff7b3f;
}
.btn.btn-banner-cloud-o {
  padding: 10px 45px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: none;
  border: 2px solid #fff;
  color: #fff;
}
.btn.btn-banner-cloud-o:hover {
  color: #fff;
}
.btn.btn-banner-cloud-o:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #feb23a;
}
.btn.btn-system-green {
  padding: 10px 45px;
  font-size: 16px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #a8f186;
  border: 2px solid #a8f186;
}
.btn.btn-system-green:hover {
  color: #fff;
}
.btn.btn-system-green:hover,
.btn.btn-system-green:focus {
  color: #fff;
  border: 2px solid #87ec58;
  background-color: #87ec58;
}
.btn-system-white {
  width: 200px;
  font-size: 22px !important;
  background: none;
  padding: 10px 40px !important;
  color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(22, 173, 136, 0.392);
  border: 2px solid #fff !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.btn-system-white:hover {
  color: #1ce38f !important;
  background: #fff;
  border: 2px solid #fff !important;
}
.btn-system-orange {
  font-size: 22px !important;
  background-color: #ff8e3f;
  padding: 10px 40px !important;
  margin-left: 20px;
  color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(197, 99, 30, 0.392);
  border: 2px solid #ff8e3f !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.btn-system-orange:hover {
  color: #fff !important;
  background: none;
  border: 2px solid #fff !important;
}
.btn-index-system-orange {
  width: 200px;
  font-size: 22px !important;
  background-color: #ff8e3f;
  padding: 10px 40px !important;
  margin-top: 10px;
  color: #fff;
  box-shadow: 0px 1px 0px 0px rgba(197, 99, 30, 0.392);
  border: 2px solid #ff8e3f !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.btn-index-system-orange:hover {
  color: #fff !important;
  background: none;
  border: 2px solid #fff !important;
}
.btn-system-green-line {
  font-size: 22px !important;
  background: none;
  padding: 10px 40px !important;
  margin-left: 20px;
  color: #1ce38f;
  box-shadow: 0px 1px 0px 0px rgba(22, 173, 136, 0.392);
  border: 2px solid #1ce38f !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.btn-system-green-line:hover {
  color: #fff !important;
  background-color: #1ce38f;
  border: 2px solid #1ce38f !important;
}
.btn-system-orange-line {
  font-size: 22px !important;
  background: none;
  padding: 10px 40px !important;
  margin-left: 20px;
  color: #ff8e3f;
  box-shadow: 0px 1px 0px 0px rgba(197, 99, 30, 0.392);
  border: 2px solid #ff8e3f !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.btn-system-orange-line:hover {
  color: #fff !important;
  background: #ff8e3f;
  border: 2px solid #ff8e3f !important;
}
/*typo.css*/
.typo {
  color: #616161;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  font: 400 1em/1.8 Avenir, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}
.typo blockquote {
  position: relative;
  color: #999;
  font-weight: 300;
  font-family: Avenir, 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  border-left: 1px solid #32d880;
  padding-left: 1em;
  margin: 1em 3em 1em 2em;
}
.typo a {
  border-bottom: 1px solid #32d880;
  color: #32d880;
}
.typo a:hover {
  border-bottom-color: #555;
  color: #555;
  text-decoration: none;
}
.typo pre,
.typo code {
  font-family: Courier, 'Courier New', monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.typo pre {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
}
.typo hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 10px;
  *color: pink;
  *filter: chroma(color=#ffc0cb);
  height: 10px;
  *margin: -7px 0 2px;
}
.typo strong,
.typo b {
  font-weight: inherit;
  color: #000;
}
.typo p,
.typo pre,
.typo ul,
.typo ol,
.typo dl,
.typo form,
.typo hr,
.typo table,
.typo-p,
.typo-pre,
.typo-ul,
.typo-ol,
.typo-dl,
.typo-form,
.typo-hr,
.typo-table,
.typo blockquote {
  margin-bottom: 1em;
}
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
  font-family: 'Helvetica Neue', 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  font-weight: bold;
  color: #313131;
}
/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6,
.typo-h1,
.typo-h2,
.typo-h3,
.typo-h4,
.typo-h5,
.typo-h6 {
  margin-bottom: 1em!important;
  line-height: 1.35;
}
.typo h1,
.typo-h1 {
  font-size: 20px;
}
.typo h2,
.typo-h2 {
  font-size: 18px;
}
.typo h3,
.typo-h3 {
  font-size: 16px;
}
.typo h4,
.typo-h4 {
  font-size: 16px;
  color: #535353!important;
  font-weight: bold;
}
.typo h5,
.typo h6,
.typo-h5,
.typo-h6 {
  font-size: 1.2em;
}
/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul,
.typo-ul {
  margin-left: 2em;
  list-style: disc;
}
.typo ol,
.typo-ol {
  list-style: decimal;
  margin-left: 0em;
}
.typo li ul,
.typo li ol,
.typo-ul ul,
.typo-ul ol,
.typo-ol ul,
.typo-ol ol {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2.4em;
}
.typo li ul,
.typo-ul ul,
.typo-ol ul {
  list-style: circle;
}
/* 同 ul/ol，在文章中应用 table 基本格式 */
.typo table th,
.typo table td,
.typo-table th,
.typo-table td .typo table caption {
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666;
}
.typo table th,
.typo-table th {
  background: #fbfbfb;
}
.typo table thead th,
.typo-table thead th {
  background: #32d880;
}
.typo table caption {
  border-bottom: none;
}
.typo .edu-title {
  margin-bottom: 30px !important;
  font-size: 27px;
  line-height: 27px;
  color: #1ec67a;
}
/* 去除 webkit 中 input 和 textarea 的默认样式  */
.typo-input,
.typo-textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.pagination li {
  display: inline-block;
}
.pagination li.active a {
  color: #fff;
  background-color: #1ec67a;
}
.pagination li.first a,
.pagination li.last a {
  width: 70px;
}
.pagination li.first a:hover,
.pagination li.last a:hover {
  color: #1ec67a;
}
.btn-green {
  display: inline-block;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background-color: #59c85c;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.btn-green:hover,
.btn-green:focus {
  color: #fff;
  background-color: #59c85c;
}
.breadcrumb {
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 20px;
  color: #7a7a7a;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li a {
  color: #7a7a7a;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #7a7a7a;
  content: "/\00a0";
}
/*
** 首页： banner
************************************/
.edu-banner {
  height: 420px;
}
@media (max-width: 767px) {
  .edu-banner {
    height: auto;
  }
}
.banner-link {
  font: 0/0 a;
  display: block;
  width: 100%;
  height: 100%;
}
.edu-banner .es-banner-detail {
  position: absolute;
  top: 100px;
  right: 140px;
  width: 260px;
  height: 100%;
  color: #fff;
}
.edu-banner .edu-banner-detail {
  position: absolute;
  top: 270px;
  right: 425px;
}
.edu-banner .cloud-banner-detail {
  position: absolute;
  top: 270px;
  right: 450px;
}
.edu-banner .fish-banner-detail {
  position: absolute;
  top: 280px;
  left: 50px;
}
.edu-banner .free-banner-detail {
  position: absolute;
  top: 300px;
  left: 10px;
}
.edu-banner .es-banner-detail .es-version {
  font-size: 20px;
  margin-top: 35px;
  margin-left: 100px;
  margin-bottom: 20px;
  display: block;
  letter-spacing: 1px;
  height: 28px;
}
.edu-banner .es-banner-detail .btn {
  margin-top: 10px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
.edu-banner .glyphicon-refresh {
  animation: rotate 5s infinite;
  -moz-animation: rotate 5s infinite;
  -webkit-animation: rotate 5s infinite;
  -o-animation: rotate 5s infinite;
}
.edu-banner .installed-count {
  color: #fff;
  display: block;
  margin-top: 23px;
  margin-left: 55px;
  width: 85px;
  text-align: center;
  font-size: 24px;
}
.edu-banner .banner-detail {
  position: absolute;
  right: 130px;
  width: 260px;
  padding-top: 30px;
  height: 100%;
  color: #fff;
}
.edu-banner .banner-detail h1 {
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 46px;
  font-weight: bold;
  color: #fff;
}
.edu-banner .banner-detail h1 span {
  margin-left: 10px;
  font-size: 26px;
}
.edu-banner .banner-detail p {
  margin: 20px 0 0 20px;
  padding-left: 60px;
  background: url('/bundles/topxiaweb/img/index/sprite.png') no-repeat -16px -372px;
  width: 268px;
  height: 70px;
}
.edu-banner .banner-detail p > a {
  margin-right: 10px;
  color: #fff;
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 28px;
}
.edu-banner .banner-detail p > span {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: url('/bundles/topxiaweb/img/index/sprite.png') no-repeat -16px -484px;
}
/*内页的banner*/
.edu-page-banner {
  z-index: 998;
  margin-bottom: 80px;
  height: 420px;
  background: url('/bundles/topxiaweb/img/banner/system-banner.jpg') no-repeat top center;
}
.es-system-banner {
  background: url("/images/new_banner/system_banner_bg.jpg") no-repeat;
}
.es-k12-banner {
  background: url('/images/new_banner/k12_banner_bg.jpg') no-repeat;
}
.es-mooc-banner {
  background: url('/images/new_banner/mooc_banner_bg.jpg') no-repeat;
}
.edu-banner-fixed {
  margin-bottom: 0;
}
.about-team {
  background: none;
  height: auto;
}
.system-banner {
  background-image: url('/bundles/topxiaweb/img//banner/system-banner.jpg');
}
.app-banner {
  background-image: url('/bundles/topxiaweb/img/banner/app-banner.jpg');
}
.cloudvideo-banner {
  background-image: url('/bundles/topxiaweb/img/banner/cloudvideo-banner.jpg');
}
.educloud-banner {
  background-image: url('/bundles/topxiaweb/img/banner/educloud-banner.jpg');
}
.liveroom-banner {
  background-image: url('/bundles/topxiaweb/img/banner/liveroom-banner.jpg');
}
.mobile-banner {
  background: url('/bundles/topxiaweb/img/banner/mobile-banner.jpg') top center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .mobile-banner {
    background-size: cover;
    height: 120px;
  }
}
.edu-help-banner {
  background-image: url('/bundles/topxiaweb/img/banner/help-banner.jpg');
}
.edu-case-banner {
  background-image: url('/bundles/topxiaweb/img/banner/edu-case-banner.jpg');
}
.about-zhaopin {
  background-image: url('/bundles/topxiaweb/img/banner/about-zhaopin-banner.jpg');
}
.about-company {
  background-image: url('/bundles/topxiaweb/img/banner/about-company-banner.jpg');
}
.about-proxy {
  background-image: url('/bundles/topxiaweb/img/banner/about-proxy-banner.jpg');
}
.k12-banner {
  background-image: url('/bundles/topxiaweb/img/banner/k12-banner.jpg');
}
/* EduSoho 网络课程 tab切换 */
.es-inner-section {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .es-inner-section {
    padding: 30px 0;
  }
}
.es-inner-section h2 {
  font-size: 40px;
  color: #1ed88e;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .es-inner-section h2 {
    font-size: 32px;
  }
}
.es-inner-section p {
  color: #959595;
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .es-inner-section p {
    font-size: 14px;
  }
}
.es-inner-section p em {
  color: #1ed88e;
  font-style: normal;
  margin: 0 4px;
}
.es-inner-section.es-bg-gray {
  background: #f5f5f5;
}
.es-inner-tab {
  background: #fff;
  padding: 15px 0;
  z-index: 999;
}
@media (max-width: 767px) {
  .es-inner-tab li {
    padding-left: 0;
    padding-right: 0;
  }
}
.es-inner-tab li a {
  margin: 6px 5px;
}
@media (max-width: 767px) {
  .es-inner-tab li a {
    margin: 0 3px;
    padding: 6px 10px;
  }
}
@media (max-width: 767px) {
  .es-inner-tab li a i {
    display: none;
  }
}
.nav-pills > li > a {
  color: #959595;
}
.nav-pills > li + li {
  margin-left: 0 !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #1ed88e !important;
}
/*article*/
.edu-article {
  color: #585858;
}
.edu-article .article-header {
  margin: 82px 0 30px 0;
}
.edu-article .article-header h1 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 32px;
  color: #1ec67a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.edu-article .article-header span {
  display: block;
  color: #585858;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
.edu-article .article-content img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  max-width: 700px;
  height: auto;
  width: auto;
}
/*.edu-article .article-content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 103px;
    margin-top: 103px;
    max-width: 700px;
    height: auto;
    width: auto;
}

.edu-article .article-content h2 {
    margin: 47px 0 27px 0;
    font-size: 20px;
    line-height: 28px;
    color: #1ec67a;
}

.edu-article .article-content h2

.edu-article .article-content p {
    font-size: 14px;
    line-height: 26px;
    font-size: 16px;
}

.edu-article .article-content p strong {
    font-size: 18px;
    color: #1ec67a;
}*/
#main-banner .carousel-indicators {
  height: 40px;
  background: #fff\9;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  background: rgba(255, 255, 255, 0.1);
  bottom: 0;
  margin-bottom: 0;
  z-index: 999;
  width: 100%;
  left: 0;
  margin-left: 0;
}
#main-banner .carousel-indicators .active {
  background: #32d981;
  border-radius: 0;
}
#main-banner .carousel-indicators .active a {
  text-decoration: none;
  color: #fff\9;
}
#main-banner .carousel-indicators li {
  width: 160px;
  height: 40px;
  background: #fff\9;
  display: inline-block;
  text-indent: 0;
  border: none;
  padding-top: 10px;
  margin: 0;
}
#main-banner .carousel-indicators li a {
  color: #fff;
  color: #32d981\9;
}
#main-banner .carousel-indicators li a:hover {
  text-decoration: underline;
}
#main-banner .carousel-indicators li a:focus {
  text-decoration: none;
}
/*
** 首页： 产品介绍
************************************/
.es-fluid-layout {
  padding: 60px 0 80px 0;
}
.es-feature .col-md-4 p {
  padding: 0 90px;
  color: #848484;
}
.es-feature .es-info-title {
  font-size: 26px;
  font-weight: normal;
  color: #555;
}
.es-boxed-layout {
  padding: 60px 0 60px 0;
}
.es-boxed-title {
  width: 100%;
  padding-bottom: 30px;
}
.es-boxed-title span {
  margin-top: 25px;
  color: #919191;
}
span.es-boxed-subtitle {
  color: #515151;
}
.es-boxed-title h3 {
  color: #02ba85;
  font-size: 30px;
}
.es-news-list p {
  line-height: 24px;
}
.es-news-list a {
  font-size: 16px;
  color: #02ba85;
}
/*.es-boxed-title hr {
  width: 65%;
  margin-top: 35px;
}*/
.es-boxed-subtitle {
  font-size: 18px;
}
.es-opus div.col-xs-6 {
  padding: 0;
  border: 1px solid #ccc;
  height: 134px;
}
.es-opus div.col-xs-6:hover {
  cursor: pointer;
}
.opus-comment.opus-comment-1,
.opus-comment.opus-comment-2,
.opus-comment.opus-comment-3,
.opus-comment.opus-comment-4,
.opus-comment.opus-comment-5,
.opus-comment.opus-comment-6,
.opus-comment.opus-comment-7,
.opus-comment.opus-comment-8 {
  display: none;
}
.es-opus:nth-child(3) .col-xs-6:nth-child(1),
.es-opus .col-xs-6:nth-child(2) {
  border-left: none !important;
}
.es-opus .row:nth-child(1) .col-xs-6 {
  border-bottom: none;
}
.es-bg-green {
  background: #eefcf6;
}
.es-fluid-title {
  font-size: 32px;
  font-weight: normal;
  color: #575757;
}
.es-fluid-subtitle {
  font-size: 16px;
  font-weight: normal;
  color: #575757;
  margin-bottom: 40px;
}
.es-info-title {
  color: #00ba84;
  font-size: 20px;
}
.opus-comment {
  height: 267px;
  padding: 60px !important;
  line-height: 24px;
  color: #7b7b7b;
  font-size: 14px;
}
.opus-comment p {
  margin-top: 14px;
}
.opus-comment:after {
  content: "”";
  font-size: 60px;
  color: #ccc;
  float: right;
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-family: serif;
}
.opus-comment:before {
  content: "“";
  font-size: 60px;
  color: #ccc;
  float: left;
  position: absolute;
  left: 20px;
  top: 40px;
  font-family: serif;
}
.opus-customer-name {
  color: #585858;
}
.opus-customer-title {
  color: #32d880;
}
.edu-intro {
  padding: 20px 0 20px 30px;
  background-color: #efeff0;
}
.edu-intro .section {
  position: relative;
}
.edu-intro .intro-text {
  position: absolute;
  top: 50%;
  left: 580px;
  margin-top: -72px;
  width: 344px;
  height: 144px;
}
.edu-intro .intro-text p {
  font-size: 18px;
  line-height: 25px;
  color: #4d4d4d;
}
.edu-intro .intro-text p span {
  color: #02ba85;
}
/*
** 首页： 案例分享
************************************/
.edu-cases ul {
  overflow: hidden;
}
.edu-cases a {
  color: #02ba85;
}
.edu-cases a:hover {
  color: #02ba85;
}
.edu-cases ul li {
  float: left;
  width: 230px;
  margin: 0 30px 40px 24px;
}
.edu-cases ul img,
.edu-case-list img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -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;
}
.edu-cases ul img:hover,
.edu-case-list img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.edu-cases h2 {
  margin-bottom: 30px;
}
.edu-cases ul li .case-detail {
  padding: 20px;
  position: relative;
  border: 1px solid #deeeea;
  background-color: #f8f8f9;
}
.edu-cases ul li .case-detail:before {
  /*    content: '';
    position: absolute;
    top: -22px;
    left: 40px;
    width: 34px;
    height: 22px;
    background: url('/bundles/topxiaweb/img/index/sprite.png') no-repeat -305px -530px;*/
}
/*.edu-cases .case-arrow {
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #2f2f2f;
  margin-left: 20px;
  font-size: 0;
  line-height: 0;
}
*/
.case-detail {
  position: relative;
  background: #f8f8f9;
  border: 1px solid #deeeea;
}
.case-detail:after,
.case-detail:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.case-detail:after {
  border-color: rgba(248, 248, 249, 0);
  border-bottom-color: #f8f8f9;
  border-width: 16px;
  margin-left: -16px;
}
.case-detail:before {
  border-color: rgba(222, 238, 234, 0);
  border-bottom-color: #deeeea;
  border-width: 17px;
  margin-left: -17px;
}
.edu-cases ul li img {
  margin-bottom: 30px;
  display: block;
  width: 100%;
  height: 168px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.edu-cases ul li h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #02ba85;
}
.edu-cases ul li span {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 28px;
  color: #717171;
}
.edu-cases ul li p {
  font-size: 14px;
  color: #7b7b7b;
  height: 150px;
  overflow: auto;
}
/*
** 首页： 咨讯动态
*******************************/
.edu-news {
  padding: 60px 0 60px 0;
}
.edu-news ul li {
  margin: 0 90px 25px 0;
  float: left;
  width: 455px;
}
.edu-news ul li h3 {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #02ba85;
}
.edu-news ul li .meta {
  margin-bottom: 5px;
  color: #919191;
  font-size: 12px;
}
.edu-news ul li .date {
  float: left;
  margin-right: 15px;
  color: #02ba85;
}
.edu-news ul li .date .day {
  font-size: 61px;
  display: block;
  text-align: center;
}
.edu-news ul li .date .month {
  font-size: 20px;
  display: block;
  text-align: center;
}
.edu-news ul li p {
  overflow: hidden;
  font-size: 15px;
  color: #959595;
}
/*
** 首页: 加盟代理
******************************/
.edu-co {
  height: 385px;
  background: url('/bundles/topxiaweb/img/index/affiliate.jpg') no-repeat top center;
}
.edu-co a {
  display: block;
  width: 100%;
  height: 100%;
  font: 0/0 a;
}
/*
** 首页： 视频
************************************/
/*.edu-video {
    display: none;
    max-height: 641px;
    background: url('/bundles/topxiaweb/img/index/video-bg.jpg') top center repeat;
}



.edu-video .video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.edu-video video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}*/
.es-video .title-cover {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: white;
  padding: 10px 30px;
  margin: 0;
  width: 555px;
}
.es-video .title-cover h3 {
  margin-top: 10px;
  font-size: 18px;
}
.es-video i {
  position: absolute;
  top: 30%;
  left: 40%;
  color: white;
  font-size: 100px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.es-video:hover i {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.es-video i:nth-child(1) {
  opacity: 1;
}
.es-video-small .title-cover {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: white;
  padding: 3px 10px;
  margin: 0;
  width: 262px;
}
.es-video-small .title-cover h3 {
  margin-top: 10px;
  font-size: 14px;
}
.es-video-small .small-bottom {
  margin-top: 17px;
}
.es-video-small i {
  position: absolute;
  top: 30%;
  left: 40%;
  color: white;
  font-size: 40px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.es-video-small .small-1:hover i,
.es-video-small .small-2:hover i,
.es-video-small .small-3:hover i,
.es-video-small .small-4:hover i {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}
/*
** 首页： header
************************************/
.video-control {
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -65px;
  z-index: 9999;
  background: url('/bundles/topxiaweb/img/index/mouse.png') no-repeat 0 0;
}
.fancybox-margin {
  margin-right: 0 !important;
}
/*
** 首页： 消息
************************************/
.edu-alert {
  text-align: center;
  color: #3e3e3e;
  font-size: 14px;
}
.edu-alert .alert-content {
  height: 46px;
  line-height: 46px;
}
.edu-alert .alert-content a {
  line-height: 20px;
  height: 20px;
  display: block;
  color: #787878;
}
.edu-alert .alert-content a:hover {
  text-decoration: underline;
}
.edu-alert .alert-content ul {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  margin: 0;
}
.edu-alert .alert-content ul li {
  text-align: left;
  height: 20px;
  line-height: 20px;
}
.edu-alert .alert-content span {
  margin-right: 30px;
}
.edu-detail {
  padding: 65px 0 98px 0;
  background-color: #f6f6f6;
}
.edu-detail ul {
  margin: 0 auto;
  width: 1000px;
  padding: 0 65px;
  text-align: center;
  color: #555;
}
.edu-detail ul > li {
  position: relative;
  float: left;
  padding: 0 96px;
  min-height: 280px;
}
.edu-detail ul > li.first {
  padding-left: 0;
}
.edu-detail ul > li.last {
  padding-right: 0;
}
.edu-detail ul > li img {
  width: 140px;
  height: 140px;
}
.edu-detail ul > li:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1px;
  height: 140px;
  background-color: #e2e2e2;
}
.edu-detail ul > li.last:after {
  width: 0;
}
.edu-detail ul > li > h3 {
  margin: 20px 0 10px 0;
  font-size: 26px;
  line-height: 32px;
  color: #555;
}
.edu-detail ul > li > p {
  font-family: "SimSun", "宋体";
  width: 156px;
  margin: 0 auto;
  text-align: left;
  font-size: 15px;
  line-height: 19px;
  color: #848484;
}
.floating-ad {
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 1;
}
.floating-ad .ad-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 14px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  border: 2px solid #000;
  color: #000;
  opacity: 0.6;
}
.floating-ad .ad-close:hover {
  opacity: 1;
}
.form-normal-center {
  width: 500px;
  margin: 40px auto 0 auto;
}
@media screen and (max-width: 767px) {
  .form-normal-center {
    width: auto;
  }
}
.form-normal-center label {
  font-size: 16px;
  color: #616161;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: normal;
}
.form-normal-center input {
  border: 1px solid #E1E1E1;
}
.form-normal-center .form-normal-btn {
  width: 100%;
  padding: 9px 0;
}
.form-normal-center .graph-wrapper {
  position: relative;
}
.form-normal-center .graph-wrapper img {
  position: absolute;
  top: 8px;
  right: 20px;
  height: 25px;
  width: 100px;
}
.form-normal-center .img-sub-btn {
  position: relative;
  background-color: #f9f9fa;
  padding-top: 50%;
  color: #e1e1e1;
  font-size: 12px;
  line-height: 1;
}
.form-normal-center .img-sub-btn .img-sub-btn-layout {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -30px;
  text-align: center;
}
.form-normal-center .img-sub-btn i {
  font-size: 45px;
  line-height: 1;
}
.form-normal-center .img-sub-btn .img-sub-btn-text {
  margin-top: 10px;
}
.form-normal-center .text-more {
  margin-top: 5px;
  color: #919191;
}
.form-normal-center .form-group {
  margin-bottom: 30px;
}
.status-box-wrapper {
  text-align: center;
}
.status-box {
  display: inline-block;
}
.status-box.is-success .status-box-header i {
  color: #20b573;
}
.status-box .status-box-header {
  margin-bottom: 30px;
}
.status-box .status-box-header i {
  font-size: 60px;
  line-height: 1;
}
.status-box .status-box-header .status-box-title {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1;
  color: #313131;
}
.status-box .status-box-body {
  margin-bottom: 40px;
}
.color-primary {
  color: #20b573 !important;
}
.color-light {
  color: #ffffff;
}
.color-info {
  color: #ffb921 !important;
}
.gray-darker {
  color: #313131 !important;
}
.gray-dark {
  color: #616161 !important;
}
.gray {
  color: #919191;
}
.bg-primary {
  background-color: #20b573;
}
.bg-gray {
  background-color: #f5f5f5;
}
.bg-light {
  background-color: #ffffff;
}
.text-link {
  color: #313131;
  text-decoration: underline;
}
.text-link:hover {
  color: #20b573;
}
.min-h {
  min-height: 970px;
}
@media screen and (max-width: 767px) {
  .min-h {
    min-height: 667px;
  }
}
.alert-default {
  color: #313131;
  background-color: #f9f9fa;
  border-radius: 2px;
}
.line-horizon {
  height: 2px;
}
.line-vertial {
  width: 2px;
  height: 10px;
}
.font-sm {
  font-size: 12px;
}
.font-md {
  font-size: 16px;
}
.font-lg {
  font-size: 18px;
}
.font-xl {
  font-size: 24px;
}
.mts {
  margin-top: 5px;
}
.mtm {
  margin-top: 10px;
}
.mtl {
  margin-top: 20px;
}
.mtxl {
  margin-top: 30px;
}
.mrs {
  margin-right: 5px;
}
.mrm {
  margin-right: 10px;
}
.mrl {
  margin-right: 20px;
}
.mbs {
  margin-bottom: 5px;
}
.mbm {
  margin-bottom: 10px;
}
.mbl {
  margin-bottom: 20px;
}
.mbxl {
  margin-bottom: 30px;
}
.mls {
  margin-left: 5px;
}
.mlm {
  margin-left: 10px;
}
.mll {
  margin-left: 20px;
}
.mlxl {
  margin-left: 30px;
}
.mhs {
  margin-left: 5px;
  margin-right: 5px;
}
.mhm {
  margin-left: 10px;
  margin-right: 10px;
}
.mhl {
  margin-left: 20px;
  margin-right: 20px;
}
.mvs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mvm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mvl {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mvxl {
  margin-top: 30px;
  margin-bottom: 30px;
}
.pts {
  padding-top: 5px;
}
.ptm {
  padding-top: 10px;
}
.ptl {
  padding-top: 20px;
}
.ptxl {
  padding-top: 30px;
}
.prs {
  padding-right: 5px;
}
.prm {
  padding-right: 10px;
}
.prl {
  padding-right: 20px;
}
.pbs {
  padding-bottom: 5px;
}
.pbm {
  padding-bottom: 10px;
}
.pbl {
  padding-bottom: 20px;
}
.pls {
  padding-left: 5px;
}
.plm {
  padding-left: 10px;
}
.pll {
  padding-left: 20px;
}
.phs {
  padding-left: 5px;
  padding-right: 5px;
}
.phm {
  padding-left: 10px;
  padding-right: 10px;
}
.phl {
  padding-left: 20px;
  padding-right: 20px;
}
.phxl {
  padding-left: 30px;
  padding-right: 30px;
}
.pvs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pvm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pvl {
  padding-top: 20px;
  padding-bottom: 20px;
}
.h-1-of-2 {
  height: 50%;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.w-1-of-2 {
  width: 50%;
}
.w-1-of-3 {
  width: 33.33%;
}
.w-1-of-5 {
  width: 20%;
}
.w-1-of-6 {
  width: 16.66%;
}
.w-1-of-7 {
  width: 14.28%;
}
.w-2-of-5 {
  width: 40%;
}
.w-3-of-5 {
  width: 60%;
}
.col-md-1of7 {
  position: relative;
  padding: 0 15px;
  min-height: 1px;
}
@media screen and (min-width: 992px) {
  .col-md-1of7 {
    width: 14.28%;
    float: left;
  }
}
.col-md-1of5 {
  position: relative;
  padding: 0 15px;
  min-height: 1px;
}
@media screen and (min-width: 992px) {
  .col-md-1of5 {
    width: 20%;
    float: left;
  }
}
.col-sm-1of5 {
  position: relative;
  padding: 0 15px;
  min-height: 1px;
}
@media screen and (max-width: 991px) {
  .col-sm-1of5 {
    width: 20%;
    float: left;
  }
}
.col-xs-1of5 {
  position: relative;
  padding: 0 15px;
  min-height: 1px;
}
@media screen and (max-width: 767px) {
  .col-xs-1of5 {
    width: 20%;
    float: left;
  }
}
.col-xs-2of5 {
  position: relative;
  padding: 0;
  min-height: 1px;
}
@media screen and (max-width: 767px) {
  .col-xs-2of5 {
    width: 40%;
    float: left;
  }
}
.line-block {
  float: none !important;
  display: inline-block;
}
.scroll-x {
  overflow-x: scroll;
}
.col-xs-2of7 {
  position: relative;
  padding: 0;
  min-height: 1px;
}
@media screen and (max-width: 767px) {
  .col-xs-2of7 {
    width: 28.571428%;
    float: left;
  }
}
.col-xs-5of7 {
  position: relative;
  padding: 0;
  min-height: 1px;
}
@media screen and (max-width: 767px) {
  .col-xs-5of7 {
    width: 71.428571%;
    float: left;
  }
}
.line-block-nowrap {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
}
.pos-a {
  position: absolute;
}
.dis-block {
  display: block;
}
.dis-inline-block {
  display: inline-block;
}
.dis-table-cell {
  display: table-cell;
}
.ver-middle {
  vertical-align: middle;
}
.ver-top {
  vertical-align: top;
}
.ver-bottom {
  vertical-align: bottom;
}
.text-overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.form-group {
  position: relative;
}
.form-group.is-success .form-control {
  border: 1px solid #20b573;
}
.form-group.is-success .icon-input-state {
  display: block;
  color: #20b573;
}
.form-group.is-error .form-control {
  border: 1px solid #e83d2c;
}
.form-group.is-error .icon-input-state {
  display: block;
  color: #e83d2c;
}
.form-group .icon-input-state {
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
  width: 12px;
  height: 12px;
  margin-top: -10px;
}
.form-group .icon-input-state i {
  display: block;
  font-size: 12px;
  line-height: 1;
}
.border-no {
  border: none !important;
}
.padding-no {
  padding: 0 !important;
}
.margin-no {
  margin: 0 !important;
}
.bg-gray {
  background-color: #f5f5f5;
}
.underline {
  text-decoration: underline !important;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
}
.word-break {
  word-break: break-all;
  word-wrap: break-word;
}
.banner-hover-content {
  position: absolute;
  height: 300px;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .banner-hover-content {
    height: 70px;
  }
}
.banner-hover-header {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .banner-hover-header {
    margin-bottom: 15px;
  }
}
.banner-hover-header .title {
  margin-bottom: 40px;
  padding: 0 10px;
  font-size: 72px;
  letter-spacing: 5px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .banner-hover-header .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.banner-hover-header .sub-title {
  padding: 0 10px;
  font-size: 48px;
  letter-spacing: 3px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .banner-hover-header .sub-title {
    font-size: 16px;
  }
}
.banner-hover-footer .btn-main {
  border: 2px solid #20b573;
  box-shadow: 0 9px 34px 0 rgba(32, 181, 115, 0.6);
}
.banner-hover-footer .btn-main:hover,
.banner-hover-footer .btn-main:focus,
.banner-hover-footer .btn-main.focus,
.banner-hover-footer .btn-main.active {
  border-color: #1a925d;
}
.banner-hover-footer .btn-minor {
  border-width: 2px;
}
.banner-hover-footer .btn-minor:hover,
.banner-hover-footer .btn-minor:focus,
.banner-hover-footer .btn-minor.focus,
.banner-hover-footer .btn-minor.active {
  border-width: 2px;
}
.banner-hover-footer .btn {
  padding: 15px 60px;
  border-radius: 30px;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .banner-hover-footer .btn {
    padding: 6px 10px;
    border-radius: 14px;
  }
}
.swiper-button-prev,
.swiper-button-next {
  background-image: none !important;
  height: 60px;
  width: 60px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-button-prev:hover i,
.swiper-button-next:hover i {
  color: #616161;
}
.swiper-button-prev i,
.swiper-button-next i {
  color: #c1c1c1;
  font-size: 60px;
  line-height: 60px;
}
.swiper-button-prev.swiper-button-dark:hover i,
.swiper-button-next.swiper-button-dark:hover i {
  color: #c1c1c1;
}
.swiper-button-prev.swiper-button-dark i,
.swiper-button-next.swiper-button-dark i {
  color: #e1e1e1;
}
.swiper-button-prev {
  left: 0px;
}
.swiper-button-next {
  right: 0px;
}
.animation-swing-x {
  -webkit-animation: swingx 1s infinite;
  -moz-animation: swingx 1s infinite;
  -o-animation: swingx 1s infinite;
  animation: swingx 1s infinite;
}
.alert-base {
  margin: 0;
  border-radius: 0;
  border: none;
}
.alert-base .alert-text {
  font-size: 16px;
  letter-spacing: 15px;
  color: #ffffff;
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .alert-base .alert-text {
    font-size: 14px;
    display: block;
    margin-right: 0;
  }
}
.alert-base .close {
  margin-top: 5px;
  color: #ffffff;
  opacity: .5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-base .close:hover,
.alert-base .close:focus {
  opacity: 1;
}
.alert-base .evaluating-btn {
  padding: 6px 30px;
}
.tel-modal .tel-modal-text {
  line-height: 1.9;
}
.tel-modal .more {
  width: 110px;
  padding: 9px 12px;
  font-size: 12px;
}
.breadcrumb li a {
  color: #919191;
}
.breadcrumb li a:hover {
  color: #20b573;
}
.breadcrumb li a .active {
  color: #313131;
}
.breadcrumb > .active {
  color: #313131;
}
.line-spe.line-spe-connect {
  font-size: 0;
}
.line-spe.line-spe-connect .line {
  background-color: #e1e1e1;
  margin: 0;
  width: 45%;
}
.line-spe.line-spe-connect .point {
  position: relative;
  width: 10%;
}
.line-spe.line-spe-connect .point:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  height: 10px;
  width: 10px;
  background-color: #e1e1e1;
  vertical-align: middle;
}
.line-spe .line {
  display: inline-block;
  height: 1px;
  width: 30%;
  margin: 0 5%;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
}
.line-spe .point {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #ffffff;
  vertical-align: middle;
}
.btn-consult {
  width: 280px;
  height: 60px;
  padding: 0;
  border: none;
  border-radius: 30px;
  line-height: 60px;
  -webkit-box-shadow: 0 16px 43px 0 rgba(32, 181, 115, 0.6);
  -moz-box-shadow: 0 16px 43px 0 rgba(32, 181, 115, 0.6);
  box-shadow: 0 16px 43px 0 rgba(32, 181, 115, 0.6);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
._color-light {
  color: #ffffff !important;
}
.top0 {
  top: 0;
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
@media (max-width: 767px) {
  .es-mobile-header {
    margin-bottom: -64px;
    position: relative;
    z-index: 999;
  }
  .es-content-block {
    overflow: auto;
    /* winphone8和android4+ */
    -webkit-overflow-scrolling: touch;
    /* ios5+ */
    padding-top: 64px;
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    z-index: 10;
  }
}
.zhiCustomBtn {
  position: fixed;
  border: none;
  width: 115px;
  height: 115px;
  bottom: 10px;
  right: 20px;
  padding-left: 17px;
  outline: 0px;
  background: none;
  font-size: 0;
  text-align: left;
  z-index: 999;
  font-weight: bold;
  border-radius: 50%;
  letter-spacing: 1px;
  color: #ffffff;
  background-repeat: no-repeat;
  background-position: right center;
}
.zhiCustomBtn .zhiCustomBtn-content {
  position: relative;
  float: right;
  margin-right: 100px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  white-space: nowrap;
  background-color: #20b573;
}
.zhiCustomBtn .zhiCustomBtn-content::before {
  content: '';
  position: absolute;
  right: -18px;
  top: 15px;
  border-left: 9px solid #20b573;
  border-top: 5px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 5px solid transparent;
}
.zhiCustomBtn-bg {
  background-image: url(/bundles/topxiaweb/img/zhi-entry-bg.png);
  background-image: -webkit-image-set(url(/bundles/topxiaweb/img/zhi-entry-bg.png) 1x, url(/bundles/topxiaweb/img/zhi-entry-bg@2x.png) 2x);
}
.zhiCustomBtn-mobile {
  background-image: url(/bundles/topxiaweb/img/zhi-entry-btn-mobile.png);
}
.promotion-btn {
  position: fixed;
  bottom: 150px;
  right: 20px;
  display: block;
  width: 120px;
  height: 120px;
  cursor: pointer;
  z-index: 999;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 2px -3px 43px 7px rgba(65, 57, 165, 0.23);
}
.promotion-btn img {
  width: 100%;
}
.index-low {
  z-index: 999!important;
}
.index-lower {
  z-index: 998!important;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.promotion-modal {
  position: relative;
  display: block;
  top: 84px;
  height: 0;
  width: 1140px;
}
.promotion-modal img {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  box-shadow: 2px -3px 56px 6px rgba(53, 53, 53, 0.52);
}
.promotion-modal .meeting-bug-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  font-size: 30px;
  line-height: 20px;
  text-align: center;
  z-index: 1;
}
.promotion-modal .consult-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 6.4%;
  width: 14%;
  height: 5.5%;
  border-radius: 1000px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.quick-bar .es-mobile-sideitem {
  display: none;
}
.es-marketing .quick-bar .es-mobile-sideitem {
  display: block;
}
.ZCChatFrame {
  -ms-transform: translate(0, -40px);
  -webkit-transform: translate(0, -40px);
  -moz-transform: translate(0, -40px);
  -o-transform: translate(0, -40px);
  transform: translate(0, -40px);
}
@media (max-width: 767px) {
  .ZCChatFrame {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.text-weight {
  font-weight: bold;
}
.hover-pointer:hover {
  cursor: pointer !important;
}
.hover-default:hover {
  cursor: default !important;
}
.video-close-btn {
  position: absolute;
  z-index: 111;
  right: 40px;
  top: 10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  border-radius: 100px;
  border: 2px solid #ffffff;
  line-height: 20px;
  text-align: center;
  text-shadow: none;
  color: #ffffff;
  text-indent: 1px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.video-close-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #20b573;
  border-color: #20b573;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1, 1);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1, 1);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeUpLeft {
  0% {
    opacity: 0;
    transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes fadeUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-moz-keyframes fadeUpLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-o-keyframes fadeUpLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@keyframes fadeUpRight {
  0% {
    opacity: 0;
    transform: translateX(200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes fadeUpRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-moz-keyframes fadeUpRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-o-keyframes fadeUpRight {
  0% {
    opacity: 0;
    -o-transform: translateX(200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@keyframes fadeDownLeft {
  0% {
    opacity: 0;
    transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes fadeDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-moz-keyframes fadeDownLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-o-keyframes fadeDownLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@keyframes fadedownLeft {
  0% {
    opacity: 0;
    transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes fadedownLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-moz-keyframes fadedownLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-o-keyframes fadedownLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-200px) translateY(200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@keyframes fadeDownRight {
  0% {
    opacity: 0;
    transform: translateX(200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes fadeDownRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-moz-keyframes fadeDownRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-o-keyframes fadeDownRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-200px) translateY(-200px) scale(0.1, 0.1);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) translateY(0) scale(1, 1);
  }
}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes offsetRight {
  0% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes offsetDown {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes swing {
  0% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(3px);
  }
}
@keyframes swingx {
  0% {
    transform: translateX(2px);
  }
  30% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(2px);
  }
}
.dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #7c7c7c;
  border-radius: 50%;
  border: none;
  animation: infinite both;
}
.dot + .dot {
  margin-left: 10px;
}
.dot-sm {
  width: 2px;
  height: 2px;
}
.dot-md {
  width: 6px;
  height: 6px;
}
.dot-lg {
  width: 8px;
  height: 8px;
}
.dot-lg {
  width: 10px;
  height: 10px;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.img-full {
  width: 100%;
  display: block;
  height: auto;
}
.avatar-sm {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
svg {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
    fill: transparent;
    stroke-width: 4;
  }
  90% {
    stroke-dashoffset: 0;
    fill: transparent;
    stroke-width: 4;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #7dedb9;
    stroke-width: 0;
  }
}
@keyframes dash2 {
  0% {
    stroke-dashoffset: 1000;
    fill: transparent;
    stroke-width: 20;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
    stroke-width: 20;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.btn-lg {
  font-size: 18px;
  padding: 12px 35px;
}
@media (max-width: 767px) {
  .btn-lg {
    padding: 8px 20px;
  }
}
.btn-link {
  color: #313131;
}
.btn-link:hover,
.btn-link:focus,
.btn-link.focus {
  color: #20b573;
  text-decoration: none;
}
.btn-primary {
  border-color: #188a57;
  background-color: #20b573;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  border-color: #188a57;
  color: #ffffff;
  background-color: #1a925d;
}
.btn-warning {
  border-color: #d87000;
  background-color: #ff8a0c;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  border-color: #d87000;
  color: #ffffff;
  background-color: #e27500;
}
.btn-info {
  border-color: #eda200;
  background-color: #ffb921;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  border-color: #eda200;
  color: #ffffff;
  background-color: #f7a900;
}
.btn-primary-o {
  border: 1px solid #20b573;
  color: #20b573;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary-o:hover,
.btn-primary-o:focus {
  background: #20b573;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary-o i {
  margin-right: 8px;
}
.btn-white {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #ffffff;
  border: 2px solid #ffffff;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-white:focus,
.btn-white:hover {
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.5);
}
.btn-white-light {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #ffffff;
  border: 2px solid #ffffff;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-white-light:focus,
.btn-white-light:hover {
  color: #616161;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
}
.btn-reverse {
  padding: 6px 10px;
  border: 1px solid #20b573;
  border-radius: 4px;
  color: #20b573;
  outline: none;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-reverse:hover,
.btn-reverse:focus {
  background-color: #20b573;
  color: #ffffff;
}
.btn-reverse + .btn-reverse {
  margin-left: 10px;
}
.btn-reverse-white {
  padding: 6px 10px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #ffffff;
  outline: none;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-reverse-white:hover,
.btn-reverse-white:focus {
  background-color: #20b573;
  border: 1px solid #20b573;
  color: #ffffff;
}
.btn-reverse-white + .btn-reverse-white {
  margin-left: 10px;
}
.es-panel.panel-default {
  border-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.es-panel.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #fff;
  font-size: 24px;
  line-height: 40px;
  color: #313131;
  padding: 24px 0 15px;
  margin: 0 24px;
  border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 767px) {
  .es-panel.panel-default > .panel-heading {
    line-height: 30px;
    padding: 20px 0 10px;
    font-size: 20px;
    margin: 0 10px;
  }
}
.es-panel.panel-default .panel-body {
  padding: 17px 24px;
}
@media (max-width: 767px) {
  .es-panel.panel-default .panel-body {
    padding: 10px;
  }
}
.inside-sidebar {
  background: #fff;
  padding: 24px 0;
}
.inside-sidebar .nav-title {
  line-height: 40px;
  color: #313131;
  padding: 0 24px;
  cursor: pointer;
}
.inside-sidebar .nav-title span {
  font-size: 10px;
  color: #919191;
  padding: 13px 0;
}
.inside-sidebar .nav-subtitle {
  margin-bottom: 0;
}
.inside-sidebar .nav-subtitle li {
  line-height: 40px;
}
.inside-sidebar .nav-subtitle li.active a {
  color: #46C37B;
  border-left: 2px solid #46C37B;
}
.inside-sidebar .nav-subtitle a {
  color: #919191;
  padding-left: 48px;
  display: block;
  border-left: 2px solid transparent;
  cursor: pointer;
}
.inside-sidebar .nav-subtitle a:hover {
  text-decoration: none;
  background: rgba(70, 195, 123, 0.1);
}
.text-piece {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .text-piece {
    margin-bottom: 20px;
  }
}
.text-piece h4 {
  font-size: 16px;
  line-height: 40px;
  color: #000;
  margin: 0;
}
@media (max-width: 767px) {
  .text-piece h4 {
    line-height: 30px;
  }
}
.text-piece h4 span {
  color: #616161;
}
.text-piece p {
  color: #616161;
  line-height: 40px;
  margin: 0;
}
@media (max-width: 767px) {
  .text-piece p {
    line-height: 30px;
  }
}
.text-piece img {
  margin: 20px 0;
}
.text-piece ul {
  list-style: inherit;
  padding-left: 40px;
}
.text-piece li {
  line-height: 40px;
  color: #616161;
}
.es-paging {
  border-top: 1px solid #f1f1f1;
  line-height: 40px;
  padding: 15px 0 0;
}
@media (max-width: 767px) {
  .es-paging {
    line-height: 30px;
  }
}
.es-paging a:hover {
  text-decoration: none;
}
.es-paging span {
  font-size: 10px;
}
.es-paging .glyphicon-menu-left {
  padding-right: 5px;
}
.es-paging .glyphicon-menu-right {
  padding-left: 5px;
}
/*table*/
table.edu-table {
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 100%;
}
table.edu-table .alignment-left {
  padding-left: 40px!important;
}
table.edu-table thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
table.edu-table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
table.edu-table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
table.edu-table > thead > tr > th,
table.edu-table > tbody > tr > td,
table.edu-table > tbody > tr > th {
  padding: 25px;
  line-height: 1.42857143;
  vertical-align: middle;
  text-align: center;
  color: #4d4d4d;
  background-color: #f6f6f6;
  border: 4px solid #fff;
}
@media (max-width: 767px) {
  table.edu-table > thead > tr > th,
  table.edu-table > tbody > tr > td,
  table.edu-table > tbody > tr > th {
    font-size: 14px;
    padding: 5px;
  }
}
table.edu-table > thead > tr > th,
table.edu-table > tbody > tr > th {
  background-color: #1ec67a;
  color: #fff;
  padding: 15px;
}
table.edu-table > tbody > tr > th a,
table.edu-table > thead > tr > th a {
  color: #fff;
  text-decoration: underline;
}
table.edu-table a {
  color: #1ec67a;
}
table.edu-table-m > tbody > tr > th {
  background-color: #eee;
  color: #555;
}
table.edu-table-m > tbody > tr > th a {
  color: #1ec67a;
  text-decoration: none;
}
/*bootstrap carousel*/
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  /*  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);*/
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
.es-share-icon {
  margin: 10px 0;
}
.es-share-icon a {
  display: inline-block;
}
.es-share-icon .es-icon {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
  font-size: 24px;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  color: #616161;
  border: 1px solid #616161;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-share-icon .es-icon:hover {
  color: #fff;
}
.es-share-icon .es-icon:hover.icon-weibo1 {
  background: #df0d10;
  color: #ffffff;
  border: 1px solid #df0d10;
}
.es-share-icon .es-icon:hover.icon-qq1 {
  color: #ffffff;
  background: #000000;
  border: 1px solid #000000;
}
.es-share-icon .es-icon:hover.icon-weixin2 {
  color: #ffffff;
  background: #26c52e;
  border: 1px solid #26c52e;
}
.es-share-icon .es-icon:hover.icon-qzone {
  color: #ffffff;
  background: #ffb921;
  border: 1px solid #ffb921;
}
.bg-banner {
  position: relative;
  width: 100%;
  padding-bottom: 33%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .bg-banner {
    padding-bottom: 44% !important;
  }
}
.bg-center {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg-fixed {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
@keyframes point-1 {
  0% {
    transform: scale(1);
  }
  15.66666667% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1.5);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes point-1 {
  0% {
    transform: scale(1);
  }
  15.66666667% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1.5);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes point-1 {
  0% {
    transform: scale(1);
  }
  15.66666667% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1.5);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes point-1 {
  0% {
    transform: scale(1);
  }
  15.66666667% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1.5);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes point-2 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  32.33333333% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes point-2 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  32.33333333% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes point-2 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  32.33333333% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes point-2 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  32.33333333% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes point-3 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes point-3 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes point-3 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes point-3 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  66.66666667% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes point-4 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  65.66666667% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1.5);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes point-4 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  65.66666667% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1.5);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes point-4 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  65.66666667% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1.5);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes point-4 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  65.66666667% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1.5);
  }
  83.33333333% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes point-5 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  82.33333333% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes point-5 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  82.33333333% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes point-5 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  82.33333333% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes point-5 {
  0% {
    transform: scale(1);
  }
  16.66666667% {
    transform: scale(1);
  }
  33.33333333% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  66.66666667% {
    transform: scale(1);
  }
  82.33333333% {
    transform: scale(1);
  }
  83.33333333% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.text-danger {
  color: #e83d2c;
}
.form-control:focus {
  border-color: #20b573;
  outline: 0;
}
.has-error .form-control {
  border-color: #e83d2c;
}
.has-error .help-block,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #e83d2c;
}
.has-error .control-label {
  color: #616161;
}
.bootstrap-notify-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  text-align: center;
  z-index: 111111;
}
ins#qiao-icon-wrap {
  z-index: 10000 !important;
}
ins#qiao-mess-wrap {
  z-index: 10001 !important;
}
#qiao-mobile-wrap #QIAO_INVITE_CONTAINER {
  display: none !important;
}
.modal {
  z-index: 1111111;
}
.modal-backdrop {
  position: fixed !important;
  z-index: 1111000;
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-fb-title {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 2px;
}
.modal-fb-sub-title {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.modal-fb-btn-wrapper {
  margin-top: 30px;
}
.modal-fb-btn {
  width: 240px;
  padding: 15px;
  font-size: 14px;
  max-width: 100%;
  margin: 0 auto;
}
.video-modal {
  width: 1090px;
  margin: 50px auto 0px;
  margin-top: 7%;
}
.video-modal .modal-content {
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.video-modal .modal-header {
  display: none;
}
.video-modal .modal-body {
  padding: 0;
}
.video-modal .modal-footer {
  display: none;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.swiper-pagination-bullet-active {
  background: #20b573;
}
.full-swiper-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.full-swiper-wrapper .swiper-bg-sec {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.full-swiper-wrapper .swiper-hover-sec {
  position: absolute;
  top: 47%;
  right: 0;
  left: 0;
  -ms-transform: transLateY(-50%);
  -webkit-transform: transLateY(-50%);
  -moz-transform: transLateY(-50%);
  -o-transform: transLateY(-50%);
  transform: transLateY(-50%);
}
.full-swiper-wrapper .swiper-container {
  width: 100%;
  height: 100%;
}
.full-swiper-wrapper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.full-swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.img-box-wrapper {
  display: block;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}
.img-box {
  background-repeat: no-repeat;
  background-size: initial;
  background-position: center;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*这里不用for了*/
.animation-delay-minus-xsm {
  animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -webkit-animation-delay: -0.1s;
}
.animation-delay-minus-sm {
  animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
}
.animation-delay-minus-md {
  animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -webkit-animation-delay: -0.6s;
}
.animation-delay-minus-lg {
  animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
.animation-delay-minus-xlg {
  animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -webkit-animation-delay: -1.2s;
}
.animation-delay-xsm {
  animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.animation-delay-sm {
  animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.animation-delay-md {
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.animation-delay-lg {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.animation-delay-xlg {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.animation-play-state-p {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.animation-play-state-r {
  animation-play-state: running;
  -o-animation-play-state: running;
  -ms-animation-play-state: running;
  -moz-animation-play-state: running;
  -webkit-animation-play-state: running;
}
.fadeInUp {
  animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
.fadeIn {
  animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
}
/*fadeIn*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*fadeInleftLittle*/
.fadeInLeftLittle {
  animation-name: fadeInLeftLittle;
  -o-animation-name: fadeInLeftLittle;
  -ms-animation-name: fadeInLeftLittle;
  -moz-animation-name: fadeInLeftLittle;
  -webkit-animation-name: fadeInLeftLittle;
}
@keyframes fadeInLeftLittle {
  from {
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes fadeInLeftLittle {
  from {
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-moz-keyframes fadeInLeftLittle {
  from {
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-o-keyframes fadeInLeftLittle {
  from {
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
/*fadeInRightLittle*/
.fadeInRightLittle {
  animation-name: fadeInRightLittle;
  -o-animation-name: fadeInRightLittle;
  -ms-animation-name: fadeInRightLittle;
  -moz-animation-name: fadeInRightLittle;
  -webkit-animation-name: fadeInRightLittle;
}
@keyframes fadeInRightLittle {
  from {
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes fadeInRightLittle {
  from {
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-moz-keyframes fadeInRightLittle {
  from {
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-o-keyframes fadeInRightLittle {
  from {
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
  }
  to {
    opacity: 1;
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes scale80 {
  from {
    border-width: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -o-transform: scale(0.1) translateX(-50%) translateY(-50%);
    transform: scale(0.1) translateX(-50%) translateY(-50%);
  }
  to {
    border-width: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(1) translateX(-50%) translateY(-50%);
    -o-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes scale80 {
  from {
    border-width: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -o-transform: scale(0.1) translateX(-50%) translateY(-50%);
    transform: scale(0.1) translateX(-50%) translateY(-50%);
  }
  to {
    border-width: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(1) translateX(-50%) translateY(-50%);
    -o-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
@-moz-keyframes scale80 {
  from {
    border-width: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -o-transform: scale(0.1) translateX(-50%) translateY(-50%);
    transform: scale(0.1) translateX(-50%) translateY(-50%);
  }
  to {
    border-width: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(1) translateX(-50%) translateY(-50%);
    -o-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
@-o-keyframes scale80 {
  from {
    border-width: 4px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(0.1) translateX(-50%) translateY(-50%);
    -o-transform: scale(0.1) translateX(-50%) translateY(-50%);
    transform: scale(0.1) translateX(-50%) translateY(-50%);
  }
  to {
    border-width: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: scale(1) translateX(-50%) translateY(-50%);
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    -moz-transform: scale(1) translateX(-50%) translateY(-50%);
    -o-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
.sidebar-container {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar-nav-wrapper {
  position: absolute;
  left: -240px;
  height: 100%;
  width: 240px;
  padding: 0px 20px;
  background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-nav {
  margin-top: 20px;
}
.sidebar-nav > li.active .submenu {
  display: block;
}
.sidebar-nav > li.active .submenu a {
  padding-left: 38px;
  color: #313131;
}
.sidebar-nav > li.active a {
  color: #000000;
}
.sidebar-nav > li > .submenu {
  display: none;
}
.sidebar-nav > li a {
  display: block;
  padding: 20px 10px;
  font-size: 16px;
  color: #313131;
}
html.sidebar-nav-active {
  height: 100%;
  overflow: hidden;
}
html.sidebar-nav-active .es-homepage,
html.sidebar-nav-active .edu-header {
  pointer-events: none;
}
body.sidebar-nav-active {
  height: 100%;
  width: 100%;
  position: fixed;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translateX(240px);
  -webkit-transform: translateX(240px);
  -moz-transform: translateX(240px);
  -o-transform: translateX(240px);
  transform: translateX(240px);
}
body.sidebar-nav-active .sidebar-container {
  z-index: 10000;
  opacity: 1;
}
body.sidebar-nav-active .es-homepage,
body.sidebar-nav-active .edu-header {
  pointer-events: none;
}
.pagination > li.first a,
.pagination > li.last a {
  width: 30px;
}
.pagination > li.first a:hover,
.pagination > li.last a:hover {
  color: #ffffff;
}
.pagination > li.disabled a {
  color: #c1c1c1;
  background-color: #f5f5f5;
}
.pagination > li.disabled a:hover {
  color: #c1c1c1;
  background-color: #f5f5f5;
}
.pagination > li + li {
  margin-left: 10px;
}
.pagination > li > a {
  height: 30px;
  width: 30px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  border: none;
  border-radius: 2px;
  color: #c1c1c1;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination > li > a:hover {
  color: #ffffff;
  background-color: #20b573;
}
.pagination > li.active > a {
  background-color: #20b573;
}
.pager > li > a,
.pager > li span {
  border-radius: 2px;
}
.label-primary {
  background-color: #20b573;
}
.label-info {
  background-color: #ffb921;
}
.label-warning {
  background-color: #ff8a0c;
}
.label-danger {
  background-color: #e83d2c;
}
.mul-dropdown {
  position: relative;
  display: block;
  z-index: 100;
}
.mul-dropdown:hover .mul-dropdown-menu-list {
  top: 100%;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.mul-dropdown-menu-list {
  position: absolute;
  top: 200%;
  left: 50%;
  width: 140px;
  padding: 30px 0;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.mul-dropdown-menu-list-wid-3 {
  width: 480px;
}
.mul-dropdown-menu-list-wid-5 {
  width: 720px;
  left: 310px;
  height: 365px;
  padding: 30px 10px 30px 10px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-title {
  border: 0px;
  margin-bottom: 0;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu {
  width: auto;
  float: none;
  display: block;
  margin-bottom: 10px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu:after,
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu:before {
  display: table;
  content: " ";
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu:after {
  clear: both;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .top-border {
  border-top: 1px solid #f5f5f5;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .top-border .mul-dropdown-item-title {
  margin-top: 15px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items {
  float: left;
  font-size: 0;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li {
  display: inline-block;
  margin-bottom: 30px;
  width: 230px;
  line-height: 1;
  padding-top: 0;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li.width-auto {
  width: inherit;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li.width-last {
  width: 170px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li a:hover .mul-dropdown-item-title {
  color: #20b573;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li a:hover .mul-dropdown-item-title i {
  color: #616161;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li .mul-dropdown-item-title {
  margin-bottom: 15px;
  color: #616161;
  font-size: 16px;
  font-weight: bold;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li .mul-dropdown-item-title i {
  color: #616161;
  font-size: 18px;
  font-weight: 100;
  margin-right: 10px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li .mul-dropdown-item-title i.cloud {
  position: relative;
  left: -7px;
  margin-right: -4px;
}
.mul-dropdown-menu-list-wid-5 .mul-dropdown-menu .mul-dropdown-items > li .mul-dropdown-item-desc {
  color: #919191;
  font-size: 14px;
  letter-spacing: 1px;
}
.mul-dropdown-menu {
  width: 160px;
  padding: 0 30px;
  display: inline-block;
  float: left;
}
.mul-dropdown-line {
  position: absolute;
  top: 50px;
  bottom: 40px;
  width: 1px;
  background: #f5f5f5;
  display: inline-block;
  float: left;
}
.mul-dropdown-title {
  padding-bottom: 10px;
  color: #313131;
  font-size: 18px;
  line-height: 1;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 15px;
}
.mul-dropdown-title i {
  font-size: 20px;
  margin-right: 5px;
}
.mul-dropdown-items > li {
  padding-top: 20px;
}
.mul-dropdown-items > li:first-child {
  padding-top: 10px;
}
.mul-dropdown-items > li > a {
  color: #616161;
  line-height: 1;
}
.mul-dropdown-items > li > a:hover {
  color: #20b573;
}
.is-video-initing {
  visibility: hidden;
}
.video-js button {
  outline: none;
}
.common-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.common-header .navbar-header {
  float: left;
}
@media (max-width: 767px) {
  .common-header .navbar-header {
    float: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
}
.common-header .logo {
  display: block;
  padding: 16px 0;
}
.common-header .logo img {
  height: 32px;
  width: auto;
}
.common-header .tel {
  margin-top: 21px;
}
.common-header .es-nav {
  float: right;
}
@media (max-width: 767px) {
  .common-header .es-nav {
    display: none;
  }
}
.common-header .es-nav > ul {
  margin-right: 45px;
}
@media (max-width: 1200px) {
  .common-header .es-nav > ul {
    margin-right: 20px;
  }
}
.common-header .es-nav > ul > li {
  position: relative;
}
.common-header .es-nav > ul > li:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.common-header .es-nav > ul > li > a {
  padding: 18px 20px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
.common-header .es-nav > ul > li > a i {
  font-size: 12px;
  margin-left: 5px;
}
@media (max-width: 1440px) {
  .common-header .es-nav > ul > li > a {
    padding: 18px 20px;
  }
}
@media (max-width: 1199px) {
  .common-header .es-nav > ul > li > a {
    padding: 18px 8px;
  }
}
.common-header .es-nav > ul > li > a:focus {
  background: none;
}
.common-header .es-nav .submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 110%;
  min-width: 170px;
  padding: 8px 10px;
  background: #fff;
  border-radius: 2px;
  z-index: 99;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.common-header .es-nav .submenu li {
  list-style-type: none;
}
.common-header .es-nav .submenu a {
  display: block;
  padding: 8px 0 8px 15px;
  color: #313131;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.common-header .es-nav .submenu a:hover {
  color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.common-header .es-nav .submenu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background: #f1f1f1;
}
.common-header .es-nav .submenu.aboutus a {
  font-size: 14px;
  color: #616161;
}
.common-header .es-nav .submenu.aboutus a:hover {
  color: #20b573;
}
.common-header .marketing-nav {
  width: 82%;
}
.edu-header {
  position: relative;
  background: #fff;
}
.edu-header .sidebar-btn {
  position: absolute;
  padding: 20px 10px;
}
.edu-header .sidebar-btn-tel {
  right: 0;
}
.edu-header .es-nav > ul > li.active > a {
  color: #20b573;
}
.edu-header .es-nav > ul > li > a {
  color: #616161;
}
.edu-header .es-nav > ul > li > a:hover {
  color: #20b573;
  background: none;
}
.es-header {
  background-color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-header:hover,
.es-header.fixed {
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-header:hover .es-nav > ul > li > a,
.es-header.fixed .es-nav > ul > li > a {
  color: #616161;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.es-header:hover .es-nav > ul > li > a:hover,
.es-header.fixed .es-nav > ul > li > a:hover {
  color: #20b573;
  background: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}
.es-header .logo-green {
  display: none;
}
.es-header:hover .logo-white {
  display: none;
}
.es-header:hover .logo-green {
  display: block;
}
.header-fixed {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.navbar-contact {
  position: relative;
  margin-top: 21px;
}
.navbar-contact .navbar-contact-hover {
  position: absolute;
  left: -23px;
  margin-top: 15px;
  z-index: 999;
  visibility: hidden;
  width: 98px;
  height: 98px;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-contact .navbar-contact-shadowr,
.navbar-contact .navbar-contact-shadowl {
  visibility: hidden;
}
.navbar-contact:hover .navbar-contact-hover,
.navbar-contact:hover .navbar-contact-shadowl,
.navbar-contact:hover .navbar-contact-shadowr {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-contact .navbar-contact-shadowl,
.navbar-contact .navbar-contact-shadowr {
  width: 1px;
  height: 10px;
  position: absolute;
  bottom: -16px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-contact .navbar-contact-shadowl {
  left: 46%;
  transform: rotate(40deg);
}
.navbar-contact .navbar-contact-shadowr {
  right: 46%;
  transform: rotate(-40deg);
}
.navbar-contact .navbar-contact-hover:before {
  display: block;
  content: "";
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  left: 40%;
  bottom: 100%;
}
.navbar-en {
  top: -6px;
}
.navbar-en .btn-en-link {
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
  padding: 6px;
  border-radius: 0px;
}
.navbar-en .btn-en-link:hover {
  border: 1px solid #20b573;
}
.navbar-tryout {
  top: -4px;
}
.navbar-tryout .btn-tryout-link {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 7px 16px;
  border-radius: 2px;
  font-size: 12px;
}
.navbar-wechat {
  margin-right: 0px;
}
.navbar-wechat .navbar-contact-hover img {
  width: 98px;
  height: 98px;
  padding: 7px;
}
.navbar-tel {
  margin-right: 34px;
}
@media (max-width: 1200px) {
  .navbar-tel {
    margin-right: 20px;
  }
}
.es-footer {
  background: #393c40;
  padding: 50px 0 30px 0;
}
.es-footer .footer-link {
  padding-left: 0;
  margin-bottom: 0;
}
.es-footer .footer-link > li {
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding-left: 65px;
  list-style-type: none;
}
.es-footer .footer-link > li.contact {
  width: 466px;
}
.es-footer .footer-link .title {
  color: #fff;
  margin-bottom: 30px;
}
.es-footer .footer-link ul {
  padding-left: 0;
  margin-bottom: 0;
}
.es-footer .footer-link ul li {
  margin-bottom: 15px;
  list-style-type: none;
  color: #838383;
}
.es-footer .footer-link ul li a {
  color: #838383;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-footer .footer-link ul li a:hover {
  color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-friend-link {
  background: #393c40;
  padding: 20px 0 30px 0px;
  border-top: 1px solid #4b4d50;
}
.es-friend-link .friend-link {
  padding-left: 70px;
  padding-right: 50px;
}
.es-friend-link .friend-link .friend-link-title {
  color: #c1c1c1;
  font-size: 14px;
  padding-bottom: 15px;
}
.es-friend-link .friend-link .friend-link-content li {
  display: inline-block;
}
.es-friend-link .friend-link .friend-link-content a {
  font-size: 12px;
  color: #919191;
  padding-right: 18px;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-friend-link .friend-link .friend-link-content a:hover,
.es-friend-link .friend-link .friend-link-content a:focus {
  color: #1ec67a;
}
.es-copyright {
  padding: 40px 0;
  background: #232426;
  color: #838383;
  text-align: center;
}
@media (max-width: 767px) {
  .es-copyright {
    padding: 20px 0;
  }
}
.mobile-sticky-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background: #20b573;
  color: #fff;
}
.mobile-sticky-foot .foot-item {
  border: 1px solid #20b573;
  border-left: 0;
  flex: 1;
  text-align: center;
  position: relative;
}
.mobile-sticky-foot .foot-item a {
  display: inline-block;
  width: 100%;
  padding: 13px 0;
  color: #fff;
}
.mobile-sticky-foot .foot-item .zhiCustomBtn {
  position: absolute;
  background-image: none;
  height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 0;
}
.mobile-sticky-foot .foot-item .es-icon {
  vertical-align: middle;
  margin-right: 3px;
}
/*
** 悬浮： 客服
****************************/
.edu-service {
  position: fixed;
  top: 50%;
  right: 10px;
  margin-top: -225px;
  z-index: 999;
}
.edu-service > div {
  margin-bottom: 5px;
  cursor: pointer;
}
.edu-service .contact {
  position: relative;
}
.edu-service .contact ul {
  position: absolute;
  top: 0;
  right: 64px;
  padding: 15px;
  background-color: #fea161;
  color: #fff;
  width: 190px;
  font-size: 14px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  cursor: default;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.edu-service .contact li {
  list-style-type: none;
}
.edu-service .contact:hover ul {
  visibility: visible;
  opacity: 1;
  cursor: default;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.edu-service .wechat {
  position: relative;
}
.edu-service .wechat .wechat-hover {
  position: absolute;
  right: 64px;
  top: 0;
  visibility: hidden;
  opacity: 0;
  cursor: default;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.edu-service .wechat .wechat-hover img {
  border-radius: 4px;
}
.edu-service .wechat:hover .wechat-hover {
  visibility: visible;
  opacity: 1;
  cursor: default;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.float-ad {
  position: fixed;
  bottom: 20px;
  right: 20px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.float-ad img {
  width: 180px;
  height: auto;
}
.quick-bar {
  position: fixed;
  top: 50%;
  left: 10px;
  margin-top: -150px;
  width: 90px;
  text-align: center;
  letter-spacing: 2px;
  z-index: 999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quick-bar ul {
  position: relative;
  z-index: 2;
}
.quick-bar li {
  display: block;
  padding: 0 10px;
  background: #20b573;
}
.quick-bar li a {
  position: relative;
  display: block;
  padding: 16px 0px;
  border-bottom: 1px solid #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quick-bar li a i {
  position: absolute;
  left: -8px;
  top: 0;
  height: 49px;
  width: 36px;
  font-size: 24px;
  line-height: 49px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
}
.quick-bar li:hover {
  background: #167e50;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quick-bar li.last {
  border-bottom: 0;
}
.quick-bar .side-toggle-btn {
  position: absolute;
  display: block;
  top: 50%;
  right: -20px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  padding-left: 20px;
  border-radius: 50%;
  background-color: #20b573;
  z-index: 1;
  line-height: 40px;
}
.quick-bar .side-toggle-btn i {
  color: #ffffff;
}
.quick-bar .side-toggle-btn .on-text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.quick-bar .side-toggle-btn .off-text {
  opacity: 0;
  filter: alpha(opacity=0);
}
.quick-bar .side-toggle-btn .on-btn {
  display: inline;
}
.quick-bar .side-toggle-btn .off-btn {
  display: none;
}
.quick-bar.active {
  width: 36px;
}
.quick-bar.active .on-btn {
  display: none;
}
.quick-bar.active .off-btn {
  display: inline;
}
.quick-bar.active .on-text {
  opacity: 0;
  filter: alpha(opacity=0);
}
.quick-bar.active .off-text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-activity .modal-backdrop {
  position: fixed;
}
.modal-activity .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
@media screen and (min-width: 1080px) {
  .modal-activity .modal-dialog {
    width: 1000px;
  }
}
.modal-activity .modal-header {
  border-bottom: none;
  display: inline-block;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 999;
}
.modal-activity .close {
  position: absolute;
  top: 72px;
  right: 65px;
  width: 30px;
  height: 30px;
  outline: none;
  line-height: 30px;
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border: 2px solid #fff;
  border-radius: 50%;
  margin-top: -10px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .modal-activity .close {
    top: 38px;
    right: 30px;
    height: 25px;
    width: 25px;
    line-height: 15px;
  }
}
.modal-activity .modal-header .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-table {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  display: table;
}
.es-table-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.es-banner {
  position: relative;
  height: 600px;
  background-size: cover;
  background-color: #313131;
  background-image: url("../img/banner.jpg");
}
@media (max-width: 767px) {
  .es-banner {
    background-image: url("../img/mobile-banner@2x.jpg");
    height: 300px;
  }
}
@media (min-width: 768px) {
  .es-banner.active .title {
    -webkit-animation: fadeInDown 0.7s ease both;
    -moz-animation: fadeInDown 0.7s ease both;
    -o-animation: fadeInDown 0.7s ease both;
    animation: fadeInDown 0.7s ease both;
  }
}
@media (min-width: 768px) {
  .es-banner.active .dec-1 {
    -webkit-animation: fadeInRight 0.7s ease 0.4s both;
    -moz-animation: fadeInRight 0.7s ease 0.4s both;
    -o-animation: fadeInRight 0.7s ease 0.4s both;
    animation: fadeInRight 0.7s ease 0.4s both;
  }
}
@media (min-width: 768px) {
  .es-banner.active .dec-2 {
    -webkit-animation: fadeInRight 0.7s ease 0.55s both;
    -moz-animation: fadeInRight 0.7s ease 0.55s both;
    -o-animation: fadeInRight 0.7s ease 0.55s both;
    animation: fadeInRight 0.7s ease 0.55s both;
  }
}
@media (min-width: 768px) {
  .es-banner.active .dec-3 {
    -webkit-animation: fadeInRight 0.7s ease 0.7s both;
    -moz-animation: fadeInRight 0.7s ease 0.7s both;
    -o-animation: fadeInRight 0.7s ease 0.7s both;
    animation: fadeInRight 0.7s ease 0.7s both;
  }
}
@media (min-width: 768px) {
  .es-banner.active .dec-4 {
    -webkit-animation: fadeInRight 0.7s ease 0.85s both;
    -moz-animation: fadeInRight 0.7s ease 0.85s both;
    -o-animation: fadeInRight 0.7s ease 0.85s both;
    animation: fadeInRight 0.7s ease 0.85s both;
  }
}
.es-banner .container {
  text-align: left;
  padding-left: 10%;
}
@media (max-width: 767px) {
  .es-banner .container {
    padding-left: 15px;
  }
}
.es-banner .title {
  color: #fff;
  font-size: 72px;
  margin-bottom: 30px;
  letter-spacing: 20px;
  opacity: 0;
}
@media (max-width: 767px) {
  .es-banner .title {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    margin-top: 30px;
    opacity: 1;
  }
}
.es-banner .title span {
  font-size: 100px;
}
@media (max-width: 767px) {
  .es-banner .title span {
    font-size: 24px;
  }
}
.es-banner .dec {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 6px;
  opacity: 0;
}
@media (max-width: 767px) {
  .es-banner .dec {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    opacity: 1;
  }
}
.es-banner .dec span {
  color: #ffcc33;
  font-size: 24px;
}
@media (max-width: 767px) {
  .es-banner .dec span {
    font-size: 16px;
  }
}
.es-whole-data {
  background: #fafafa;
  padding: 30px 0;
}
.es-whole-data .data-item {
  text-align: center;
  background: #fff;
  padding: 56px 20px;
  box-shadow: 0px 8px 24px 0px rgba(138, 138, 138, 0.12);
}
.es-whole-data .data-item .title {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1;
}
.es-whole-data .data-item .title span {
  font-size: 48px;
  color: #20b573;
}
.es-whole-data-xs {
  padding: 15px 0;
}
.es-whole-data-xs .data-list {
  margin-bottom: 10px;
}
.es-whole-data-xs .data-item {
  padding: 30px 0;
}
.es-whole-data-xs .data-item .title {
  margin-bottom: 15px;
}
.es-whole-data-xs .data-item .title span {
  font-size: 35px;
}
.es-feature {
  text-align: center;
  padding-bottom: 82px;
}
@media (max-width: 767px) {
  .es-feature {
    padding-bottom: 30px;
  }
}
.es-feature h3 {
  font-size: 36px;
  margin-top: 90px;
  margin-bottom: 25px;
  font-weight: normal;
  color: #313131;
  line-height: 36px;
}
@media (max-width: 767px) {
  .es-feature h3 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.es-feature h4 {
  color: #c1c1c1;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  .es-feature h4 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.es-feature h5 {
  font-size: 18px;
  font-weight: normal;
  color: #313131;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .es-feature h5 {
    font-size: 14px;
    margin-top: 3px;
  }
}
.es-feature p {
  color: #616161;
  line-height: 24px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .es-feature p {
    font-size: 12px;
    line-height: 20px;
  }
}
.es-feature p a {
  color: #616161;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-feature p a:hover {
  color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-feature li.nomargin {
  margin-top: 0;
}
.es-feature ul.content {
  padding-left: 0;
  margin-bottom: 0;
}
.es-feature li {
  margin-top: 65px;
  padding: 0 10px;
  list-style-type: none;
  float: left;
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .es-feature li {
    margin-top: 30px;
    height: 120px;
  }
}
.es-feature li .img-content {
  display: inline-block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
}
.es-feature li .img-content img {
  display: block;
  max-width: 100%;
}
@media (max-width: 767px) {
  .es-feature li .img-content {
    width: 20px;
    height: 20px;
  }
}
.es-feature li .metas {
  padding-left: 50px;
  text-align: left;
}
@media (max-width: 767px) {
  .es-feature li .metas {
    padding-left: 20px;
  }
}
.es-feature-cto {
  background: #fafafa;
}
.es-feature-cto.active .svg-car,
.es-feature-cto.active .svg-page {
  -webkit-animation: offsetRight 1s ease both;
  -moz-animation: offsetRight 1s ease both;
  -o-animation: offsetRight 1s ease both;
  animation: offsetRight 1s ease both;
}
.es-feature-cto .svgs {
  position: relative;
  height: 360px;
  margin: -100px 10px 0 20px;
}
.es-feature-cto .svg-cloud {
  position: absolute;
  top: 55px;
  right: 20px;
}
.es-feature-cto .svg-car {
  position: absolute;
  bottom: 0;
  right: 65px;
  transform: translateX(50px);
}
.es-feature-cto .svg-page {
  position: absolute;
  top: 120px;
  left: 190px;
  transform: translateX(50px);
}
.es-feature-cto .svg-server {
  position: absolute;
  bottom: 0;
  left: 50px;
}
.es-feature-cto .svg-server-big {
  position: absolute;
  bottom: 0;
  left: 120px;
}
.es-feature-cto .svg-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.es-feature-cto .icon-rotate {
  animation: rotate 5s infinite;
  -moz-animation: rotate 5s infinite;
  -webkit-animation: rotate 5s infinite;
  -o-animation: rotate 5s infinite;
}
.es-feature-production.active .svg-bulb {
  -webkit-animation: zoomIn 1s ease both;
  -moz-animation: zoomIn 1s ease both;
  -o-animation: zoomIn 1s ease both;
  animation: zoomIn 1s ease both;
}
.es-feature-production .svgs {
  position: relative;
  margin: -40px 70px 0 55px;
  height: 310px;
}
.es-feature-production .svg-tree-1 {
  position: absolute;
  bottom: 0;
  right: 58px;
  z-index: 1;
}
.es-feature-production .svg-tree-2 {
  position: absolute;
  bottom: 0;
  right: 108px;
  z-index: 1;
}
.es-feature-production .svg-windmill-support {
  position: absolute;
  bottom: 0;
  right: 45px;
}
.es-feature-production .svg-windmill-flabellum {
  position: absolute;
  top: 95px;
  right: 8px;
  -webkit-animation: spinAround 2s linear infinite;
  -moz-animation: spinAround 2s linear infinite;
  -o-animation: spinAround 2s linear infinite;
  animation: spinAround 2s linear infinite;
}
.es-feature-production .svg-bulb {
  position: absolute;
  top: 0;
  left: 35px;
  transform: scale(0.5, 0.5);
}
.es-feature-production .svg-hand {
  position: absolute;
  bottom: 0;
  left: 25px;
}
.es-feature-production .svg-product {
  position: absolute;
  bottom: 0;
  left: 185px;
}
.es-feature-production .svg-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.es-feature-production .svg-cloud {
  position: absolute;
  top: 15px;
  right: 50px;
}
.es-feature-operation .svgs {
  position: relative;
  margin: 0 20px;
  height: 265px;
  margin-right: 25px;
}
.es-feature-operation .svg-calculator {
  position: absolute;
  bottom: 0;
  left: 70px;
}
.es-feature-operation .svg-gold {
  position: absolute;
  bottom: 0;
  left: 160px;
}
.es-feature-operation .svg-money {
  position: absolute;
  bottom: 0;
  right: 75px;
}
.es-feature-operation .svg-discount {
  position: absolute;
  top: 0;
  right: 70px;
  -webkit-animation: swing 1s linear infinite;
  -moz-animation: swing 1s linear infinite;
  -o-animation: swing 1s linear infinite;
  animation: swing 1s linear infinite;
}
.es-feature-operation .svg-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.es-feature-operation .svg-cloud {
  position: absolute;
  top: 10px;
  left: 60px;
}
.es-entrance {
  margin-bottom: 4px;
}
.es-entrance .entrance-item {
  display: block;
  float: left;
  text-align: center;
  padding: 95px 30px;
  width: 33.33%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .es-entrance .entrance-item {
    width: 100%;
    padding: 20px 30px;
  }
}
.es-entrance .entrance-item:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 0 38px rgba(0, 0, 0, 0.2) inset;
}
.es-entrance .entrance-item img {
  max-width: 100%;
}
.es-entrance .entrance-download {
  border-right: 2px solid #fff;
  background: #20b573;
}
.es-entrance .entrance-service {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  background: #287de5;
}
@media (max-width: 767px) {
  .es-entrance .entrance-service {
    border: none;
  }
}
.es-entrance .entrance-try {
  background: #de4e4e;
  border-left: 2px solid #fff;
}
@media (max-width: 767px) {
  .es-entrance .entrance-try {
    border: none;
  }
}
.es-entrance .entrance-online {
  background: #de4e4e;
  border-left: 2px solid #fff;
}
@media (max-width: 767px) {
  .es-entrance .entrance-online {
    border: none;
  }
}
.vjs-control-bar .vjs-button > .vjs-icon-placeholder:before {
  line-height: 2;
}
.vjs-control-bar .vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3087em;
}
.keyword-content {
  padding: 24px 0;
}
.live-room-section {
  background: url('../img/consultant_live_bg.jpg') no-repeat top center;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .live-room-section {
    background: none;
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .live-room-section .consultant-header {
    color: #313131;
  }
}
.live-room-section .live-item {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .live-room-section .live-item {
    margin-bottom: 20px;
  }
}
.live-room-section .live-item.is-mobile .mask,
.live-room-section .live-item:hover .mask {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.live-room-section .live-item .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.live-room-section .live-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .live-room-section .live-item .mask .learn-time,
  .live-room-section .live-item .mask .live-time {
    bottom: 3%;
  }
}
.live-room-section .live-item .mask-content {
  width: 300px;
  height: 70px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -35px;
}
.live-room-section .live-item .mask-content .learn-time {
  color: #fff;
  margin-top: 15px;
}
.consultant-header {
  text-align: center;
  font-size: 36px;
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .consultant-header {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.consultant-section {
  padding: 80px 0;
}
@media (max-width: 767px) {
  .consultant-section {
    padding: 30px 0;
  }
}
.consultant-section .consultant-header {
  color: #313131;
}
.consultant-section .consultant-item {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item {
    margin-bottom: 20px;
  }
}
.consultant-section .consultant-item .thumb {
  position: relative;
}
.consultant-section .consultant-item .thumb:hover .mask {
  background: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  padding: 30px 0 0 20px;
  font-size: 24px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .mask {
    font-size: 18px;
    padding: 15px 0 0 10px;
  }
}
.consultant-section .consultant-item .mask i {
  color: #20b573;
  margin-right: 5px;
}
.consultant-section .consultant-item .info {
  background: #616161;
  color: #fff;
  padding: 40px 30px 20px 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .info {
    padding: 10px;
  }
}
.consultant-section .consultant-item .info:hover {
  background: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .info:hover {
    background: #616161;
  }
}
.consultant-section .consultant-item .info:hover .media-left {
  border-color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .info:hover .content {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .info:hover .eng-name {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .media-left {
  border-right: 2px solid #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .media-left {
    display: none;
  }
}
.consultant-section .consultant-item .media-body {
  padding-left: 10px;
  color: #fff;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .media-body {
    display: block;
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
}
.consultant-section .consultant-item .name {
  font-size: 36px;
  line-height: 1;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .name {
    font-size: 20px;
    margin-top: 10px;
  }
}
.consultant-section .consultant-item .mobile a {
  color: #fff;
}
.consultant-section .consultant-item .eng-name {
  color: #c1c1c1;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .content {
  margin-top: 30px;
  height: 170px;
  color: #e1e1e1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .content {
    margin-top: 10px;
    height: 100px;
    font-size: 12px;
  }
}
.consultant-section .consultant-item .case {
  display: block;
  padding: 15px 30px;
  background: #4a4a4a;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .consultant-section .consultant-item .case {
    display: none;
  }
}
.consultant-section .consultant-item .case:hover {
  background: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.consultant-section .consultant-item .case img {
  margin-right: 10px;
}
.other-consultant-section {
  padding: 80px 0;
  background: url('../img/other_consultant_bg.jpg') no-repeat top center;
}
.other-consultant-section .container {
  position: relative;
}
.other-consultant-section .swiper-container {
  height: 750px;
}
.other-consultant-section .swiper-arrow-right,
.other-consultant-section .swiper-arrow-left {
  position: absolute;
  top: 50%;
  margin-top: 30px;
  width: 17px;
  height: 30px;
}
.other-consultant-section .swiper-arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  left: -40px;
}
.other-consultant-section .swiper-arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: -40px;
}
.other-consultant-section .consultant-item {
  position: relative;
  overflow: hidden;
  padding: 3px;
}
.other-consultant-section .consultant-item:hover .mask {
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.other-consultant-section .consultant-item img {
  width: 286.5px;
}
.other-consultant-section .consultant-item .mask {
  position: absolute;
  left: 3px;
  right: 3px;
  bottom: -64px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*
**  页面： 成功案例
*****************************************/
.edu-case-banner {
  margin-bottom: 135px;
}
.edu-case p {
  font-size: 14px;
  text-indent: 2em;
  line-height: 26px;
}
.edu-case li {
  position: relative;
  padding-bottom: 30px;
  min-height: 214px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3;
}
/*
*
**  页面： 开源力量
*****************************************/
.edu-open-source .case-author {
  float: left;
  width: 310px;
  height: auto;
}
.edu-open-source li {
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 70px;
  margin-bottom: 70px;
  min-height: 320px;
}
.edu-open-source .case-author img {
  margin-bottom: 30px;
  width: 182px;
  height: 182px;
}
.edu-open-source .case-author p {
  line-height: 26px;
  color: #585858;
}
.edu-open-source .case-author p span {
  color: #32d880;
}
.edu-open-source li > p {
  float: left;
  position: relative;
  padding: 35px;
  width: 610px;
  min-height: 100px;
  height: auto;
  text-indent: 2em;
  font-size: 14px;
  line-height: 26px;
  border: 1px solid #72e1a1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.edu-open-source li > p:before,
.edu-open-source li > p:after {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -20px;
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.edu-open-source li > p:before {
  z-index: 99;
}
.edu-open-source li > p:after {
  z-index: 9;
  left: -22px;
  margin-top: -22px;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 22px solid #72e1a1;
}
.edu-open-source li.even .case-author,
.edu-open-source li.even > p {
  float: right;
}
.edu-open-source li.even .case-author {
  text-align: right;
}
.edu-open-source li.even > p:after,
.edu-open-source li.even > p:before {
  right: -20px;
  left: auto;
  border-right: none;
  border-left: 20px solid #fff;
}
.edu-open-source li.even > p:after {
  right: -22px;
  border-left: 22px solid #72e1a1;
}
.case-inner-tab {
  margin: 40px auto 30px;
  padding: 14px;
  z-index: 999;
}
@media (max-width: 767px) {
  .case-inner-tab {
    margin: 10px auto 0;
  }
}
.case-inner-tab li {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .case-inner-tab li {
    margin-bottom: 5px;
  }
}
.case-inner-tab li > a {
  color: #313131;
  padding: 5px 18px;
}
@media (max-width: 767px) {
  .case-inner-tab li > a {
    padding: 3px 10px;
  }
}
.case-tab-content .case-item {
  margin-bottom: 30px;
}
.case-tab-content .thumb {
  background: #fff;
  margin-bottom: 20px;
}
.case-tab-content .thumb img {
  border-radius: 4px;
}
.case-tab-content .content {
  position: relative;
  height: 240px;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #dbe9f3;
  background: #f5f8fd;
}
@media (max-width: 767px) {
  .case-tab-content .content {
    padding: 10px 5px;
    font-size: 12px;
    height: 260px;
  }
}
.case-tab-content .content:after,
.case-tab-content .content:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.case-tab-content .content:after {
  border-color: rgba(245, 248, 253, 0);
  border-bottom-color: #f5f8fd;
  border-width: 10px;
  margin-left: -10px;
}
.case-tab-content .content:before {
  border-color: rgba(219, 233, 243, 0);
  border-bottom-color: #dbe9f3;
  border-width: 11px;
  margin-left: -11px;
}
.case-tab-content .content .title {
  font-size: 18px;
  color: #20b573;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .case-tab-content .content .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.case-service {
  margin-top: 30px;
  margin-bottom: 40px;
}
.case-service .info {
  font-size: 18px;
  letter-spacing: 2px;
}
.case-service .icon {
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-animation: swing 1s linear infinite;
  -moz-animation: swing 1s linear infinite;
  -o-animation: swing 1s linear infinite;
  animation: swing 1s linear infinite;
}
.case-page {
  background-color: #f6f6f6;
}
.case-page .edu-cases {
  padding-top: 0;
}
.edu-case-list ul li {
  float: left;
  margin: 0 20px 20px 0;
}
.edu-case-list ul li img {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  width: 184px;
  height: 115px;
  border: 1px solid #ddd\9;
}
.case .swiper-container {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .case .swiper-container {
    margin-bottom: 0px;
  }
}
.case .swiper-container .case-wrapper {
  max-height: 400px;
}
.case .swiper-container .case-wrapper .bg-banner {
  padding-bottom: 20%;
  background-position: center;
}
@media (max-width: 767px) {
  .case .swiper-container .case-wrapper {
    max-height: 165px;
  }
}
.case .case-list-xs {
  position: relative;
  z-index: 1;
}
.case .case-list-xs .case-list-title {
  padding: 15px;
  background: #F2F2F2;
  color: #616161;
  border-bottom: 1px solid #e1e1e1;
}
.case .case-list-xs .case-list-box {
  width: 72%;
  padding-left: 5%;
}
.case .case-list-xs .case-list-box .case-topbar-item {
  float: right;
  padding: 0 5px;
  text-align: center;
}
.case .case-list-xs .case-list-box .case-topbar-item > a {
  color: #919191;
}
.case .case-list-xs .case-list-box .case-topbar-item.active {
  position: relative;
}
.case .case-list-xs .case-list-box .case-topbar-item.active::after {
  content: '';
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  width: 20px;
  height: 2px;
  margin: auto;
  background: #20b573;
}
.case .case-list-xs .case-arr {
  position: relative;
  left: 10px;
  top: -10px;
  padding: 10px;
  margin-bottom: -20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.case .case-list-xs .case-arr.active {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.case .case-list-xs .container {
  position: absolute;
  top: 50px;
  width: 100%;
  display: none;
}
.case .case-list-xs .container .case-topbar {
  background: #ffffff;
  padding: 20px 10px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.case .case-list-xs .container .case-topbar .case-topbar-item {
  padding: 0 5px;
}
.case .case-list-xs .container .case-topbar .case-topbar-item .case-topbar-link {
  display: block;
  padding: 5px 0;
  margin: 7px 0;
  border: 1px solid #e1e1e1;
  text-align: center;
  color: #313131;
}
.case .case-list-xs .container .case-topbar .case-topbar-item.active .case-topbar-link {
  background: #40B15C;
  color: #ffffff;
  border-color: #40B15C;
}
.case-title {
  padding: 20px 20px 18px 30px;
  font-size: 18px;
  color: #313131;
  letter-spacing: 2px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .case-title {
    padding: 10px 20px 0px 0px;
    background-color: transparent;
    margin-bottom: -20px;
  }
}
.case-block {
  display: none;
}
.case-block.active {
  display: block;
}
.case-group-wrapper {
  text-align: left;
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .case-group-wrapper {
    margin-bottom: 40px;
  }
}
.case-item-thumb {
  float: left;
}
.case-item-thumb a {
  cursor: default;
  display: block;
}
@media (max-width: 767px) {
  .case-item-thumb {
    position: relative;
    height: 100%;
    width: 50%;
  }
}
.case-item-img {
  width: 160px;
  height: 100px;
}
@media (max-width: 767px) {
  .case-item-img {
    display: block;
    width: 100%;
    height: auto;
  }
}
.case-item-name {
  font-size: 18px;
  margin-bottom: 10px;
}
.case-item-name a {
  color: #313131;
  font-weight: bold;
}
.case-item-name a:hover {
  color: #20b573;
}
@media (max-width: 767px) {
  .case-item-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .case-item-name {
    margin-bottom: 0px;
  }
}
.case-item-story,
.case-item-story-mobile {
  height: 42px;
  overflow: hidden;
  margin-bottom: 4px;
  text-indent: 1px;
}
.case-item-story p,
.case-item-story-mobile p {
  display: inline;
  overflow: hidden;
}
@media (max-width: 767px) {
  .case-item-story-mobile {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.case-item-content {
  height: 140px;
  margin-left: 180px;
  line-height: 21px;
  font-size: 14px;
  color: #616161;
  overflow: hidden;
}
.case-item-content span a {
  margin-left: 20px;
  color: #616161;
}
.case-item-content span a:hover {
  color: #20b573;
}
@media (max-width: 767px) {
  .case-item-content {
    float: left;
    height: auto;
    margin: 0;
    width: 50%;
    padding-left: 5px;
  }
}
.case-item-type {
  margin-bottom: 2px;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .case-item-type {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.case-item-use {
  margin-top: 8px;
}
.case-item-use a {
  margin-right: 5px;
  color: #616161;
  text-decoration: underline;
}
.case-item-use a:hover {
  color: #20b573;
}
@media (max-width: 767px) {
  .case-item-use {
    line-height: 1.4;
  }
  .case-item-use span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .case-item-intro {
    display: none;
  }
}
.case-item-wrapper {
  padding: 30px 20px 29px 30px;
  border-top: 1px solid #f5f5f5;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .case-item-wrapper {
    border: none;
    margin-bottom: 20px;
    padding: 20px 10px;
  }
}
.case-item-wrapper:first-child {
  border: none;
}
.case-sidebar {
  background-color: #ffffff;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .case-sidebar {
    padding: 0 5px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
    display: none;
  }
}
@media (max-width: 767px) {
  .case-sidebar li {
    float: left;
    width: 33.33333%;
  }
}
.case-sidebar li:hover a,
.case-sidebar li.active a {
  background: #20B573;
  color: #ffffff;
}
.case-sidebar li a {
  display: block;
  padding: 15px 20px 15px 30px;
  color: #313131;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .case-sidebar li a {
    padding: 5px 10px;
  }
}
.inner-case {
  height: 763px;
  margin-bottom: 120px;
}
.inner-case-header {
  padding: 35px 0 35px 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
}
@media (max-width: 767px) {
  .inner-case-header .media-left {
    display: block;
  }
}
@media (max-width: 767px) {
  .inner-case-header .media-body {
    display: block;
    width: auto;
    margin-top: 20px;
  }
}
.inner-case-img {
  width: 220px;
  height: 140px;
}
@media (max-width: 767px) {
  .inner-case-img {
    width: 142px;
    height: 90px;
  }
}
.inner-case-title {
  margin-bottom: 15px;
  line-height: 1;
  font-size: 20px;
  color: #313131;
  letter-spacing: 1.4px;
}
.inner-case-info {
  margin-bottom: 12px;
  color: #616161;
  line-height: 1;
  word-break: break-all;
  word-wrap: break-word;
}
.inner-case-info.inner-case-links a {
  color: #616161;
  text-decoration: underline;
  margin-right: 5px;
}
.inner-case-info.inner-case-links a:hover {
  color: #20b573;
}
.inner-case-body {
  padding: 10px 35px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .inner-case-body {
    padding: 5px 20px;
  }
}
.inner-case-body p {
  word-break: break-all;
  word-wrap: break-word;
}
.inner-case-intro {
  margin-bottom: 20px;
}
.inner-case-intro-header {
  margin-bottom: 15px;
  padding-left: 5px;
  font-size: 16px;
  color: #616161;
  letter-spacing: 1px;
  border-left: 2px solid #20b573;
}
.inner-case-intro-body {
  color: #616161;
}
.solution-content {
  padding: 24px 0;
}
.solution-list .solution-item {
  text-align: center;
  margin-bottom: 20px;
}
.solution-list .solution-item .title {
  color: #313131;
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .solution-list .solution-item .title {
    font-size: 16px;
    margin-top: 20px;
  }
}
.solution-list .solution-item .thumb {
  display: block;
  border: 1px solid #e1e1e1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .solution-list .solution-item .thumb:hover {
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
.solution-list .solution-item img {
  margin: 0 auto;
  width: 70%;
}
@media (max-width: 767px) {
  .solution-list .solution-item img {
    width: 100%;
  }
}
.solution-list .solution-item .name {
  padding: 10px 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  color: #fff;
}
@media (max-width: 767px) {
  .solution-list .solution-item .name {
    padding: 5px 0;
    font-size: 12px;
  }
}
.es-sass .banner-hover-content {
  height: 180px;
}
@media screen and (max-width: 767px) {
  .es-sass .banner-hover-content {
    height: 70px;
  }
}
.es-sass .banner-hover-content .banner-hover-header {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .es-sass .banner-hover-content .banner-hover-header {
    margin-bottom: 15px;
  }
}
.es-sass .banner-hover-content .banner-hover-header .title {
  font-size: 48px;
}
@media screen and (max-width: 767px) {
  .es-sass .banner-hover-content .banner-hover-header .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.es-sass .banner-hover-content .btn {
  width: 180px;
  padding: 15px 30px;
  line-height: inherit;
  border-radius: 2px;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .es-sass .banner-hover-content .btn {
    padding: 6px 10px;
    border-radius: 14px;
  }
}
.es-sass .sass-layout {
  padding: 70px 0 70px 0;
}
@media (max-width: 767px) {
  .es-sass .sass-layout {
    padding: 20px 0 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .es-sass .sass-layout .header {
    font-size: 20px;
    padding: 0 15px;
  }
}
.es-sass .sass-layout .header .title {
  font-size: 36px;
  color: #313131;
}
@media (max-width: 767px) {
  .es-sass .sass-layout .header .title {
    font-size: 24px;
  }
}
.es-sass .sass-layout .header .sub-title {
  margin-top: 15px;
  font-size: 20px;
  color: #616161;
  letter-spacing: 2px;
  line-height: 1;
}
@media (max-width: 767px) {
  .es-sass .sass-layout .header .sub-title {
    font-size: 12px;
    letter-spacing: 0;
  }
}
.es-sass .sass-layout .body {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .es-sass .sass-layout .body {
    margin-top: 20px;
  }
}
.es-sass .sass-layout .footer .tip {
  color: #616161;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .es-sass .sass-layout .footer .tip {
    margin-top: 20px;
  }
}
.es-sass .sass-layout .footer .btn-plugin {
  padding: 15px 30px;
  border-color: #424a8a;
  background-color: #535cac;
  border-radius: 2px;
  color: #ffffff;
}
.es-sass .sass-layout .footer .btn-plugin:hover,
.es-sass .sass-layout .footer .btn-plugin:focus,
.es-sass .sass-layout .footer .btn-plugin.focus,
.es-sass .sass-layout .footer .btn-plugin.active {
  border-color: #424a8a;
  color: #ffffff;
  background-color: #464d90;
}
.es-sass .sass-item {
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 5px 8px 0 rgba(225, 225, 225, 0.5);
  cursor: pointer;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-sass .sass-item:hover {
  border: 1px solid #20b573;
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-sass .sass-item:hover .hover-state {
  opacity: 1;
}
.es-sass .sass-item.active {
  background-color: #20b573;
}
.es-sass .sass-item.active .sass-item-header .sass-item-line {
  background-color: #ffffff;
}
.es-sass .sass-item.active .sass-item-title {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-sub-title {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-text {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-strong {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-footer {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-price {
  color: #ffffff;
}
.es-sass .sass-item.active .sass-item-more {
  color: #ffffff;
}
.es-sass .sass-item.active .hover-state {
  opacity: 1;
}
.es-sass .sass-item.active .hover-state i {
  opacity: 1;
}
.es-sass .sass-item .sass-item-layout {
  height: 525px;
  padding: 32px 0 40px 0;
  border: 1px solid #20b573;
}
.es-sass .sass-item .sass-item-header .sass-item-line {
  width: 40px;
  height: 1px;
  margin: 20px auto 0 auto;
  background-color: #20b573;
}
.es-sass .sass-item .sass-item-title {
  line-height: 1;
  color: #20b573;
  font-weight: bold;
  font-size: 20px;
}
.es-sass .sass-item .sass-item-sub-title {
  color: #313131;
}
.es-sass .sass-item .sass-item-body {
  margin-top: 20px;
  height: 270px;
  padding: 0 10px;
}
.es-sass .sass-item .sass-item-body span {
  font-weight: bold;
}
.es-sass .sass-item .sass-item-vertial-text {
  height: 270px;
  line-height: 270px;
}
.es-sass .sass-item .sass-item-vertial-text p {
  font-size: 18px;
  line-height: 26px;
  display: inline-block;
  vertical-align: middle;
}
.es-sass .sass-item .sass-item-text + .sass-item-text {
  margin-top: 10px;
}
.es-sass .sass-item .sass-item-strong {
  font-size: 18px;
  color: #313131;
}
.es-sass .sass-item .sass-item-footer {
  margin-top: 40px;
  font-size: 20px;
  color: #000000;
  text-align: center;
}
.es-sass .sass-item .sass-item-footer .btn {
  padding: 10px 20px;
}
.es-sass .sass-item .sass-item-more {
  display: inline-block;
  color: #616161;
  font-size: 12px;
  text-decoration: underline;
}
.es-sass .sass-item .sass-item-price {
  color: #20b573;
  font-size: 24px;
}
.es-sass .sass-item .hover-state {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  opacity: 0;
  border: 2px solid #20b573;
  border-radius: 50%;
  background-color: #ffffff;
}
.es-sass .sass-item .hover-state i {
  display: block;
  color: #20b573;
  font-size: 18px;
  line-height: 1;
  opacity: 0;
}
.es-sass .open-cloud-item {
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 5px 8px 0 rgba(225, 225, 225, 0.5);
  font-size: 20px;
  cursor: pointer;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-sass .open-cloud-item:hover {
  border: 1px solid #01acee;
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-sass .open-cloud-item:hover .hover-state {
  opacity: 1;
}
.es-sass .open-cloud-item.active {
  background-color: #01acee;
}
.es-sass .open-cloud-item.active .open-cloud-item-header .open-cloud-item-line {
  background-color: #ffffff;
}
.es-sass .open-cloud-item.active .open-cloud-item-title {
  color: #ffffff;
}
.es-sass .open-cloud-item.active .open-cloud-item-body {
  color: #ffffff;
}
.es-sass .open-cloud-item.active .open-cloud-item-footer {
  color: #ffffff;
}
.es-sass .open-cloud-item.active .open-cloud-item-footer span {
  color: #ffffff;
}
.es-sass .open-cloud-item.active .open-cloud-item-strong {
  color: #ffffff;
}
.es-sass .open-cloud-item.active .hover-state {
  opacity: 1;
}
.es-sass .open-cloud-item.active .hover-state i {
  opacity: 1;
}
.es-sass .open-cloud-item .open-cloud-item-layout {
  padding: 32px 0 50px 0;
  border: 1px solid #01acee;
}
.es-sass .open-cloud-item .open-cloud-item-header .open-cloud-item-line {
  width: 50px;
  height: 1px;
  margin: 28px auto 0 auto;
  background-color: #01acee;
}
.es-sass .open-cloud-item .open-cloud-item-title {
  line-height: 1;
  color: #01acee;
  font-weight: bold;
}
.es-sass .open-cloud-item .open-cloud-item-body {
  height: 350px;
  margin-top: 50px;
  font-size: 14px;
}
.es-sass .open-cloud-item .open-cloud-item-strong {
  color: #313131;
  font-weight: bold;
}
.es-sass .open-cloud-item .open-cloud-item-footer {
  margin-top: 40px;
  font-size: 20px;
  color: #000000;
  height: 62px;
}
.es-sass .open-cloud-item .open-cloud-item-footer span {
  color: #01acee;
  font-size: 24px;
}
.es-sass .open-cloud-item .open-cloud-item-footer .btn-reverse {
  padding: 10px 20px;
  color: #01acee;
  border: 1px solid #01acee;
}
.es-sass .open-cloud-item .open-cloud-item-footer .btn-reverse:hover {
  color: #ffffff;
  background: #01acee;
}
.es-sass .open-cloud-item .open-cloud-item-more {
  display: inline-block;
  color: #616161;
  font-size: 12px;
  text-decoration: underline;
}
.es-sass .open-cloud-item .open-cloud-item-vertical {
  font-size: 18px;
  line-height: 340px;
  color: #313131;
  letter-spacing: 1px;
}
.es-sass .open-cloud-item .open-cloud-item-vertical p {
  font-size: 18px;
  line-height: 1.5;
  display: inline-block;
}
.es-sass .open-cloud-item .hover-state {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  opacity: 0;
  border: 2px solid #01acee;
  border-radius: 50%;
  background-color: #ffffff;
}
.es-sass .open-cloud-item .hover-state i {
  display: block;
  color: #01acee;
  font-size: 18px;
  line-height: 1;
  opacity: 0;
}
.es-sass .plugin-item {
  position: relative;
  margin-bottom: 30px;
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 3px 8px 0 rgba(225, 225, 225, 0.5);
  font-size: 20px;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-sass .plugin-item:hover {
  border: 1px solid #535cac;
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-sass .plugin-item:hover .hover-state {
  opacity: 1;
}
.es-sass .plugin-item-layout {
  min-height: 260px;
  padding: 32px 0 50px 0;
  border: 1px solid #535cac;
}
@media screen and (max-width: 767px) {
  .es-sass .plugin-item-layout {
    height: 82px;
    min-height: auto;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 767px) {
  .es-sass .plugin-item-header {
    float: left;
    width: 60%;
    text-align: left;
  }
}
.es-sass .plugin-item-title {
  color: #535cac;
}
@media screen and (max-width: 767px) {
  .es-sass .plugin-item-title {
    font-weight: bold;
  }
}
.es-sass .plugin-item-sub-title {
  color: #313131;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .es-sass .plugin-item-sub-title span {
    color: #535cac;
    font-weight: bold;
  }
}
.es-sass .plugin-item-body {
  margin-top: 20px;
  font-size: 18px;
  line-height: 24px;
  color: #313131;
}
.es-sass .plugin-item-body span {
  color: #535cac;
}
@media screen and (max-width: 767px) {
  .es-sass .plugin-item-body {
    float: left;
    width: 40%;
    margin-top: 0;
    text-align: right;
  }
  .es-sass .plugin-item-body span {
    font-weight: bold;
  }
}
.es-sass .plugin-item-footer {
  color: #535cac;
}
.es-sass .plugin-item-footer span {
  color: #313131;
}
.es-sass .plugin-item-more {
  font-size: 12px;
  color: #616161;
  text-decoration: underline;
}
.es-sass .footer-hover-fixed {
  /*position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1111111;*/
}
.es-sass .footer-hover {
  background-color: #f1f1f1;
  padding: 15px 40px;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover {
    padding: 10px 5px;
  }
}
.es-sass .footer-hover .tot-price {
  margin-top: 8px;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  color: #20b573;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover .tot-price {
    font-size: 20px;
  }
}
.es-sass .footer-hover .tot-text {
  margin-top: 11px;
  font-size: 18px;
  color: #20b573;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover .tot-text {
    font-size: 16px;
  }
}
.es-sass .footer-hover .footer-btn-group {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover .footer-btn-group {
    margin-left: 5px;
  }
}
.es-sass .footer-hover .footer-btn-group .btn + .btn {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover .footer-btn-group .btn + .btn {
    margin-left: 5px;
  }
}
.es-sass .footer-hover .footer-btn-group .btn-no {
  border: 1px solid transparent !important;
}
.es-sass .footer-hover .btn {
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .es-sass .footer-hover .btn {
    padding: 6px 10px;
  }
}
.fire-banner {
  background: url(/images/fire/bg-publicize.jpg) no-repeat fixed center;
  background-size: 100% 100%;
}
.fire-banner .title-img {
  display: block;
  margin: 0 auto;
  padding: 44px 0;
}
@media (max-width: 767px) {
  .fire-banner .title-img {
    width: 300px;
  }
}
.fire-banner .subtitle {
  text-align: center;
  font-size: 20px;
  color: #fff;
  letter-spacing: 8px;
  padding: 0 8px 0 30px;
}
@media (max-width: 767px) {
  .fire-banner .subtitle {
    font-size: 12px;
    letter-spacing: 6px;
    padding: 0 5px 0 20px;
  }
}
.fire-banner .line {
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #d6d6d6;
  opacity: 0.4;
  vertical-align: super;
}
.fire-banner .video-section {
  position: relative;
  margin: 0 auto;
  width: 833px;
  padding: 15px 0 70px 0;
}
@media (max-width: 767px) {
  .fire-banner .video-section {
    width: 100%;
  }
}
.fire-banner .video-section .video-play {
  float: left;
  width: 533px;
  height: 300px;
}
@media (max-width: 767px) {
  .fire-banner .video-section .video-play {
    float: none;
    width: 100%;
    height: 100%;
  }
}
.fire-banner .video-section .video-intro {
  float: left;
  width: 300px;
  height: 300px;
  padding: 20px 18px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .fire-banner .video-section .video-intro {
    float: none;
    height: auto;
    width: 100%;
  }
}
.fire-banner .video-section .video-intro .intro-title {
  font-size: 16px;
  color: #313131;
  padding-bottom: 20px;
}
.fire-banner .video-section .video-intro .intro-content {
  font-size: 12px;
  color: #616161;
  letter-spacing: 1px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  .fire-banner .video-section .video-intro .intro-content {
    padding-bottom: 40px;
  }
}
.fire-banner .video-section .video-intro .times {
  font-size: 12px;
  padding-bottom: 22px;
  height: 45px;
  line-height: 45px;
}
.fire-banner .video-section .video-intro .times span {
  display: inline-block;
  color: #fff;
  width: 40px;
  font-size: 18px;
  text-align: center;
  background-color: #8c32ff;
  margin: 0 8px;
}
.fire-banner .video-section .video-intro .times span:first-child {
  margin-left: 0;
}
.fire-banner .video-section .frame-left {
  position: absolute;
  left: -28px;
  top: 160px;
}
@media (max-width: 767px) {
  .fire-banner .video-section .frame-left {
    display: none;
  }
}
.fire-banner .video-section .frame-right {
  position: absolute;
  right: -29px;
  top: 160px;
}
@media (max-width: 767px) {
  .fire-banner .video-section .frame-right {
    display: none;
  }
}
.fire-bg-gray {
  background-color: #ebebeb;
}
.fire-bg-gray .fire-content {
  background-color: #fff;
  padding: 85px 40px;
  margin-top: -30px;
  margin-bottom: 85px;
  box-shadow: 0 5px 5px #e1e1e1;
}
@media (max-width: 767px) {
  .fire-bg-gray .fire-content {
    padding: 60px 20px;
    margin-bottom: 40px;
  }
}
.fire-bg-gray .fire-content .table-title {
  font-size: 30px;
  color: #656692;
  padding-bottom: 35px;
  letter-spacing: 2px;
  text-align: center;
}
@media (max-width: 767px) {
  .fire-bg-gray .fire-content .table-title {
    font-size: 18px;
    padding-bottom: 25px;
  }
}
.fire-bg-gray .fire-content .date {
  height: 60px;
  background: url(/images/fire/change-line.png) no-repeat;
  background-size: 100% 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  letter-spacing: 1px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .fire-bg-gray .fire-content .date {
    height: 45px;
    line-height: 45px;
  }
}
.fire-bg-gray .fire-content .fire-table > tbody > tr:nth-of-type(odd) {
  background-color: #f1f2fd;
}
.fire-bg-gray .fire-content .fire-table > tbody > tr:first-child {
  color: #656692;
}
.fire-bg-gray .fire-content .fire-table > tbody > tr > td {
  height: 50px;
  padding-top: 17px;
  padding-left: 60px;
  letter-spacing: 1px;
  border: 1px solid #d7d7fa;
}
@media (max-width: 767px) {
  .fire-bg-gray .fire-content .fire-table > tbody > tr > td {
    padding-left: 8px;
  }
}
.fire-bg-gray .fire-content .fire-table > tbody > tr > td:first-child {
  width: 20%;
}
.fire-bg-gray .fire-content .fire-table > tbody > tr > td:nth-child(2) {
  width: 43%;
}
.fire-bg-gray .fire-content .fire-table > tbody > tr .guest {
  padding-bottom: 15px;
}
.fire-bg-gray .fire-content .fire-table > tbody > tr .empty-line {
  display: inline-block;
  width: 30px;
  height: 1px;
  margin-bottom: 4px;
  background-color: #d7d7fa;
}
.fire-bg-gray .fire-content .qrcode-content {
  text-align: center;
  padding-top: 15px;
}
.fire-bg-gray .fire-content .qrcode-content img {
  margin-left: 40px;
  box-shadow: 3px 5px 5px #e1e1e1;
}
@media (max-width: 767px) {
  .fire-bg-gray .fire-content .qrcode-content {
    text-align: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .fire-bg-gray .fire-content .qrcode-content img {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.about-zhaopin {
  background-image: url('/bundles/topxiaweb/img/banner/about-zhaopin-banner.jpg');
}
.about-company {
  background-image: url('/bundles/topxiaweb/img/banner/about-company-banner.jpg');
}
.about-proxy {
  background-image: url('/bundles/topxiaweb/img/banner/about-proxy-banner.jpg');
}
.avatar-hover {
  position: absolute;
  display: none;
  width: 285px;
  height: 210px;
  z-index: 1000;
}
/* agency*/
/*about proxy*/
#agent-form h4 {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 27px;
  color: #1ec67a;
}
#agent-form h4 span {
  color: #bbb;
  font-size: 15px;
}
#agent-form label {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 30px;
  color: #4c4c4c;
}
#agent-form label span {
  font-size: 12px;
  color: #bbb;
}
#agent-form label strong {
  color: #1ec67a;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}
#agent-form .help-block {
  color: red;
}
#agent-form .form-body {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f2f2f2;
}
#agent-form .form-body-td {
  margin-bottom: 10px;
  padding-left: 80px;
  width: 400px;
  height: 93px;
  float: left;
}
#agent-form .form-body-tr {
  padding-left: 80px;
  width: 800px;
  clear: both;
}
#agent-form .form-body-tr textarea {
  height: 220px;
}
#agent-form input {
  width: 100%;
  height: 40px;
}
#agent-form input:focus,
#agent-form textarea:focus {
  border-color: #54d49a;
}
#agent-form .text-right {
  margin-top: 35px;
  text-align: right;
}
#agent-form .no-border {
  border-bottom: none;
}
/*about company*/
.es-company-banner {
  border-bottom: 5px solid #1ec67a;
  margin-bottom: 50px;
  overflow: hidden;
}
.about-company-name {
  margin-bottom: 50px;
}
.edu-about-company .about-us {
  margin-bottom: 120px;
}
.edu-about-company .about-us > p {
  margin-bottom: 5px;
  font-size: 18px;
  text-indent: 2em;
  color: #4c4c4c;
}
.edu-about-company .about-us > p strong {
  font-size: 24px;
}
.edu-about-company .about-us img {
  display: block;
  padding: 15px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  width: 554px;
  height: 348px;
}
.edu-about-company .about-us .about-company-detail {
  margin: -380px 0 0 650px;
  overflow: hidden;
}
.edu-about-company .about-us .about-company-detail h4 {
  margin: 30px 0 20px 0;
  color: #1abf74;
  font-size: 18px;
  line-height: 36px;
}
.edu-about-company .about-us .about-company-detail p {
  font-size: 18px;
  line-height: 36px;
  color: #4a4a4a;
}
.about-team {
  background: none;
  height: auto;
}
.edu-about-team .section > p {
  margin-bottom: 115px;
  font-size: 18px;
  color: #4c4c4c;
}
.edu-about-team ul li {
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f2f2f2;
}
.edu-about-team ul li img {
  float: left;
  margin: 0 60px 30px 0;
  border: 1px solid #f2f2f2;
  padding: 10px;
  display: block;
  width: 222px;
  height: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.edu-about-team ul li h3 {
  margin: 25px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #4c4c4c;
}
.edu-about-team ul li p {
  text-indent: 2em;
  line-height: 26px;
}
/*about zhaopin*/
.edu-about-zhaopin .section {
  width: 800px;
}
.edu-about-zhaopin {
  margin-bottom: 200px;
}
.edu-about-zhaopin .zhaopin-box {
  padding-top: 80px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f2f2f2;
}
.edu-about-zhaopin .zhaopin-box:last-child {
  border-bottom: 0;
}
.edu-about-zhaopin .zhaopin-box h3 {
  position: relative;
  margin: 30px 0;
  font-size: 24px;
  line-height: 27px;
  color: #1ec67a;
}
.edu-about-zhaopin .zhaopin-box h3:before,
.edu-about-zhaopin .zhaopin-box h4:before,
.edu-about-zhaopin .section > h4:before {
  margin-right: 20px;
  margin-top: -5px;
  content: '';
  width: 0;
  height: 0;
  border-left: 14px solid #32d880;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.edu-about-zhaopin .zhaopin-box h4:before,
.edu-about-zhaopin .section > h4:before {
  border-left-width: 12px;
  border-top-width: 10px;
  border-bottom-width: 10px;
}
.edu-about-zhaopin .zhaopin-box h4 {
  position: relative;
  margin-bottom: 24px;
  margin-left: 40px;
  font-size: 19px;
  line-height: 30px;
  color: #4c4c4c;
  font-family: Microsoft Yahei;
}
.edu-about-zhaopin .zhaopin-box h4 span {
  font-size: 14px;
  color: #bbb;
}
.edu-about-zhaopin .zhaopin-box ol {
  margin: 0 0 40px 55px;
}
.edu-about-zhaopin .zhaopin-box ol li {
  margin-bottom: 5px;
  font-size: 16px;
  color: #4c4c4c;
}
.edu-about-zhaopin .section > h4 {
  position: relative;
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 30px;
  color: #1ec67a;
}
.edu-about-zhaopin .section > p {
  font-size: 16px;
  color: #4c4c4c;
  margin-bottom: 35px;
}
#zhaopin-nav {
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 99;
  margin-right: 430px;
  padding: 20px 0;
  min-width: 220px;
  width: auto;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
#zhaopin-nav.affix {
  position: fixed!important;
  margin-top: 101px!important;
}
#zhaopin-nav > ul > li > a {
  font-size: 20px;
  line-height: 30px;
  color: #4c4c4c;
  display: block;
  padding-left: 50px;
  width: 100%;
  background: url('/bundles/topxiaweb/img/index/zhaopin-nav.png') no-repeat 0 0;
}
.nav > li {
  position: relative;
  display: block;
}
.open > .dropdown-menu {
  display: block;
}
.active > .dropdown-menu {
  display: block;
}
.dropdown .dropdown-list {
  display: none;
}
.dropdown.open .dropdown-list {
  display: block;
}
.dropdown-toggle {
  outline: none;
}
.dropdown-menu {
  display: none;
}
#zhaopin-nav > ul > li.active > a {
  background-color: #32d880;
  color: #fff;
  background-position: 0 -40px;
}
#zhaopin-nav > ul > li > ul {
  margin: 10px 0 10px 65px;
}
#zhaopin-nav > ul > li > ul > li.active a {
  color: #32d880;
  text-decoration: underline;
}
#zhaopin-nav > ul > li > ul a {
  font-size: 16px;
  color: #4c4c4c;
  height: 30px;
  line-height: 30px;
}
/**
 *  created by ggya
 */
.es-about .es-about-body {
  padding-top: 50px;
}
.es-about .bg-banner {
  padding-bottom: 26%;
}
.es-about .bg-banner-join-us {
  background-image: url(../img/about/group.jpg);
  background-image: -webkit-image-set(url(../img/about/group.jpg) 1x, url(../img/about/group.jpg) 2x);
}
@media screen and (max-width: 767px) {
  .es-about .bg-banner-join-us {
    padding-bottom: 42%;
    background-position: 44%;
  }
}
.es-about .bg-banner-about-us {
  background-image: url(../img/about/about_us.jpg);
  background-image: -webkit-image-set(url(../img/about/about_us.jpg) 1x, url(../img/about/about_us.jpg) 2x);
}
.es-about .bg-banner-connect-us {
  background-image: url(../img/about/connect_us.jpg);
  background-image: -webkit-image-set(url(../img/about/connect_us.jpg) 1x, url(../img/about/connect_us.jpg) 2x);
}
.es-about .bg-banner-progress {
  background-image: url(../img/about/progress.jpg);
  background-image: -webkit-image-set(url(../img/about/progress.jpg) 1x, url(../img/about/progress.jpg) 2x);
  background-position: center;
}
.es-about .bg-banner-cultrue {
  background-image: url(../img/about/culture_banner.jpg);
  background-image: -webkit-image-set(url(../img/about/culture_banner.jpg) 1x, url(../img/about/culture_banner.jpg) 2x);
  background-position: center;
}
.es-about .banner-hover-content {
  height: 100px;
}
@media screen and (max-width: 767px) {
  .es-about .banner-hover-content {
    height: 60px;
  }
}
.es-about .banner-hover-content .banner-hover-header {
  display: inline-block;
  margin: 0 auto;
}
.es-about .banner-hover-content .banner-hover-header .title {
  font-size: 48px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .es-about .banner-hover-content .banner-hover-header .title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.es-about .job-list {
  margin-top: 30px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .es-about .job-list {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
.es-about .job-list .table {
  border-bottom: 1px solid #ddd;
}
.es-about .job-list .table thead td {
  padding: 20px 10px;
  font-size: 16px;
  color: #313131;
  background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .es-about .job-list .table tbody tr .icon-show {
    opacity: 1;
    color: #c1c1c1;
  }
}
.es-about .job-list .table tbody tr:hover {
  background-color: #f5f5f5;
}
.es-about .job-list .table tbody tr:hover .icon-show {
  opacity: 1;
}
.es-about .job-list .table tbody tr.job-detail.not td {
  border: none;
}
.es-about .job-list .table tbody tr.job-detail:hover {
  background-color: #ffffff;
}
.es-about .job-list .table tbody .icon-show {
  margin-left: 20px;
  opacity: 0;
  color: #616161;
  vertical-align: middle;
}
.es-about .job-list .table tbody .job-title .icon-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 20px;
}
.es-about .job-list .table tbody .job-title .icon-show {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.es-about .job-list .table tbody .job-title.not .icon-show {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.es-about .job-list .table tbody .job-title td {
  padding: 22px 10px;
}
.es-about .job-list .table tbody .job-title td:first-child {
  padding-left: 60px;
}
@media screen and (max-width: 767px) {
  .es-about .job-list .table tbody .job-title td:first-child {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .es-about .job-list .table tbody .job-title td:nth-child(2) {
    text-align: right;
    position: relative;
  }
  .es-about .job-list .table tbody .job-title td:nth-child(2):after {
    content: '';
    position: absolute;
    right: -6px;
    top: 33px;
    width: 10px;
    height: 1px;
    background-color: #616161;
  }
}
@media screen and (max-width: 767px) {
  .es-about .job-list .table tbody .job-title td:last-child {
    display: none;
  }
}
.es-about .job-list .table td {
  padding: 0;
  color: #616161;
  vertical-align: middle;
}
.es-about .job-list .table td:first-child {
  padding-left: 60px;
}
@media screen and (max-width: 767px) {
  .es-about .job-list .table td:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.es-about .job-list .btn {
  width: 100px;
  padding: 6px 10px;
  border: none;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .es-about .job-list .btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 15px 10px;
    letter-spacing: 4px;
    font-weight: bold;
  }
}
.es-about .job-list-title {
  font-size: 16px;
  color: #616161;
}
@media screen and (max-width: 767px) {
  .es-about .job-list-title {
    font-size: 18px;
    font-weight: bold;
  }
  .es-about .job-list-title .pull-right {
    font-size: 16px;
    color: #616161;
    float: none !important;
    display: block;
    font-weight: 100;
  }
}
.es-about .job-list-body {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .es-about .job-list-body .table thead {
    display: none;
  }
  .es-about .job-list-body .table td > .btn-primary {
    display: none;
  }
}
.es-about .job-detail {
  padding: 30px 0 50px 60px;
}
.es-about .job-wrap {
  overflow: hidden;
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .es-about .job-wrap {
    padding-top: 0;
  }
}
.es-about .job-item {
  padding-top: 30px;
}
.es-about .job-item + .job-item {
  border-top: 1px solid #f5f5f5;
}
.es-about .job-item-title {
  font-size: 16px;
  font-weight: bold;
  color: #919191;
}
.es-about .job-item-body {
  margin-top: 15px;
}
.es-about .job-condition {
  margin-bottom: 30px;
  line-height: 1.5;
  color: #919191;
}
@media screen and (max-width: 767px) {
  .es-about .job-condition {
    line-height: 1.8;
  }
}
.es-about .job-condition-title {
  font-weight: bold;
}
.es-about .job-condition-list {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .es-about .job-condition-list li {
    white-space: normal;
  }
}
.es-about .intro-of-company {
  padding-top: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .es-about .intro-of-company {
    margin-bottom: 50px;
  }
}
.es-about .intro-of-certificate {
  padding: 70px 0;
}
.es-about .intro-of-certificate .intro-of-company-info {
  margin-bottom: 40px;
}
.es-about .intro-of-develop {
  padding-top: 70px;
}
.es-about .intro-of-company-title {
  position: relative;
  margin-bottom: 20px;
  font-size: 24px;
  color: #313131;
  line-height: 1;
  letter-spacing: 2px;
  font-weight: 500;
}
.es-about .intro-of-company-title:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 20px;
  height: 6px;
  background-color: #20B573;
}
.es-about .intro-of-company-info {
  font-size: 16px;
  color: #616161;
  line-height: 2;
}
.es-about .intro-of-company-info .color-black {
  color: #000;
}
@media screen and (max-width: 767px) {
  .es-about .intro-of-company-info {
    margin-bottom: 20px;
  }
}
.es-about .progress-list {
  margin-bottom: 30px;
}
.es-about .progress-item:last-child .progress-item-time:after {
  background-color: #ffffff;
}
.es-about .progress-item-time {
  position: relative;
  height: 110px;
  font-size: 16px;
  color: #616161;
  line-height: 1.5;
  float: left;
}
@media screen and (max-width: 767px) {
  .es-about .progress-item-time {
    height: 150px;
  }
}
.es-about .progress-item-time:after {
  content: '';
  position: absolute;
  right: 6px;
  top: 30px;
  bottom: 20px;
  width: 1px;
  background-color: #d8d8d8;
}
.es-about .progress-item-time .point {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background-color: #20b573;
  line-height: 12px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #20b573;
  -moz-box-shadow: 0 0 0 1px #20b573;
  box-shadow: 0 0 0 1px #20b573;
}
.es-about .progress-item-content {
  margin-left: 120px;
  color: #616161;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .es-about .progress-item-content {
    height: 150px;
  }
}
.es-about .progress-item-info {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .es-about .progress-item-info {
    margin-right: 0;
  }
}
.es-about .map-list {
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .es-about .map-list {
    margin-bottom: 35px;
  }
}
.es-about .map-item {
  padding: 10px 10px 10px 10px;
  margin-bottom: 20px;
  background: #ffffff;
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
}
.es-about .map-bg-img {
  display: block;
  padding-bottom: 34%;
  cursor: pointer;
}
.es-about .map-bg-img-hz {
  background-image: url(../img/about/map-hz.png);
  background-image: -webkit-image-set(url(../img/about/map-hz.png) 1x, url('../img/about/map-hz.png') 2x);
}
.es-about .map-bg-img-bj {
  background-image: url(../img/about/map-bj.jpg);
  background-image: -webkit-image-set(url(../img/about/map-bj.jpg) 1x, url('../img/about/map-bj@2x.jpg') 2x);
}
.es-about .map-bg-img-gz {
  background-image: url(../img/about/map_gz.jpg);
  background-image: -webkit-image-set(url(../img/about/map_gz.jpg) 1x, url(../img/about/map_gz.jpg) 2x);
}
.es-about .map-body {
  height: 200px;
  padding-top: 30px;
  padding-left: 20px;
}
.es-about .map-title {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #313131;
}
.es-about .map-info {
  margin-bottom: 15px;
  line-height: 1;
  color: #616161;
}
.es-about .map-info span {
  color: #313131;
}
.es-about .connect-wrapper {
  margin-top: 70px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .es-about .connect-wrapper {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.es-about .connect-type {
  margin-bottom: 20px;
}
.es-about .connect-type .connect-indent {
  text-indent: 23px;
}
@media screen and (max-width: 767px) {
  .es-about .connect-type {
    margin-bottom: 25px;
  }
  .es-about .connect-type .mts {
    margin-top: 2px;
  }
  .es-about .connect-type .mtl {
    margin-top: 15px;
  }
  .es-about .connect-type .connect-indent {
    text-indent: 14px;
  }
  .es-about .connect-type.last {
    position: relative;
    top: -10px;
  }
  .es-about .connect-type.last i {
    font-size: 40px;
  }
}
.es-about .connect-type .hover-pos {
  position: relative;
  display: inline-block;
}
.es-about .connect-type .hover-pos .hover-img {
  position: absolute;
  opacity: 0;
  top: -20px;
  left: 50%;
  -ms-transform: translate(-50%, -100%) scale(0, 0);
  -webkit-transform: translate(-50%, -100%) scale(0, 0);
  -moz-transform: translate(-50%, -100%) scale(0, 0);
  -o-transform: translate(-50%, -100%) scale(0, 0);
  transform: translate(-50%, -100%) scale(0, 0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.es-about .connect-type .hover-pos .hover-img:before {
  position: absolute;
  content: " ";
  top: 100%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
}
.es-about .connect-type .hover-pos:hover .hover-img {
  opacity: 1;
  -ms-transform: translate(-50%, -100%) scale(1, 1);
  -webkit-transform: translate(-50%, -100%) scale(1, 1);
  -moz-transform: translate(-50%, -100%) scale(1, 1);
  -o-transform: translate(-50%, -100%) scale(1, 1);
  transform: translate(-50%, -100%) scale(1, 1);
}
.es-about .connect-type i {
  display: block;
  color: #20b573;
  font-size: 48px;
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .es-about .connect-type i {
    font-size: 30px;
  }
}
.es-about .map-modal .modal-dialog {
  width: 1140px;
  max-width: 100%;
}
.es-about .map-modal .modal-header {
  border: none;
}
.es-about .map-modal .modal-body {
  padding: 0;
}
.es-about .map-modal .modal-footer {
  border: none;
}
.banner-nav-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.banner-nav > li {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.banner-nav > li.active,
.banner-nav > li:hover {
  background-color: #20b573;
}
.banner-nav > li.active .line,
.banner-nav > li:hover .line {
  width: 0;
}
.banner-nav > li.active + li .line,
.banner-nav > li:hover + li .line {
  width: 0;
}
.banner-nav > li .line {
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.banner-nav > li:first-child .line {
  width: 0;
}
.banner-nav > li > a {
  display: block;
  padding: 16px;
  color: #ffffff;
  text-align: center;
}
.topics-mian {
  background-color: #f8f3e7;
  padding-bottom: 50px;
}
.topics-preface {
  position: relative;
  height: 400px;
  background: url('/images/topics/preface_bg.png') no-repeat center center;
}
.topics-preface .preface-contet {
  position: absolute;
  top: 130px;
  left: 230px;
  font-size: 18px;
}
.topics-preface .preface-contet p {
  margin-bottom: 5px;
  letter-spacing: 1px;
}
.topics-preface .preface-contet p span {
  color: #e4580b;
}
.topics-process {
  padding: 50px 0;
  margin: 0 auto;
  text-align: center;
}
.topics-process img {
  margin: 0 auto;
}
.topics-column-header {
  position: relative;
  height: 70px;
  margin: 30px auto 50px;
  background: url('/images/topics/column_header.png') no-repeat center center;
}
.topics-column-header h3 {
  position: absolute;
  top: 3px;
  left: 50%;
  margin-left: -60px;
  font-size: 24px;
  width: 120px;
  text-align: right;
}
.topics-column-body {
  padding: 20px 60px 20px 60px;
  min-height: 100px;
  -webkit-border-radius: 0 0 Infinitypx 0 65px;
  -moz-border-radius: 0 0 Infinitypx 0 65px;
  border-radius: 0 0 Infinitypx 0 65px;
  background-color: #dc5e14;
  -webkit-box-shadow: 2px 3px 8px rgba(213, 209, 197, 0.75);
  -moz-box-shadow: 2px 3px 8px rgba(213, 209, 197, 0.75);
  box-shadow: 2px 3px 8px rgba(213, 209, 197, 0.75);
}
.topics-column-body img {
  margin: 0 auto;
}
.topics-column-body a {
  color: #fff;
}
.topics-column-body p {
  margin: 20px auto;
}
.topics-column-body.column-two {
  background-color: #f4c710;
}
.topics-column-body.column-two h3 {
  color: #b52306;
}
.topics-column-body.column-two .icon-star-left {
  background: url("/images/topics/icon_red_star_left.png") no-repeat;
}
.topics-column-body.column-two .icon-star-right {
  background: url("/images/topics/icon_red_star_right.png") no-repeat;
}
.topics-column-body.column-three {
  background-color: #ed850b;
}
.topics-column-body h3 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin: 30px auto 40px;
  height: 38px;
}
.topics-column-body .icon-star-left {
  display: inline-block;
  height: 38px;
  width: 50px;
  background: url("/images/topics/icon_star_left.png") no-repeat;
}
.topics-column-body .icon-star-right {
  display: inline-block;
  height: 38px;
  width: 50px;
  background: url("/images/topics/icon_star_right.png") no-repeat;
}
.topics-footer {
  text-align: center;
  padding: 70px 20px;
  height: 180px;
  line-height: 40px;
  background: url("/images/topics/topics_footer.png") center center no-repeat;
  background-color: #f8f3e7;
  color: #fff;
}
.topics-footer a {
  color: #fff;
}
.act-es7-wrap {
  position: relative;
  min-height: 750px;
  background: url('../img/act-es7-bg.jpg');
  background-size: cover;
  padding: 50px 0 ;
  color: #ffec14;
  text-align: center;
}
@media (min-width: 1601px) {
  .act-es7-wrap {
    min-height: 950px;
  }
}
@media (max-width: 1600px) {
  .act-es7-wrap {
    min-height: 750px;
  }
}
@media (max-width: 1400px) {
  .act-es7-wrap {
    min-height: 620px;
  }
}
.act-es7-wrap .thumb {
  width: 32%;
}
.act-es7-wrap .act-es7-container {
  position: relative;
  width: 750px;
  height: 861px;
  margin: 0 auto;
  background: url('../img/act-border.png') no-repeat;
}
.act-es7-wrap .title {
  position: absolute;
  top: -30px;
  left: -45px;
  right: 0;
  height: 300px;
  background: url('../img/act-es7-title.png') no-repeat top center;
}
.act-es7-wrap .subtitle {
  padding-top: 250px;
  font-size: 20px;
  letter-spacing: 8px;
}
.act-es7-wrap .subtitle span {
  display: inline-block;
  margin: 0 5px;
}
.act-es7-wrap .qrcode {
  margin: 60px auto 20px;
}
.act-es7-wrap .qrcode img {
  width: 382px;
  height: 382px;
  margin-bottom: 20px;
}
.act-es7-wrap .qrcode p {
  letter-spacing: 8px;
  font-size: 24px;
}
.act-es7-wrap .info {
  font-size: 18px;
  letter-spacing: 5px;
}
.bcloud-info {
  color: #f86d40;
}
.bcloud-link {
  color: #6d8ffe;
}
.clear {
  clear: both;
}
.edu-banner .baiduyun-banner-detail {
  position: absolute;
  top: 300px;
  left: -45px;
}
.text-center {
  text-align: center;
}
.bcloud-body {
  position: relative;
}
.btn-bcloud {
  display: inline-block;
  padding: 26px 80px;
  line-height: 22px;
  font-size: 20px;
  color: #fff;
  background-color: #26abff;
  border: 0;
}
.btn-bcloud:focus {
  outline: none;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.bcloud-nav {
  position: absolute;
  width: 100%;
  left: 0;
  top: -170px;
  z-index: 1;
}
.bcloud-nav li {
  position: relative;
  float: left;
  height: 90px;
  line-height: 90px;
  font-size: 24px;
  color: #fff;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.bcloud-nav li .arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  margin-bottom: -10px;
  display: inline-block;
}
.bcloud-nav .intro {
  background-color: #f1c600;
}
.bcloud-nav .intro .arrow {
  border-top: 10px solid #f8c30a;
}
.bcloud-nav .apply {
  background-color: #26abff;
}
.bcloud-nav .apply .arrow {
  border-top: 10px solid #26abff;
}
.bcloud-nav-fixed {
  position: fixed;
  width: 100%;
  top: 0px;
}
.bcloud-content {
  width: 1180px;
  margin: 80px auto 30px auto;
  padding: 40px 30px;
  border: 1px solid #eee;
  font-size: 14px;
  color: #666;
}
.bcloud-content .headline {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.bcloud-content .intro {
  font-weight: bold;
  font-size: 14px;
  color: #999;
}
.bcloud-content .intro p {
  text-indent: 28px;
  line-height: 35px;
  margin: 0;
}
.bcloud-content .add-ours {
  margin-top: 30px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #666;
}
.bcloud-content .add-ours .addours-ul {
  margin-left: 25px;
}
.bcloud-content .add-ours .addours-ul li {
  margin-bottom: 25px;
  line-height: 25px;
}
.bcloud-content .add-ours .addours-ul li p {
  position: relative;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.bcloud-content .add-ours .point {
  position: absolute;
  left: -25px;
  margin-top: -4px;
  top: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-color: #ababab;
  margin-right: 18px;
  margin-bottom: 3px;
}
.bcloud-content .bottom {
  margin-top: 30px;
}
.bcloud-content .bottom ol {
  list-style-type: none;
  counter-reset: sectioncounter;
  margin: 0;
  padding-left: 25px;
}
.bcloud-content .bottom ol li {
  line-height: 30px;
}
.bcloud-content .bottom ol li:last-child {
  margin-bottom: 0;
}
.bcloud-content .bottom.mtnone {
  margin-top: 0;
}
.bcloud-content .form-group {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: normal;
}
.bcloud-content .form-group .controls {
  float: right;
}
.bcloud-content .form-group .controls .help-block {
  margin: 0;
}
.bcloud-content .form-group label {
  display: inline-block;
  width: 160px;
  height: 76px;
  line-height: 76px;
  margin-bottom: 0;
  text-align: center;
  background-color: #eaf0f8;
  color: #444;
  border-radius: 8px 0 0 8px;
}
.bcloud-content .form-group input {
  vertical-align: top;
  height: 76px;
  width: 946px;
  padding: 0 10px;
  color: #666;
  font-size: 20px;
  border-radius: 0 8px 8px 0;
  border: 2px solid  #eaf0f8;
}
.bcloud-content .form-group .phase {
  float: right;
  height: 76px;
  width: 846px;
  padding: 26px 0;
  border-radius: 0 8px 8px 0;
  border: 2px solid  #eaf0f8;
}
.bcloud-content .form-group .phase label,
.bcloud-content .form-group .phase input {
  width: auto;
  height: auto;
  line-height: auto;
  background-color: #fff;
  line-height: 26px;
}
.bcloud-content .form-group .phase label {
  margin-left: 50px;
  margin-right: 0;
  color: #666;
  font-weight: normal;
}
.bcloud-content .form-group .phase label input {
  margin-right: 5px;
}
.bcloud-content .form-group .label-md {
  width: 260px;
  margin-right: 0;
}
.bcloud-content .form-group.auth-code label,
.bcloud-content .form-group.auth-code .controls {
  float: left;
}
.bcloud-content .form-group.auth-code input {
  width: 200px;
  margin-left: 10px;
}
.bcloud-content .form-group.auth-code .auth-img {
  margin-left: 12px;
  vertical-align: top;
  height: 50px;
  margin-top: 13px;
  cursor: pointer;
}
.bcloud-content .form-group.auth-code .help-block {
  margin-left: 12px;
}
.bcloud-modal .btn-bcloud {
  padding: 8px 35px;
  font-size: 14px;
  background-color: #00c877;
}
.bcloud-modal .modal-header {
  font-size: 18px;
  color: #575757;
  font-weight: bold;
}
.bcloud-modal .modal-header .close {
  margin-top: -2px;
  color: #575757;
  font-weight: normal;
  font-size: 24px;
  opacity: 9;
  filter: alpha(opacity=900);
}
.bcloud-modal .modal-body {
  padding: 40px 112px;
  font-size: 14px;
  color: #666;
}
.bcloud-modal .modal-body p {
  margin: 5px 0 0;
}
.bcloud-modal .modal-body .mtm {
  margin-top: 10px;
}
.bcloud-modal .modal-body .title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  color: #00c877;
}
.bcloud-modal .modal-body .title i {
  margin-right: 20px;
}
.bcloud-modal .modal-body .title.fail {
  color: #ffc000;
}
.bcloud-modal .modal-body .mask {
  color: #333;
  font-weight: bold;
}
.bcloud-modal .modal-footer {
  padding: 0 0 40px;
  border: 0;
  text-align: center;
}
/*article*/
.edu-article {
  color: #585858;
}
.edu-article .article-header {
  margin: 82px 0 30px 0;
}
.edu-article .article-header h1 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 32px;
  color: #1ec67a;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
.edu-article .article-header span {
  display: block;
  color: #585858;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
.edu-article .article-content img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  max-width: 700px;
  height: auto;
  width: auto;
}
/*.edu-article .article-content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 103px;
    margin-top: 103px;
    max-width: 700px;
    height: auto;
    width: auto;
}

.edu-article .article-content h2 {
    margin: 47px 0 27px 0;
    font-size: 20px;
    line-height: 28px;
    color: #1ec67a;
}

.edu-article .article-content h2

.edu-article .article-content p {
    font-size: 14px;
    line-height: 26px;
    font-size: 16px;
}

.edu-article .article-content p strong {
    font-size: 18px;
    color: #1ec67a;
}*/
/*
** 页面: 帮助中心
***************************/
.edu-help .section {
  margin-bottom: 50px;
}
.edu-help h2 {
  margin-bottom: 20px;
  position: relative;
  padding-top: 25px;
  border-top: 1px solid #f3f3f3;
  color: #7f7f7f;
  font-size: 23px;
  line-height: 34px;
}
.edu-help h2:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: #32d880;
  height: 2px;
  width: 19px;
}
.edu-help .help-question h3 {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 34px;
  font-weight: bold;
  color: #00ba84;
}
.edu-help .help-question p {
  margin: 0 0 50px 15px;
  position: relative;
  padding: 20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #717171;
  background-color: #f8f8f8;
  white-space: wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.edu-help .help-question p:before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: -9px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #f8f8f8;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}
.edu-help .section > p {
  text-align: right;
}
.edu-help .section > p > a {
  font-size: 15px;
  color: #32d880;
}
.edu-help .help-use {
  width: 1080px;
}
.edu-help .help-use li {
  margin: 0 80px 88px 0;
  float: left;
  width: 460px;
  min-height: 222px;
}
.edu-help .help-use li img {
  margin-right: 30px;
  float: left;
  display: block;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #e1e1e1;
}
.edu-help .help-use li .help-title {
  display: inline-block;
  margin: 5px 0 10px 0;
  font-size: 20px;
  line-height: 30px;
  color: #00ba84;
}
.edu-help .help-use li p {
  font-size: 14px;
  height: 100px;
  color: #7b7b7b;
  overflow: hidden;
}
/*资讯系统*/
.info-article {
  margin-bottom: 50px;
}
.page-header h2 {
  margin-bottom: 20px!important;
}
@media (max-width: 767px) {
  .page-header h2 {
    margin-bottom: 0 !important;
    font-size: 22px;
  }
}
.info-left {
  width: 700px;
  float: left;
}
.info-right {
  width: 260px;
  float: right;
}
.article-nav {
  margin-bottom: 20px;
}
.article-nav li {
  display: inline-block;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .article-nav li {
    margin-right: 0;
    width: 48%;
    text-align: center;
  }
}
.article-nav li.active > a {
  background-color: #21c968;
  color: #fff;
}
.article-nav > li > a {
  display: block;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  font-size: 16px;
  color: #6c6c6c;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.homepage-feature {
  margin-bottom: 50px;
  max-height: 300px;
  overflow: hidden;
  z-index: 0;
}
.homepage-feature a {
  width: 100%;
  min-height: 100px;
}
.homepage-feature a img {
  width: 100%;
}
.homepage-feature .cycle-overlay {
  text-align: left;
  width: 100%;
  z-index: 500;
  position: absolute;
  bottom: 0px;
  font-size: 20px;
  font-weight: bold;
  background: #7ddca6;
  background: rgba(42, 144, 88, 0.7);
  color: white!important;
  padding: 15px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .homepage-feature .cycle-overlay {
    font-size: 14px;
  }
}
.homepage-feature .cycle-overlay a {
  color: white!important;
}
.article-wide-list li {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f6f6f6;
}
.article-wide-list li > h4 {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 15px;
  vertical-align: middle;
}
.article-wide-list li > h4 .cat-link {
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
  padding-right: 8px;
  vertical-align: middle;
  height: 15px;
  line-height: 15px;
  border-right: 1px solid #fab140;
  color: #fab140;
}
.article-wide-list li > h4 .cat-link:not(:root:root) {
  /*only for safari, but doesn't work*/
  margin-top: -8px !important;
}
.article-wide-list li > h4 .post-link {
  line-height: 15px;
}
.article-wide-list li > p {
  margin-bottom: 10px;
  font-size: 12px;
  color: #8a8a8a;
  overflow: hidden;
}
.article-wide-list li > span {
  color: #c1c1c1;
  font-size: 12px;
}
.article-wide-list li img {
  margin-left: 30px;
}
.article-side {
  margin-bottom: 40px;
}
.article-side h3 {
  margin-bottom: 10px;
  padding: 8px 10px 8px 5px;
  background-color: #fbfbfb;
  color: #1ec67a;
  font-size: 18px;
}
.article-side h3:before {
  content: '';
  width: 3px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background-color: #1ec67a;
}
.article-side li {
  margin-bottom: 10px;
}
.article-side li > a {
  display: block;
  height: 25px;
  width: 100%;
  color: #888;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
.article-side li a > span {
  margin-right: 7px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  color: #fff;
  background-color: #1ec67a;
}
h2.thread-title {
  font-size: 26px;
  line-height: 35px;
  color: #1ec67a ;
}
@media (max-width: 767px) {
  h2.thread-title {
    font-size: 20px;
  }
}
.published-time {
  margin-bottom: 15px;
  color: #c1c1c1;
  font-size: 12px;
}
.article-source {
  display: inline-block;
  margin-bottom: 15px;
}
.thread-body {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.thread-body iframe {
  width: 100% !important;
  height: 100% !important;
}
.pager a {
  display: inline-block;
  padding: 10px;
  background-color: #fbfbfb;
  color: #a6a6a6;
  font-size: 14px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.pager a:hover {
  color: #1ec67a;
}
.pager .previous a {
  float: left;
}
.pager .next a {
  float: right;
}
/*
** 页面: 业界资讯
*****************************/
.edu-info {
  padding-top: 60px;
  margin-bottom: 170px;
}
.edu-info li {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  min-height: 214px;
  border-bottom: 1px solid #f3f3f3;
}
.edu-info li h3 {
  margin: 30px 0 20px 0;
  font-size: 25px;
  line-height: 34px;
  color: #32d880;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edu-info li p {
  font-size: 14px;
  line-height: 26px;
  color: #585858;
  overflow: hidden;
}
.article-list-wrapper {
  border-bottom: 1px solid #e1e1e1;
}
.article-list-wrapper .article-nav {
  padding: 18px 30px 8px 30px;
  margin-bottom: 0;
  background-color: #f5f5f5;
}
.article-list-wrapper .article-nav > li {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .article-list-wrapper .article-nav > li + li {
    margin-left: 1%;
  }
}
.article-list-wrapper .article-nav > li.active > a,
.article-list-wrapper .article-nav > li:hover > a {
  background-color: #20b573;
  color: #ffffff;
}
.article-list-wrapper .article-nav > li > a {
  margin-bottom: 10px;
  width: 110px;
  height: 34px;
  color: #313131;
  line-height: 34px;
  text-align: center;
  background-color: transparent;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .article-list-wrapper .article-nav > li > a {
    width: auto;
  }
}
.article-list-wrapper .article-wide-list > li {
  padding: 40px 20px 40px 30px;
  margin-bottom: 0;
  border-bottom: 0;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.article-list-wrapper .article-wide-list > li + li {
  border-top: 1px solid #e1e1e1;
}
.article-list-wrapper .article-wide-list > li > h4 {
  margin-bottom: 0;
  font-size: 18px;
}
.article-list-wrapper .article-wide-list > li > h4 .cat-link {
  width: 60px;
  height: 19px;
  padding-right: 0;
  color: #ffb921;
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  border: 1px solid #ffb921;
  border-radius: 2px;
}
.article-list-wrapper .article-wide-list > li > h4 .post-link {
  color: #313131;
}
.article-list-wrapper .article-wide-list > li > h4 .post-link:hover {
  color: #20b573;
}
.article-list-wrapper .article-wide-list > li p {
  font-size: 14px;
  color: #616161;
  margin-bottom: 0;
}
.article-list-wrapper .article-wide-list > li img {
  margin-left: 0;
  margin-right: 20px;
}
.article-side h3 {
  padding: 30px 0 30px 30px;
  margin-bottom: 0;
  font-size: 14px;
  background-color: #f5f5f5;
  color: #313131;
  letter-spacing: 2px;
}
.article-side h3:before {
  background-color: #20b573;
}
.article-side ul {
  padding: 30px 20px 30px 30px;
  border: 1px solid #e1e1e1;
  border-top: 0;
}
.article-side ul li span {
  background-color: #e1e1e1;
}
.article-side ul li .first {
  background-color: #20b573;
}
.article-side ul li .second {
  background-color: rgba(32, 181, 115, 0.8);
}
.article-side ul li .third {
  background-color: rgba(32, 181, 115, 0.5);
}
.article-side ul li a {
  color: #616161;
}
.article-side ul li a:hover {
  color: #20b573;
}
.info-article {
  margin-top: 30px !important;
}
.info-article .info-breadcrumb {
  margin: 0;
  padding: 30px;
  background-color: #f5f5f5;
  border-radius: 0;
}
.info-article .info-breadcrumb li a {
  color: #919191;
}
 > .info-article .info-breadcrumb li.active {
  color: #616161;
}
.info-article .article {
  border: 1px solid #e1e1e1;
  border-top: 0;
  padding: 30px;
}
.info-article .article .thread-title {
  font-size: 18px;
  color: #313131;
  line-height: 1;
}
.info-article .article .published-time {
  margin-top: 2px;
  margin-bottom: 0;
}
.info-article .article .es-share-icon .es-icon {
  width: 20px;
  height: 20px;
  line-height: 17px;
  font-size: 16px;
}
.info-article .article .typo {
  font-size: 14px;
  color: #616161;
}
.info-article .article .typo h1,
.info-article .article .typo h2,
.info-article .article .typo h3,
.info-article .article .typo h4,
.info-article .article .typo h5,
.info-article .article .typo h6 {
  font-family: PingFangSC-Regular, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #616161;
}
.home-page-feature-wrapper {
  position: relative;
}
.home-page-feature-wrapper .swiper-button-prev,
.home-page-feature-wrapper .swiper-button-next {
  position: absolute;
  height: 48px;
  width: 48px;
  margin-top: -24px;
}
.home-page-feature-wrapper .swiper-button-prev i,
.home-page-feature-wrapper .swiper-button-next i {
  font-size: 48px;
  line-height: 48px;
}
.home-page-feature-wrapper .swiper-button-prev {
  top: 50%;
  left: 20px;
}
.home-page-feature-wrapper .swiper-button-next {
  top: 50%;
  right: 20px;
}
.homepage-feature {
  margin-bottom: 20px;
}
.homepage-feature .cycle-overlay {
  text-align: center;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
}
.homepage-feature .item {
  display: block;
  height: 350px;
  width: 100%;
  overflow: hidden;
}
.homepage-feature .item img {
  width: 100%;
}
.homepage-feature .item a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.edu-install {
  margin-top: 30px;
}
.edu-install .edu-install-title {
  font-size: 27px;
  line-height: 27px;
  color: #00c877;
  padding-bottom: 20px;
}
.edu-install .install-row {
  border-top: 1px solid #ebebeb;
}
.edu-install .install-row > div {
  padding: 0;
}
.edu-install .install-row .col-md-2.fixed {
  position: fixed;
  z-index: 999;
  top: 65px;
  width: 195px;
}
.edu-install .install-row .col-md-2.fixed ul {
  width: 195px;
  margin: 0;
}
.edu-install .install-row .install-nav {
  text-indent: 20px;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  background: #fff;
}
.edu-install .install-row .install-nav a {
  line-height: 44px;
  color: #383838;
  display: block;
  padding: 5px 0;
  border-left: 2px solid #fff;
}
.edu-install .install-row .install-nav a:hover {
  background-color: #f5f5f5;
  color: #00c877;
  text-decoration: none;
  border-left: 2px solid #00c877;
}
.edu-install .install-row .install-content.fixed {
  padding: 0;
  margin: 0 0 0 235px;
}
.edu-install .install-row .install-content {
  padding: 0 0 0 40px;
}
.edu-install .install-row .install-content h2 {
  margin-top: 40px;
  font-size: 20px;
  color: #383838;
}
.edu-install .install-row .install-content img {
  max-width: 800px;
}
.edu-install .install-row .install-content p {
  color: #808080;
  margin-bottom: 20px;
}
.edu-install .install-row .install-content .mrl {
  margin-right: 20px;
}
.edu-install .install-row .install-content .qq {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../img/install-qq.jpg") no-repeat;
  vertical-align: bottom;
}
.edu-install .install-row .install-content .pbl {
  padding-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.edu-install .install-row .install-content #buyer-yun ul {
  border: 1px solid #ebebeb;
}
.edu-install .install-row .install-content #buyer-yun ul .icon1,
.edu-install .install-row .install-content #buyer-yun ul .icon2,
.edu-install .install-row .install-content #buyer-yun ul .icon3,
.edu-install .install-row .install-content #buyer-yun ul .icon4,
.edu-install .install-row .install-content #buyer-yun ul .icon5 {
  display: inline-block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  margin: 0px auto 15px;
  background: url("../img/install.png") no-repeat;
}
.edu-install .install-row .install-content #buyer-yun ul .icon1 {
  background-position: 0 -3px;
}
.edu-install .install-row .install-content #buyer-yun ul .icon2 {
  background-position: -50px -2px;
}
.edu-install .install-row .install-content #buyer-yun ul .icon3 {
  width: 55px;
  background-position: -107px -2px;
}
.edu-install .install-row .install-content #buyer-yun ul .icon4 {
  background-position: -168px -2px;
}
.edu-install .install-row .install-content #buyer-yun ul .icon5 {
  background-position: -228px -2px;
}
.edu-install .install-row .install-content #buyer-yun ul .top {
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0 25px;
  border-right: 1px solid #ebebeb;
}
.edu-install .install-row .install-content #buyer-yun ul .top span {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #2f2f2f;
}
.edu-install .install-row .install-content #buyer-yun ul .bottom {
  padding: 30px 0;
  text-align: center;
  border-right: 1px solid #ebebeb;
  font-size: 20px;
  color: #2f2f2f;
}
.edu-install .install-row .install-content #buyer-yun ul li {
  float: left;
  width: 20%;
}
.edu-install .install-row .install-content #buyer-yun ul li:last-child .bottom {
  padding: 16px 0;
  border-right: none;
}
.edu-install .install-row .install-content #buyer-yun ul li:last-child .top {
  border-right: none;
}
.edu-install .install-row .install-content #buyer-yun .buyer {
  margin-top: 34px;
}
.edu-install .install-row .install-content #buyer-yun .buyer a {
  border-radius: 8px;
  background: #00c877;
  color: #fff;
  padding: 6px 20px;
  margin-left: 22px;
}
.edu-login {
  padding: 15px;
  margin: 30px auto;
  width: 480px;
  background-color: #f8f8f8;
}
.edu-login input {
  height: auto;
}
.edu-login .checkbox {
  margin-top: 10px;
}
.edu-login .controls {
  height: 70px;
}
.edu-login .controls > input {
  width: 100%;
}
/*
** 页面：产品介绍：移动app
***********************/
.edu-feature {
  padding: 60px 0 80px 0;
  background: #fff;
}
.edu-feature h2,
.edu-app h2 {
  margin-bottom: 30px!important;
}
.edu-app {
  padding: 60px 0 80px 0;
  background-color: #fafafa;
}
.edu-app > p {
  margin-top: 80px;
  text-align: center;
  color: #7b7b7b;
  font-size: 14px;
}
.edu-app > p > a {
  color: #59c85c;
}
.edu-app > p > a:hover {
  text-decoration: underline;
}
.edu-app > p > a + a {
  color: #ffa91f;
}
.edu-app ul {
  width: 1080px;
}
.edu-app li {
  float: left;
  margin: 0 0px 55px 0;
  width: 460px;
}
.edu-app li img {
  margin-right: 35px;
  float: left;
  width: 160px;
  height: 160px;
}
.edu-app li h3 {
  color: #ffad29;
  font-size: 20px;
  line-height: 30px;
}
.edu-app li span {
  font-size: 14px;
  line-height: 28px;
  color: #7b7b7b;
}
.edu-app li p {
  margin-top: 5px;
  font-size: 12px;
  height: 65px;
  line-height: 20px;
  color: #7b7b7b;
  overflow: hidden;
}
.edu-app li a {
  display: inline-block;
  height: 32px;
  width: 90px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background-color: #59c85c;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 15px;
}
.edu-app .section-bottom {
  color: #ababab;
  text-align: center;
}
/*
** 页面：产品介绍：网校系统
*****************************/
.system-info {
  padding: 60px 0;
  color: #fff;
}
.system-info .col-xs-6 {
  padding-left: 80px;
}
@media (max-width: 767px) {
  .system-info {
    padding: 30px 0;
  }
}
.system-info h1 {
  position: relative;
  height: 80px;
  width: 400px;
  font-size: 0;
  color: #fff;
  margin-top: 0;
  background: url("/images/new_banner/system_banner_h1.png") no-repeat;
}
@media (max-width: 767px) {
  .system-info h1 {
    margin-top: 20px;
  }
}
.es-k12-banner .system-info h1 {
  background: url("/images/new_banner/k12_banner_h1.png") no-repeat;
}
.es-mooc-banner .system-info h1 {
  background: url("/images/new_banner/mooc_banner_h1.png") no-repeat;
}
.system-info h1 span {
  position: absolute;
  top: 52px;
  left: 100px;
  font-size: 20px;
  display: inline-block;
  letter-spacing: 1px;
}
.system-info h2 {
  margin-bottom: 20px;
  color: #fff;
  font: 0/0 a;
  height: 30px;
  overflow: hidden;
  background: url('/images/new_banner/system_banner_h2.png') no-repeat;
}
.es-k12-banner .system-info h2 {
  background: url('/images/new_banner/k12_banner_h2.png') no-repeat;
}
.es-mooc-banner .system-info h2 {
  background: url('/images/new_banner/mooc_banner_h2.png') no-repeat;
}
.system-info p {
  font-size: 14px;
}
.system-info p a {
  color: #fff;
}
.system-info p a:hover {
  text-decoration: underline;
}
.system-info .system-info-btn {
  margin-top: 30px;
}
.system-info .system-info-btn .btn {
  margin-right: 30px;
}
/*2014.10.24 by Gsh*/
.officially-beta {
  padding: 75px 0px 0px 630px;
  color: #FFF;
}
.officially-beta span {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #ee9851;
  position: absolute;
  display: inline-block;
  background: url('/bundles/topxiaweb/img/index/prompt2.png') no-repeat scroll 0% 0% transparent;
  width: 40px;
  height: 32px;
  margin-left: 410px;
  margin-top: -30px;
  /*right: -50px;*/
}
.officially-beta > a {
  margin-left: 30px;
  position: absolute;
  margin-top: 160px;
  display: inline-block;
  height: 55px;
  line-height: 55px;
  width: 200px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  background-color: #78d653;
  text-decoration: none;
}
.information {
  padding: 75px 0px 0px 600px;
  color: #FFF;
}
.information span {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #92E2AF;
  position: absolute;
  display: inline-block;
  background: url('/bundles/topxiaweb/img/index/prompt.png') no-repeat scroll 0% 0% transparent;
  width: 40px;
  height: 32px;
  margin-left: 289px;
  margin-top: 50px;
}
.information > a {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  margin-right: 18px;
  width: 200px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  position: absolute;
  margin-top: 200px;
  border: 1px solid;
}
a.doland:link {
  color: white;
}
a.doland:hover {
  color: #4ecf79;
  border: 1px solid #fff;
  text-decoration: none;
  background-color: white;
}
.mobile-inner-section {
  padding: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .mobile-inner-section {
    padding: 30px 0;
  }
}
.mobile-inner-section h3 {
  color: #1ed88e;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .mobile-inner-section h3 {
    font-size: 24px;
  }
}
.mobile-inner-section p {
  color: #959595;
  font-size: 18px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .mobile-inner-section p {
    font-size: 14px;
  }
}
.mobile-inner-section .text-middle {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .mobile-inner-section .text-middle {
    display: block;
  }
}
@media (max-width: 767px) {
  .mobile-inner-section img {
    display: block;
    width: 100%;
    height: auto;
  }
}
/*
** 内页：产品介绍
************************************/
.section-wrap {
  background-color: #fff;
}
.section-wrap-c {
  background-color: #f5f5f5;
}
.section-s {
  padding: 100px 0;
  width: 785px;
}
.section-l {
  padding: 100px 0;
  width: 950px;
}
.section-m {
  width: 700px;
  padding: 100px 0;
}
.section-x {
  padding: 100px 0;
  width: 1000px;
}
.section .img,
.section .text {
  /*没去除中间的间距,留了10px*/
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
.section .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-l .text {
  width: 470px;
}
.section-s .text {
  width: 510px;
}
.section-m .text {
  width: 420px;
}
.section-wrap .section-s .text {
  padding: 0 20px 0 202px;
}
.section-wrap-c .section-s .text {
  padding: 0 202px 0 20px;
}
.section-wrap .section-l .text {
  padding: 0 20px 0 40px;
}
.section-wrap-c .section-l .text {
  padding: 0 40px 0 20px;
}
.section-wrap .section-m .text {
  padding: 0 0 0 55px;
}
.section-wrap-c .section-m .text {
  padding: 0 35px 0 0;
}
.section-wrap-c h2,
.section-wrap h2 {
  margin-bottom: 20px;
  color: #1ed88e;
  font-size: 45px;
  line-height: 45px;
}
h2.k12-size {
  font-size: 30px;
}
.section-wrap-c p,
.section-wrap p {
  font-size: 18px;
  line-height: 28px;
  color: #959595;
}
.probation-result .item {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #616161;
}
.probation-result .item .title {
  float: left;
  width: 120px;
}
.probation-result .item .detail {
  margin-left: 120px;
  font-weight: normal;
  color: #313131;
}
.probation-demo {
  position: relative;
}
.probation-demo .demo-logo {
  position: absolute;
  height: 50px;
  left: 15px;
  top: 5px;
}
.probation-demo .demo-logo-mobile {
  position: absolute;
  height: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 5px;
}
.probation-demo .demo-text {
  position: absolute;
  font-size: 36px;
  color: #313131;
  height: 50px;
  left: 15px;
  top: 5px;
}
.probation-demo .demo-text-mobile {
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}
.probation-demo .img-probation-page {
  margin: 0 auto;
}
.probation-demo-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.probation-demo-wrapper .text-hover {
  display: block;
  width: 216px;
  height: 65px;
}
.probation-demo-shade-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.probation-demo-shade-wrapper.active {
  opacity: 1;
}
.probation-demo-shade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 480px;
  height: 200px;
  padding: 50px;
  text-align: center;
  background-color: #ffffff;
  border: none;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .probation-demo-shade {
    width: 95%;
  }
}
.probation-demo-shade img {
  display: inline-block;
  height: 50px;
  width: 50px;
}
.probation-demo-shade .text {
  color: #313131;
  margin-top: 20px;
}
.es-product .banner-hover-footer .btn {
  height: 50px;
  width: 180px;
  padding: 15px 30px;
  border-radius: 2px;
  border: 0;
  outline: none;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .es-product-middle {
  padding-top: 53px;
  padding-bottom: 60px;
  text-align: center;
}
.es-product .es-product-middle .es-product-middle-text {
  margin-bottom: 20px;
  line-height: 45px;
  font-size: 26px;
  letter-spacing: 4px;
  font-family: PingFangSC-Thin;
}
.es-product .es-product-middle .es-product-middle-detail {
  font-family: PingFangSC-Medium;
}
.es-product .es-product-middle .es-product-middle-more {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  letter-spacing: 3.2px;
  line-height: 20px;
  border-bottom: 1px solid #fff;
}
.es-product .es-product-middle .es-product-middle-more:hover {
  color: #fff;
}
.es-product .es-product-footer {
  padding: 90px 0;
}
.es-product .es-product-footer .btn-main {
  border: 2px solid #20b573;
}
.es-product .es-product-footer .btn-main:hover,
.es-product .es-product-footer .btn-main:focus,
.es-product .es-product-footer .btn-main.focus,
.es-product .es-product-footer .btn-main.active {
  border-color: #1a925d;
}
.es-product .es-product-footer .btn-minor {
  border-width: 2px;
}
.es-product .es-product-footer .btn {
  height: 50px;
  padding: 0px 30px;
  border-radius: 2px;
  line-height: 50px;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-product .es-product-footer .btn {
    padding: 6px 10px;
    border-radius: 14px;
  }
}
.es-product.es-product-system .banner-hover-content {
  height: 300px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-system .banner-hover-content {
    height: 70px;
  }
}
.es-product.es-product-system .banner-hover-footer .btn-minor:hover,
.es-product.es-product-system .banner-hover-footer .btn-minor:focus {
  border: 2px solid #20b573;
}
.es-product.es-product-colleges .banner-hover-content {
  height: 320px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-colleges .banner-hover-content {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .es-product.es-product-colleges .banner-hover-footer .btn {
    padding: 6px 10px;
    border-radius: 14px;
  }
}
.es-product.es-product-sass .banner-hover-content,
.es-product.es-product-open-cloud .banner-hover-content,
.es-product.es-product-train .banner-hover-content {
  height: 220px;
}
.es-product.es-product-sass .banner-hover-content .banner-hover-header,
.es-product.es-product-open-cloud .banner-hover-content .banner-hover-header,
.es-product.es-product-train .banner-hover-content .banner-hover-header {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-sass .banner-hover-content .banner-hover-header,
  .es-product.es-product-open-cloud .banner-hover-content .banner-hover-header,
  .es-product.es-product-train .banner-hover-content .banner-hover-header {
    margin-bottom: 10px;
  }
}
.es-product.es-product-sass .banner-hover-content .title,
.es-product.es-product-open-cloud .banner-hover-content .title,
.es-product.es-product-train .banner-hover-content .title {
  font-size: 48px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-sass .banner-hover-content .title,
  .es-product.es-product-open-cloud .banner-hover-content .title,
  .es-product.es-product-train .banner-hover-content .title {
    font-size: 24px;
  }
}
.es-product.es-product-sass .banner-hover-content .sub-title,
.es-product.es-product-open-cloud .banner-hover-content .sub-title,
.es-product.es-product-train .banner-hover-content .sub-title {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-sass .banner-hover-content,
  .es-product.es-product-open-cloud .banner-hover-content,
  .es-product.es-product-train .banner-hover-content {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .es-product.es-product-sass .banner-hover-footer .btn,
  .es-product.es-product-open-cloud .banner-hover-footer .btn,
  .es-product.es-product-train .banner-hover-footer .btn {
    width: auto;
    height: auto;
    padding: 12px 30px;
    border-radius: 2px;
  }
}
.es-product .product-btn-box {
  padding-top: 20px;
  text-align: center;
}
.es-product .product-btn-box .btn-open-cloud {
  display: inline-block;
  width: 180px;
  padding: 13px 30px;
  margin: 0 20px;
  border: 2px solid #1868DB;
  font-size: 14px;
  border-radius: 2px;
  color: #1868DB;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-btn-box .btn-open-cloud:hover {
  background: #1868db;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-product .product-btn-box .btn-open-cloud {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.es-product .product-btn-box .btn-open-color {
  background: #1868db;
  color: #ffffff;
}
.es-product .product-btn-box .btn-open-color:hover {
  border-color: #1352ad;
  background-color: #1457b6;
}
.es-product.es-product-open-cloud .product-layout.product-layout-1 {
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-open-cloud .banner-hover-content .banner-hover-header {
    margin-bottom: 10px;
  }
}
.es-product.es-product-open-cloud .banner-hover-content .banner-hover-header .title {
  font-size: 48px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-open-cloud .banner-hover-content .banner-hover-header .title {
    font-size: 24px;
  }
}
.es-product.es-product-open-cloud .banner-hover-content .banner-hover-header .sub-title {
  font-size: 30px;
}
.es-product.es-product-open-cloud .banner-hover-footer .btn-minor,
.es-product.es-product-open-cloud .banner-hover-footer .btn {
  width: 180px;
}
.es-product.es-product-open-cloud .banner-hover-footer .btn-minor {
  padding: 13px 0px;
  border: 2px solid #ffffff;
}
.es-product.es-product-open-cloud .banner-hover-footer .btn-reverse-white:hover {
  background-color: #1868db;
  border-color: #1868db;
}
.es-product.es-product-open-cloud .banner-hover-footer i {
  display: inline-block;
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 1;
}
.es-product.es-product-train .banner-hover-content {
  height: 320px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-train .banner-hover-content {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .es-product.es-product-train .banner-hover-content .banner-hover-header .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.es-product .banner-hover-header {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .es-product .banner-hover-header {
    margin-bottom: 15px;
  }
}
.es-product .banner-hover-header .title {
  font-size: 72px;
}
@media screen and (max-width: 767px) {
  .es-product .banner-hover-header .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.es-product .product-layout {
  padding: 100px 0 120px 0;
}
.es-product .product-layout.product-layout-1 {
  padding: 70px 0 120px 0;
}
.es-product .product-layout.product-layout-1 .header {
  margin-bottom: 50px;
}
.es-product .product-layout.product-layout-sass .header {
  margin-bottom: 50px;
}
.es-product .product-layout.product-layout-sass .header .title {
  color: #313131;
  padding: 0 10px;
}
.es-product .product-layout.product-layout-sass .header .sub-title {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout.product-layout-sass .header .sub-title {
    font-size: 16px;
  }
}
.es-product .product-layout.product-layout-sass-1 .header {
  margin-bottom: 50px;
}
.es-product .product-layout.product-layout-sass-1 .header .sub-title {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout.product-layout-sass-1 .header .sub-title {
    font-size: 16px;
  }
}
.es-product .product-layout.product-layout-sass-1 .footer {
  margin-top: 40px;
}
.es-product .product-layout.product-layout-sass-1 .footer .footer-saas-btn {
  padding: 15px 30px;
  border-radius: 2px;
  letter-spacing: 2px;
}
.es-product .product-layout.product-layout-plugin {
  padding: 70px 0 120px 0;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout.product-layout-plugin {
    padding: 30px 0 20px 0;
  }
}
.es-product .product-layout.product-layout-plugin .header {
  color: #616161;
  margin-bottom: 50px;
}
.es-product .product-layout.product-layout-plugin .footer {
  margin-top: 30px;
}
.es-product .product-layout.product-layout-plugin .footer .btn-plugin-more {
  width: 200px;
  padding: 17px 10px;
  border: none;
  border-radius: 6px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .es-product .product-layout.product-layout-plugin .container-plugin {
    padding-left: 76px;
    padding-right: 76px;
  }
}
@media screen and (min-width: 992px) {
  .es-product .product-layout.product-layout-plugin .container-plugin .row-plugin {
    margin-left: -38px;
    margin-right: -38px;
  }
}
@media screen and (min-width: 992px) {
  .es-product .product-layout.product-layout-plugin .container-plugin .row-plugin .col-plugin {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media screen and (max-width: 767px) {
  .es-product .product-layout {
    padding: 30px 0 20px 0;
  }
}
.es-product .product-layout .header {
  padding: 0 10px;
  margin-bottom: 60px;
  color: #313131;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 3px;
}
.es-product .product-layout .header .header-img-wraper {
  display: inline-block;
}
.es-product .product-layout .header .sub-title {
  margin-top: 20px;
  padding: 0 10px;
  font-size: 20px;
  color: #616161;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .header .sub-title {
    font-size: 16px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .header {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
  }
}
.es-product .product-layout .item-product {
  margin-bottom: 30px;
}
.es-product .product-layout .item-product .item-header {
  margin-bottom: 30px;
  padding: 0 10px;
}
.es-product .product-layout .item-product .item-title {
  margin-top: 16px;
  color: #313131;
  font-size: 18px;
  line-height: 1;
}
.es-product .product-layout .item-product .item-body {
  margin-bottom: 30px;
  color: #616161;
}
.es-product .product-layout .item-product i {
  color: #616161;
  display: block;
  font-size: 48px;
  line-height: 1;
}
.es-product .product-layout .item-product p {
  color: #616161;
  font-size: 20px;
  letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-mobile i {
    font-size: 24px;
  }
  .es-product .product-layout .item-product-mobile p {
    font-size: 14px;
  }
}
.es-product .product-layout .item-product-1 {
  height: 220px;
  padding-top: 50px;
  background-color: #20b573;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-1 {
    height: 160px;
    padding-top: 35px;
  }
}
.es-product .product-layout .item-product-1:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-1 i {
  color: #ffffff;
  font-size: 48px;
}
.es-product .product-layout .item-product-1 p {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-1 p {
    font-size: 16px;
  }
}
.es-product .product-layout .item-product-3 {
  height: 220px;
  padding-top: 30px;
  background: #FFFFFF;
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-3 {
    height: 150px;
    font-size: 16px;
  }
}
.es-product .product-layout .item-product-3:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-3 i {
  font-size: 98px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-3 i {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-3 p {
    font-size: 16px;
    margin-top: 10px;
  }
}
.es-product .product-layout .item-product-5 {
  padding-top: 36px;
  margin-bottom: 15px;
  background-color: #ffffff;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-layout .item-product-5:hover {
  border: 1px solid #20b573;
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-5 i {
  font-size: 48px;
  color: #20b573;
}
.es-product .product-layout .item-product-5 p {
  font-size: 14px;
  letter-spacing: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.es-product .product-layout .item-product-5 .item-footer {
  margin-left: -1px;
  margin-right: -1px;
}
.es-product .product-layout .item-product-5 .item-footer .btn {
  padding: 22px 0;
  border-radius: 0;
  border: none;
}
.es-product .product-layout .item-product-open {
  letter-spacing: 1px;
}
.es-product .product-layout .item-product-open .item-header {
  margin-bottom: 10px;
}
.es-product .product-layout .item-product-open .item-body {
  font-size: 12px;
  padding: 0 40px;
}
.es-product .product-layout .item-product-open i {
  color: #1868db;
}
.es-product .product-layout .item-product-open-1 {
  padding-top: 30px;
  height: 220px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #ffffff;
}
.es-product .product-layout .item-product-open-1 .item-header {
  margin-bottom: 15px;
}
.es-product .product-layout .item-product-open-1 .item-body {
  padding: 0 40px;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
}
.es-product .product-layout .item-product-open-1 i {
  color: #ffffff;
}
.es-product .product-layout .item-product-open-1 p {
  color: #ffffff;
}
.es-product .product-layout .item-product-open-2 {
  height: 170px;
  padding: 40px 0;
  background-color: #ffffff;
}
.es-product .product-layout .item-product-open-2 i {
  color: #1868db;
}
.es-product .product-layout .item-product-colleges p {
  color: #616161;
  font-size: 16px;
  letter-spacing: 4px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-colleges p {
    font-size: 14px;
  }
}
.es-product .product-layout .item-product-colleges-1 {
  height: 280px;
  padding-top: 70px;
  background-color: #20b573;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-colleges-1 {
    height: 150px;
    padding-top: 20px;
  }
}
.es-product .product-layout .item-product-colleges-1:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-colleges-1 i {
  color: #ffffff;
  font-size: 48px;
}
.es-product .product-layout .item-product-colleges-1 p {
  color: #ffffff;
}
.es-product .product-layout .item-product-sass i {
  color: #1868db;
}
.es-product .product-layout .item-product-sass p {
  font-size: 16px;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-sass p {
    font-size: 14px;
    margin-top: 15px;
  }
}
.es-product .product-layout .item-product-sass-1 {
  padding-top: 40px;
  height: 170px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  cursor: pointer;
  background-color: #1868db;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-layout .item-product-sass-1:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-sass-1 i {
  color: #ffffff;
}
.es-product .product-layout .item-product-sass-1 p {
  color: #ffffff;
}
.es-product .product-layout .item-product-sass-2 {
  padding-top: 30px;
  height: 150px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  cursor: pointer;
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-layout .item-product-sass-2:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-sass-2 {
    padding-top: 20px;
  }
  .es-product .product-layout .item-product-sass-2 p {
    margin-top: 20px;
  }
}
.es-product .product-layout .item-product-sass-2 i {
  color: #1868db;
}
.es-product .product-layout .item-product-sass-2 p {
  font-size: 16px;
}
.es-product .product-layout .item-product-train {
  padding-top: 40px;
  height: 260px;
  background: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
}
.es-product .product-layout .item-product-train:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-train {
    padding-top: 35px;
    height: 160px;
  }
  .es-product .product-layout .item-product-train p {
    margin-top: 20px;
  }
}
.es-product .product-layout .item-product-train .item-header {
  margin-bottom: 15px;
}
.es-product .product-layout .item-product-train .item-body {
  padding: 0 30px;
  color: #919191;
}
.es-product .product-layout .item-product-train i {
  color: #616161;
}
.es-product .product-layout .item-product-train-1 {
  padding-top: 50px;
  height: 230px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  cursor: pointer;
  background-color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-layout .item-product-train-1:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-train-1 {
    height: 170px;
    padding-top: 35px;
  }
}
.es-product .product-layout .item-product-train-1 i {
  color: #ffffff;
}
.es-product .product-layout .item-product-train-1 p {
  color: #ffffff;
}
.es-product .product-layout .item-product-train-2 {
  padding-top: 40px;
  height: 180px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #fffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
.es-product .product-layout .item-product-train-2:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-train-2 {
    height: 170px;
    padding-top: 35px;
  }
}
.es-product .product-layout .item-product-train-3 {
  padding-top: 40px;
  height: 180px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  color: #ffffff;
  cursor: pointer;
  background-color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .product-layout .item-product-train-3:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
  box-shadow: 0 5px 8px 1px rgba(193, 193, 193, 0.5);
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-train-3 {
    height: 170px;
    padding-top: 35px;
  }
}
.es-product .product-layout .item-product-train-3 i {
  color: #ffffff;
}
.es-product .product-layout .item-product-train-3 p {
  color: #ffffff;
}
.es-product .product-layout .item-product-plugin {
  display: block;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-plugin {
    margin-bottom: 10px;
  }
}
.es-product .product-layout .item-product-plugin-2 {
  border-radius: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-plugin-2 {
    margin-bottom: 10px;
  }
}
.es-product .product-layout .item-product-plugin-ft {
  margin-top: 20px;
}
.es-product .product-layout .item-product-plugin-ft p {
  font-size: 20px;
  color: #616161;
  line-height: 1;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .es-product .product-layout .item-product-plugin-ft p {
    font-size: 12px;
  }
}
.es-product .product-layout .item-product-plugin-bg {
  border: none;
  border-radius: 26px;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.es-product .product-layout .item-product-plugin-bg:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-product .product-layout .item-product-plugin-hover {
  padding: 72px 0 ;
}
.es-product .product-layout .item-product-plugin-hover p {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 6px;
  line-height: 1;
}
.es-product .product-layout .item-product-plugin-bg-1-1 {
  background-image: url(../img/product/plugin_1_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_1_1.jpg) 1x, url(../img/product/plugin_1_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-1-2 {
  background-image: url(../img/product/plugin_1_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_1_2.jpg) 1x, url(../img/product/plugin_1_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  border-radius: 26px;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.es-product .product-layout .item-product-plugin-bg-img:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-product .product-layout .item-product-plugin-bg-img-2-8 {
  background-image: url(../img/product/plugin_2_8.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_8.jpg) 1x, url(../img/product/plugin_2_8.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-7 {
  background-image: url(../img/product/plugin_2_7.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_7.jpg) 1x, url(../img/product/plugin_2_7.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-6 {
  background-image: url(../img/product/plugin_2_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_6.jpg) 1x, url(../img/product/plugin_2_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-6 {
  background-image: url(../img/product/plugin_3_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_6.jpg) 1x, url(../img/product/plugin_3_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-7 {
  background-image: url(../img/product/plugin_3_7.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_7.jpg) 1x, url(../img/product/plugin_3_7.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-6 {
  background-image: url(../img/product/plugin_2_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_6.jpg) 1x, url(../img/product/plugin_2_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-6 {
  background-image: url(../img/product/plugin_3_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_6.jpg) 1x, url(../img/product/plugin_3_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-8 {
  background-image: url(../img/product/plugin_3_8.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_8.jpg) 1x, url(../img/product/plugin_3_8.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-7 {
  background-image: url(../img/product/plugin_2_7.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_7.jpg) 1x, url(../img/product/plugin_2_7.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-6 {
  background-image: url(../img/product/plugin_2_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_6.jpg) 1x, url(../img/product/plugin_2_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-6 {
  background-image: url(../img/product/plugin_3_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_6.jpg) 1x, url(../img/product/plugin_3_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-7 {
  background-image: url(../img/product/plugin_3_7.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_7.jpg) 1x, url(../img/product/plugin_3_7.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-6 {
  background-image: url(../img/product/plugin_2_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_6.jpg) 1x, url(../img/product/plugin_2_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-6 {
  background-image: url(../img/product/plugin_3_6.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_6.jpg) 1x, url(../img/product/plugin_3_6.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-5 {
  background-image: url(../img/product/plugin_2_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_5.jpg) 1x, url(../img/product/plugin_2_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-5 {
  background-image: url(../img/product/plugin_3_5.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_5.jpg) 1x, url(../img/product/plugin_3_5.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-4 {
  background-image: url(../img/product/plugin_2_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_4.jpg) 1x, url(../img/product/plugin_2_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-4 {
  background-image: url(../img/product/plugin_3_4.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_4.jpg) 1x, url(../img/product/plugin_3_4.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-3 {
  background-image: url(../img/product/plugin_2_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_3.jpg) 1x, url(../img/product/plugin_2_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-3 {
  background-image: url(../img/product/plugin_3_3.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_3.jpg) 1x, url(../img/product/plugin_3_3.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-2 {
  background-image: url(../img/product/plugin_2_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_2.jpg) 1x, url(../img/product/plugin_2_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-2 {
  background-image: url(../img/product/plugin_3_2.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_2.jpg) 1x, url(../img/product/plugin_3_2.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-2-1 {
  background-image: url(../img/product/plugin_2_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_2_1.jpg) 1x, url(../img/product/plugin_2_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-bg-img-3-1 {
  background-image: url(../img/product/plugin_3_1.jpg);
  background-image: -webkit-image-set(url(../img/product/plugin_3_1.jpg) 1x, url(../img/product/plugin_3_1.jpg) 2x);
}
.es-product .product-layout .item-product-plugin-2 {
  border-radius: 20px;
}
.es-product .colleges-special {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ffffff;
  background-image: url(../img/product/colleges_special.png);
}
.es-product .colleges-special-text {
  height: 300px;
  padding: 125px 0;
  line-height: 48px;
  font-size: 48px;
  color: #ffffff;
  letter-spacing: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .es-product .colleges-special-text {
    height: 150px;
    font-size: 16px;
    line-height: 16px;
    padding: 70px 0;
  }
}
.es-product .bg-gray {
  background-color: #f8f7f9;
}
.es-product .bg-cloud {
  background-color: #1868db;
}
.es-product .bg-flower {
  background-color: #f8f7f9;
  background-image: url(../img/product/bg-flower.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.es-product .btn-sass,
.es-product .btn-open {
  border-color: #1352ad;
  border: none;
  background-color: #1868db;
  color: #ffffff;
  -webkit-box-shadow: 0 9px 34px 0 rgba(24, 104, 210, 0.6);
  -moz-box-shadow: 0 9px 34px 0 rgba(24, 104, 210, 0.6);
  box-shadow: 0 9px 34px 0 rgba(24, 104, 210, 0.6);
}
.es-product .btn-sass:hover,
.es-product .btn-open:hover,
.es-product .btn-sass:focus,
.es-product .btn-open:focus,
.es-product .btn-sass.focus,
.es-product .btn-open.focus,
.es-product .btn-sass.active,
.es-product .btn-open.active {
  border-color: #1352ad;
  color: #ffffff;
  background-color: #1457b6;
}
.es-product .product-monitor-module {
  height: 234px;
  padding: 70px;
  text-align: center;
  background-position: center;
  background-image: url('/bundles/topxiaweb/v2/img/product/saas_monitor_bg.jpg');
  background-image: -webkit-image-set(url('/bundles/topxiaweb/v2/img/product/saas_monitor_bg.jpg') 1x, url('/bundles/topxiaweb/v2/img/product/saas_monitor_bg@2x.jpg') 2x);
}
.es-product .product-monitor-module .product-monitor-title {
  color: #fff;
  font-size: 36px;
  margin-bottom: 20px;
}
.es-product .product-monitor-module .product-monitor-content {
  color: #fff;
  font-size: 18px;
}
.es-product .tech-specifications-add {
  font-size: 12px;
  color: #919191;
  text-align: left;
  letter-spacing: 2px;
  margin-top: 17px;
}
.es-product .tech-specifications-table {
  width: 100%;
  text-align: center;
  border-left: 1px solid #f0f2f5;
  border-top: 1px solid #f0f2f5;
}
.es-product .tech-specifications-table.tech-specifications-table-1 thead th {
  height: 50px;
}
.es-product .tech-specifications-table thead tr th {
  height: 35px;
  width: 11.4%;
  font-size: 16px;
  color: #313131;
  text-align: center;
  background-color: #f5f5f5;
  border-right: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
}
.es-product .tech-specifications-table thead tr th:first-child {
  width: 12.5%;
  text-align: center;
}
.es-product .tech-specifications-table thead tr th:nth-child(2) {
  width: 19.7%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .es-product .tech-specifications-table thead tr th {
    font-size: 14px;
  }
  .es-product .tech-specifications-table thead tr th:first-child {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.es-product .tech-specifications-table tbody tr td {
  height: 50px;
  font-size: 14px;
  color: #616161;
  border-right: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
}
.es-product .tech-specifications-table tbody tr td:first-child {
  padding-left: 15px;
  padding-right: 10px;
  color: #616161;
  text-align: left;
}
.es-product .tech-specifications-table tbody tr td.tech-specifications-item {
  padding-left: 15px;
  padding-right: 10px;
  color: #616161;
  text-align: left;
}
.es-product .tech-specifications-table tbody tr td.tech-specifications-rowspan {
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .es-product .tech-specifications-table tbody tr td:first-child {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.es-product .tech-specifications-table tbody tr td .icon-nothave {
  color: #e1e1e1;
}
.es-product .tech-specifications-table tbody tr td .icon-check {
  color: #1868db;
}
/*服务报价：计算按钮*/
.btn-edu {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin-right: 30px;
  width: 108px;
  background-color: #f0f0f0;
  border: solid 1px #dadada;
  text-align: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #919191;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-edu-large {
  width: 151px;
}
.btn-submit {
  font-size: 18px;
  color: #fff;
  width: 142px;
  background-color: #ff974e;
  -webkit-box-shadow: 0 1px 1px #cd3f00;
  box-shadow: 0 1px 1px #cd3f00;
}
.btn-kefu {
  background-color: #1ec67a;
  box-shadow: 0 1px 1px #16ad88;
}
.btn-edu:hover {
  background-color: #ecfcf4;
  border-color: #54d49a;
  color: #919191;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.btn-edu.active {
  background-color: #ecfcf4;
  border-color: #54d49a;
  color: #535353;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*
** 页面:服务报价
**************************/
#priceTab {
  margin-top: 20px;
  margin-bottom: 40px;
}
#priceTab a {
  padding: 16px 50px;
  font-size: 22px;
  line-height: 22px;
  color: #999;
  padding-bottom: 20px;
}
.es-tab-section {
  margin-top: 20px;
  margin-bottom: 40px;
}
.es-tab-section .notice-alert {
  padding: 20px;
  background: #1EC67A;
  color: #fff;
  margin-bottom: 30px;
  margin-bottom: 20px !important;
  border: 4px solid #fff;
}
.es-tab-section h2 {
  position: relative;
  margin-bottom: 60px;
  font-size: 27px;
  line-height: 27px;
  color: #1ec67a;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.es-tab-section h2 span {
  color: #c0c0c0;
}
/*form price*/
.es-tab-section input[type="radio"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.es-tab-section .serice-price .buttons-wrapper {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ececec;
}
.es-tab-section .buttons-wrapper .btn-edu {
  height: 30px;
  width: 109px;
}
.es-tab-section .serice-price div[data-toggle="buttons"] {
  margin-bottom: 10px;
}
.es-tab-section .serice-price > p {
  margin-top: 70px;
  text-align: center;
}
.es-tab-section .serice-price span {
  width: 90px;
  display: inline-block;
  margin-right: 54px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: right;
  color: #1ec67a;
}
.es-tab-section .serice-price span.text2 {
  word-spacing: .2em;
}
.es-tab-section .buttons-wrapper .text {
  word-spacing: 1.4em;
  overflow: visible;
}
.es-tab-section .buttons-wrapper span {
  font-size: 16px;
}
.es-tab-section .edu-star {
  position: relative;
}
.es-tab-section .edu-star:after {
  content: '?';
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}
.es-tab-section .edu-tip {
  visibility: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 99;
  display: block;
  width: 200%;
  max-width: 160px;
  line-height: 1.5em;
  height: auto;
  white-space: pre-wrap !important;
  padding: 10px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px #ccc;
  color: #555;
  font-size: 16px!important;
  word-wrap: break-word;
  word-break: break-all;
}
.es-tab-section .edu-star:hover .edu-tip {
  visibility: visible;
}
/*form 2*/
.edu-serive .info-submit {
  margin: 20px auto;
}
.edu-serive .info-submit .para {
  margin-bottom: 25px;
  width: 50%;
  float: left;
  height: 95px;
}
.edu-serive .info-submit strong {
  color: #1ec67a;
  font-weight: normal;
}
.edu-serive .info-submit .text-danger {
  color: red;
}
.edu-serive .info-submit .para-odd {
  padding-right: 50px;
}
.edu-serive .info-submit .para-even {
  padding-left: 50px;
}
.edu-serive .info-submit .para-detail {
  width: 100%;
}
.edu-serive .info-submit .para-submit {
  text-align: right;
  width: 100%;
  margin-top: 40px;
}
.edu-serive .info-submit p.para-submit .btn {
  margin-left: 10px;
}
.edu-serive .info-submit label {
  display: block;
  font-size: 19px;
  line-height: 30px;
  color: #4c4c4c;
}
.edu-serive .info-submit label span {
  color: #bbb;
  font-size: 14px;
}
.edu-serive .info-submit input {
  width: 100%;
}
.edu-serive .info-submit textarea {
  resize: none;
  height: 250px;
}
.edu-serive .info-submit input:focus,
.edu-serive .info-submit textarea:focus {
  border-color: #54d49a;
}
/* total-price */
.total-price-server {
  margin: 50px auto;
}
.total-price-server h2 {
  font-size: 36px;
  color: #616161;
  text-align: center;
  margin-bottom: 50px;
}
.total-price {
  margin: 50px 0;
}
.total-price-title {
  height: 125px;
  width: 100%;
  margin: 100px auto;
  padding: 20px 30px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  background: url("/images/new_banner/total_price_title.png") center center no-repeat;
}
.total-price .panel label {
  font-weight: normal;
  display: block;
  height: 25px;
  line-height: 25px;
}
.total-price .glyphicon {
  font-size: 40px;
  color: #FAEBCC;
  line-height: 240px;
}
.total-price .panel input {
  margin: 0 10px 0 0;
  padding: 0;
  height: auto;
}
.total-price-row .total-icon {
  float: left;
  width: 8%;
  text-align: center;
  line-height: 343px;
}
.total-price-row .select-item {
  float: left;
  width: 19%;
}
.total-price-row .icon-arrow {
  margin: 20px;
  line-height: 34px;
  text-align: center;
}
.total-price-row .unit-price {
  color: #ff974e;
}
.total-price-row .totalprice {
  font-size: 14px;
  margin: 20px auto 20px auto;
  color: #1ec679;
}
.total-price-row .totalprice span {
  font-size: 20px;
}
.total-price-row .unit-price .title,
.total-price-row .totalprice .title {
  display: inline-block;
  width: 80px;
  text-align: right;
}
.total-price-row .total-btn {
  text-align: center;
}
.total-price-row .btn-total {
  padding: 12px 20px;
  border-color: #f1a452;
  background-color: #f1a452;
  color: #fff;
  border-radius: 0;
  font-size: 22px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.total-price-row .btn-total:hover {
  color: #fff;
  background-color: #ed8b23;
  border-color: #ed8b23;
}
.total-price-row .panel {
  border-radius: 0;
  border: 1px solid #f5f5f5;
}
.total-price-row .panel .panel-heading {
  border-radius: 0;
}
.total-price-row .panel .panel-body {
  padding: 20px;
  height: 300px;
  border-radius: 0;
  overflow-y: auto;
}
.total-price-row .panel .panel-body li {
  margin-bottom: 10px;
}
.total-price-row .panel.panel-detail {
  background-color: #cdf6e3;
  border: 1px solid #1ec679;
  color: #1ec679;
}
.total-price-row .panel.panel-detail .panel-body {
  height: 300px;
  padding: 10px;
}
.swiper-news {
  height: 500px !important;
}
@media screen and (max-width: 767px) {
  .swiper-news {
    height: 200px !important;
  }
}
.swiper-news .swiper-slide .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  z-index: 2;
}
.swiper-news .container {
  height: 100%;
}
.swiper-news .swiper-content {
  position: relative;
  height: 100%;
}
.swiper-news .swiper-content .swiper-title {
  position: absolute;
  left: 0;
  bottom: 45px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  z-index: 1000;
}
@media (max-width: 767px) {
  .swiper-news .swiper-content .swiper-title {
    font-size: 16px;
    text-align: center;
  }
}
.swiper-news .swiper-button-next {
  right: 5%;
}
.swiper-news .swiper-button-prev {
  left: 5%;
}
.swiper-news .swiper-pagination-bullet {
  height: 4px;
  width: 40px;
  border-radius: 0;
}
.swiper-news .swiper-pagination-bullet-active {
  background: #20b573;
}
.medium-news {
  background-color: #f1f1f1;
}
.medium-news .medium-news-swiper-wrapper {
  position: relative;
  min-height: 70px;
}
.medium-news .news-header {
  margin: 70px 0 30px;
  font-size: 24px;
}
.medium-news .news-header .title {
  border-bottom: 3px solid #20b573;
}
.medium-news .news-section {
  margin-top: 20px;
}
.medium-news .news-section .news-item {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 5px 5px 5px #e1e1e1;
  -moz-box-shadow: 5px 5px 5px #e1e1e1;
  box-shadow: 5px 5px 5px #e1e1e1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.medium-news .news-section .news-item:hover {
  transform: translate(0, -6px);
  -webkit-box-sizing: translate(0, -6px);
  -moz-box-sizing: translate(0, -6px);
  -ms-box-sizing: translate(0, -6px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.medium-news .news-section .news-item .news-info {
  padding: 18px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.medium-news .news-section .news-item .news-info .title {
  font-size: 16px;
  color: #3c3e3d;
  display: block;
  height: 44px;
  line-height: 22px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.medium-news .news-section .news-item .news-info .title:hover,
.medium-news .news-section .news-item .news-info .title:focus {
  color: #20b573;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.medium-news .news-section .news-item .news-info .intro {
  font-size: 12px;
  color: #616161;
  margin-top: 18px;
  display: block;
  height: 34px;
  line-height: 17px;
  overflow: hidden;
}
.medium-news .news-section .news-item .metas {
  padding: 12px 20px;
  font-size: 12px;
  color: #616161;
}
.medium-news .news-section .news-item .metas .views {
  margin-right: 8px;
  color: #6c6c6c;
}
.medium-news .news-section .news-item .metas .views .glyphicon-eye-open {
  margin-right: 4px;
}
.medium-news .news-section .news-item .metas .date {
  margin-right: 4px;
  margin-top: -2px;
}
.medium-news .news-pagination {
  text-align: center;
}
.medium-news .news-pagination .pagination li {
  display: inline-block;
}
.medium-news .news-footer {
  padding: 75px 0 25px;
  text-align: center;
  font-size: 16px;
}
.medium-news-detail {
  background: url(/bundles/topxiaweb/v2/img/news-detail-bg1.jpg) no-repeat top center;
}
.medium-news-detail .news-breadcrumb {
  background-color: transparent;
  padding: 30px 0 0 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .medium-news-detail .news-breadcrumb {
    font-size: 12px;
    padding: 20px 0 0 0;
  }
}
.medium-news-detail .detail-section {
  padding-bottom: 40px;
  width: 650px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .medium-news-detail .detail-section {
    width: 100%;
    padding-bottom: 20px;
  }
}
.medium-news-detail .detail-section .detail-title {
  font-size: 30px;
  color: #313131;
  margin: 35px 0 30px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .medium-news-detail .detail-section .detail-title {
    font-size: 22px;
    margin: 20px 0 15px;
  }
}
.medium-news-detail .detail-section .detail-title .title-line {
  display: inline-block;
  width: 3px;
  height: 32px;
  margin-right: 10px;
  background: #20b573;
  vertical-align: text-bottom;
}
.medium-news-detail .detail-section .subtitle {
  color: #919191;
  font-size: 16px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .medium-news-detail .detail-section .subtitle {
    font-size: 12px;
  }
}
.medium-news-detail .detail-section .subtitle .subtitle-line {
  width: 1px;
  height: 16px;
  margin: 0 12px;
  background: #919191;
  display: inline-block;
  vertical-align: text-bottom;
}
.medium-news-detail .detail-section .detail-img {
  text-align: center;
}
.medium-news-detail .detail-section .article-title {
  font-size: 16px;
  margin-top: 30px;
  font-weight: bold;
  letter-spacing: 1px;
}
.medium-news-detail .detail-section .article-content {
  color: #616161;
  font-size: 16px;
  margin-top: 30px;
  letter-spacing: 1.5px;
  text-align: justify;
}
@media (max-width: 767px) {
  .medium-news-detail .detail-section .article-content {
    font-size: 14px;
  }
}
.medium-news-detail .detail-section .pager {
  margin-top: 35px;
}
.medium-news-detail .detail-section .article-img {
  margin-top: 30px;
}
.medium-news-detail .news-footer {
  padding: 75px 0 25px;
  text-align: center;
  font-size: 16px;
}
.thread-body img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}
.h40 {
  height: 40px;
}
.ft-wt-wide {
  font-weight: bold;
}
.evaluation-banner {
  padding: 76px 0;
  background-image: url(../img/evaluation/evaluation_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .evaluation-banner {
    padding: 28px 0;
    background-image: url(../img/evaluation/evaluation_mobile_banner.png);
  }
}
.evaluation-title {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  font-size: 48px;
  color: #ffffff;
  letter-spacing: 5px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .evaluation-title {
    font-size: 24px;
    letter-spacing: 2px;
  }
}
.evaluation-title .title-line {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 50px;
  opacity: .5;
  background-color: #ffffff;
}
.evaluation-title .title-line.title-line-left {
  left: -80px;
}
.evaluation-title .title-line.title-line-right {
  right: -80px;
}
.evaluation-subtitle {
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .evaluation-subtitle {
    font-size: 14px;
    letter-spacing: 4px;
  }
}
.evaluation-content {
  padding: 100px 0 360px 0;
  background-image: url(../img/evaluation/evaluation_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .evaluation-content {
    padding: 10px 0 10px 0;
    background: #ffffff;
  }
}
.evaluation-content .content-layout {
  display: inline-block;
}
.evaluation-content .content-layout.content-layout-1 .content-text {
  float: none;
}
.evaluation-content .content-text {
  width: 442px;
  color: #616161;
  float: left;
  line-height: 2;
  letter-spacing: 1.75px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .content-text {
    padding: 15px;
    width: auto;
    float: none;
  }
}
.evaluation-content .conntent-btn-wrapper {
  padding: 0 15px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .conntent-btn-wrapper {
    margin-top: 60px;
  }
}
@media screen and (max-width: 415px) {
  .evaluation-content .conntent-btn-wrapper {
    margin-top: 160px;
  }
}
@media screen and (max-width: 376px) {
  .evaluation-content .conntent-btn-wrapper {
    margin-top: 60px;
  }
}
@media screen and (max-width: 321px) {
  .evaluation-content .conntent-btn-wrapper {
    margin-top: 60px;
  }
}
.evaluation-content .content-btn {
  width: 260px;
  padding: 15px;
  background-color: #ff9921;
  box-shadow: 0 8px 20px 0 rgba(48, 48, 48, 0.2);
  border-radius: 4px;
  outline: none;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.evaluation-content .content-btn:hover,
.evaluation-content .content-btn:focus {
  background-color: #ff8d07;
}
@media screen and (max-width: 767px) {
  .evaluation-content .content-btn {
    width: 100%;
  }
}
.evaluation-content .content-detail {
  float: left;
  margin-left: 136px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .content-detail {
    width: auto;
    float: none;
    margin-left: 0;
  }
}
@media screen and (max-width: 415px) {
  .evaluation-content .content-detail {
    margin-top: 80px;
  }
}
@media screen and (max-width: 376px) {
  .evaluation-content .content-detail {
    margin-top: 50px;
  }
}
@media screen and (max-width: 321px) {
  .evaluation-content .content-detail {
    margin-top: 0;
  }
}
.evaluation-content .data {
  margin-bottom: 30px;
  letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .data {
    padding: 0 15px;
    margin-bottom: 0px;
  }
}
.evaluation-content .data .data-num {
  margin-bottom: 20px;
  font-size: 36px;
  color: #FFB921;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .data .data-num {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
  }
}
.evaluation-content .data .data-text {
  font-size: 16px;
  color: #616161;
  line-height: 16px;
}
.evaluation-content .data .data-btn {
  width: 100%;
  padding: 15px;
  background-color: #ff9921;
  box-shadow: 0 8px 20px 0 rgba(48, 48, 48, 0.2);
  border-radius: 4px;
  outline: none;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.evaluation-content .data .data-btn:hover,
.evaluation-content .data .data-btn:focus {
  background-color: #ff8d07;
}
.evaluation-content .data .data-btn-wrapper {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .evaluation-content .data .data-btn-wrapper {
    margin-top: 10px;
  }
}
@media screen and (max-width: 415px) {
  .evaluation-content .data .data-btn-wrapper {
    margin-top: 35px;
  }
}
@media screen and (max-width: 376px) {
  .evaluation-content .data .data-btn-wrapper {
    margin-top: 10px;
  }
}
@media screen and (max-width: 321px) {
  .evaluation-content .data .data-btn-wrapper {
    margin-top: 10px;
  }
}
.evaluation-content .data .bor-frame {
  margin: 0 auto;
}
.bor-frame {
  position: relative;
  width: 263px;
  height: 170px;
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  .bor-frame {
    height: auto;
    padding: 0;
  }
}
.bor-frame .bor-frame-style {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: transparent;
}
.bor-frame .bor-frame-1 {
  left: 0;
  top: 0;
  border-left: 2px solid #313131;
  border-top: 2px solid #313131;
}
.bor-frame .bor-frame-2 {
  right: 0;
  top: 0;
  border-right: 2px solid #313131;
  border-top: 2px solid #313131;
}
.bor-frame .bor-frame-3 {
  left: 0;
  bottom: 0;
  border-left: 2px solid #313131;
  border-bottom: 2px solid #313131;
}
.bor-frame .bor-frame-4 {
  right: 0;
  bottom: 0;
  border-bottom: 2px solid #313131;
  border-right: 2px solid #313131;
}
.evaluation-test {
  position: relative;
  display: inline-block;
}
.evaluation-test .evaluation-test-title {
  height: 40px;
  min-width: 200px;
  font-size: 18px;
  color: #313131;
  line-height: 1;
}
.evaluation-test .evaluation-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
}
.evaluation-normal-btn {
  padding: 9px 50px;
  outline: none;
}
.evaluation-btn-fix {
  width: 80px;
  padding: 10px;
}
.evaluation-test-btn-wrapper {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .evaluation-test-btn-wrapper {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.evaluation-radio {
  position: relative;
  display: block;
  padding: 12px 0 12px 30px;
  border-radius: 2px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  color: #616161;
  cursor: pointer;
  font-weight: normal;
}
.evaluation-radio:hover,
.evaluation-radio:focus,
.evaluation-radio.checked {
  background: #F9F9FA;
}
.evaluation-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #919191;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #ffffff;
}
.evaluation-radio.checked:before {
  border: none;
  background-color: #20B573;
}
.evaluation-radio.checked:after {
  position: absolute;
  top: 17px;
  left: 36px;
  content: " ";
  display: block;
  height: 8px;
  width: 4px;
  background-color: #20B573;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.evaluation-radio input {
  display: none;
}
.evaluation-alert {
  padding: 22px 0;
  font-size: 16px;
  color: #313131;
  line-height: 1;
  background-color: #f9f9fa;
  border-radius: 2px;
}
.evaluation-step-8 {
  margin-bottom: 30px;
  height: 40px;
  border-bottom: 1px solid #f1f1f1;
}
.evaluation-step-8 .col-step {
  float: left;
  width: 12.5%;
  height: 40px;
  opacity: 0;
  border-bottom: 6px solid #20b573;
  font-size: 16px;
  line-height: 34px;
  color: #20b573 ;
}
@media screen and (max-width: 767px) {
  .evaluation-step-8 .col-step {
    font-size: 12px;
  }
}
.evaluation-step-8 .col-step.active {
  opacity: 1;
}
.evaluation-step-8 .col-step span {
  font-size: 20px;
}
.evaluation-result {
  padding-top: 40px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .evaluation-result {
    padding-top: 20px;
  }
}
.evaluation-result-header {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .evaluation-result-header {
    padding-bottom: 10px;
  }
}
.evaluation-result-header .header-icon {
  font-size: 60px;
  line-height: 1;
  color: #20b573;
}
.evaluation-result-body {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .evaluation-result-body {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .evaluaton-result-footer .evaluation-normal-btn {
    padding: 6px 10px;
  }
}
.evaluaton-result-footer .evaluation-result-btn {
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .evaluaton-result-footer .evaluation-result-btn {
    padding: 0;
    width: 104px;
    height: 34px;
    line-height: 34px;
  }
}
.evaluation-result-text {
  color: #313131;
  line-height: 1.5;
  font-size: 20px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .evaluation-result-text {
    font-size: 14px;
  }
}
.evaluation-result-text span {
  color: #313131;
  font-weight: blod;
}
.evaluation-result-text + .evaluation-result-text {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .evaluation-result-text + .evaluation-result-text {
    margin-top: 10px;
  }
}
.open-resource-article {
  padding: 20px 25px;
  border: 1px solid #c1c1c1;
  height: 363px;
  overflow: auto;
}
.open-resource-article .btn {
  padding: 9px 100px;
}
@media screen and (max-width: 767px) {
  .open-resource-article .btn {
    padding: 9px 50px;
  }
}
.open-source-hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
}
@media screen and (max-width: 767px) {
  .open-source-hover {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
  }
}
.open-source {
  position: relative;
}
.open-source .open-source-warning {
  color: #ffb921;
  font-weight: bold;
  margin-top: 8px;
  text-indent: -9px;
}
.open-source-bg-banner {
  padding-bottom: 26%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .open-source-bg-banner {
    padding-bottom: 40px;
  }
}
.open-source-ban {
  margin-left: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .open-source-ban {
    margin-left: 0;
  }
}
.open-source-ban-header {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .open-source-ban-header {
    margin-top: 30px;
  }
}
.open-source-ban-title {
  font-size: 48px;
  font-weight: bold;
  color: #313131;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .open-source-ban-title {
    font-size: 24px;
  }
}
.open-source-ban-title span {
  color: #ffb921;
}
.open-source-ban-intro {
  margin-top: 24px;
  font-size: 18px;
  color: #313131;
  letter-spacing: 0;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .open-source-ban-intro {
    margin-top: 10px;
    font-size: 14px;
  }
}
.open-source-ban-body {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .open-source-ban-body {
    margin-top: 16px;
  }
}
.open-source-ban-body .btn {
  width: 180px;
  padding: 15px 30px;
  border-radius: 2px;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .open-source-ban-body .btn {
    width: 80px;
    padding: 6px 10px;
  }
}
.open-source-ban-body .btn-primary {
  border: none;
  box-shadow: 0 9px 20px 0 rgba(32, 181, 115, 0.4);
}
.open-source-ban-body .btn-reverse {
  padding: 14px 0 ;
  border: 2px solid #20b573;
}
@media screen and (max-width: 767px) {
  .open-source-ban-body .btn-reverse {
    padding: 4px 10px;
  }
}
.open-source-ban-footer {
  margin-top: 20px;
}
.open-source-ban-footer a {
  color: #616161;
  font-size: 12px;
  letter-spacing: 2px;
}
.open-source-ban-footer a:hover {
  color: #20b573;
}
.open-source-layout {
  padding: 100px 0 120px 0;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .open-source-layout {
    padding: 30px 40px;
  }
}
.open-source-layout .header {
  color: #313131;
  font-size: 36px;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
  .open-source-layout .header {
    font-size: 24px;
  }
}
.open-source-layout .body {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .open-source-layout .body {
    margin-top: 30px;
  }
}
.open-source-layout .body i {
  display: inline-block;
  width: 98px;
  height: 98px;
  margin-bottom: 20px;
  border: none;
  border-radius: 50%;
  font-size: 36px;
  line-height: 98px;
  background-color: #616161;
  color: #ffffff;
}
.open-source-layout .footer {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .open-source-layout .footer {
    margin-top: 30px;
  }
}
.open-source-layout .footer .btn {
  border: none;
  padding: 17px 30px;
  letter-spacing: 2px;
  border-radius: 2px;
}
.open-source-item {
  margin-bottom: 20px;
}
.open-source-item .cicle {
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
}
.open-source-bot-ban {
  padding: 76px 0 60px 0;
  background-image: url(../img/open-source/bottom_banner.jpg);
  background-image: -webkit-image-set(url(../img/open-source/bottom_banner.jpg) 1x, url(../img/open-source/bottom_banner@2x.jpg) 2x);
}
@media screen and (max-width: 767px) {
  .open-source-bot-ban {
    padding: 30px 0 20px 0;
  }
}
.open-source-bot-ban a {
  color: #ffffff;
}
.open-source-bot-ban-txt {
  font-size: 24px;
  letter-spacing: 4px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .open-source-bot-ban-txt {
    font-size: 18px;
    letter-spacing: 2px;
  }
}
.es-indexpage .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: content-box;
  border: 3px solid #e1e1e1;
  background: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-indexpage .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #43bc60;
}
.es-indexpage #swiper-top.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-sizing: content-box;
  border: 2px solid #e1e1e1;
  background: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.es-indexpage #swiper-top.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  filter: alpha(opacity=100);
  border-color: #ffffff;
}
.es-indexpage .banner-hover-container {
  position: absolute;
  height: 310px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.es-indexpage .banner-hover-container .banner-hover-header {
  margin-bottom: 28px;
}
.es-indexpage .banner-hover-container .banner-hover-header .title {
  margin-bottom: 0px;
}
.es-indexpage .banner-hover-container .banner-hover-header .banner-hover-title {
  font-size: 48px;
  font-weight: bold;
  line-height: 64px;
}
.es-indexpage .banner-hover-container .banner-hover-header .banner-hover-detail {
  font-size: 30px;
  letter-spacing: 8px;
}
.es-indexpage .banner-hover-container .banner-hover-header .banner-hover-desc {
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 68px;
}
.es-indexpage .banner-hover-container .banner-hover-footer .btn {
  width: 160px;
  height: 50px;
  border-radius: 0px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: bold;
}
.es-indexpage .banner-hover-container .banner-hover-footer .btn-main {
  box-shadow: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(-225deg, #4ec074 0%, #40b15c 100%, #40b15c 100%);
  border-radius: 2px;
  border: none;
  letter-spacing: 2px;
}
.es-indexpage .banner-hover-container .banner-hover-footer .btn.btn-minor {
  width: 160px;
  height: 50px;
  padding: 12px 15px;
  background: none;
  border: 2px solid #FFFFFF;
  border-radius: 2px;
}
.es-indexpage .banner-hover-container .banner-hover-footer .homepage-link-content:hover .btn-minor {
  box-shadow: 0 5px 20px 1px rgba(97, 97, 97, 0.3);
  background: rgba(255, 255, 255, 0.2);
}
.es-indexpage .banner-hover-container .banner-hover-footer .btn-minor.disabled {
  opacity: 0.5;
}
.es-indexpage .banner-hover-container .banner-hover-footer .btn-minor.disabled:hover {
  box-shadow: 0 5px 20px 1px rgba(97, 97, 97, 0.15);
}
.es-indexpage .product-intro {
  padding: 42px 0;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-intro {
    padding: 10px 0;
  }
}
.es-indexpage .product-item {
  display: block;
  height: 160px;
  padding-top: 50px;
  margin-bottom: 30px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.05);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-item {
    height: 100px;
    padding-top: 25px;
    margin-bottom: 10px;
  }
}
.es-indexpage .product-item:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.es-indexpage .product-item-header {
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-item-header {
    height: 30px;
  }
}
.es-indexpage .product-item-header img {
  float: right;
  margin-right: 15%;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-item-header img {
    width: 24px;
  }
}
.es-indexpage .product-item-header i {
  font-size: 50px;
  line-height: 1;
  color: #20b573;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-item-header i {
    font-size: 36px;
  }
}
.es-indexpage .product-item-body {
  padding: 0;
  color: #616161;
  letter-spacing: 2px;
  text-align: left;
}
.es-indexpage .product-item-body .product-item-body-title {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}
.es-indexpage .product-item-body .product-item-body-desc {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .es-indexpage .product-item-body {
    margin-top: 16px;
    font-size: 12px;
  }
}
.es-indexpage .homepage-link-content {
  display: inline-block;
}
.es-indexpage .homepage-link-content .homepage-link {
  position: relative;
  top: 0px;
  display: inline-block;
  padding: 15px 30px;
  font-size: 14px;
  border-radius: 2px;
  background: #43bc60;
  color: #ffffff;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.05);
}
.es-indexpage .homepage-link-content:hover .homepage-link {
  top: -3px;
  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.08);
}
.es-indexpage .homepage-layout {
  padding-top: 80px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout {
    padding-top: 30px;
  }
}
.es-indexpage .homepage-layout.bg-gray {
  background-color: #fafafa;
}
.es-indexpage .homepage-layout.homepage-train > .container {
  padding: 0 45px;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body {
  position: relative;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item {
  display: block;
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s cubic-bezier(0.01, 0.51, 0.52, 0.8);
  -webkit-transition: all 0.5s cubic-bezier(0.01, 0.51, 0.52, 0.8);
  -moz-transition: all 0.5s cubic-bezier(0.01, 0.51, 0.52, 0.8);
  -o-transition: all 0.5s cubic-bezier(0.01, 0.51, 0.52, 0.8);
  -ms-transition: all 0.5s cubic-bezier(0.01, 0.51, 0.52, 0.8);
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item1 {
  position: relative;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item2 {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item3 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item4 {
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item5 {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
}
.es-indexpage .homepage-layout.homepage-train .homepage-layout-body .homepage-train-item6 {
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
}
.es-indexpage .homepage-layout.homepage-train.homepage-active .homepage-layout-body .homepage-train-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
  -moz-transform: translate3d(0, -50px, 0);
  -o-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
.es-indexpage .homepage-layout .homepage-link-box {
  text-align: center;
  margin-bottom: 110px;
  margin-top: 50px;
}
.es-indexpage .homepage-layout .homepage-layout-header {
  margin-bottom: 80px;
}
.es-indexpage .homepage-layout .homepage-layout-header .homepage-header-title {
  font-size: 36px;
  color: #313131;
  letter-spacing: 4px;
  line-height: 56px;
  font-weight: bold;
}
.es-indexpage .homepage-layout .homepage-layout-header .homepage-header-subhead {
  font-size: 24px;
  color: #616161;
  letter-spacing: 2px;
  line-height: 44px;
}
.es-indexpage .homepage-layout.homepage-school-system {
  padding-bottom: 10px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-container {
  margin-bottom: 70px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item {
  position: relative;
  top: 20px;
  margin-bottom: 100px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item:after,
.es-indexpage .homepage-layout.homepage-school-system .school-system-item:before {
  display: table;
  content: " ";
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item:after {
  clear: both;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-img-box {
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -webkit-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -moz-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -o-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -ms-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-img-box .school-system-img {
  width: 100%;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-text {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -webkit-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -moz-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -o-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -ms-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  letter-spacing: 2px;
  padding-top: 25px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-text .school-system-title {
  position: relative;
  color: #43bc60;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-text .school-system-title:before {
  content: '';
  position: absolute;
  left: -16px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #43bc60;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item .school-system-text .school-system-desc {
  color: #616161;
  font-size: 16px;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item1 .school-system-img-box {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item1 .school-system-text {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item2 .school-system-img-box {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item2 .school-system-text {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item3 .school-system-img-box {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item3 .school-system-text {
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item4 .school-system-img-box {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  -ms-transition-delay: 0.8s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item4 .school-system-text {
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item5 .school-system-img-box {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item5 .school-system-text {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
  -moz-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  -ms-transition-delay: 1.1s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item6 .school-system-img-box {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
}
.es-indexpage .homepage-layout.homepage-school-system .school-system-item.school-system-item6 .school-system-text {
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  -ms-transition-delay: 1.3s;
}
.es-indexpage .homepage-layout.homepage-school-system.homepage-active .school-system-item .school-system-img-box {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.es-indexpage .homepage-layout.homepage-school-system.homepage-active .school-system-item .school-system-text {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.es-indexpage .homepage-layout.homepage-cloud {
  padding-bottom: 70px;
}
.es-indexpage .homepage-layout.homepage-cloud .homepage-layout-header {
  margin-bottom: 20px;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item {
  overflow: hidden;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-img {
  position: relative;
  left: 125px;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -webkit-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -moz-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -o-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -ms-transition: all 0.3s cubic-bezier(0.54, 0.085, 0.5, 0.92);
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-img.cloud-swiper-img1 {
  top: -10px;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-text {
  position: relative;
  top: 10px;
  padding-top: 170px;
  padding-left: 6%;
  padding-right: 30%;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s 0.2s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -webkit-transition: all 0.3s 0.2s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -moz-transition: all 0.3s 0.2s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -o-transition: all 0.3s 0.2s cubic-bezier(0.54, 0.085, 0.5, 0.92);
  -ms-transition: all 0.3s 0.2s cubic-bezier(0.54, 0.085, 0.5, 0.92);
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-text .cloud-swiper-title {
  margin-bottom: 25px;
  font-size: 30px;
  color: #313131;
  letter-spacing: 4px;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-text .cloud-swiper-detail {
  margin-bottom: 20px;
  font-size: 18px;
  color: #616161;
  letter-spacing: 2px;
  line-height: 30px;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .cloud-swiper-item .cloud-swiper-text .cloud-swiper-link {
  margin-top: 20px;
}
.es-indexpage .homepage-layout.homepage-cloud .cloud-swiper-box .swiper-pagination-bullet {
  margin: 0 10px;
}
.es-indexpage .homepage-layout.homepage-cloud.homepage-active .cloud-swiper-box .cloud-swiper-img {
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-indexpage .homepage-layout.homepage-cloud.homepage-active .cloud-swiper-box .cloud-swiper-text {
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-indexpage .homepage-layout.homepage-resource .homepage-layout-header {
  margin-bottom: 50px;
}
.es-indexpage .homepage-layout.homepage-resource .resource-item {
  display: block;
  padding-top: 30px;
  padding-bottom: 45px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-resource .resource-item:hover {
  box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.05);
}
.es-indexpage .homepage-layout.homepage-resource .resource-item-img {
  display: block;
  width: 36%;
  margin: 0 auto;
}
.es-indexpage .homepage-layout.homepage-resource .resource-item-title {
  margin-top: 25px;
  text-align: center;
  font-size: 24px;
  color: #313131;
  letter-spacing: 4px;
}
.es-indexpage .homepage-layout.homepage-resource .resource-item-desc {
  margin-top: 10px;
  padding: 0 18%;
  text-align: center;
  color: #313131;
  font-size: 14px;
  letter-spacing: 4px;
}
.es-indexpage .homepage-layout.homepage-resource .resource-item-desc.last {
  padding: 0 14%;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-bg {
  width: 100%;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content .operation-item-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content .operation-item-text {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 90%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content .operation-item-text .operation-item-title {
  text-align: center;
  font-size: 24px;
  letter-spacing: 5px;
  color: #ffffff;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content .operation-item-text .operation-item-title::before {
  content: '';
  position: relative;
  display: block;
  top: -16px;
  width: 40px;
  height: 4px;
  border-radius: 10px;
  background: #A2DBB1;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-operation .operation-item .operation-item-content .operation-item-text .operation-item-detail {
  font-size: 16px;
  margin-top: 20px;
  padding: 0 13%;
  color: #FFFFFF;
  letter-spacing: 3px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-indexpage .homepage-layout.homepage-operation .operation-item:hover .operation-item-content .operation-item-mask {
  background: #43bc60;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.es-indexpage .homepage-layout.homepage-operation .operation-item:hover .operation-item-content .operation-item-text {
  -ms-transform: translate3d(0, -40px, 0);
  -webkit-transform: translate3d(0, -40px, 0);
  -moz-transform: translate3d(0, -40px, 0);
  -o-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
}
.es-indexpage .homepage-layout.homepage-operation .operation-item:hover .operation-item-content .operation-item-text .operation-item-detail {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-indexpage .homepage-layout.homepage-operation .operation-item:hover .operation-item-content .operation-item-title::before {
  background: #FFFFFF;
}
.es-indexpage .homepage-layout.service-defense {
  padding: 0;
}
.es-indexpage .homepage-layout.service-defense .service-defense-text {
  padding: 53px 0;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 8px;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout.service-defense .service-defense-text {
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: 5px;
    line-height: 28px;
  }
}
.es-indexpage .homepage-layout.service-defense .service-defense-strong {
  width: 200px;
  font-size: 40px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout.service-defense .service-defense-strong {
    font-size: 24px;
    width: 125px;
  }
}
.es-indexpage .homepage-layout.homepage-custom .homepage-layout-header {
  margin-bottom: 40px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box {
  position: relative;
  width: 800px;
  margin: 0 auto 30px;
  overflow: hidden;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item {
  padding-bottom: 65px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item .custom-swiper-item-box {
  width: 150px;
  margin: 0 auto;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item .custom-swiper-text {
  margin-bottom: 20px;
  padding: 0 50px;
  font-size: 16px;
  color: #616161;
  letter-spacing: 3px;
  line-height: 26px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item .custom-swiper-avatar {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item .custom-swiper-title {
  margin-bottom: 5px;
  font-size: 12px;
  color: #313131;
  letter-spacing: 4px;
  font-weight: bold;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .custom-swiper-item .custom-swiper-desc {
  font-size: 12px;
  color: #313131;
  letter-spacing: 4px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .swiper-custom-prev > .iconfont-arr {
  font-size: 24px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .swiper-custom-next > .iconfont-arr {
  font-size: 24px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-swiper-box .swiper-custom-pagination > .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  border-width: 1px;
}
.es-indexpage .homepage-layout.homepage-custom .custom-logo-box {
  height: 319px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .es-indexpage .homepage-layout.homepage-custom .custom-logo-box .hover-item {
    background-size: 2000%;
    background-position-y: 0px;
  }
  .es-indexpage .homepage-layout.homepage-custom .custom-logo-box .hover-item.img-box:hover {
    background-position-y: -71px;
  }
}
.es-indexpage .homepage-layout.homepage-custom .custom-logo-box .img-box {
  border-color: #f1f1f1;
}
.es-indexpage .homepage-layout.homepage-custom .custom-logo-box a:nth-child(5n) > div {
  border-right: none;
}
.es-indexpage .homepage-layout.homepage-custom .custom-logo-box .hover-item:hover {
  background-position-y: -86px;
}
.es-indexpage .homepage-layout.homepage-character {
  padding-bottom: 120px;
}
.es-indexpage .homepage-layout.homepage-character .character-item {
  width: 100%;
  padding: 45px 25px;
  text-align: center;
  background-color: #ffffff;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: default;
}
.es-indexpage .homepage-layout.homepage-character .character-item.padding-lg {
  padding: 45px 31px;
}
.es-indexpage .homepage-layout.homepage-character .character-item .character-item-img {
  display: block;
  width: 50px;
  margin: 0 auto;
}
.es-indexpage .homepage-layout.homepage-character .character-item .character-item-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin: 15px 0 10px;
  color: #616161;
  font-size: 20px;
  font-weight: bold;
}
.es-indexpage .homepage-layout.homepage-character .character-item .character-item-desc {
  color: #616161;
  font-size: 14px;
  height: 60px;
  overflow: hidden;
}
.es-indexpage .homepage-layout.homepage-character .character-item:hover {
  box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.05);
}
.es-indexpage .homepage-layout.homepage-message {
  padding-bottom: 120px;
}
.es-indexpage .homepage-layout.homepage-message .homepage-layout-header {
  margin-bottom: 50px;
}
.es-indexpage .homepage-layout.homepage-message .message-item {
  display: block;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box .message-bg {
  display: block;
  width: 100%;
  height: 208px;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box .message-btn {
  position: absolute;
  left: 11px;
  top: -15px;
  height: 50px;
  width: 160px;
  padding: 0;
  line-height: 50px;
  text-align: center;
  background: #43bc60;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 3px;
  font-weight: bold;
  border-radius: 2px;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box .message-mask {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box .message-detail {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 50px;
  padding: 0;
  line-height: 50px;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box .message-detail a {
  display: block;
  width: 100%;
  color: #ffffff;
  padding-left: 20px;
  font-size: 16px;
  letter-spacing: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 2px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.4);
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box:hover {
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-bg-box:hover .message-mask {
  background: rgba(0, 0, 0, 0.55);
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-text a {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 16px;
  color: #313131;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-text a:hover {
  color: #43bc60;
}
.es-indexpage .homepage-layout.homepage-message .message-item .message-text a::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #43bc60;
}
.es-indexpage .homepage-layout.user-data {
  position: relative;
  padding-top: 0;
  padding-bottom: 9.375%;
}
.es-indexpage .homepage-layout.user-data .user-data-hover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 60px;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout.user-data .user-data-hover {
    height: 40px;
  }
}
.es-indexpage .homepage-layout.user-data .user-data-item {
  position: relative;
  float: left;
}
.es-indexpage .homepage-layout.user-data .user-data-line {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 2px;
  background-color: #ffffff;
  opacity: .3;
}
.es-indexpage .homepage-layout.user-data .user-data-num {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 4px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout.user-data .user-data-num {
    font-size: 16px;
  }
}
.es-indexpage .homepage-layout.user-data .user-data-text {
  margin-top: 8px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-indexpage .homepage-layout.user-data .user-data-text {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
  }
}
.es-indexpage .homepage-layout.user-data .user-data-title {
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 4px;
  line-height: 1;
  margin-bottom: 10px;
}
.es-homepage .banner-hover-content {
  height: 200px;
}
@media screen and (max-width: 767px) {
  .es-homepage .banner-hover-content {
    height: 70px;
  }
}
.es-homepage .banner-hover-content .banner-hover-header {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .es-homepage .banner-hover-content .banner-hover-header {
    margin-bottom: 10px;
  }
}
.es-homepage .banner-hover-content .banner-hover-header .title {
  font-size: 60px;
}
@media screen and (max-width: 767px) {
  .es-homepage .banner-hover-content .banner-hover-header .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.es-homepage .banner-hover-content .banner-hover-footer .btn {
  padding: 20px 110px;
}
@media screen and (max-width: 767px) {
  .es-homepage .banner-hover-content .banner-hover-footer .btn {
    padding: 12px 30px;
    height: auto;
    width: auto;
  }
}
.es-homepage .banner-hover-content .banner-hover-footer i {
  display: inline-block;
  height: 16px;
  width: 16px;
  font-size: 16px;
  line-height: 1;
}
.es-homepage .product-intro {
  padding: 42px 0;
}
@media screen and (max-width: 767px) {
  .es-homepage .product-intro {
    padding: 10px 0;
  }
}
.es-homepage .product-item {
  display: block;
  height: 200px;
  padding-top: 42px;
  margin-bottom: 30px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-homepage .product-item {
    height: 100px;
    padding-top: 25px;
    margin-bottom: 10px;
  }
}
.es-homepage .product-item:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and (max-width: 767px) {
  .es-homepage .product-item-header {
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .es-homepage .product-item-header img {
    width: 24px;
  }
}
.es-homepage .product-item-header i {
  font-size: 50px;
  line-height: 1;
  color: #20b573;
}
@media screen and (max-width: 767px) {
  .es-homepage .product-item-header i {
    font-size: 36px;
  }
}
.es-homepage .product-item-body {
  margin-top: 24px;
  font-size: 24px;
  color: #616161;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .es-homepage .product-item-body {
    margin-top: 16px;
    font-size: 12px;
  }
}
.es-homepage .homepage-layout {
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout {
    padding-top: 30px;
  }
}
.es-homepage .homepage-layout-header {
  font-size: 48px;
  color: #313131;
  letter-spacing: 5px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-header {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
  }
}
.es-homepage .homepage-layout-body .more {
  line-height: 120px;
  vertical-align: middle;
}
.es-homepage .homepage-layout-footer {
  margin-top: 60px;
}
.es-homepage .homepage-layout-course .homepage-layout-body {
  margin-top: 160px;
  height: 550px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-course .homepage-layout-body {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 15px;
    height: auto;
  }
}
.es-homepage .homepage-layout-cloud {
  position: relative;
  z-index: 20;
}
.es-homepage .homepage-layout-cloud .homepage-layout-body {
  margin-top: 40px;
}
.es-homepage .homepage-layout-cloud .homepage-layout-body .swiper-1-wrapper {
  padding: 0 90px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-cloud .homepage-layout-body .swiper-1-wrapper {
    padding: 0 10px;
  }
}
.es-homepage .homepage-layout-cloud .homepage-layout-body .swiper-container {
  -webkit-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
  -moz-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
  box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
}
.es-homepage .homepage-layout-user {
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-user {
    padding-bottom: 20px;
  }
}
.es-homepage .homepage-layout-user .homepage-layout-body {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-user .homepage-layout-body {
    margin-top: 30px;
  }
}
.es-homepage .homepage-layout-user .homepage-layout-body .swiper-2-wrapper {
  padding: 0 90px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-user .homepage-layout-body .swiper-2-wrapper {
    padding: 0 10px;
  }
}
.es-homepage .homepage-layout-user .homepage-layout-body .swiper-container {
  -webkit-box-shadow: 0 5px 8px 4px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: 0 5px 8px 4px rgba(225, 225, 225, 0.5);
  box-shadow: 0 5px 8px 4px rgba(225, 225, 225, 0.5);
}
.es-homepage .homepage-layout-news {
  padding-bottom: 100px;
}
.es-homepage .homepage-layout-news .swiper-news-wrapper {
  padding: 0 90px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper {
    padding: 0 10px;
  }
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro {
  padding: 50px 15px 40px 15px;
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item {
  height: inherit;
  padding-top: 0;
  border-radius: 0;
  background-color: #fff;
  color: #000;
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item img {
  width: 100%;
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info {
  padding: 20px 20px 40px 20px;
}
@media screen and (max-width: 992px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info {
    padding: 10px 10px 20px 10px;
  }
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-title {
  height: 48px;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
  color: #616161;
  letter-spacing: 1.1px;
}
@media screen and (max-width: 992px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-title {
    height: 40px;
    line-height: 20px;
    font-size: 12px;
  }
}
.es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-content {
  padding-top: 20px;
  height: 92px;
  min-height: 50px;
  line-height: 18px;
  font-size: 12px;
  color: #919191;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-content {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-news .swiper-news-wrapper .swiper-slide .product-intro .product-item .news-info .news-content {
    display: none;
  }
}
.es-homepage .homepage-layout-news .homepage-layout-footer {
  margin-top: 0;
}
.es-homepage .homepage-layout-news .homepage-layout-footer .homepage-layout-footer-btn {
  padding: 15px 30px;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-news .homepage-layout-footer .homepage-layout-footer-btn {
    padding: 6px 30px;
  }
}
.es-homepage .homepage-layout-example {
  padding-bottom: 90px;
}
.es-homepage .homepage-layout-example .homepage-layout-body {
  margin-top: 50px;
}
.es-homepage .homepage-layout-example .homepage-layout-footer-btn {
  padding: 15px 30px;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .es-homepage .homepage-layout-example .homepage-layout-footer-btn {
    padding: 6px 30px;
  }
}
.es-homepage .course-item {
  position: relative;
  display: block;
  height: 350px;
  width: 17%;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-top-width: 5px;
  overflow: hidden;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .es-homepage .course-item {
    width: auto;
    height: auto;
    margin-bottom: 30px;
    float: none;
    border-color: #20b573;
  }
  .es-homepage .course-item.active {
    width: 32%;
    height: 490px;
    border-color: #20b573;
    -ms-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px);
  }
  .es-homepage .course-item .course-item-overview {
    opacity: 0;
  }
  .es-homepage .course-item .course-item-detail {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) and screen and (max-width: 767px) {
  .es-homepage .course-item.active {
    width: auto;
    -webkit-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    -moz-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.es-homepage .course-item.active {
  width: 32%;
  height: 490px;
  border-color: #20b573;
  -ms-transform: translateY(-70px);
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -o-transform: translateY(-70px);
  transform: translateY(-70px);
}
@media screen and (max-width: 767px) {
  .es-homepage .course-item.active {
    width: auto;
    -webkit-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    -moz-box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    box-shadow: 0 10px 20px 1px rgba(145, 145, 145, 0.5);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.es-homepage .course-item.active .course-item-overview {
  opacity: 0;
}
.es-homepage .course-item.active .course-item-detail {
  opacity: 1;
}
.es-homepage .course-item-overview {
  position: absolute;
  left: 0;
  right: 0;
  height: 350px;
  opacity: 1;
  padding-top: 36px;
}
.es-homepage .course-item-overview .course-item-header i {
  font-size: 36px;
  line-height: 1;
}
.es-homepage .course-item-overview .course-item-body {
  margin-top: 40px;
  font-size: 14px;
  color: #313131;
  line-height: 16px;
}
.es-homepage .course-item-overview .course-item-title {
  margin-top: 20px;
  font-size: 18px;
  color: #313131;
  font-weight: bold;
}
.es-homepage .course-item-overview .course-item-line {
  width: 50px;
  height: 1px;
  margin: 20px auto 0 auto;
  background-color: #e1e1e1;
}
.es-homepage .course-item-detail {
  opacity: 0;
  padding: 36px 30px 0 30px;
  height: 490px;
  min-width: 375px;
}
@media screen and (max-width: 767px) {
  .es-homepage .course-item-detail {
    min-width: auto;
  }
}
.es-homepage .course-item-detail .course-item-header {
  color: #20b573;
  line-height: 1;
}
.es-homepage .course-item-detail .course-item-header i {
  font-size: 36px;
  vertical-align: middle;
}
.es-homepage .course-item-detail .course-item-header span {
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.es-homepage .course-item-detail .course-item-line {
  width: auto;
  height: 1px;
  margin: 25px auto 0 auto;
  background-color: #e1e1e1;
}
.es-homepage .course-item-detail .course-item-body {
  margin-top: 40px;
}
.es-homepage .course-item-detail .course-intro-item + .course-intro-item {
  margin-top: 30px;
}
.es-homepage .course-item-detail .course-intro-item-header {
  color: #313131;
}
.es-homepage .course-item-detail .course-intro-item-header i {
  font-size: 24px;
  line-height: 1px;
  vertical-align: middle;
  color: #616161;
}
.es-homepage .course-item-detail .course-intro-item-header span {
  color: #313131;
  font-size: 18px;
  vertical-align: middle;
}
.es-homepage .course-item-detail .course-intro-item-body {
  margin-top: 5px;
  line-height: 24px;
  font-size: 14px;
  color: #616161;
}
.es-homepage .cloud-feature {
  height: 530px;
  padding: 60px 120px 0 120px;
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-homepage .cloud-feature {
    height: 440px;
    padding: 20px 10px 30px 10px;
  }
}
.es-homepage .cloud-feature-header {
  line-height: 1;
}
.es-homepage .cloud-feature-header i {
  font-size: 48px;
}
@media screen and (max-width: 767px) {
  .es-homepage .cloud-feature-header i {
    height: 400px;
    padding: 20px 10px 30px 10px;
  }
}
.es-homepage .cloud-feature-header .icon-text {
  font-size: 24px;
  color: #616161;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .es-homepage .cloud-feature-header .icon-text {
    margin-top: 10px;
  }
}
.es-homepage .cloud-feature-header .icon-text-detail {
  margin-top: 30px;
  font-size: 30px;
  color: #313131;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
  .es-homepage .cloud-feature-header .icon-text-detail {
    font-size: 20px;
    margin-top: 15px;
  }
}
.es-homepage .cloud-feature-body {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .es-homepage .cloud-feature-body {
    margin-top: 25px;
  }
}
.es-homepage .feature-detail-header .icon-wrapper {
  width: 72px;
  height: 72px;
  border: 2px solid #e1e1e1;
  border-radius: 50%;
  margin: 0 auto;
}
.es-homepage .feature-detail-header .icon-wrapper i {
  color: #313131;
  line-height: 68px;
  font-size: 30px;
}
.es-homepage .feature-detail-title {
  margin-top: 15px;
  font-size: 20px;
  color: #313131;
}
@media screen and (max-width: 767px) {
  .es-homepage .feature-detail-title {
    margin-top: 5px;
    text-align: left;
    font-size: 18px;
  }
}
.es-homepage .feature-detail-body {
  margin-top: 20px;
  font-size: 14px;
  color: #616161;
}
@media screen and (max-width: 767px) {
  .es-homepage .feature-detail-body {
    margin-top: 10px;
    text-align: left;
  }
}
.es-homepage .user-card {
  height: 290px;
  padding-top: 110px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-card {
    height: 190px;
    padding-top: 50px;
  }
}
.es-homepage .user-card .user-card-text {
  display: inline-block;
  font-size: 24px;
  letter-spacing: 5px;
  color: #313131;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-card .user-card-text {
    font-size: 16px;
  }
}
.es-homepage .user-card .user-card-mes {
  margin-top: 30px;
  padding: 0 10px;
}
.es-homepage .user-card .user-card-name {
  margin-top: 5px;
  margin-left: 6px;
  color: #616161;
  font-size: 16px;
}
.es-homepage .user-card .user-card-line {
  width: 100px;
  height: 1px;
  margin-top: 14px;
  background-color: #c1c1c1;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-card .user-card-line {
    width: 40px;
  }
}
.es-homepage .user-card .user-card-img-wrapper {
  margin-left: 10px;
}
.es-homepage .user-card .user-card-img {
  height: 30px;
  border: none;
}
.es-homepage .user-data {
  position: relative;
  padding-bottom: 18.88%;
}
.es-homepage .user-data-hover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-data-hover {
    height: 40px;
  }
}
.es-homepage .user-data-item {
  position: relative;
  float: left;
}
.es-homepage .user-data-line {
  position: absolute;
  right: 0;
  top: 5px;
  bottom: 5px;
  width: 2px;
  background-color: #ffffff;
  opacity: .3;
}
.es-homepage .user-data-num {
  font-size: 36px;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-data-num {
    font-size: 16px;
  }
}
.es-homepage .user-data-text {
  margin-top: 20px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .es-homepage .user-data-text {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
  }
}
.es-homepage .service-defense-text {
  padding: 62px 0;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 20px;
  line-height: 36px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-defense-text {
    padding: 30px 0;
    font-size: 18px;
    letter-spacing: 5px;
    line-height: 28px;
  }
}
.es-homepage .service-defense-strong {
  width: 320px;
  font-size: 48px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-defense-strong {
    font-size: 24px;
    width: 125px;
  }
}
.es-homepage .service-advan {
  padding: 100px 0 90px 0;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan {
    padding: 30px 0 20px 0;
  }
}
.es-homepage .service-advan-layout {
  padding: 0 130px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-layout {
    padding: 0;
  }
}
.es-homepage .service-advan-item {
  height: 580px;
  background: #ffffff;
  border: 1px solid #20b573;
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item {
    height: 400px;
  }
}
.es-homepage .service-advan-item-header {
  background-color: #20b573;
}
.es-homepage .service-advan-item-title {
  padding: 50px 0;
  font-size: 30px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item-title {
    padding: 20px 0;
    font-size: 20px;
  }
}
.es-homepage .service-advan-item-body {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item-body {
    margin-top: 30px;
  }
}
.es-homepage .service-advan-item-body i {
  display: inline-block;
  font-size: 64px;
  line-height: 1;
  color: #20b573;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item-body i {
    font-size: 36px;
  }
}
.es-homepage .service-advan-item-body p {
  margin-top: 70px;
  letter-spacing: 3px;
  color: #616161;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item-body p {
    margin-top: 20px;
    font-size: 16px;
  }
}
.es-homepage .service-advan-item-body p + p {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .es-homepage .service-advan-item-body p + p {
    margin-top: 15px;
  }
}
.es-homepage .service-advan-item-body p span {
  color: #313131;
  font-weight: bold;
}
.es-homepage .swiper-img-container {
  margin-top: -12%;
}
.es-homepage .bg-gray {
  background-color: #f5f5f5;
}
.es-homepage .w-course {
  width: 17%;
  float: left;
}
.es-homepage .w-course.active {
  width: 32%;
}
.oneline-0 {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-1 {
  background-position: 2.12765957% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-2 {
  background-position: 4.25531915% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-3 {
  background-position: 6.38297872% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-4 {
  background-position: 8.5106383% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-5 {
  background-position: 10.63829787% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-6 {
  background-position: 12.76595745% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-7 {
  background-position: 14.89361702% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-8 {
  background-position: 17.0212766% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-9 {
  background-position: 19.14893617% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-10 {
  background-position: 21.27659574% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-11 {
  background-position: 23.40425532% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-12 {
  background-position: 25.53191489% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-13 {
  background-position: 27.65957447% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-14 {
  background-position: 29.78723404% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-15 {
  background-position: 31.91489362% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-16 {
  background-position: 34.04255319% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-17 {
  background-position: 36.17021277% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-18 {
  background-position: 38.29787234% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-19 {
  background-position: 40.42553191% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-20 {
  background-position: 42.55319149% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-21 {
  background-position: 44.68085106% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-22 {
  background-position: 46.80851064% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-23 {
  background-position: 48.93617021% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-24 {
  background-position: 51.06382979% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-25 {
  background-position: 53.19148936% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-26 {
  background-position: 55.31914894% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-27 {
  background-position: 57.44680851% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-28 {
  background-position: 59.57446809% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-29 {
  background-position: 61.70212766% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-30 {
  background-position: 63.82978723% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-31 {
  background-position: 65.95744681% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-32 {
  background-position: 68.08510638% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-33 {
  background-position: 70.21276596% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-34 {
  background-position: 72.34042553% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-35 {
  background-position: 74.46808511% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-36 {
  background-position: 76.59574468% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-37 {
  background-position: 78.72340426% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-38 {
  background-position: 80.85106383% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-39 {
  background-position: 82.9787234% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-40 {
  background-position: 85.10638298% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-41 {
  background-position: 87.23404255% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-42 {
  background-position: 89.36170213% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-43 {
  background-position: 91.4893617% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-44 {
  background-position: 93.61702128% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-45 {
  background-position: 95.74468085% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-46 {
  background-position: 97.87234043% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-47 {
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-0 {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-1 {
  background-position: 5.26315789% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-2 {
  background-position: 10.52631579% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-3 {
  background-position: 15.78947368% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-4 {
  background-position: 21.05263158% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-5 {
  background-position: 26.31578947% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-6 {
  background-position: 31.57894737% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-7 {
  background-position: 36.84210526% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-8 {
  background-position: 42.10526316% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-9 {
  background-position: 47.36842105% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-10 {
  background-position: 52.63157895% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-11 {
  background-position: 57.89473684% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-12 {
  background-position: 63.15789474% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-13 {
  background-position: 68.42105263% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-14 {
  background-position: 73.68421053% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-15 {
  background-position: 78.94736842% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-16 {
  background-position: 84.21052632% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-17 {
  background-position: 89.47368421% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-18 {
  background-position: 94.73684211% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
.oneline-homepage-19 {
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: auto;
}
#swiper-top .swiper-button-next {
  right: 100px;
}
#swiper-top .swiper-button-prev {
  left: 100px;
}
@media screen and (max-width: 767px) {
  .system-content.index {
    overflow: hidden;
  }
  .system-content.index .mobile-index-item {
    padding: 30px 0 20px;
  }
  .system-content.index .mobile-index-item.first {
    padding-bottom: 20px;
  }
  .system-content.index .mobile-index-item.first img {
    padding-bottom: 0;
    margin-bottom: -50px;
  }
  .system-content.index .needed-text {
    padding-bottom: 0;
  }
  .system-content.index .needed-text .needed-text-title {
    font-size: 24px;
  }
  .system-content.index .needed-text .needed-text-desc {
    padding: 0 28px;
  }
  .system-content.index .needed-img {
    padding-top: 0;
  }
  .system-content.index .needed-img img {
    box-shadow: none;
  }
  .system-content.index .needed-img .mobile-index-link-box {
    padding-right: 20px;
    text-align: right;
  }
  .system-content.index .needed-img .mobile-index-link-box .mobile-index-link {
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
  }
  .es-homepage .index-cloud-block .index-cloud-block-title {
    font-size: 24px;
    color: #616161;
    text-align: center;
    letter-spacing: 4px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .es-homepage .index-cloud-block .index-cloud-block-desc {
    font-size: 14px;
    color: #616161;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 37px;
  }
  .es-homepage .index-cloud-block .index-cloud-item {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding: 0 10px;
    overflow: hidden;
  }
  .es-homepage .index-cloud-block .index-cloud-item img {
    width: 100%;
  }
  .es-homepage .index-cloud-block .index-cloud-item .index-cloud-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 12%;
    text-align: center;
  }
  .es-homepage .index-cloud-block .index-cloud-item .index-cloud-text p {
    color: #ffffff;
  }
  .es-homepage .index-cloud-block .index-cloud-item .index-cloud-text .index-cloud-title {
    font-size: 18px;
    letter-spacing: 4px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .es-homepage .index-cloud-block .index-cloud-item .index-cloud-text .index-cloud-desc {
    font-size: 14px;
    letter-spacing: 2px;
  }
  .es-homepage .index-used-block .swiper-index-used {
    overflow: hidden;
  }
  .es-homepage .index-used-block .index-used-block-title {
    text-align: center;
    font-size: 20px;
    color: #616161;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .es-homepage .index-used-block .used-swiper-img {
    padding: 0;
  }
  .es-homepage .index-used-block .used-swiper-img img {
    width: 100%;
  }
  .es-homepage .index-used-block .swiper-used-text {
    font-size: 12px;
    color: #616161;
    letter-spacing: 1px;
    line-height: 24px;
  }
  .es-homepage .index-used-block .swiper-used-text i {
    color: #20b573;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 13px;
    margin-top: 9px;
  }
  .es-homepage .index-used-block .used-swiper-text {
    position: relative;
    padding: 0;
    top: 50px;
    left: -30px;
  }
  .es-homepage .index-used-block .swiper-used-from {
    position: relative;
    text-align: right;
    color: #616161;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .es-homepage .index-used-block .swiper-used-from span {
    font-weight: 100;
    font-size: 12px;
  }
  .es-homepage .index-used-block .swiper-pagination-index-mobile {
    text-align: center;
    margin-top: 30px;
  }
  .es-homepage .user-mobile-index {
    background: url('../img/default/mobile-index-user.jpg') no-repeat center;
    background-size: cover;
    padding-bottom: 20%;
  }
  .es-homepage .mobile-index-define {
    padding: 0 20px;
  }
  .es-homepage .mobile-index-define .mobile-index-define-block {
    height: 280px;
    text-align: center;
  }
  .es-homepage .mobile-index-define .mobile-index-define-block .mobile-index-define-content {
    height: 180px;
    margin-top: 50px;
    background-color: #ffffff;
  }
  .es-homepage .mobile-index-define .mobile-index-define-block .mobile-index-define-content img {
    margin-bottom: 25px;
    margin-top: 25px;
    width: 42%;
  }
  .es-homepage .mobile-index-define .mobile-index-define-block .mobile-index-define-content p {
    font-size: 12px;
    color: #313131;
    letter-spacing: 2px;
  }
  .es-homepage .mobile-index-define .mobile-index-define-block .mobile-index-define-content p span {
    font-size: 20px;
    color: #20b573;
    letter-spacing: 4px;
    font-weight: bold;
  }
  .es-homepage .mobile-index-success {
    text-align: center;
  }
  .es-homepage .mobile-index-success .mobile-index-success-title {
    font-size: 24px;
    font-weight: bold;
    color: #616161;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
  .es-homepage .mobile-index-success .mobile-index-success-img {
    padding: 0 20px;
  }
  .es-homepage .mobile-index-success .mobile-index-success-img img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@keyframes homepage-move {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
.es-spread {
  width: 100%;
  height: 100%;
}
.es-spread .spread-sec {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.es-spread .spread-sec .spread-hover {
  position: absolute;
  top: 47%;
  right: 0;
  left: 0;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.es-spread .spread-sec .spread-hover-header {
  text-align: center;
}
.es-spread .spread-sec .spread-hover-title {
  font-size: 48px;
  color: #313131;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 6px;
}
.es-spread .spread-sec .spread-hover-sub-title {
  font-size: 30px;
  margin-top: 50px;
  line-height: 1;
}
.es-spread .spread-sec .spread-hover-body {
  margin-top: 70px;
}
.es-spread .spread-sec .spread-hover-footer {
  margin-top: 100px;
  text-align: center;
}
.es-spread .spread-sec-1 {
  background-image: url(../img/spread/spread_sec_1.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_1.jpg) 1x, url(../img/spread/spread_sec_1.jpg) 2x);
}
.es-spread .spread-sec-1 .spread-hover-title {
  color: #ffffff;
  font-size: 72px;
}
.es-spread .spread-sec-1 .spread-hover-sub-title {
  color: #ffffff;
  font-size: 0;
  letter-spacing: 2px;
}
.es-spread .spread-sec-1 .spread-hover-sub-title span {
  font-size: 30px;
}
.es-spread .spread-sec-1 .spread-hover-sub-title span + span:before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-left: 30px;
  margin-right: 30px;
  border: none;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #ffffff;
}
.es-spread .spread-sec-1 .spread-hover-footer {
  margin-top: 60px;
}
.es-spread .spread-sec-2 {
  background-image: url(../img/spread/spread_sec_2.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_2.jpg) 1x, url(../img/spread/spread_sec_2.jpg) 2x);
}
.es-spread .spread-sec-2 .spread-hover-footer {
  margin-top: 60px;
}
.es-spread .spread-sec-2 .spread-hover-title {
  letter-spacing: 2px;
}
.es-spread .spread-sec-2 .spread-hover-sub-title {
  color: #616161;
  letter-spacing: 2px;
}
.es-spread .spread-sec-3 {
  background-image: url(../img/spread/spread_sec_3.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_3.jpg) 1x, url(../img/spread/spread_sec_3.jpg) 2x);
}
.es-spread .spread-sec-3 .spread-hover {
  top: 50%;
}
.es-spread .spread-sec-3 .spread-hover-body {
  margin-top: 50px;
}
.es-spread .spread-sec-3 .spread-hover-footer {
  margin-top: 30px;
}
.es-spread .spread-sec-4 {
  background-image: url(../img/spread/spread_sec_4.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_4.jpg) 1x, url(../img/spread/spread_sec_4.jpg) 2x);
}
.es-spread .spread-sec-4 .spread-hover {
  top: 50%;
}
.es-spread .spread-sec-4 .spread-hover-title {
  color: #ffffff;
}
.es-spread .spread-sec-5 {
  background-image: url(../img/spread/spread_sec_3.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_3.jpg) 1x, url(../img/spread/spread_sec_3.jpg) 2x);
}
.es-spread .spread-sec-5 .spread-hover {
  top: 50%;
}
.es-spread .spread-sec-5 .spread-hover-title {
  font-size: 36px;
  letter-spacing: 6px;
}
.es-spread .spread-sec-6 {
  background-image: url(../img/spread/spread_sec_6.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_6.jpg) 1x, url(../img/spread/spread_sec_6.jpg) 2x);
}
.es-spread .spread-sec-6 .spread-hover {
  top: 50%;
}
.es-spread .spread-sec-6 .spread-hover-title {
  color: #ffffff;
}
.es-spread .spread-sec-7 {
  background-image: url(../img/spread/spread_sec_3.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_3.jpg) 1x, url(../img/spread/spread_sec_3.jpg) 2x);
}
.es-spread .spread-sec-7 .spread-hover-title {
  font-size: 36px;
}
.es-spread .spread-sec-8 {
  background-image: url(../img/spread/spread_sec_8.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_8.jpg) 1x, url(../img/spread/spread_sec_8.jpg) 2x);
}
.es-spread .spread-sec-mobile-1 {
  background-image: url(../img/spread/spread_sec_mobile_1.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_mobile_1.jpg) 1x, url(../img/spread/spread_sec_mobile_1.jpg) 2x);
}
.es-spread .es-product .bg-gray {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .es-spread .es-product .bg-gray {
    background-color: #f5f5f5;
  }
}
.es-spread .es-product .product-layout {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .es-spread .es-product .product-layout {
    padding: 30px 0 20px 0;
  }
}
.es-spread .es-product .product-layout .item-product-5 {
  border-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .es-spread .es-product .product-layout .item-product-5 {
    -webkit-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
    -moz-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
    box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  }
}
.es-spread .es-product .spread-sec-mobile-2 {
  background-image: url(../img/spread/spread_sec_mobile_2.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_mobile_2.jpg) 1x, url(../img/spread/spread_sec_mobile_2.jpg) 2x);
}
.es-spread .es-product .spread-sec-mobile-4 {
  background-image: url(../img/spread/spread_sec_mobile_4.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_mobile_4.jpg) 1x, url(../img/spread/spread_sec_mobile_4.jpg) 2x);
}
.es-spread .es-product .spread-sec-mobile-6 {
  background-image: url(../img/spread/spread_sec_mobile_6.jpg);
  background-image: -webkit-image-set(url(../img/spread/spread_sec_mobile_6.jpg) 1x, url(../img/spread/spread_sec_mobile_6.jpg) 2x);
}
.es-spread .es-product .spread-sec-mobile-6 .header {
  color: #ffffff;
}
.es-spread .es-copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  background-color: #393c40;
}
@media screen and (max-width: 767px) {
  .es-spread .es-copyright {
    position: relative;
  }
}
.es-spread .common-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-spread .common-header.is-top {
  background-color: #ffffff;
}
.es-spread .common-header:hover {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .es-spread .common-header {
    position: relative;
  }
}
.es-spread .common-header .es-nav .nav li a {
  padding: 18px 30px;
  color: #313131;
}
.es-spread .pagination {
  position: fixed;
  right: 50px;
  top: 30%;
  z-index: 20;
  width: 10px;
  text-align: center;
}
.es-spread .swiper-pagination-switch {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #555;
  margin-top: 20px;
  opacity: 0.8;
  border: none;
  cursor: pointer;
}
.es-spread .swiper-active-switch {
  background: #20b573;
}
.es-spread .es-spread-mobile-ban {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.es-spread .es-spread-mobile-ban .header {
  padding-top: 30%;
}
.es-spread .es-spread-mobile-ban .header p {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  color: #ffffff;
}
.es-spread .es-spread-mobile-ban .body {
  padding-top: 10%;
}
.es-spread .es-spread-mobile-ban .body p {
  font-size: 14px;
}
.es-spread .es-spread-mobile-ban .footer a {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10%;
}
.es-spread .es-spread-mobile-ban.es-spread-mobile-ban-1 .header p {
  font-size: 36px;
  color: #ffffff;
  line-height: 1.5;
}
.es-spread .es-spread-mobile-ban.es-spread-mobile-ban-1 .body p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 24px;
}
.es-spread .es-spread-mobile-ban.es-spread-mobile-ban-2 .header p {
  padding: 0 30px;
  font-size: 30px;
  color: #313131;
}
.es-spread .es-spread-mobile-ban.es-spread-mobile-ban-2 .body p {
  color: #313131;
  font-size: 16px;
  line-height: 30px;
}
.spread-item {
  padding-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 20px;
  text-align: center;
  background: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -moz-box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  box-shadow: 0 5px 8px 1px rgba(225, 225, 225, 0.5);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.spread-item:hover {
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.spread-item-title {
  margin-top: 20px;
  color: #616161;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.spread-item-icon {
  color: #919191;
  font-size: 48px;
  line-height: 1;
}
.spread-blank-item {
  padding: 30px 10px;
  text-align: center;
  cursor: pointer;
}
.spread-blank-item-icon {
  color: #ffffff;
  font-size: 48px;
  line-height: 1;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
  .spread-blank-item-icon {
    font-size: 36px;
  }
}
.spread-blank-item-title {
  margin-top: 20px;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 4px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
  .spread-blank-item-title {
    min-height: 44px;
    font-size: 16px;
  }
}
.spread-gray-item {
  padding: 30px 10px;
  cursor: pointer;
  text-align: center;
}
.spread-gray-item-icon {
  color: #313131;
  font-size: 48px;
  line-height: 1;
}
.spread-gray-item-title {
  margin-top: 20px;
  color: #616161;
  font-size: 20px;
  letter-spacing: 4px;
}
.es-international {
  overflow: hidden;
}
.es-international .bg-group {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.es-international .bg-group .bg-item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -10;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-international .bg-group .bg-item.is-active {
  z-index: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .bg-group .bg-item.bg-item-1 {
  background-color: #000000;
  background-image: url(../img/international/inter_sec_1.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_sec_1.jpg) 1x, url(../img/international/inter_sec_1@2x.jpg) 2x);
}
.es-international .bg-group .bg-item.bg-item-2 {
  background-image: url(../img/international/inter_sec_2.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_sec_2.jpg) 1x, url(../img/international/inter_sec_2@2x.jpg) 2x);
}
.es-international .bg-group .bg-item.bg-item-3 {
  background-color: #ffffff;
}
.es-international .bg-group .bg-item.bg-item-4 {
  background-image: url(../img/international/inter_sec_4.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_sec_4.jpg) 1x, url(../img/international/inter_sec_4@2x.jpg) 2x);
}
.es-international .bg-group .bg-item.bg-item-5 {
  background-image: url(../img/international/inter_sec_5.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_sec_5.jpg) 1x, url(../img/international/inter_sec_5@2x.jpg) 2x);
}
.es-international .bg-group .bg-item.bg-item-6 {
  background-color: #ffffff;
}
.es-international .bg-group .bg-item.bg-item-7 {
  background-color: #ffffff;
}
.es-international .bg-group .bg-item.bg-item-8 {
  background-color: #444444;
}
.es-international .full-swiper-wrapper {
  min-width: 1200px;
}
.es-international .full-swiper-wrapper .swiper-slide {
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-international .full-swiper-wrapper .swiper-slide.is-active {
  -webkit-transition: all 0.2s 0.3s ease;
  -moz-transition: all 0.2s 0.3s ease;
  -ms-transition: all 0.2s 0.3s ease;
  -o-transition: all 0.2s 0.3s ease;
  transition: all 0.2s 0.3s ease;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .common-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: transparent;
  z-index: 1000;
  padding-left: 40px;
  padding-right: 40px;
}
.es-international .common-header.is-light .common-header-tel {
  color: #ffffff;
}
.es-international .common-header.is-light .common-header-email {
  color: #ffffff;
}
.es-international .common-header.is-light .common-header-email:hover {
  color: #41c964;
}
.es-international .common-header.is-light .common-header-email:hover a {
  color: #41c964;
}
.es-international .common-header.is-light .common-header-email a {
  color: #ffffff;
}
.es-international .common-header.is-light .common-header-language li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #ffffff;
}
.es-international .common-header .common-header-tel {
  margin-top: 20px;
  margin-right: 100px;
  font-size: 14px;
  color: #444444;
}
.es-international .common-header .common-header-email {
  margin-top: 20px;
  margin-right: 60px;
  font-size: 14px;
  color: #444444;
}
.es-international .common-header .common-header-language {
  margin-top: 14px;
}
.es-international .common-header .common-header-language:after,
.es-international .common-header .common-header-language:before {
  display: table;
  content: " ";
}
.es-international .common-header .common-header-language:after {
  clear: both;
}
.es-international .common-header .common-header-language li {
  float: left;
}
.es-international .common-header .common-header-language li.active a,
.es-international .common-header .common-header-language li:hover a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #41c964;
  color: #41c964;
}
.es-international .common-header .common-header-language li a {
  display: block;
  padding: 6px;
  border: 1px solid transparent;
  color: #444444;
}
.es-international .common-header .common-header-language li + li {
  margin-left: 10px;
}
.es-international .pagination {
  position: fixed;
  right: 50px;
  top: 30%;
  z-index: 20;
  width: 8px;
  text-align: center;
}
.es-international .swiper-pagination-switch {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cccccc;
  margin-top: 20px;
  opacity: 0.8;
  border: none;
  cursor: pointer;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .swiper-active-switch {
  background: #41c964;
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.es-international .inter-sec {
  position: relative;
}
.es-international .inter-sec-1 .btn-play {
  cursor: pointer;
}
.es-international .inter-sec-1 .inter-sec-head {
  text-align: center;
}
.es-international .inter-sec-1 .inter-sec-intro {
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  line-height: 1.5;
}
.es-international .inter-sec-1 .inter-sec-icon {
  font-size: 60px;
  color: #41c964;
}
.es-international .inter-sec-1 .inter-sec-icon:hover {
  color: #35bb58;
}
.es-international .inter-sec-3 .inter-sec-body {
  height: 100%;
  width: 100%;
  position: relative;
}
.es-international .inter-sec-4 .inter-sec-title {
  position: absolute;
  top: 10%;
  left: 8%;
  font-size: 50px;
  color: #ffffff;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-4 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-4 .inter-sec-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-4 .inter-sec-title {
    font-size: 32px;
  }
}
.es-international .inter-sec-4 .inter-sec-title span {
  color: #41c964;
}
.es-international .inter-sec-4 .swiper-hover-sec {
  top: 52%;
}
.es-international .inter-sec-5 .swiper-hover-sec {
  top: 20%;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.es-international .inter-sec-5 .inter-sec-l {
  margin-left: 8%;
  float: left;
  width: 16%;
}
.es-international .inter-sec-5 .inter-sec-r {
  width: 63%;
  margin-right: 8%;
  margin-top: 60px;
  float: right;
}
.es-international .inter-sec-5 .inter-sec-b-line {
  width: 60px;
  height: 4px;
  margin-top: 80px;
  background-color: #41c964;
}
.es-international .inter-sec-5 .inter-sec-intro {
  margin-top: 10%;
  font-size: 20px;
  color: #cccccc;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-5 .inter-sec-intro {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-5 .inter-sec-intro {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-5 .inter-sec-intro {
    font-size: 14px;
  }
}
.es-international .inter-sec-5 .inter-sec-title {
  font-size: 58px;
  color: #ffffff;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-5 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-5 .inter-sec-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-5 .inter-sec-title {
    font-size: 32px;
  }
}
.es-international .inter-sec-5 .inter-sec-title span {
  color: #41c964;
}
.es-international .inter-sec-6 .swiper-hover-sec {
  top: 50%;
}
.es-international .inter-sec-6 .inter-sec-l {
  margin-left: 8%;
  float: left;
  width: 16%;
}
.es-international .inter-sec-6 .inter-sec-r {
  width: 63%;
  margin-right: 10%;
  float: right;
  text-align: right;
}
.es-international .inter-sec-6 .inter-sec-b-line {
  width: 60px;
  height: 4px;
  margin-top: 80px;
  background-color: #41c964;
}
.es-international .inter-sec-6 .inter-sec-intro {
  margin-top: 10%;
  font-size: 20px;
  color: #999999;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-6 .inter-sec-intro {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-6 .inter-sec-intro {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-6 .inter-sec-intro {
    font-size: 14px;
  }
}
.es-international .inter-sec-6 .inter-sec-title {
  font-size: 58px;
  color: #313131;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-6 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-6 .inter-sec-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-6 .inter-sec-title {
    font-size: 32px;
  }
}
.es-international .inter-sec-6 .inter-sec-title span {
  color: #41c964;
}
.es-international .inter-sec-7 .swiper-hover-sec {
  top: 45%;
}
.es-international .inter-sec-7 .inter-sec-l {
  margin-left: 8%;
  float: left;
  width: 25%;
}
.es-international .inter-sec-7 .inter-sec-r {
  width: 54%;
  margin-right: 13%;
  margin-top: 6%;
  float: right;
}
.es-international .inter-sec-7 .inter-sec-b-line {
  width: 60px;
  height: 4px;
  margin-top: 80px;
  background-color: #41c964;
}
.es-international .inter-sec-7 .inter-sec-intro {
  margin-top: 10%;
  font-size: 20px;
  color: #999999;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-7 .inter-sec-intro {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-7 .inter-sec-intro {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-7 .inter-sec-intro {
    font-size: 14px;
  }
}
.es-international .inter-sec-7 .inter-sec-title {
  font-size: 58px;
  color: #313131;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-7 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-7 .inter-sec-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-7 .inter-sec-title {
    font-size: 32px;
  }
}
.es-international .inter-sec-7 .inter-sec-title span {
  color: #41c964;
}
.es-international .inter-sec-8 .inter-sec-head {
  position: relative;
  margin-top: 6%;
  margin-left: 10%;
}
.es-international .inter-sec-8 .inter-sec-title {
  position: relative;
  height: 150px;
  font-size: 50px;
  line-height: 1.6;
  color: #ffffff;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-8 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-8 .inter-sec-title {
    font-size: 36px;
    height: 110px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-8 .inter-sec-title {
    font-size: 32px;
    height: 110px;
  }
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-8-icon-toggle {
  position: absolute;
  left: 629px;
  top: 12px;
  color: #ffffff;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-8-icon-toggle:hover {
  color: #41c964;
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-8-icon-toggle.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-title-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-title-content.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-sec-8 .inter-sec-title .inter-sec-title-content span {
  color: #41c964;
}
.es-international .inter-sec-8 .inter-sec-body {
  position: relative;
  z-index: 10;
  margin-left: 10%;
}
.es-international .inter-sec-8 .inter-item-form {
  width: 640px;
  height: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-sec-8 .inter-item-form.is-visible {
  height: 170px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-sec-8 .inter-item-input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 16px 0;
  border: none;
  border-bottom: 2px solid rgba(151, 151, 151, 0.8);
  line-height: 1.33333;
  color: #ffffff;
  font-size: 18px;
  background-color: transparent;
  background-image: none;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-sec-8 .inter-item-input:focus {
  border-color: #41c964;
}
.es-international .inter-sec-8 .inter-item-group {
  margin-bottom: 60px;
}
.es-international .inter-sec-8 .inter-item-more-btn {
  position: relative;
  z-index: 2;
  width: 198px;
  margin-top: 40px;
  padding: 10px 10px;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  background-color: #41c964;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.es-international .inter-sec-8 .inter-item-more-btn:hover {
  -webkit-box-shadow: 0 10px 50px 0px #1f3c26;
  -moz-box-shadow: 0 10px 50px 0px #1f3c26;
  box-shadow: 0 10px 50px 0px #1f3c26;
}
.es-international .inter-sec-8 .inter-item-more-btn.is-active {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-sec-8 .inter-item-btn {
  position: relative;
  padding: 10px 60px;
  font-size: 24px;
  color: #41c964;
  text-align: center;
  overflow: hidden;
  background-color: transparent;
  border: 3px solid #41c964;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.es-international .inter-sec-8 .inter-item-btn:hover {
  background-color: rgba(65, 201, 100, 0.1);
}
.es-international .inter-sec-8 .inter-item-btn:hover.es-icon-submit:before {
  display: block;
  position: absolute;
  right: 25px;
}
.es-international .inter-sec-8 .inter-item-btn.es-icon-submit:before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  position: absolute;
  right: -100px;
  font-size: 20px;
  margin-top: 2px;
}
.es-international .inter-sec-9 .inter-sec-head {
  margin-top: 6%;
  margin-left: 10%;
}
.es-international .inter-sec-9 .inter-sec-body {
  position: relative;
  z-index: 10;
  margin-top: 60px;
  margin-left: 10%;
}
.es-international .inter-sec-9 .inter-sec-title {
  width: 640px;
  font-size: 50px;
  line-height: 1.6;
  color: #ffffff;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-sec-9 .inter-sec-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-sec-9 .inter-sec-title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-sec-9 .inter-sec-title {
    font-size: 32px;
  }
}
.es-international .inter-sec-9 .inter-sec-title span {
  color: #41c964;
}
.es-international .inter-sec-9 .inter-item-group {
  margin-bottom: 70px;
}
.es-international .inter-sec-9 .inter-item-btn {
  width: 152px;
  font-size: 24px;
  color: #ffffff;
  padding: 10px 10px;
  text-align: center;
  background-color: #41c964;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-sec-9 .inter-item-btn:hover {
  background-color: #35bb58;
}
.es-international .inter-item {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-item-2 {
  width: 256px;
  margin: 0 auto;
}
.es-international .inter-item-2 .inter-item-num {
  font-size: 38px;
  line-height: 1;
  color: #616161;
  letter-spacing: 1px;
}
.es-international .inter-item-2 .inter-item-type {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1;
  color: #616161;
  letter-spacing: 1px;
}
.es-international .inter-item-2 .inter-item-bd {
  text-align: center;
  padding: 75px 10px 80px 10px ;
}
.es-international .inter-item-3 {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 15%;
  background-color: #ffffff;
  float: left;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.es-international .inter-item-3.active {
  width: 40%;
  background-color: #f8f8f8;
}
.es-international .inter-item-3.active .inter-item-propagate {
  opacity: 1;
  padding-top: 60px;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-3.active .inter-item-propagate {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-3.active .inter-item-propagate {
    line-height: 1.4;
  }
}
.es-international .inter-item-3.active .inter-item-title {
  margin-left: 40px;
  font-size: 30px;
  color: #41c964;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-3.active .inter-item-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-3.active .inter-item-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-item-3.active .inter-item-title {
    font-size: 18px;
  }
}
.es-international .inter-item-3.active .inter-item-intro {
  margin-left: 40px;
  font-size: 18px;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-3.active .inter-item-intro {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-3.active .inter-item-intro {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-item-3.active .inter-item-intro {
    font-size: 14px;
  }
}
.es-international .inter-item-3.active .inter-item-wrap {
  padding-top: 120px;
}
.es-international .inter-item-3 .inter-item-propagate {
  margin-left: 40px;
  margin-right: 18%;
  padding-top: 200px;
  font-size: 40px;
  width: 400px;
  color: #313131;
  letter-spacing: 1px;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-3 .inter-item-propagate {
    font-size: 32px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-3 .inter-item-propagate {
    font-size: 28px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-item-3 .inter-item-propagate {
    font-size: 24px;
    line-height: 1.4;
  }
}
.es-international .inter-item-3 .inter-item-propagate span {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #41c964;
}
.es-international .inter-item-3 .inter-item-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.es-international .inter-item-3 .inter-item-type {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.es-international .inter-item-3 .inter-item-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 105%;
}
.es-international .inter-item-3 .inter-item-title {
  margin-left: 40px;
  margin-right: 18%;
  color: #313131;
  font-size: 20px;
  line-height: 1;
}
.es-international .inter-item-3 .inter-item-intro {
  margin-left: 40px;
  margin-right: 10%;
  margin-top: 15px;
  font-size: 14px;
  color: #444444;
  line-height: 1.3;
}
.es-international .inter-item-3 .inter-item-img {
  width: 100%;
  padding-top: 63%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.es-international .inter-item-3 .inter-item-img.inter-item-img-1 {
  background-image: url(../img/international/inter_item_3_1.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_3_1.jpg) 1x, url(../img/international/inter_item_3_1.jpg) 2x);
}
.es-international .inter-item-3 .inter-item-img.inter-item-img-2 {
  background-image: url(../img/international/inter_item_3_2.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_3_2.jpg) 1x, url(../img/international/inter_item_3_2.jpg) 2x);
}
.es-international .inter-item-3 .inter-item-img.inter-item-img-3 {
  background-image: url(../img/international/inter_item_3_3.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_3_3.jpg) 1x, url(../img/international/inter_item_3_3.jpg) 2x);
}
.es-international .inter-item-3 .inter-item-img.inter-item-img-4 {
  background-image: url(../img/international/inter_item_3_4.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_3_4.jpg) 1x, url(../img/international/inter_item_3_4.jpg) 2x);
}
.es-international .inter-item-3 .inter-item-img.inter-item-img-5 {
  background-image: url(../img/international/inter_item_3_5.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_3_5.jpg) 1x, url(../img/international/inter_item_3_5.jpg) 2x);
}
.es-international .inter-item-4 {
  width: 260px;
  margin: 0 auto;
}
.es-international .inter-item-4:hover .inter-item-line {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-item-4 .inter-item-head {
  text-align: center;
}
.es-international .inter-item-4 .inter-item-head i {
  font-size: 60px;
  color: #41c964;
}
.es-international .inter-item-4 .inter-item-title {
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
}
.es-international .inter-item-4 .inter-item-intro {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 1.5;
}
.es-international .inter-item-4 .inter-item-body {
  position: relative;
  margin-top: 30px;
  height: 200px;
}
.es-international .inter-item-4 .inter-item-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 5px;
  margin: 0 auto;
  background-color: #41c964;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-item-4 .inter-item-info {
  margin-top: 10px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
}
.es-international .inter-item-5 {
  position: relative;
  width: 100%;
  padding-top: 141%;
  overflow: hidden;
  background-color: #000000;
  -webkit-transition: all 0.8s ease 0.3s ease;
  -moz-transition: all 0.8s ease 0.3s ease;
  -ms-transition: all 0.8s ease 0.3s ease;
  -o-transition: all 0.8s ease 0.3s ease;
  transition: all 0.8s ease 0.3s ease;
}
.es-international .inter-item-5 .inter-item-hover-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-item-5 .inter-item-hover-img.inter-item-5-1 {
  background-image: url(../img/international/inter_item_5_1.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_5_1.jpg) 1x, url(../img/international/inter_item_5_1@2x.jpg) 2x);
}
.es-international .inter-item-5 .inter-item-hover-img.inter-item-5-2 {
  background-image: url(../img/international/inter_item_5_2.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_5_2.jpg) 1x, url(../img/international/inter_item_5_2@2x.jpg) 2x);
}
.es-international .inter-item-5 .inter-item-hover-img.inter-item-5-3 {
  background-image: url(../img/international/inter_item_5_3.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_5_3.jpg) 1x, url(../img/international/inter_item_5_3@2x.jpg) 2x);
}
.es-international .inter-item-5 .inter-item-hover-img.inter-item-5-4 {
  background-image: url(../img/international/inter_item_5_4.jpg);
  background-image: -webkit-image-set(url(../img/international/inter_item_5_4.jpg) 1x, url(../img/international/inter_item_5_4@2x.jpg) 2x);
}
.es-international .inter-item-5:hover {
  background-size: 103%;
}
.es-international .inter-item-5:hover .inter-item-name {
  color: #41c964;
}
.es-international .inter-item-5:hover .inter-item-up {
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.es-international .inter-item-5.is-bottom {
  margin-top: 30%;
}
.es-international .inter-item-5 .inter-item-hover-sec {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.es-international .inter-item-5 .inter-item-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
}
.es-international .inter-item-5 .inter-item-name {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-5 .inter-item-name {
    font-size: 20px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-5 .inter-item-name {
    font-size: 18px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-item-5 .inter-item-name {
    font-size: 16px;
    padding: 0 10px;
  }
}
.es-international .inter-item-5 .inter-item-intro {
  padding: 0 20px 20px 20px;
  margin-top: 15px;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1px;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-item-5 .inter-item-intro {
    padding: 0 15px 15px 15px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-item-5 .inter-item-intro {
    padding: 0 10px 15px 10px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-item-5 .inter-item-intro {
    padding: 0 10px 15px 10px;
  }
}
.es-international .inter-item-5 .inter-item-up {
  position: relative;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
}
.es-international .inter-case-btn-wrap {
  position: relative;
  width: 100%;
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  overflow: hidden;
  max-width: 968px;
}
.es-international .inter-case-btn-wrap .inter-case-prev:hover i {
  color: #41c964;
}
.es-international .inter-case-btn-wrap .inter-case-prev i {
  display: inline-block;
  color: #cccccc;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.es-international .inter-case-btn-wrap .inter-case-next {
  margin-right: 2px;
}
.es-international .inter-case-btn-wrap .inter-case-next:hover i {
  color: #41c964;
}
.es-international .inter-case-btn-wrap .inter-case-next i {
  display: inline-block;
  color: #cccccc;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.es-international .inter-case-wrap {
  position: relative;
  height: 501px;
  width: 100%;
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  overflow: hidden;
  max-width: 968px;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-case-wrap {
    height: 486px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-case-wrap {
    height: 471px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-case-wrap {
    height: 456px;
  }
}
.es-international .inter-case-icon {
  font-size: 36px;
  color: #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-case-icon:hover {
  color: #41c964;
}
.es-international .inter-case-list {
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
}
.es-international .inter-case-list:after,
.es-international .inter-case-list:before {
  display: table;
  content: " ";
}
.es-international .inter-case-list:after {
  clear: both;
}
.es-international .inter-case {
  width: 100%;
  padding: 10px 25px;
  margin-bottom: 25px;
  border: 1px solid #f0f0f0;
  float: right;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-case:after,
.es-international .inter-case:before {
  display: table;
  content: " ";
}
.es-international .inter-case:after {
  clear: both;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-case {
    padding: 10px 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-case {
    padding: 10px 15px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-case {
    padding: 10px 10px;
    margin-bottom: 10px;
  }
}
.es-international .inter-case:hover {
  border: 1px solid #41c964;
}
.es-international .inter-case:hover .inter-case-img {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-case:hover .inter-case-img.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-case .inter-case-img {
  width: 180px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-case .inter-case-img.inter-case-img-1 {
  background-image: url(../img/international/inter_item_6_1.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_1.png) 1x, url(../img/international/inter_item_6_1.png) 2x);
}
.es-international .inter-case .inter-case-img.inter-case-img-2 {
  background-image: url(../img/international/inter_item_6_2.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_2.png) 1x, url(../img/international/inter_item_6_2.png) 2x);
}
.es-international .inter-case .inter-case-img.inter-case-img-3 {
  background-image: url(../img/international/inter_item_6_3.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_3.png) 1x, url(../img/international/inter_item_6_3.png) 2x);
}
.es-international .inter-case .inter-case-img.inter-case-img-4 {
  background-image: url(../img/international/inter_item_6_4.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_4.png) 1x, url(../img/international/inter_item_6_4.png) 2x);
}
.es-international .inter-case .inter-case-img.inter-case-img-5 {
  background-image: url(../img/international/inter_item_6_5.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_5.png) 1x, url(../img/international/inter_item_6_5.png) 2x);
}
.es-international .inter-case .inter-case-img.inter-case-img-6 {
  background-image: url(../img/international/inter_item_6_6.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_6_6.png) 1x, url(../img/international/inter_item_6_6.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-1 {
  background-image: url(../img/international/inter_item_active_6_1.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_1.png) 1x, url(../img/international/inter_item_active_6_1.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-2 {
  background-image: url(../img/international/inter_item_active_6_2.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_2.png) 1x, url(../img/international/inter_item_active_6_2.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-3 {
  background-image: url(../img/international/inter_item_active_6_3.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_3.png) 1x, url(../img/international/inter_item_active_6_3.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-4 {
  background-image: url(../img/international/inter_item_active_6_4.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_4.png) 1x, url(../img/international/inter_item_active_6_4.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-5 {
  background-image: url(../img/international/inter_item_active_6_5.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_5.png) 1x, url(../img/international/inter_item_active_6_5.png) 2x);
}
.es-international .inter-case .inter-case-img.is-active.inter-case-img-6 {
  background-image: url(../img/international/inter_item_active_6_6.png);
  background-image: -webkit-image-set(url(../img/international/inter_item_active_6_6.png) 1x, url(../img/international/inter_item_active_6_6.png) 2x);
}
.es-international .inter-case .inter-case-left {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.es-international .inter-case .inter-case-body {
  display: table-cell;
  vertical-align: middle;
}
.es-international .inter-case .inter-case-intro {
  font-size: 18px;
  color: #999999;
  line-height: 2;
  overflow: hidden;
  padding-left: 20px;
}
@media screen and (max-width: 1600px) {
  .es-international .inter-case .inter-case-intro {
    font-size: 18px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 1440px) {
  .es-international .inter-case .inter-case-intro {
    font-size: 16px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1280px) {
  .es-international .inter-case .inter-case-intro {
    font-size: 14px;
    line-height: 1.5;
  }
}
.es-international .inter-case .inter-case-btn-group {
  margin-top: 40px;
}
.es-international .inter-item-7 .inter-item-map {
  position: relative;
}
.es-international .inter-item-7 .inter-item-point {
  position: absolute;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background-color: #41c964;
}
.es-international .inter-item-7 .inter-item-point:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  border: 3px solid #41c964;
  border-radius: 50%;
  transform-origin: 0 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: scale80 2s infinite ease-out;
  -moz-animation: scale80 2s infinite ease-out;
  -o-animation: scale80 2s infinite ease-out;
  animation: scale80 2s infinite ease-out;
}
.es-international .inter-item-7 .inter-item-point-1:after {
  width: 100px;
  height: 100px;
  animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
}
.es-international .inter-item-7 .inter-item-point-2:after {
  width: 160px;
  height: 160px;
  animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
.es-international .inter-item-7 .inter-item-point-3:after {
  animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -webkit-animation-delay: -1.2s;
}
.es-international .inter-item-7 .inter-item-point-4:after {
  width: 100px;
  height: 100px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
.es-international .inter-item-7 .inter-item-point-5:after {
  animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.es-international .inter-item-7 .inter-item-point-6:after {
  width: 160px;
  height: 160px;
  animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
}
.es-international .inter-item-7 .inter-item-point-7:after {
  animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
.es-international .inter-item-7 .inter-item-point-8:after {
  animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
}
.es-international .inter-item-7 .inter-item-point-9:after {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-10:after {
  width: 100px;
  height: 100px;
  animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -webkit-animation-delay: -0.3s;
}
.es-international .inter-item-7 .inter-item-point-11:after {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-12:after {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-13:after {
  width: 160px;
  height: 160px;
  animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -webkit-animation-delay: -1.2s;
}
.es-international .inter-item-7 .inter-item-point-14:after {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-15:after {
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.es-international .inter-item-7 .inter-item-point-16:after {
  width: 100px;
  height: 100px;
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-17:after {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.es-international .inter-item-7 .inter-item-point-18:after {
  animation-play-state: paused;
  -o-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.es-international .inter-item-7 .inter-item-point-19:after {
  animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  -ms-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -webkit-animation-delay: -1.2s;
}
.es-international .inter-item-7 .inter-item-point-20:after {
  width: 160px;
  height: 160px;
  animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.es-international .inter-item-8 {
  position: absolute;
  bottom: 0;
  height: 560px;
  width: 100%;
  z-index: 1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-international .inter-item-8.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-international .inter-item-9 .inter-item-chart {
  position: absolute;
  bottom: 0;
  height: 560px;
  width: 100%;
}
.mobile-banner {
  height: 650px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .mobile-banner {
    height: 460px;
  }
}
@media (max-width: 991px) {
  .mobile-banner {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .mobile-banner {
    height: 250px;
  }
}
.mobile-banner .mobile-banner-phone {
  position: absolute;
  width: 25%;
  left: 20%;
  top: 50px;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 1.5s cubic-bezier(0, 0.85, 0.35, 1);
}
@media (max-width: 767px) {
  .mobile-banner .mobile-banner-phone {
    width: 40%;
    left: 10%;
    top: 30px;
  }
}
.mobile-banner .mobile-wave {
  position: absolute;
  width: 100%;
  bottom: -1px;
}
.mobile-banner .mobile-banner-content {
  position: absolute;
  left: 50%;
  top: 150px;
  width: 20%;
}
@media (max-width: 1199px) {
  .mobile-banner .mobile-banner-content {
    top: 75px;
    width: 25%;
  }
}
@media (max-width: 991px) {
  .mobile-banner .mobile-banner-content {
    top: 75px;
    width: 35%;
  }
}
.mobile-banner .mobile-banner-content .mobile-banner-top {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 8px;
}
@media (max-width: 767px) {
  .mobile-banner .mobile-banner-content .mobile-banner-top {
    font-size: 24px;
  }
}
.mobile-banner .mobile-banner-content .mobile-banner-medium {
  margin-bottom: -30px;
  text-align: justify;
  font-size: 36px;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .mobile-banner .mobile-banner-content .mobile-banner-medium {
    font-size: 20px;
    margin-bottom: -20px;
  }
}
.mobile-banner .mobile-banner-content .mobile-banner-medium:after {
  content: '';
  padding-left: 100%;
  display: inline-block;
}
.mobile-banner .mobile-banner-content .mobile-banner-bottom {
  font-size: 16px;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .mobile-banner .mobile-banner-content .mobile-banner-bottom {
    font-size: 12px;
  }
}
.mobile-banner .mobile-banner-btns {
  position: absolute;
  left: 50%;
  top: 350px;
  width: 40%;
}
.mobile-banner .mobile-banner-btns .mobile-btn {
  width: 180px;
  height: 50px;
  border-radius: 72px;
  font-size: 16px;
  line-height: 36px;
}
.mobile-banner .mobile-banner-btns .use-help {
  background: #fff;
  color: #4CC390;
}
.mobile-banner .mobile-banner-btns .try-download {
  background: rgba(241, 246, 241, 0);
  border: 2px solid #fff;
  margin-left: 35px;
  color: #fff;
}
.mobile-banner .mobile-banner-btns .qrcode-content {
  width: 234px;
  height: 265px;
  left: 35%;
  position: absolute;
  top: 58px;
  z-index: 999;
}
.mobile-banner .mobile-banner-btns .qrcode-content .caret {
  color: #fff;
  border-top: 0;
  border-bottom: 9px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  top: -8px;
  left: 45%;
}
.mobile-banner .mobile-banner-btns .qrcode-content .qrcode {
  width: 234px;
  height: 255px;
  background: #fff;
  border-radius: 5px;
  padding-top: 13px;
}
.mobile-banner .mobile-banner-btns .qrcode-content .qrcode img {
  width: 210px;
}
.mobile-title {
  text-align: center;
  font-size: 36px;
  color: #313131;
  letter-spacing: 6px;
  padding: 73px 0;
}
@media (max-width: 767px) {
  .mobile-title {
    font-size: 24px;
    padding: 20px 0;
  }
}
.mobile-item-block {
  position: relative;
  height: 700px;
}
@media (max-width: 1199px) {
  .mobile-item-block {
    height: 650px;
  }
}
@media (max-width: 991px) {
  .mobile-item-block {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .mobile-item-block {
    height: inherit;
  }
}
.mobile-item-block .mobile-content-bg {
  position: absolute;
  transition-delay: 0s;
  height: 66%;
  transition: all 1.5s cubic-bezier(0, 0.85, 0.35, 1);
}
@media (max-width: 767px) {
  .mobile-item-block .mobile-content-bg {
    display: none;
  }
}
.mobile-item-block .mobile-content-bg1 {
  left: 43%;
  top: 19%;
}
@media (max-width: 1199px) {
  .mobile-item-block .mobile-content-bg1 {
    left: 45%;
  }
}
@media (max-width: 991px) {
  .mobile-item-block .mobile-content-bg1 {
    left: 35%;
  }
}
.mobile-item-block .mobile-content-bg2 {
  left: 16%;
  top: 18%;
}
@media (max-width: 1199px) {
  .mobile-item-block .mobile-content-bg2 {
    left: 20%;
  }
}
.mobile-item-block .mobile-content-bg3 {
  left: 38%;
  top: 19%;
}
.mobile-item-block .mobile-content-bg4 {
  left: 4%;
  top: 19%;
}
@media (max-width: 1199px) {
  .mobile-item-block .mobile-content-bg4 {
    left: 5%;
  }
}
.mobile-item-block .mobile-content-bg5 {
  left: 51%;
  top: 17%;
}
@media (max-width: 1199px) {
  .mobile-item-block .mobile-content-bg5 {
    left: 54%;
  }
}
.mobile-item-block .mobile-content-bg6 {
  left: 16%;
  top: 18%;
}
@media (max-width: 1199px) {
  .mobile-item-block .mobile-content-bg6 {
    left: 20%;
  }
}
.mobile-item-2 .mobile-item > div {
  float: right;
}
@media (max-width: 767px) {
  .mobile-item-2 .mobile-item > div {
    float: none;
  }
}
.mobile-item-4 .mobile-item > div {
  float: right;
}
@media (max-width: 767px) {
  .mobile-item-4 .mobile-item > div {
    float: none;
  }
}
.mobile-item-6 .mobile-item > div {
  float: right;
}
@media (max-width: 767px) {
  .mobile-item-6 .mobile-item > div {
    float: none;
  }
}
.mobile-item {
  height: 100%;
}
.mobile-item > div {
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  .mobile-item {
    margin-bottom: -20px;
  }
}
.mobile-item .mobile-content-title {
  margin-bottom: 20px;
  margin-top: 250px;
  font-size: 27px;
  color: #484848;
  letter-spacing: 3px;
}
@media (max-width: 1199px) {
  .mobile-item .mobile-content-title {
    margin-top: 225px;
  }
}
@media (max-width: 991px) {
  .mobile-item .mobile-content-title {
    margin-top: 200px;
  }
}
@media (max-width: 767px) {
  .mobile-item .mobile-content-title {
    margin-top: 20px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    text-align: center;
    font-size: 20px;
  }
}
.mobile-item .mobile-content-title:before {
  display: block;
  width: 36px;
  height: 4px;
  content: '';
  margin-bottom: 26px;
  background: #20B573;
  box-shadow: 0 6px 12px 0 rgba(32, 181, 115, 0.3);
}
@media (max-width: 767px) {
  .mobile-item .mobile-content-title:before {
    margin: 0 auto 15px;
  }
}
.mobile-item .mobile-content-covered {
  top: -25px;
}
.mobile-item .mobile-content-cover {
  top: 25px;
  transition-delay: .8s;
}
.mobile-item .mobile-content-desc {
  font-size: 20px;
  color: #616161;
  letter-spacing: 4px;
  line-height: 34px;
}
@media (max-width: 767px) {
  .mobile-item .mobile-content-desc {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-align: center;
  }
}
.mobile-item .mobile-content-item {
  position: absolute;
  left: 0;
  height: 700px;
  transition: all 1.5s cubic-bezier(0, 0.85, 0.35, 1);
  transition-delay: .4s;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 1199px) {
  .mobile-item .mobile-content-item {
    height: 650px;
  }
}
@media (max-width: 991px) {
  .mobile-item .mobile-content-item {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .mobile-item .mobile-content-item {
    position: relative;
    width: 120%;
    height: inherit;
    left: -10%;
  }
}
.mobile-item .mobile-content-item.mobile-content-item5 {
  top: 22%;
  width: 120%;
  height: auto;
  left: -10%;
}
@media (max-width: 767px) {
  .mobile-item .mobile-content-item1 {
    left: -25%;
  }
  .mobile-item .mobile-content-item2 {
    left: 9%;
  }
  .mobile-item .mobile-content-cover {
    display: none;
  }
  .mobile-item .mobile-content-covered {
    left: -10%;
    top: 0;
  }
  .mobile-item .mobile-content-item4 {
    left: 7%;
  }
  .mobile-item .mobile-content-item5 {
    top: 10%;
    left: -10%;
  }
  .mobile-item .mobile-content-item6 {
    left: 7%;
  }
}
.container.mobile-content-move .mobile-content-bg,
.container.mobile-content-move .mobile-content-item {
  -ms-transform: translate3d(0, 800px, 0);
  -webkit-transform: translate3d(0, 800px, 0);
  -moz-transform: translate3d(0, 800px, 0);
  -o-transform: translate3d(0, 800px, 0);
  transform: translate3d(0, 800px, 0);
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (max-width: 767px) {
  .container.mobile-content-move .mobile-content-bg,
  .container.mobile-content-move .mobile-content-item {
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.mobile-banner .mobile-phone-move {
  -ms-transform: translate3d(0, 800px, 0);
  -webkit-transform: translate3d(0, 800px, 0);
  -moz-transform: translate3d(0, 800px, 0);
  -o-transform: translate3d(0, 800px, 0);
  transform: translate3d(0, 800px, 0);
  opacity: 0;
  filter: alpha(opacity=0);
}
#captcha-modal .captcha-modal .modal-title {
  top: 0;
  font-weight: inherit;
  text-align: left;
  margin-bottom: 0;
  position: inherit;
}
#captcha-modal .captcha-modal .modal-body {
  word-wrap: break-word;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
#captcha-modal .captcha-modal .modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}
#captcha-modal .captcha-modal .modal-footer {
  border-top: 1px solid #e5e5e5;
}
#captcha-modal .captcha-modal .input-lg {
  line-height: 1.3333333;
  border-radius: 4px;
  height: 40px;
  padding: 8px 12px;
  font-size: 14px;
}
#captcha-modal .captcha-modal .modal-header,
#captcha-modal .captcha-modal .modal-footer {
  border-bottom: 1px solid #e5e5e5;
}
.es-product-system .system-banner-btn {
  width: 180px;
  margin-top: 0;
}
.es-product-system .es-bg-gray-light {
  background: #fafafa;
}
.es-product-system .system-banner {
  background-image: url(../img/product/system-banner.jpg);
}
.es-product-system .banner-hover-header {
  margin-bottom: 40px;
}
.es-product-system .banner-hover-header .title {
  font-size: 40px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.es-product-system .banner-hover-header .sub-title {
  font-size: 30px;
}
.es-product-system .banner-hover-header .sub-title span {
  font-weight: bold;
}
.es-product-system .banner-hover-content {
  height: 320px;
}
.es-product-system .btn,
.es-product-system .system-btn {
  background-color: #43bc60;
  position: relative;
  overflow: hidden;
}
.es-product-system .btn:hover,
.es-product-system .system-btn:hover {
  background: #46a85e;
}
@media screen and (max-width: 767px) {
  .es-product-system .btn,
  .es-product-system .system-btn {
    padding: 12px 30px;
    border-radius: 2px;
    height: auto;
    width: auto;
  }
}
.system-inner-section {
  padding: 0;
  overflow: hidden;
}
.system-item-1 .system-content-img,
.system-item-3 .system-content-img,
.system-item-6 .system-content-img,
.system-item-1 .system-content-text,
.system-item-3 .system-content-text,
.system-item-6 .system-content-text {
  float: right;
}
.system-item-2,
.system-item-4 {
  position: relative;
  left: 100px;
}
.system-item-2 .system-content-text,
.system-item-4 .system-content-text {
  position: relative;
  left: -100px;
}
.system-item-7 .system-content-text {
  position: relative;
  left: 10%;
}
.system-item-6 .system-content-text {
  position: relative;
  left: -10%;
}
.system-content-move .system-content-item {
  -ms-transform: translate3d(0, 800px, 0);
  -webkit-transform: translate3d(0, 800px, 0);
  -moz-transform: translate3d(0, 800px, 0);
  -o-transform: translate3d(0, 800px, 0);
  transform: translate3d(0, 800px, 0);
}
.system-item-block {
  position: relative;
}
.system-item-block .system-content-item {
  position: relative;
  top: 62px;
  left: -50px;
  width: 100%;
  transition: all 1.4s 0.4s cubic-bezier(0, 0.85, 0.35, 1);
  -webkit-transition: all 1.4s 0.4s cubic-bezier(0, 0.85, 0.35, 1);
  -moz-transition: all 1.4s 0.4s cubic-bezier(0, 0.85, 0.35, 1);
  -o-transition: all 1.4s 0.4s cubic-bezier(0, 0.85, 0.35, 1);
  -ms-transition: all 1.4s 0.4s cubic-bezier(0, 0.85, 0.35, 1);
}
.system-item-block .swiper-content-item6 {
  top: 0px;
  left: 10%;
  height: 120%;
  width: auto;
}
.system-item-block .swiper-content-item7 {
  top: -25px;
  left: 30%;
  height: 120%;
  width: auto;
}
.system-item-block .system-content-item2-cover {
  position: absolute;
  left: 20%;
  top: 41%;
  width: 53%;
  transition-delay: .8s;
}
.system-item-block .system-content-text {
  padding-top: 150px;
  letter-spacing: 4px;
}
.system-item-block .system-content-text .system-content-tight-title {
  letter-spacing: 2px;
}
.system-item-block .system-content-text .system-content-title {
  font-size: 28px;
  color: #616161;
  font-weight: bolder;
}
.system-item-block .system-content-text .system-content-desc {
  font-size: 24px;
  color: #616161;
  letter-spacing: 2px;
}
.system-item-block .system-content-text .system-content-detail {
  font-size: 16px;
  color: #616161;
}
.system-btn {
  display: inline-block;
  padding: 15px 30px;
  margin-top: 30px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background: #43bc60;
  letter-spacing: 2px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.system-btn:hover {
  background-color: #188a57;
  color: #ffffff;
}
.system-content .swiper-slide {
  height: 600px;
}
.system-content .swiper-slide .system-item-6,
.system-content .swiper-slide .system-item-7 {
  height: 100%;
}
.swiper-system-needed .swiper-slide {
  height: 400px;
}
#swiper-system {
  overflow: hidden;
}
#swiper-system .swiper-pagination-system {
  position: relative;
  z-index: 1;
  text-align: center;
  box-sizing: content-box;
  padding: 48px 0;
}
#swiper-system .swiper-pagination-system .swiper-pagination-bullet {
  width: 50px;
  height: 4px;
  border-radius: 0px;
}
.swiper-container-horizontal.swiper-market {
  padding-top: 35px;
}
.swiper-container-horizontal.swiper-market .swiper-pagination-market {
  bottom: 88px;
}
.swiper-container-horizontal.swiper-market .swiper-pagination-market .swiper-pagination-bullet {
  background-color: transparent;
  border: 2px solid #999;
  box-sizing: inherit;
}
.swiper-container-horizontal.swiper-market .swiper-pagination-market .swiper-pagination-bullet-active {
  background-color: transparent;
  border: 2px solid #20b573;
}
#swiper-system .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px;
}
.swiper-system-needed {
  overflow: hidden;
  margin-bottom: 25px;
}
.swiper-system-needed .swiper-pagination-system {
  text-align: center;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet:after {
  position: absolute;
  top: -20px;
  width: 70px;
  height: 60px;
  padding: 18px;
  font-size: 16px;
  text-align: center;
  color: #43bc60;
  border-radius: 20px;
  border: 1px solid #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet-active:after {
  background: #43bc60;
  color: #ffffff;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet:nth-child(1):after {
  content: '教';
  left: -120px;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet:nth-child(2):after {
  content: '学';
  left: -60px;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet:nth-child(3):after {
  content: '管';
  left: 0px;
}
.swiper-system-needed .swiper-pagination-system .swiper-pagination-bullet:nth-child(4):after {
  content: '销';
  left: 60px;
}
.swiper-system-course .swiper-slide {
  height: auto;
  margin-bottom: -40px;
  background-color: #fafafa;
}
.swiper-system-course .swiper-pagination-system-down {
  position: relative;
  z-index: 1;
  padding: 40px 0 20px;
  background: #fafafa;
  text-align: center;
}
.swiper-system-course {
  overflow: hidden;
}
.swiper-system-course .course-swiper-text {
  padding: 0 50px 0;
}
.swiper-system-course .course-swiper-text .course-text-title {
  font-size: 16px;
  color: #616161;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 3px;
}
.swiper-system-course .course-swiper-text .course-text-desc {
  color: #616161;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
}
.swiper-system-course .course-swiper-img {
  padding: 30px;
}
.swiper-system-course .course-swiper-img img {
  width: 80%;
  box-shadow: 0 2px 72px 0 rgba(0, 0, 0, 0.14);
}
.swiper-system-course .course-swiper-img .course-swiper-img-radius {
  border-radius: 60px 60px 0 0;
}
.system-item-block p {
  margin-bottom: 10px;
}
.system-zero {
  padding: 70px 0 120px;
}
.system-zero .system-subtitle {
  margin-bottom: 30px;
}
.es-inner-section .system-subtitle {
  text-align: center;
  font-weight: bolder;
  font-size: 36px;
  color: #616161;
  letter-spacing: 4px;
}
.system-zero .system-zero-box {
  height: 322px;
  text-align: center;
  padding: 0px 20px;
}
.system-zero .system-zero-item {
  padding: 30px 35px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.system-zero .system-zero-item:hover {
  background: #FFFFFF;
  box-shadow: 0 2px 72px 0 rgba(0, 0, 0, 0.05);
}
.system-zero .system-zero-item .system-zero-top {
  position: relative;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #f5f5f5;
}
.system-zero .system-zero-item .system-zero-img {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.system-zero .system-zero-item .system-zero-title {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bolder;
  letter-spacing: 4px;
  color: #616161;
}
.system-zero .system-zero-item .system-zero-detail {
  font-size: 14px;
  line-height: 24px;
  color: #616161;
  letter-spacing: 2px;
}
.es-product .system-industry {
  padding-top: 70px;
}
.es-product .system-industry .system-subtitle {
  margin-bottom: 50px;
}
.es-product .system-industry .system-industry-item {
  display: block;
  height: 150px;
  margin: 0 auto;
  padding-top: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product .system-industry .system-industry-item:hover {
  background: #FFFFFF;
  box-shadow: 0 5px 50px 1px rgba(225, 225, 225, 0.5);
}
.es-product .system-industry .system-industry-item .system-industry-img {
  width: 36%;
}
.es-product .product-layout .item-product-system p {
  color: #616161;
  font-size: 16px;
  letter-spacing: 2px;
}
.es-product .product-layout .item-product-system {
  margin-bottom: 20px;
}
.system-server .system-subtitle {
  margin-bottom: 40px;
}
.system-server .system-server-item {
  float: left;
  width: 20%;
  margin-bottom: 60px;
}
.system-server-content {
  display: block;
  width: 204px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 20px 60px;
  background: #FFFFFF;
  box-shadow: 0 5px 50px 1px rgba(225, 225, 225, 0.3);
  cursor: pointer;
}
.system-server-content .system-server-title {
  margin-bottom: 50px;
  font-size: 24px;
  color: #313131;
  letter-spacing: 4px;
}
.system-server-content .system-server-title:after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  margin: 26px auto 0;
  background-color: #43bc60;
}
.system-server-content .system-server-desc {
  font-size: 16px;
  letter-spacing: 2px;
  color: #313131;
}
.system-server-content .system-server-desc .system-server-light {
  margin: 3px 0;
  color: #43bc60;
  font-weight: bolder;
  font-size: 20px;
}
.system-server-content:hover {
  background-color: #43bc60;
}
.system-server-content:hover .system-server-desc {
  color: #ffffff;
}
.system-server-content:hover .system-server-desc .system-server-light {
  color: #ffffff;
}
.system-server-content:hover .system-server-title {
  color: #ffffff;
}
.system-server-content:hover .system-server-title:after {
  background-color: #ffffff;
}
.system-server-content.last .system-server-title {
  margin-bottom: 25px;
}
.system-server-content.last .system-server-light {
  margin: 5px 0;
}
.system-operation {
  display: block;
  height: 240px;
  background: url(../img/product/system-operation-bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 60px;
  text-align: center;
}
.system-operation .system-operation-call {
  position: relative;
  top: 33px;
  margin-bottom: -30px;
  font-size: 30px;
  letter-spacing: 2px;
  color: white;
}
.system-operation .system-operation-title {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 4px;
  text-align: center;
  font-weight: bolder;
}
.system-operation .system-operation-text {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 4px;
  text-align: center;
  font-weight: bolder;
}
.system-operation .system-operation-desc {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 22px;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;
}
.system-operation .system-operation-btn {
  margin-top: 0;
}
.system-operation.system-plugin {
  height: 272px;
  background: url(../img/product/system-plugin-bg.jpg) no-repeat top center;
}
.system-call {
  height: 500px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.system-call .system-call-content {
  position: relative;
  height: 525px;
  background: #FFFFFF;
  padding: 62px 70px 0;
}
.system-call .system-call-content .system-call-title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 40px;
  color: #616161;
  letter-spacing: 4px;
}
.system-call .system-call-content .system-call-form {
  display: block;
}
.system-call .system-call-content .system-call-hot {
  font-size: 16px;
  color: #616161;
  letter-spacing: 4px;
  line-height: 40px;
  text-align: center;
}
.system-call .system-call-content .system-call-hot > span {
  font-size: 20px;
  font-weight: bold;
}
.system-counselor .system-detail {
  font-size: 18px;
  color: #616161;
  line-height: 30px;
  letter-spacing: 2px;
  margin-top: 20px;
  margin-bottom: 35px;
}
.system-counselor .counselor-item {
  display: block;
  margin-bottom: 40px;
  cursor: pointer;
  box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.system-counselor .counselor-item:after,
.system-counselor .counselor-item:before {
  display: table;
  content: " ";
}
.system-counselor .counselor-item:after {
  clear: both;
}
.system-counselor .counselor-item:hover {
  -ms-transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.2);
}
.system-counselor .counselor-item .counselor-avatar-box {
  padding: 0 20px 0 0;
}
.system-counselor .counselor-item .counselor-avatar-box .counselor-avatar {
  display: block;
  width: 100%;
}
.system-counselor .counselor-item .counselor-text-box {
  padding-top: 20px;
  padding-right: 34px;
  padding-left: 0;
  text-align: left;
  color: #616161;
  letter-spacing: 2px;
}
@media (max-width: 1199px) {
  .system-counselor .counselor-item .counselor-text-box {
    padding-top: 15px;
    padding-right: 15px;
  }
}
.system-counselor .counselor-item .counselor-text-box p {
  font-size: 14px;
  margin-bottom: 5px;
  color: #616161;
}
.system-counselor .counselor-item .counselor-text-box span {
  color: #313131;
}
@media (max-width: 1199px) {
  .system-counselor .counselor-item .counselor-text-box span {
    font-weight: bold;
  }
}
.system-counselor .counselor-item .counselor-text-box .hidden-text {
  display: none;
}
.system-counselor .counselor-item .counselor-text-box .counselor-name {
  position: relative;
  margin-bottom: 34px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 1199px) {
  .system-counselor .counselor-item .counselor-text-box .counselor-name {
    margin-bottom: 18px;
  }
}
.system-counselor .counselor-item .counselor-text-box .counselor-name::before {
  content: '';
  position: absolute;
  left: 0;
  top: 28px;
  width: 20px;
  height: 4px;
  background: #43bc60;
}
.swiper-system-course {
  padding-bottom: 0px;
}
.system-call-form input {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.system-call-form .form-group {
  position: relative;
  height: 75px;
  padding: 0 50px;
  margin-bottom: 0px;
}
.system-call-form .form-group .input-clean {
  width: 100%;
  display: block;
  outline: 0px;
  border: 0px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
  color: #313131;
  letter-spacing: 4px;
}
.system-call-form .form-group .call-alone-show {
  width: 50%;
  height: 18px;
  background: url(../img/product/system-check@2x.png) no-repeat 13px center;
  background-size: 12%;
  padding-left: 35px;
  font-size: 12px;
  letter-spacing: 4px;
  color: #c1c1c1;
}
.system-call-form .form-group .call-alone {
  display: none;
}
.system-call-form .form-group .call-alone:checked + .call-alone-show {
  background: url(../img/product/system-checked@2x.png) no-repeat 13px center;
  background-size: 12%;
}
.system-call-form .form-group .help-block {
  position: absolute;
  right: 50px;
  bottom: 0;
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 12px;
}
.system-call-form .has-error .input-clean {
  border-bottom: 1px solid #ff0000;
  color: #ff0000;
}
 .system-call-form .has-error .input-clean::-moz-placeholder {
  color: #ff0000;
}
.system-call-form .has-error .input-clean::-webkit-input-placeholder {
  color: #ff0000;
}
 .system-call-form .has-error .input-clean::-moz-placeholder {
  color: #ff0000;
}
 .system-call-form .has-error .input-clean::-ms-input-placeholder {
  color: #ff0000;
}
.system-call-form .call_company_box {
  height: 40px;
}
.system-call-form .form-group.submit {
  width: 100%;
}
.system-call-form .form-group.submit .btn-primary {
  padding: 15px 30px;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .system-item-block .system-content-text {
    padding-top: 100px;
  }
  .system-server-content {
    width: 90%;
    height: 277px;
  }
}
@media (max-width: 991px) {
  .system-server-content {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .es-product .system-industry .system-industry-item {
    padding-top: 15px;
    margin-bottom: 10px;
    height: auto;
  }
  .es-product-system .system-industry {
    padding-bottom: 40px;
  }
  .es-product.es-product-system .banner-hover-content {
    height: 90px;
  }
  .es-product-system .banner-hover-footer .btn {
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 12px 30px;
  }
  .es-product-system .banner-hover-header {
    margin-bottom: 10px;
  }
  .es-product-system .banner-hover-header .title {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 4px;
  }
  .system-item-block .system-content-text {
    padding-top: 30px;
  }
  .system-item-1 .system-content-img,
  .system-item-3 .system-content-img,
  .system-item-6 .system-content-img,
  .system-item-7 .system-content-img,
  .system-item-1 .system-content-text,
  .system-item-3 .system-content-text,
  .system-item-6 .system-content-text,
  .system-item-7 .system-content-text {
    float: left;
  }
  .system-item-6 .system-content-text {
    left: 0;
  }
  .system-item-7 .system-content-text {
    left: 0;
  }
  .system-item-2,
  .system-item-4 {
    left: 0px;
  }
  .system-item-2 .system-content-text,
  .system-item-4 .system-content-text {
    left: 0px;
  }
  .system-item-block .system-content-item {
    left: 0;
  }
  .system-btn {
    margin: 30px auto 0;
  }
  .system-item-block {
    text-align: center;
  }
  .system-item-block .swiper-content-item6,
  .system-item-block .swiper-content-item7 {
    display: inline-block;
    width: 80%;
    height: auto;
    top: -20px;
  }
  .system-item-block .swiper-content-item7 {
    width: 64%;
  }
  .system-item-block .system-content-item2-cover {
    left: 27%;
  }
  .needed-img {
    padding: 20px;
  }
  .needed-img img {
    width: 100%;
    box-shadow: 0 0 50px 8px rgba(0, 0, 0, 0.07);
  }
  .needed-text {
    padding: 20px;
  }
  .needed-text .needed-text-title {
    font-size: 16px;
    color: #616161;
    font-weight: bold;
    letter-spacing: 3px;
  }
  .needed-text .needed-text-desc {
    padding: 0 48px;
    font-size: 14px;
    color: #616161;
    letter-spacing: 2px;
  }
  .system-server .system-server-item {
    width: 90%;
    height: 90px;
    margin: 5px 5%;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.07);
  }
  .system-server-content:hover {
    background-color: #ffffff;
  }
  .system-server .system-server-item :after {
    content: '';
    position: absolute;
    left: -4px;
    top: 0;
    display: block;
    width: 4px;
    height: 100%;
    background: #43bc60;
  }
  .system-call {
    height: 420px;
  }
  .system-call .system-call-content {
    background-color: #fafafa;
    padding: 30px 20px;
    height: auto;
  }
  .system-call-form .form-group {
    padding: 0 30px;
  }
  .system-call-form .form-group.submit {
    width: 83.33333333%;
  }
  .system-call .system-call-content .system-call-title {
    font-size: 20px;
    color: #313131;
  }
  .system-call .system-call-content {
    top: 0;
  }
  .system-call .system-call-content .system-call-hot {
    line-height: 30px;
    margin-bottom: 15px;
    color: #919191;
    font-size: 14px;
  }
  .system-call .system-call-content .system-call-hot > .color-primary {
    font-size: 20px;
    text-decoration: underline;
  }
  .system-call .system-call-content .system-call-hot > .color-dark {
    font-size: 14px;
    letter-spacing: 2px;
    color: #000000;
  }
  .system-call-form .form-group.submit .btn-primary {
    margin: 0;
    width: auto;
  }
  .system-call-form .form-group .input-clean {
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    height: 50px;
  }
  .system-call-form .has-error .input-clean {
    border: 1px solid #ff0000;
  }
  .system-server-content {
    position: relative;
    left: 3px;
    width: auto;
    height: 90px;
    padding-top: 25px;
  }
  .system-server-content .system-server-title {
    margin-bottom: 5px;
    font-size: 14px;
    overflow: hidden;
  }
  .system-server-content .system-server-title p {
    margin-bottom: 0px;
  }
  .system-server-content .system-server-title p:nth-child(1) {
    float: left;
    font-size: 14px;
    color: #616161;
    font-weight: bold;
  }
  .system-server-content .system-server-title p:nth-child(2) {
    float: right;
    color: #616161;
  }
  .system-server-content .system-server-title p:nth-child(2) span {
    font-size: 16px;
    color: #43bc60;
    font-weight: bold;
  }
  .system-server-content .system-server-desc p:nth-child(1) {
    float: left;
    font-weight: bold;
    color: #919191;
  }
  .system-server-content .system-server-desc p:nth-child(2) {
    float: right;
    text-decoration: underline;
    font-size: 10px;
    color: #a1a1a1;
  }
  .system-server-content .system-server-title:after {
    display: none;
  }
  .es-inner-section .system-subtitle {
    padding: 0 27px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .system-zero {
    padding: 30px 0 40px;
  }
  .system-zero .system-zero-item {
    padding: 0 8px;
    height: auto;
    text-align: center;
  }
  .system-zero .system-zero-item .system-zero-title {
    font-size: 12px;
    margin: 0 0 5px;
  }
  .system-zero .system-zero-item .system-zero-detail {
    font-size: 12px;
    line-height: inherit;
    letter-spacing: 1px;
  }
  .system-zero .system-zero-item .system-zero-top {
    width: 100px;
    height: 100px;
    border-radius: 1000px;
    margin-bottom: 20px;
  }
  .system-operation {
    height: 120px;
    padding-top: 27px;
  }
  .system-operation .system-operation-title,
  .system-operation .system-operation-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .system-operation.system-plugin {
    height: 120px;
  }
  .system-call {
    height: auto;
  }
  .system-operation .system-btn {
    margin: 0 auto;
    background: none;
    padding: 0;
    text-decoration: underline;
    font-weight: bold;
  }
  .system-call-form .form-group .help-block {
    bottom: -9px;
    right: auto;
  }
  .system-content-move .system-content-item {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .product-layout.system-mobile-counselor {
    padding-top: 103px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item {
    height: 185px;
    margin-bottom: 30px;
    padding: 0 17px;
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.1);
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item .system-mobile-avatar {
    position: relative;
    top: -43px;
    margin-bottom: -33px;
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-name {
    position: relative;
    color: #616161;
    margin-bottom: 28px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-name::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 26px;
    width: 20px;
    height: 4px;
    margin: auto;
    background: #43bc60;
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-expression,
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-case {
    font-size: 12px;
    color: #616161;
    letter-spacing: 1px;
  }
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-expression span,
  .product-layout.system-mobile-counselor .counselor-mobile-item .counselor-case span {
    font-weight: bold;
  }
}
.ie-laydown .btn.disabled,
.ie-laydown .btn[disabled],
.ie-laydown fieldset[disabled] .btn {
  opacity: 1;
  filter: alpha(opacity=100);
  filter: none;
}
.ie-laydown .container-ie {
  width: 1140px;
  margin: 0 auto;
}
.ie-laydown .container-ie > .es-nav > .navbar-ie-nav {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}
.ie-laydown .container-ie > .es-nav > .navbar-ie-nav > li {
  float: left;
}
.ie-laydown .container {
  width: 1140px;
  margin: 0 auto;
}
.ie-laydown .es-ie-laydown .col-md-8 {
  width: 58%;
}
.ie-laydown .es-ie-laydown .col-md-4 {
  width: 33.333333333333%;
}
.ie-laydown .es-ie-laydown .col-md-2 {
  width: 16.666666666667%;
}
.ie-laydown .modal-header {
  border: none;
}
.ie-laydown .modal-footer {
  border: none;
}
.ie-laydown .col-sm-6 {
  float: left;
  width: 50% !important;
}
.ie-laydown .ie-info .ie-info-text {
  margin-left: 300px;
}
.ie-laydown .ie-info .ie-info-link {
  position: relative;
  top: -12px;
  width: 30px;
  margin-bottom: -20px;
}
.ie-laydown .ie-info .ie-info-item a > p {
  color: #616161;
}
.ie-laydown .ie-info .ie-info-item a:hover > p {
  color: #43bc60;
}
.operation-center {
  margin: 80px;
}
.operation-title {
  font-size: 30px;
}
.es-product .product-layout .header .sub-title.operation-desc {
  color: #919191;
}
.product-operation-share {
  position: relative;
  margin-bottom: 20px;
}
.product-operation-share img {
  width: 100%;
}
.product-operation-share .item-operation-desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  color: #ffffff;
  letter-spacing: 2px;
}
.product-operation-share .item-operation-desc-icon i {
  font-size: 40px;
}
.product-operation-share .item-operation-desc-title {
  margin-top: 10px;
  font-size: 18px;
}
.product-operation-solution {
  border-top: 10px solid #20b573;
  background: #fff;
  height: 520px;
  margin-bottom: 20px;
}
.product-operation-solution.waiting {
  border-color: #c1c1c1;
}
.product-operation-solution .product-operation-solution-title {
  font-size: 24px;
  color: #313131;
  margin-top: 70px;
  margin-bottom: 30px;
}
.product-operation-solution .product-operation-solution-content {
  font-family: PingFangSC-Light;
  padding: 0 50px;
  font-size: 18px;
  color: #616161;
  height: 210px;
  line-height: 30px;
}
.product-operation-solution .product-operation-solution-wait {
  padding-top: 190px;
  font-size: 24px;
  line-height: 40px;
  color: #919191;
}
.item-product-operation-1 {
  position: relative;
  display: block;
  height: 300px;
}
.item-product-operation-1 .item-product-bg-1 {
  position: relative;
  width: 100%;
  margin-bottom: -1px;
}
.item-product-operation-1 .item-operation-desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 200px;
  padding-top: 135px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 2px;
}
.item-product-operation-1 .item-operation-desc.active {
  padding-top: 90px;
}
.item-product-operation-1 .item-operation-desc.active .item-operation-desc-title {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 17px;
}
.item-product-operation-1 .item-operation-desc.active .item-operation-desc-detail {
  color: #ffffff;
  font-size: 16px;
}
.item-product-operation-1 .item-operation-link {
  display: block;
  height: 50px;
  padding-top: 15px;
  background-color: #e1e1e1;
  letter-spacing: 6px;
  color: #ffffff;
  font-size: 14px;
}
.item-product-operation-1 .item-operation-link.active {
  background-color: #20b573;
  cursor: pointer;
}
.product-layout-operation-2 .item-product-operation-2 {
  padding: 0 57px;
}
.product-layout-operation-2 .item-product-operation-2 .item-operation-2 {
  position: relative;
  height: 430px;
  background: #FFFFFF;
  box-shadow: 0 5px 50px 1px rgba(225, 225, 225, 0.5);
  padding-top: 40px;
}
.arr-right:after {
  position: absolute;
  top: 188px;
  right: -84px;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  content: "\e258";
  color: rgba(145, 145, 145, 0.5);
  font-size: 24px;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 54px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-title {
  margin-bottom: 50px;
  text-align: center;
  font-size: 24px;
  color: #616161;
  letter-spacing: 3px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .item-product-qr-code {
  margin-bottom: 45px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .item-product-desc {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  color: #919191;
  letter-spacing: 3px;
  line-height: 24px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .item-product-desc span {
  color: #000000;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-content {
  cursor: default;
  padding-top: 20px;
  margin-bottom: 60px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-list {
  width: 144px;
  margin: 0 auto;
  margin-bottom: 2px;
  font-size: 12px;
  color: #919191;
  border: 1px solid #f5f5f5;
  box-shadow: 0 0 8px 1px rgba(225, 225, 225, 0.5);
  border-radius: 2px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-list .operation-group-list-item {
  height: 32px;
  line-height: 32px;
  letter-spacing: 2px;
  opacity: 0.87;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-list .operation-group-list-item.active {
  background-color: #f5f5f5;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-btn {
  position: relative;
  width: 144px;
  height: 32px;
  margin: 0 auto;
  line-height: 32px;
  color: #919191;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-group-btn:after {
  content: '';
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 0px;
  height: 0px;
  border-right: 3px solid #f1f1f1;
  border-bottom: 3px solid #f1f1f1;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-check-content {
  height: 212px;
}
.product-layout.product-layout-operation-2 .item-operation-2 .operation-check-content i {
  font-size: 80px;
  line-height: 180px;
  color: #20b573;
}
.operation-connect-btn {
  width: 180px;
  text-align: center;
  display: inline-block;
  margin-top: 40px;
  padding: 15px 30px;
  font-size: 14px;
  background: #20b573;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .product-layout-operation-2 .item-product-operation-2 {
    padding: 0 40px;
  }
  .arr-right:after {
    right: -67px;
  }
  .product-layout-operation-3 .item-product-train-content .item-product-train-icon {
    margin-top: 32px;
  }
  .product-layout-operation-3 .item-product-train-content {
    font-size: 16px;
    letter-spacing: 4px;
  }
}
@media (max-width: 991px) {
  .item-product-operation-1 {
    height: inherit;
  }
  .item-product-operation-1 .item-operation-desc {
    height: 70%;
    padding-top: 37%;
  }
  .item-product-operation-1 .item-operation-desc.active {
    padding-top: 32%;
  }
}
@media (max-width: 767px) {
  .operation-center {
    margin: 0px;
  }
  .arr-right:after {
    display: none;
  }
  .product-layout-operation-3 .item-product-train-content {
    -ms-transform: translate3d(0, -20px, 0);
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    font-size: 12px;
    letter-spacing: 2px;
  }
  .product-layout-operation-3 .item-product-train-content .item-product-train-icon {
    width: 30%;
    margin: 10% auto 5%;
  }
  .product-layout-operation-3 .item-product-train-content .item-product-train-btn {
    width: 60%;
    opacity: 1;
    filter: alpha(opacity=100);
    height: 27px;
    line-height: 27px;
  }
  .item-product-operation-1 .item-operation-link {
    display: none;
  }
  .operation-connect-btn {
    margin-top: 30px;
  }
}
.operation-hover-btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.operation-hover-btn:hover {
  background-color: #1a925d !important;
}
.product-layout-operation-3 .item-product-operation-3 {
  padding: 0 57px;
}
.product-layout-operation-3 .item-product-operation-3 .item-operation-3 {
  position: relative;
  height: 370px;
  background: #FFFFFF;
  border: 3px solid #F9F9F9;
}
.product-layout-operation-3 .item-product-operation-3 .item-operation-3 .operation-title {
  position: relative;
  padding: 42px 10px 0 10px;
  height: 122px;
  text-align: center;
  color: #919191;
  font-size: 20px;
  background: url('/bundles/topxiaweb/v2/img/product/radian_bg.png') no-repeat;
}
.product-layout-operation-3 .item-product-operation-3 .item-operation-3 .item-product-qr-code {
  padding: 30px 0;
  color: #20b573;
}
.product-layout-operation-3 .item-product-operation-3 .item-operation-3 .item-product-desc {
  font-size: 16px;
  color: #919191;
  line-height: 24px;
  padding: 0 15px;
}
.act-engine {
  background-color: #F6F7FB;
}
.act-engine ::selection {
  background: #45C37A;
  color: #FFF;
}
.act-engine ::-moz-selection {
  background: #45C37A;
  color: #FFF;
}
.act-engine ::-webkit-selection {
  background: #45C37A;
  color: #FFF;
}
.act-engine-header {
  height: 584px;
  position: relative;
  overflow: hidden;
  background: url(../img/act/engine-banner-bg.png) no-repeat top center;
  background-size: cover;
  text-align: center;
}
@media (max-width: 767px) {
  .act-engine-header {
    height: 280px;
  }
}
.act-engine-header .act-engine-loop {
  position: absolute;
  left: 50%;
  width: 600px;
  top: -30px;
  margin-left: -300px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.act-engine-header .act-engine-header-title {
  position: absolute;
  width: 100%;
  height: 100%;
}
.act-engine-header .act-engine-loop-in {
  animation: waves 2s infinite ease-in;
  animation-delay: 1s;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-loop-in {
    animation-name: wavesxs;
  }
}
.act-engine-header .act-engine-loop-medium {
  animation: waves 2s infinite ease-in;
  animation-delay: 0.5s;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-loop-medium {
    animation-name: wavesxs;
  }
}
.act-engine-header .act-engine-loop-out {
  animation: waves 2s infinite ease-in;
  animation-delay: 0s;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-loop-out {
    animation-name: wavesxs;
  }
}
.act-engine-header .act-engine-header-top {
  color: #FFFFFF;
  letter-spacing: 0;
  margin-top: 100px;
  height: 80px;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-header-top {
    width: 300px;
    margin-top: 50px;
    height: auto;
  }
}
.act-engine-header .act-engine-header-medium {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-top: 35px;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-header-medium {
    font-size: 34px;
    margin-top: 15px;
  }
}
.act-engine-header .act-engine-header-bottom {
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .act-engine-header .act-engine-header-bottom {
    font-size: 15px;
    margin-top: 25px;
  }
}
.act-engine-header .engine-header-cover {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
@keyframes wavesxs {
  0% {
    width: 50px;
    top: 100px;
    margin-left: -25px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  80% {
    width: 330px;
    top: -40px;
    margin-left: -165px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    width: 400px;
    top: -75px;
    margin-left: -200px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes waves {
  0% {
    width: 600px;
    top: -30px;
    margin-left: -300px;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    width: 635px;
    top: -47.5px;
    margin-left: -317.5px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    top: -330px;
    width: 1200px;
    margin-left: -600px;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
}
.act-engine-content .act-engine-content-top {
  position: relative;
  margin-bottom: -300px;
}
@media (max-width: 991px) {
  .act-engine-content .act-engine-content-top {
    margin-bottom: -200px;
  }
}
@media (max-width: 767px) {
  .act-engine-content .act-engine-content-top {
    margin-bottom: -100px;
  }
}
.act-engine-content .act-engine-content-top .engine-content-covered {
  position: relative;
  top: -170px;
  display: block;
  width: 970px;
  margin: 0 auto;
  transition: all 1s cubic-bezier(0, 0.85, 0.35, 1);
  transform: translate3d(0px, 0px, 0px);
}
@media (max-width: 991px) {
  .act-engine-content .act-engine-content-top .engine-content-covered {
    width: 80%;
    top: -100px;
  }
}
@media (max-width: 767px) {
  .act-engine-content .act-engine-content-top .engine-content-covered {
    top: -50px;
  }
}
.act-engine-content .act-engine-content-top .engine-content-cover {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 700px;
  margin-left: -350px;
  transition: all 1s cubic-bezier(0, 0.85, 0.35, 1);
  transform: translate3d(0px, 0px, 0px);
}
@media (max-width: 991px) {
  .act-engine-content .act-engine-content-top .engine-content-cover {
    width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.act-engine-content .act-engine-content-medium {
  position: relative;
  width: 970px;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .act-engine-content .act-engine-content-medium {
    width: 100%;
  }
}
.act-engine-content .act-engine-content-medium .engine-content-item {
  width: 100%;
  height: 120px;
  margin-bottom: 150px;
  position: relative;
  top: 0;
  transition: all 1s cubic-bezier(0, 0.85, 0.35, 1);
}
@media (max-width: 767px) {
  .act-engine-content .act-engine-content-medium .engine-content-item {
    margin-bottom: 70px;
  }
}
.act-engine-content .act-engine-content-medium .engine-item-hide {
  top: 200px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.engine-content-item img {
  margin-top: 9px;
  width: 126px;
}
@media (max-width: 767px) {
  .engine-content-item img {
    width: 80%;
    margin-left: 10%;
  }
}
.engine-content-item .engine-content-item-title {
  font-size: 24px;
  color: #45C37A;
  letter-spacing: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .engine-content-item .engine-content-item-title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.engine-content-item .engine-content-item-desc {
  font-size: 15px;
  color: #3E4651;
  letter-spacing: 0;
  line-height: 23px;
}
@media (max-width: 767px) {
  .engine-content-item .engine-content-item-desc {
    font-size: 12px;
    line-height: 15px;
  }
}
.act-engine-content-video {
  display: block;
  position: relative;
  background-color: black;
  overflow: hidden;
  margin-bottom: 170px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .act-engine-content-video {
    height: 230px;
  }
}
.act-engine-content-video .act-engine-video-bg {
  width: 100%;
}
.act-engine-content-video .act-engine-video-btn {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10%;
  cursor: pointer;
}
.act-engine-content-bottom {
  position: relative;
  height: 194px;
  margin-bottom: 210px;
  background: linear-gradient(-180deg, #49d182 0%, #45c37a 100%);
  background-size: cover;
  border-radius: 4px;
}
.act-engine-content-bottom .act-engine-content-bottom-mask {
  float: left;
  width: 81.623932%;
  height: 100%;
  background: #49D182;
  border-radius: 86px 4px 86px 4px;
  transition: all 1s linear;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-left: 9.188034%;
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  -moz-transform: skew(-15deg, 0deg);
  -o-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
}
.act-engine-content-bottom .act-engine-content-bottom-title {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 70px;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .act-engine-content-bottom .act-engine-content-bottom-title {
    font-size: 20px;
  }
}
.act-engine-content-bottom .act-engine-content-bottom-move {
  display: block;
  position: absolute;
  width: 160px;
  height: 60px;
  left: 50%;
  margin-left: -80px;
  top: 164px;
  background: #FFFFFF;
  box-shadow: 0 13px 19px 0 rgba(134, 134, 134, 0.19);
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  color: #45C37A;
  letter-spacing: 0;
  line-height: 60px;
  transition: all 1s cubic-bezier(0, 0.85, 0.35, 1);
}
.act-engine-bottom {
  position: relative;
  height: 340px;
  background: #393C40;
  border-bottom: 1px solid #4b4d50;
}
.act-engine-bottom .engine-qr-code {
  position: relative;
  display: block;
  margin: 0 auto;
  top: -40px;
  transition: all 1s cubic-bezier(0, 0.85, 0.35, 1);
  margin-bottom: -25px;
}
.act-engine-bottom .act-engine-bottom-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 59px;
}
@media (max-width: 767px) {
  .act-engine-bottom .act-engine-bottom-title {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.act-engine-bottom .act-engine-bottom-links {
  width: 100%;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 15px;
}
@media (max-width: 767px) {
  .act-engine-bottom .act-engine-bottom-links {
    font-size: 15px;
  }
}
.act-engine-bottom .act-engine-bottom-links a {
  color: #45C37A;
  margin: 0 43px;
}
@media (max-width: 767px) {
  .act-engine-bottom .act-engine-bottom-links a {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .act-engine-content-video {
    display: none;
  }
}
.saas-content-table .saas-table-item {
  width: 100%;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 12px;
}
.saas-content-table .saas-table-item:first-child {
  border-top: 1px solid #e1e1e1;
}
.saas-content-table .col-xs-5of7 {
  position: relative;
  top: 0px;
  left: -1px;
}
.saas-content-table .saas-table-title {
  height: 30px;
  line-height: 30px;
  color: #a1a1a1;
}
.saas-content-table .saas-table-block {
  height: 40px;
  line-height: 40px;
  color: #313131;
}
.saas-content-table .saas-table-last {
  border-bottom: none;
}
.saas-content-table .saas-table-last span {
  font-weight: bold;
}
.saas-content-table .col-xs-2of7 .saas-table-block {
  background-color: #f5f5f5;
  color: #616161;
}
.saas-content-table .col-xs-2of7 .saas-table-block:last-child {
  color: #616161;
}
.saas-table-top .saas-table-item:last-child {
  color: #20b573;
  font-weight: bold;
}
.saas-table-bottom .saas-table-item:last-child {
  color: #01acee;
  font-weight: bold;
}
@media (max-width: 767px) {
  .es-sass .sass-layout .header .sub-title {
    line-height: inherit;
  }
  .es-sass .sass-layout .footer .tip {
    color: #919191;
    font-size: 12px;
  }
  .es-sass .plugin-item-layout {
    height: 82px !important;
    min-height: inherit;
    display: block;
  }
  .es-sass .banner-hover-content .banner-hover-header .title {
    line-height: inherit;
    font-weight: bold;
  }
}
.active-end-box {
  height: auto;
  overflow-x: hidden;
}
.active-end-box .active-end-bg {
  width: 100%;
}
.active-end-box .active-end-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 19%;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}
.es-school-vote .es-vote-banner {
  overflow: hidden;
  position: relative;
}
.es-school-vote .es-vote-banner .vote-banner-bg {
  display: block;
  width: 100%;
}
.es-school-vote .es-vote-banner .vote-count-down {
  position: absolute;
  width: 100%;
  bottom: 5px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}
.es-school-vote .es-vote-search {
  padding-top: 5px;
  overflow: hidden;
}
.es-school-vote .es-vote-search .vote-form {
  display: none;
  padding: 0 20px;
  margin: 8px 0;
}
.es-school-vote .es-vote-search .vote-form .form-group {
  position: relative;
  display: block;
}
.es-school-vote .es-vote-search .vote-form .form-group .form-control {
  width: 100%;
  display: block;
  border: 0px;
  box-shadow: none;
  color: #3f3f3f;
}
.es-school-vote .es-vote-search .vote-form .form-group .form-control::focus {
  border: 0px;
  box-shadow: none;
}
.es-school-vote .es-vote-search .vote-form .button {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  padding-right: 10px;
  background: transparent;
  border: 0;
  font-size: 20px;
}
.es-school-vote .es-vote-search p {
  text-align: center;
  font-size: 12px;
  color: #3f3f3f;
}
.es-school-vote .es-vote-lists {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}
.es-school-vote .es-vote-lists .pagination {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.es-school-vote .vote-lists-item {
  position: relative;
  display: block;
  width: 100%;
  height: 129px;
  margin-top: 10px;
  background: #ffffff;
}
.es-school-vote .vote-lists-item.top .vote-item-count {
  font-size: 22px;
  color: #FFAA00;
  top: 47px;
}
.es-school-vote .vote-lists-item .vote-item-count {
  position: absolute;
  left: 0;
  top: 50px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #C8C8C8;
  width: 50px;
  overflow: hidden;
}
.es-school-vote .vote-lists-item .vote-item-avatar {
  position: absolute;
  left: 50px;
  top: 25px;
  width: 70px;
  height: 70px;
  border: 0.5px solid #D8D8D8;
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
}
.es-school-vote .vote-lists-item .vote-item-avatar:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.es-school-vote .vote-lists-item .vote-item-avatar .avatar-vote {
  width: 70px;
  vertical-align: middle;
  display: inline-block;
}
.es-school-vote .vote-lists-item .vote-item-content {
  width: 100%;
  height: 129px;
  padding: 26px 72px 15px 135px;
}
.es-school-vote .vote-lists-item .vote-item-content .vote-item-title {
  font-size: 16px;
  font-weight: bold;
  color: #2A2D30;
  margin-bottom: 8px;
}
.es-school-vote .vote-lists-item .vote-item-content .vote-item-detail {
  font-size: 12px;
  color: #777777;
}
.es-school-vote .vote-lists-item .vote-item-assist {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 45px;
  padding-left: 18px;
  width: 60px;
  height: 100%;
}
.es-school-vote .vote-lists-item .vote-item-assist .vote-assist-box {
  position: relative;
  height: 34px;
}
.es-school-vote .vote-lists-item .vote-item-assist .vote-assist-box .vote-assist,
.es-school-vote .vote-lists-item .vote-item-assist .vote-assist-box .vote-assisted {
  position: absolute;
  top: 3px;
}
.es-school-vote .vote-lists-item .vote-item-assist .vote-assist-box .vote-assist {
  width: 24px;
}
.es-school-vote .vote-lists-item .vote-item-assist .vote-assist-box .vote-assisted {
  width: 27px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-school-vote .vote-lists-item .vote-item-assist .vote-count {
  position: relative;
  left: -11px;
  width: 45px;
  font-size: 12px;
  color: #999999;
  text-align: center;
  font-weight: bold;
}
.es-school-vote .vote-lists-item .vote-item-assist.active-link .vote-assisted {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: scale 0.35s linear;
  -moz-animation: scale 0.35s linear;
  -o-animation: scale 0.35s linear;
  animation: scale 0.35s linear;
}
.es-school-vote .vote-lists-item .vote-item-assist.active-link .vote-assist {
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-school-vote .vote-lists-item .vote-item-assist.active-link .vote-count {
  color: #FFAA00;
}
.es-school-vote .vote-lists-item .vote-item-assist.clicked-link .vote-assisted {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-school-vote .vote-lists-item .vote-item-assist.clicked-link .vote-assist {
  opacity: 0;
  filter: alpha(opacity=0);
}
.es-school-vote .vote-lists-item .vote-item-assist.clicked-link .vote-count {
  color: #FFAA00;
}
.es-school-vote .vote-return {
  display: block;
  width: 220px;
  height: 40px;
  margin: 40px auto;
  background: #03C777;
  border-radius: 4px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}
.es-school-vote .vote-logo-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  color: #20b573;
  text-align: center;
  font-weight: bold;
  line-height: 50px;
}
.es-school-vote .vote-join {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  z-index: 999;
}
.es-school-vote .vote-join a {
  display: none;
  float: left;
  width: 100%;
  height: 100%;
  padding: 15px 0;
  color: #ffffff;
  background: #20b573;
}
.es-school-vote .vote-join a.link-share {
  display: block;
  background: #FED230;
}
.modal .vote-dialog {
  display: block;
  text-align: center;
  background: transparent;
  margin: 0;
}
.modal .vote-modal {
  display: block;
  box-shadow: none;
  background: transparent;
  border: none;
}
.modal .vote-modal .modal-body {
  padding: 0px 28px 0px 58px;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
}
.modal .vote-modal .modal-body img {
  width: 100%;
}
.modal .modal-subtitle {
  position: relative;
  display: inline-block;
  top: -200px;
  max-width: 400px;
  padding: 0 25px;
  border-radius: 4px;
  line-height: 45px;
  background: #000000;
  vertical-align: middle;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
}
.modal .modal-span {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
@keyframes scale {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.es-product.es-product-train-new .btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product.es-product-train-new .btn:hover {
  background-color: #178adb;
  border-color: #178adb;
}
.es-product.es-product-train-new .btn-reverse-white:focus {
  background-color: transparent;
}
.es-product.es-product-train-new .btn-minor {
  border: 2px solid #ffffff;
  padding: 13px 30px;
}
.es-product.es-product-train-new .bg-banner {
  padding-bottom: 28.646%;
}
.es-product.es-product-train-new .btn-primary {
  background-color: #0090ff;
  border-color: #0090ff;
}
.es-product.es-product-train-new .banner-hover-content {
  height: 320px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-train-new .banner-hover-content {
    height: 70px;
  }
}
.es-product.es-product-train-new .banner-hover-content {
  height: 117px;
}
.es-product.es-product-train-new .banner-hover-content .banner-hover-header {
  margin-bottom: 0;
}
.es-product.es-product-train-new .banner-hover-content .banner-hover-header .title {
  margin-bottom: 15px;
  font-size: 48px;
  letter-spacing: 6px;
}
@media screen and (max-width: 767px) {
  .es-product.es-product-train-new .banner-hover-content .banner-hover-header .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.es-product.es-product-train-new .banner-hover-content .banner-hover-header .sub-title {
  font-size: 24px;
  letter-spacing: 8px;
}
.es-product.es-product-train-new .banner-hover-content .banner-hover-footer {
  margin-top: 30px;
}
.es-product.es-product-train-new .banner-hover-footer .btn-main {
  width: 180px;
  height: 50px;
  padding: 15px 30px;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 26px 25px -10px rgba(28, 157, 252, 0.5);
  -moz-box-shadow: 0 26px 25px -10px rgba(28, 157, 252, 0.5);
  box-shadow: 0 26px 25px -10px rgba(28, 157, 252, 0.5);
}
.es-product.es-product-train-new .product-layout-footer {
  margin-top: 50px;
}
.es-product.es-product-train-new .product-layout-footer .btn-main {
  padding: 15px 30px;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 2px;
}
.es-product.es-product-train-new .train-server .col-md-1of5 {
  padding: 0 5px;
}
.es-product.es-product-train-new .item-product-train-1 {
  height: 200px;
  margin-bottom: 0px;
  border-radius: 2px;
  background: transparent;
  cursor: default;
}
.es-product.es-product-train-new .item-product-train-1 i {
  font-size: 58px;
  color: #0090ff;
}
.es-product.es-product-train-new .item-product-train-1 p {
  color: #616161;
  font-size: 16px;
  letter-spacing: 2px;
}
.es-product.es-product-train-new .item-product-train-1:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 40px 1px rgba(0, 0, 0, 0.05);
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.es-product.es-product-train-new .train-server-item {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  cursor: pointer;
}
.es-product.es-product-train-new .train-server-item .train-server-item-bg {
  width: 100%;
}
.es-product.es-product-train-new .train-server-item .train-server-item-mask,
.es-product.es-product-train-new .train-server-item .train-server-item-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.es-product.es-product-train-new .train-server-item .train-server-item-mask {
  background-color: #000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product.es-product-train-new .train-server-item .train-server-item-content {
  padding-top: 90px;
}
.es-product.es-product-train-new .train-server-item .train-server-item-content .train-server-item-title {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 12px;
  font-weight: bold;
}
.es-product.es-product-train-new .train-server-item .train-server-item-content .train-server-item-detail {
  padding: 0 17px;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 21px;
}
.es-product.es-product-train-new .train-server-item:hover .train-server-item-mask {
  background-color: #0090ff;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.es-product.es-product-train-new .train-promise .train-server-item .train-server-item-content {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product.es-product-train-new .train-promise .train-server-item .train-server-item-title {
  margin-bottom: 50px;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 45px;
}
.es-product.es-product-train-new .train-promise .train-server-item .train-server-item-detail {
  padding: 78px 60px 0;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 26px;
}
.es-product.es-product-train-new .train-promise .train-server-item:hover .train-server-item-content {
  -ms-transform: translate3d(0, -190px, 0);
  -webkit-transform: translate3d(0, -190px, 0);
  -moz-transform: translate3d(0, -190px, 0);
  -o-transform: translate3d(0, -190px, 0);
  transform: translate3d(0, -190px, 0);
}
.es-product.es-product-train-new .es-product-middle .es-product-middle-text {
  margin-bottom: 10px;
  font-size: 30px;
  letter-spacing: 4px;
  font-weight: bold;
}
.es-product.es-product-train-new .es-product-middle .es-product-middle-desc {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 20px;
  letter-spacing: 4px;
}
.es-product.es-product-train-new .es-product-middle .es-product-middle-more {
  display: inline-block;
  color: #ffffff;
  width: 180px;
  height: 50px;
  padding: 0;
  line-height: 50px;
  border-radius: 2px;
  border: none;
  background-color: #0090ff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product.es-product-train-new .es-product-middle .es-product-middle-more:hover {
  background-color: #178adb;
}
.es-product.es-product-train-new .product-layout .item-product-5 {
  border-radius: 2px;
  border: 2px solid #FFFFFF;
  padding-top: 34px;
}
.es-product.es-product-train-new .product-layout .item-product-5 i {
  color: #0090ff;
}
.es-product.es-product-train-new .product-layout .item-product-5:hover {
  border-color: #0090FF;
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.es-product.es-product-train-new .train-call {
  padding: 40px 0 60px;
}
.es-product.es-product-train-new .train-choose-item-bg {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .es-product.es-product-train-new .banner-hover-content .banner-hover-header .title {
    letter-spacing: 3px;
    font-weight: bold;
    margin-top: 25px;
  }
  .es-product.es-product-train-new .banner-hover-content .banner-hover-footer {
    margin-top: 20px;
  }
  .es-product.es-product-train-new .banner-hover-content .banner-hover-footer .btn-main {
    width: auto;
    height: auto;
    padding: 12px 30px;
    letter-spacing: 2px;
    font-size: 12px;
    text-align: center;
  }
  .es-product.es-product-train-new .train-server .train-server-item {
    height: 150px;
    margin-bottom: 20px;
  }
  .es-product.es-product-train-new .train-server .train-server-item .train-server-item-bg {
    position: relative;
    top: -100%;
  }
  .es-product.es-product-train-new .train-server .train-server-item .train-server-item-content {
    padding-top: 50px;
  }
  .es-product.es-product-train-new .train-server .train-server-item:hover .train-server-item-mask {
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .es-product.es-product-train-new .train-promise .train-server-item {
    margin-bottom: 20px;
  }
  .es-product.es-product-train-new .train-promise .train-server-item .train-server-item-content {
    padding-top: 30px;
  }
  .es-product.es-product-train-new .train-promise .train-server-item .train-server-item-content .train-server-item-title {
    font-size: 24px;
    margin-bottom: 0px;
  }
  .es-product.es-product-train-new .train-promise .train-server-item .train-server-item-content .train-server-item-detail {
    padding: 10px 15px 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: inherit;
  }
  .es-product.es-product-train-new .item-product-train-1 {
    margin-bottom: 20px;
  }
  .es-product.es-product-train-new .product-layout-footer {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .es-product.es-product-train-new .es-product-middle {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .es-product.es-product-train-new .es-product-middle .es-product-middle-text {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .es-product.es-product-train-new .es-product-middle .es-product-middle-more {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 2px;
  }
}
@media (max-width: 767px) {
  .es-product.es-product-train-new .train-server-item:hover .train-server-item-mask {
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .es-product.es-product-train-new .train-server-item:hover .train-server-item-content {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .es-product.es-product-train-new .item-product-train-1:hover {
    background-color: transparent;
    box-shadow: none;
  }
}
.es-product-colleges.es-product.es-product-train-new .btn {
  display: inline-block;
  padding: 13px 30px;
  font-size: 14px;
  color: #ffffff;
  background-color: #3b8ef6;
  border: 2px solid #3b8ef6;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-product-colleges.es-product.es-product-train-new .btn:hover {
  background-color: #3e85d4;
  border-color: #3e85d4;
}
.es-product-colleges.es-product.es-product-train-new .btn.switch-btn {
  margin: 25px 15px 0;
  padding: 8px 30px;
  font-size: 14px;
  box-shadow: none;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #ffffff;
  color: #3b8ef6;
}
.es-product-colleges.es-product.es-product-train-new .btn.switch-btn:hover,
.es-product-colleges.es-product.es-product-train-new .btn.switch-btn.active {
  background-color: #3b8ef6;
  border-color: #3b8ef6;
  color: #ffffff;
}
.es-product-colleges.es-product.es-product-train-new .swiper-collages-pagination {
  margin-top: 30px;
}
.es-product-colleges.es-product.es-product-train-new .swiper-collages-pagination .swiper-pagination-bullet {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: content-box;
  border: 3px solid #e1e1e1;
  background: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-product-colleges.es-product.es-product-train-new .swiper-collages-pagination .swiper-pagination-bullet-active {
  border-color: #3b8ef6;
}
.es-product-colleges.es-product.es-product-train-new .banner-hover-content .btn {
  width: 180px;
}
.es-product-colleges.es-product.es-product-train-new .collages-plain-box {
  position: relative;
}
.es-product-colleges.es-product.es-product-train-new .collages-plain-box .collages-plain-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}
.es-product-colleges.es-product.es-product-train-new .collages-plain-box .collages-plain-item.show {
  position: relative;
  z-index: 1;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-product-colleges.es-product.es-product-train-new .oneline-collages {
  margin-bottom: 30px;
}
.es-product-colleges.es-product.es-product-train-new .item-product-train-1 {
  padding: 35px 8px 0;
}
.es-product-colleges.es-product.es-product-train-new .item-product-train-1 .icon-item-title {
  font-size: 18px;
  font-weight: bold;
  color: #616161;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.es-product-colleges.es-product.es-product-train-new .item-product-train-1 .icon-item-desc {
  font-size: 14px;
  color: #919191;
  letter-spacing: 2px;
}
.es-product-colleges.es-product.es-product-train-new .train-server-item:hover .train-server-item-mask {
  background-color: #3e85d4;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item {
  margin-bottom: 50px;
}
.es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item:hover .train-server-item-content {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
.es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item .train-server-item-content {
  padding-top: 55px;
}
.es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item .train-server-item-content i {
  font-size: 28px;
  color: #ffffff;
}
.es-product-colleges.es-product.es-product-train-new .collages-icon-block .collages-icon-item:after,
.es-product-colleges.es-product.es-product-train-new .collages-icon-block .collages-icon-item:before {
  display: table;
  content: " ";
}
.es-product-colleges.es-product.es-product-train-new .collages-icon-block .collages-icon-item:after {
  clear: both;
}
.es-product-colleges.es-product.es-product-train-new .system-call .system-call-content {
  background-color: transparent;
}
.es-product-colleges.es-product.es-product-train-new .system-call .system-call-content .input-clean {
  border-bottom: none;
  background: transparent !important;
}
@media (max-width: 767px) {
  .es-product-colleges.es-product.es-product-train-new .banner-hover-content .banner-hover-header .title {
    margin-top: 15px;
  }
  .es-product-colleges.es-product.es-product-train-new .banner-hover-content .banner-hover-header .sub-title {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .es-product-colleges.es-product.es-product-train-new .banner-hover-content .banner-hover-footer {
    margin-top: 10px;
  }
  .es-product-colleges.es-product.es-product-train-new .btn {
    letter-spacing: 1px;
  }
  .es-product-colleges.es-product.es-product-train-new .oneline-collages {
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .es-product-colleges.es-product.es-product-train-new .swiper-collages-pagination {
    margin-top: 20px;
  }
  .es-product-colleges.es-product.es-product-train-new .train-server-item:hover .train-server-item-mask {
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
  }
  .es-product-colleges.es-product.es-product-train-new .train-server-item:hover .train-server-item-content {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .es-product-colleges.es-product.es-product-train-new .banner-hover-content .banner-hover-footer .btn-main {
    height: inherit;
    width: inherit;
    padding: 10px 30px;
    font-size: 12px;
    line-height: inherit;
    text-align: center;
    border-radius: 2px;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-icon-block .collages-icon-item {
    padding: 0;
    float: left;
    width: 50%;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-icon-block .collages-icon-item.last {
    width: 100%;
    padding: 0 25%;
    margin: 0 auto;
  }
  .es-product-colleges.es-product.es-product-train-new .btn.switch-btn {
    margin: 25px 5px;
    padding: 8px 15px;
  }
  .es-product-colleges.es-product.es-product-train-new .train-server .train-server-item .train-server-item-bg {
    top: 0%;
  }
  .es-product-colleges.es-product.es-product-train-new .train-server .train-server-item .train-server-item-content {
    padding-top: 60px;
  }
  .es-product-colleges.es-product.es-product-train-new .train-server .train-server-item .train-server-item-content .train-server-item-title {
    font-size: 16px;
  }
  .es-product-colleges.es-product.es-product-train-new .train-server .train-server-item .train-server-item-content .train-server-item-detail {
    display: none;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item {
    margin-bottom: 30px;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item .train-server-item-content {
    padding-top: 25px;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item .train-server-item-content i {
    font-size: 20px;
  }
  .es-product-colleges.es-product.es-product-train-new .collages-exclusive .collages-exclusive-item .train-server-item-content .train-server-item-title {
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
  }
}
.oneline-collages-0 {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-1 {
  background-position: 6.66666667% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-2 {
  background-position: 13.33333333% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-3 {
  background-position: 20% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-4 {
  background-position: 26.66666667% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-5 {
  background-position: 33.33333333% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-6 {
  background-position: 40% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-7 {
  background-position: 46.66666667% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-8 {
  background-position: 53.33333333% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-9 {
  background-position: 60% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-10 {
  background-position: 66.66666667% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-11 {
  background-position: 73.33333333% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-12 {
  background-position: 80% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-13 {
  background-position: 86.66666667% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-14 {
  background-position: 93.33333333% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.oneline-collages-15 {
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 58.935361%;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.05);
}
.bg-dark-green {
  background-color: #03130A;
}
.bg-dark-green .edu-header {
  background-color: #03130A;
}
.bg-dark-green .sidebar-nav-wrapper {
  background-color: #03130A;
}
.bg-dark-green .sidebar-nav-wrapper .sidebar-nav > li a {
  color: #ffffff;
}
.es-user-meeting {
  color: #ffffff;
}
.es-user-meeting .es-friend-link {
  display: none;
}
.es-user-meeting .modal-content {
  background-color: transparent;
}
.es-user-meeting .modal-content .modal-header {
  display: none;
}
.es-user-meeting .modal-content .modal-footer {
  display: none;
}
.es-user-meeting .user-meeting-buy {
  position: fixed;
  width: 294px;
  height: 436px;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -221px;
  border: 3px solid #42BD62;
  background: rgba(0, 0, 0, 0.7);
}
.es-user-meeting .user-meeting-buy .user-meeting-buy-bg {
  width: 80%;
}
.es-user-meeting .user-meeting-buy .meeting-bug-close {
  position: absolute;
  top: -51px;
  right: 10px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 21px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  color: #000000;
  background-color: #ffffff;
  z-index: 2;
}
.es-user-meeting .user-meeting-buy .meeting-bug-close:after {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 41px;
  top: 23px;
  left: 12px;
  background-color: #ffffff;
}
.es-user-meeting .user-meeting-buy .user-meeting-buy-header {
  position: relative;
  height: 89px;
  background-color: #42bd62;
  background-image: url(../img/act/user-meeting-banner-buy.png);
  background-size: 196px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
.es-user-meeting .user-meeting-buy .user-meeting-buy-header:after {
  position: absolute;
  content: '';
  right: 19px;
  top: 13px;
  width: 5px;
  height: 5px;
  background-color: #000000;
  border-radius: 50%;
  z-index: 1;
}
.es-user-meeting .user-meeting-buy .user-meeting-buy-body {
  height: 347px;
  text-align: center;
}
.es-user-meeting .user-meeting-buy .user-meeting-buy-body .user-meeting-buy-deatil {
  font-size: 16px;
  padding: 23px 0;
}
.es-user-meeting .meeting-color-primary {
  color: #43BC60;
}
.es-user-meeting .user-meeting-body .meeting-layout-group {
  background-repeat: no-repeat;
}
.es-user-meeting .user-meeting-body .meeting-layout-group.bottom {
  background-size: 12%;
  background-position: left 33%;
  background-image: url(../img/act/meeting-layout-bg-bottom.png);
}
.es-user-meeting .user-meeting-body .meeting-layout-group.top {
  background-size: 12%;
  background-position: right 50%;
  background-image: url(../img/act/meeting-layout-bg-top.png);
}
.es-user-meeting .user-meeting-body .meeting-banner {
  position: relative;
  width: 100%;
  padding-bottom: 39.583333%;
  margin-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/act/user-meeting-banner.jpg);
  background-image: -webkit-image-set(url(../img/act/user-meeting-banner.jpg) 1x, url(../img/act/user-meeting-banner@2x.jpg) 2x);
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-banner {
    margin-top: 20px;
  }
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  padding: 0 50px;
  height: 80px;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.97) 15%, rgba(45, 45, 45, 0.23) 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .meeting-banner-header-logo {
  height: 80%;
  margin-top: 8px;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box {
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .inline-item {
  display: inline-block;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item {
  margin: 22px 30px;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  line-height: 36px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item:hover {
    border-color: #ffffff;
  }
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last {
  line-height: 36px;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last .fill-box {
  display: block;
  position: relative;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last .fill-box span {
  position: relative;
  font-size: 12px;
  top: 0px;
  line-height: 36px;
  display: block;
  color: #43bc60;
  padding: 0 17px;
  border: 1px solid #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last .fill-box span.fill {
  position: absolute;
  top: -100%;
  background-color: #43bc60;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last:hover {
    border-color: transparent;
  }
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last:hover .fill-box span {
    top: 36px;
  }
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-header .inline-box .meeting-nav-item.last:hover .fill-box span.fill {
    top: 0%;
  }
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-count-down {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  text-align: center;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-count-down .count-down-value {
  display: inline-block;
  margin: 0 10px;
  color: #F6BD23;
  font-size: 20px;
  font-weight: bold;
}
.es-user-meeting .user-meeting-body .meeting-banner .meeting-live-btn {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  width: 140px;
  height: 48px;
  line-height: 44px;
  margin: auto;
  border: 2px solid #2FD857;
  text-align: center;
  font-size: 16px;
  color: #2FD857;
}
.es-user-meeting .user-meeting-body .meeting-title {
  position: relative;
  left: -60px;
  height: 120px;
  padding-left: 60px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: contain;
  background-image: url(../img/act/user-meeting-title-bg.png);
  background-image: -webkit-image-set(url(../img/act/user-meeting-title-bg.png) 1x, url(../img/act/user-meeting-title-bg@2x.png) 2x);
}
.es-user-meeting .user-meeting-body .meeting-title:after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 28px;
  width: 3px;
  height: 18px;
  background: #2fd857;
}
.es-user-meeting .user-meeting-body .meeting-title .meeting-title-en {
  margin-top: 16px;
  font-family: Arial-Black;
  font-size: 28px;
}
.es-user-meeting .user-meeting-body .meeting-title .meeting-title-zh {
  margin-top: 3px;
  font-size: 22px;
  font-weight: bold;
}
.es-user-meeting .user-meeting-body .meeting-layout {
  padding-top: 70px;
  padding-bottom: 120px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item {
  padding-left: 5px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item .meeting-agenda-content {
  position: relative;
  height: 106px;
  padding: 30px 0 0 55px;
  border-left: 1px dashed #979797;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item .meeting-agenda-content:after {
  content: '';
  position: absolute;
  left: -5px;
  top: 22px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2fd857;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item .meeting-agenda-content .meeting-agenda-time {
  color: #43bc60;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item .meeting-agenda-content .meeting-agenda-active {
  font-size: 20px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-agenda .meeting-agenda-item .meeting-agenda-content .meeting-agenda-compere {
  font-size: 14px;
  color: #919191;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers {
  padding-bottom: 90px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item .meeting-speakers-bg {
  width: 100%;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item .meeting-speakers-detail {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 53%;
  width: 100%;
  padding-left: 20px;
  padding-top: 60px;
  font-weight: bold;
  background-image: linear-gradient(-180deg, rgba(0, 98, 24, 0) 0%, #126f29 93%);
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item .meeting-speakers-detail .meeting-speakers-name {
  font-size: 30px;
  margin-bottom: 5px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item .meeting-speakers-detail .meeting-speakers-job {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item:hover .meeting-speakers-detail {
    background-image: linear-gradient(-180deg, rgba(0, 98, 24, 0) 0%, #43bc60 93%);
  }
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item {
  position: relative;
  overflow: hidden;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-bg {
  width: 100%;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  margin: auto;
  text-align: left;
  padding-left: 40px;
  font-weight: bold;
  color: #2fd857;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translate3d(0, -20px, 0);
  -webkit-transform: translate3d(0, -20px, 0);
  -moz-transform: translate3d(0, -20px, 0);
  -o-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-title .meeting-sub-type {
  font-size: 28px;
  font-weight: bold;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-title .meeting-sub-name {
  font-size: 18px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-title .meeting-sub-more {
  margin-top: 50px;
  color: #ffffff;
  line-height: 30px;
  font-size: 16px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55.5%;
  padding-top: 50px;
  font-weight: bold;
  padding-left: 40px;
  background-image: linear-gradient(-180deg, rgba(0, 98, 24, 0) 0%, #43bc60 93%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transform: translate3d(0, 300px, 0);
  -webkit-transform: translate3d(0, 300px, 0);
  -moz-transform: translate3d(0, 300px, 0);
  -o-transform: translate3d(0, 300px, 0);
  transform: translate3d(0, 300px, 0);
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-detail .meeting-sub-time {
  font-size: 12px;
  color: #40EA69;
  line-height: 1;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-detail .meeting-sub-desc {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  line-height: 34px;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item:hover .meeting-sub-title {
    -ms-transform: translate3d(0, -130px, 0);
    -webkit-transform: translate3d(0, -130px, 0);
    -moz-transform: translate3d(0, -130px, 0);
    -o-transform: translate3d(0, -130px, 0);
    transform: translate3d(0, -130px, 0);
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item:hover .meeting-sub-detail {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-ticket {
  margin-top: 50px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item {
  position: relative;
  padding-bottom: 27%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../img/act/meeting-sub-ticket-bg.png);
  background-image: -webkit-image-set(url(../img/act/meeting-sub-ticket-bg.png) 1x, url(../img/act/meeting-sub-ticket-bg@2x.png) 2x);
  overflow: hidden;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 30%;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-name {
  margin-top: 29px;
  font-size: 30px;
  font-weight: bold;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-name span {
  margin-right: 10px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-price {
  margin-top: 10px;
  margin-bottom: 23px;
  font-size: 32px;
  color: #D5A36F;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-tips {
  font-size: 14px;
  position: relative;
  text-indent: 40px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-tips:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 17px;
  height: 3px;
  margin: auto;
  background: #D5A36F;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-box {
  text-align: center;
  padding-top: 70px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-box .meeting-ticket-btn {
  display: inline-block;
  padding: 10px 50px;
  border-radius: 1px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  background: #2fd857;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-box .meeting-ticket-btn:hover {
    background: #21b344;
  }
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-partner {
  padding-bottom: 100px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-partner .meeting-parter-item {
  margin-bottom: 20px;
  background-image: url(../img/act/meeting-partner-bg.jpg);
  background-image: -webkit-image-set(url(../img/act/meeting-partner-bg.jpg) 1x, url(../img/act/meeting-partner-bg@2x.jpg) 2x);
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-media {
  padding-bottom: 100px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-media .meeting-media-item {
  margin-bottom: 20px;
  background-image: url(../img/act/meeting-media-bg.jpg);
  background-image: -webkit-image-set(url(../img/act/meeting-media-bg.jpg) 1x, url(../img/act/meeting-media-bg@2x.jpg) 2x);
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-review .meeting-review-item .meeting-review-box {
  overflow: hidden;
  margin-bottom: 12px;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-review .meeting-review-item .meeting-review-box .meeting-review-img {
  width: 100%;
}
.es-user-meeting .user-meeting-body .meeting-layout.meeting-review .meeting-review-item .meeting-review-title {
  font-size: 16px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-review .meeting-review-item .meeting-review-title:hover {
    color: #43bc60;
  }
}
.es-user-meeting .es-footer,
.es-user-meeting .es-friend-link,
.es-user-meeting .es-copyright {
  background-color: #03130A;
}
@media screen and (max-width: 767px) {
  .es-user-meeting .user-meeting-body .meeting-layout {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-live-btn {
    bottom: 10%;
  }
  .es-user-meeting .user-meeting-body .meeting-layout-group.bottom {
    background-size: 33%;
    background-position: left 28%;
  }
  .es-user-meeting .user-meeting-body .meeting-layout-group.top {
    background-size: 40%;
    background-position: right 55%;
  }
  .es-user-meeting .user-meeting-body .meeting-banner {
    padding-bottom: 151.2%;
    background-image: url(../img/act/user-meeting-banner-mobile.jpg);
  }
  .es-user-meeting .user-meeting-body .meeting-banner .meeting-banner-count-down {
    bottom: 25%;
  }
  .es-user-meeting .user-meeting-body .meeting-title {
    background-position: 50px center;
    padding-left: 120px;
  }
  .es-user-meeting .user-meeting-body .meeting-title:after {
    left: 100px;
  }
  .es-user-meeting .user-meeting-body .meeting-title .meeting-title-en {
    margin-top: 16px;
    font-family: Arial-Black;
    font-size: 28px;
  }
  .es-user-meeting .user-meeting-body .meeting-title .meeting-title-zh {
    margin-top: 3px;
    font-size: 22px;
    font-weight: bold;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item {
    margin-bottom: 20px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-speakers .meeting-speakers-item .meeting-speakers-detail {
    padding-top: 35px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content {
    padding-left: 12%;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-name {
    margin-top: 10px;
    font-size: 12px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-price {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-tips {
    font-size: 12px;
    text-indent: 22px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-item .meeting-ticket-content .meeting-ticket-tips:after {
    width: 10px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-ticket-box {
    padding-top: 40px;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item {
    margin-bottom: 20px;
    height: 275px;
    overflow: hidden;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-bg {
    position: relative;
    top: -20%;
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-sub .meeting-sub-item .meeting-sub-title {
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
  .es-user-meeting .user-meeting-body .meeting-layout.meeting-review .meeting-review-item .meeting-review-title {
    font-size: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.oneline-meeting-0 {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-1 {
  background-position: 9.09090909% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-2 {
  background-position: 18.18181818% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-3 {
  background-position: 27.27272727% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-4 {
  background-position: 36.36363636% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-5 {
  background-position: 45.45454545% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-6 {
  background-position: 54.54545455% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-7 {
  background-position: 63.63636364% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-8 {
  background-position: 72.72727273% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-9 {
  background-position: 81.81818182% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-10 {
  background-position: 90.90909091% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.oneline-meeting-11 {
  background-position: 100% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 74.8%;
}
.little-title {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 12px !important;
  color: #919191;
  text-align: center;
}
.es-marketing .es-indexpage .homepage-layout.homepage-custom .custom-logo-box {
  height: auto;
}
.es-marketing .es-indexpage .homepage-layout.homepage-custom .custom-logo-box img {
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.es-marketing .quick-bar {
  width: 160px;
}
.es-marketing .quick-bar.active {
  width: 36px;
}
.es-marketing .quick-bar .es-mobile-sideitem i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.es-marketing .quick-bar .es-mobile-sideitem span {
  text-indent: 15px;
}
.es-marketing .es-free-download {
  display: none;
}
.es-marketing .banner-hover-detail span {
  color: #F8E71C;
}
.es-marketing .es-indexpage .banner-hover-container {
  height: 200px;
}
.es-marketing .es-indexpage .homepage-layout {
  padding-bottom: 120px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout {
  padding-bottom: 70px;
  text-align: center;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar {
  display: inline-block;
  height: 100%;
  margin: 0 auto;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-content {
  padding: 0 20px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-detail {
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: left;
  font-size: 20px;
  color: #313131;
  letter-spacing: 4px;
  line-height: 34px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-detail span {
  color: #43bc60;
  font-weight: bold;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name {
  position: relative;
  padding-right: 5px;
  font-size: 16px;
  color: #313131;
  letter-spacing: 4px;
  text-align: right;
  font-weight: bold;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name span {
  font-size: 12px;
  font-weight: 100;
  letter-spacing: 2px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name.name-left {
  margin-top: 60px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name.name-left:after {
  right: 210px;
}
.es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name:after {
  content: '';
  position: absolute;
  top: 11px;
  right: 190px;
  display: block;
  width: 50px;
  height: 1px;
  background-color: #c1c1c1;
}
.es-marketing .es-indexpage .homepage-layout.homepage-custom .custom-logo-img {
  width: 90%;
  margin: 0 auto;
}
.es-marketing .es-indexpage .homepage-layout.homepage-custom .custom-logo-box .hover-trigger {
  background-position-y: -86px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.es-marketing .es-indexpage .homepage-layout-header {
  margin-bottom: 40px;
}
.es-marketing .es-product.es-product-train-new .train-server-item {
  margin-bottom: 30px;
}
.es-marketing .es-product.es-product-train-new .train-server-item .train-server-item-content {
  padding-top: 90px;
}
.es-marketing .es-product.es-product-train-new .train-server-item .train-server-item-content-sm {
  padding-top: 50px;
}
.es-marketing .es-product.es-product-train-new .marketing-server-item-title {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 2px;
  font-weight: bold;
  margin-bottom: 13px;
}
.es-marketing .es-product.es-product-train-new .marketing-server-item-detail {
  font-size: 16px;
  line-height: 24px;
  padding: 0 35px;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
}
.es-marketing .es-product.es-product-train-new .marketing-threshold-content .marketing-server-item-detail {
  padding: 0 40px;
}
.es-marketing .marketing-link-box {
  margin-top: 20px;
  text-align: center;
}
.es-marketing .marketing-btn {
  display: inline-block;
  width: 180px;
  height: 50px;
  margin: 0 15px;
  border: 2px solid #43bc60;
  line-height: 46px;
  border-radius: 2px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.es-marketing .marketing-btn-main {
  background-color: #43bc60;
  color: #ffffff;
}
.es-marketing .marketing-btn-main:hover {
  background-color: #36964d;
  border-color: #36964d;
}
.es-marketing .marketing-btn-line {
  background-color: transparent;
  color: #43bc60;
}
.es-marketing .marketing-btn-line:hover {
  background-color: #43bc60;
  border-color: #43bc60;
  color: #ffffff;
}
.es-marketing .marketing-btn-line.reverse-white-btn {
  border-color: #ffffff;
  color: #ffffff;
}
.es-marketing .marketing-btn-line.reverse-white-btn:hover {
  background-color: #43bc60;
  border-color: #43bc60;
  color: #ffffff;
}
.es-marketing .marketing-facility-btn {
  margin: 20px 0;
}
.es-marketing .marketing-system-content {
  margin-bottom: 50px;
}
.es-marketing .marketing-facility {
  margin: 0 auto;
}
.es-marketing .system-item-block {
  position: relative;
  left: 15px;
}
.es-marketing .marketing-system-item {
  height: 288px;
  padding-top: 40px;
  padding: 40px 52px 0;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0 2px 72px 0 rgba(0, 0, 0, 0.05);
}
.es-marketing .marketing-system-item .logo-box {
  width: 96px;
  height: 96px;
  border-radius: 100px;
  margin: 0 auto 13px;
  text-align: center;
}
.es-marketing .marketing-system-item .logo-box.bg-1 {
  background-color: #3CB035;
}
.es-marketing .marketing-system-item .logo-box.bg-2 {
  background-color: #535CAC;
}
.es-marketing .marketing-system-item .logo-box.bg-3 {
  background-color: #FF723D;
}
.es-marketing .marketing-system-item .logo-box i {
  line-height: 96px;
  font-size: 64px;
  color: #ffffff;
}
.es-marketing .marketing-system-item .logo-box span {
  font-size: 32px;
  color: #ffffff;
  font-weight: bold;
  line-height: 96px;
}
.es-marketing .marketing-system-item .logo-box img {
  width: 100%;
}
.es-marketing .marketing-system-item .marketing-system-item-title {
  font-size: 24px;
  color: #616161;
  letter-spacing: 2px;
  font-weight: bold;
  margin-bottom: 5px;
}
.es-marketing .marketing-system-item .marketing-system-item-desc {
  font-size: 14px;
  color: #616161;
  letter-spacing: 2px;
  line-height: 24px;
}
.es-marketing .marketing-system-item.marketing-system-item_live {
  padding: 40px 34px 0;
}
.es-marketing .marketing-cell-title {
  font-size: 36px;
  color: #F8E71C;
  letter-spacing: 4px;
  line-height: 36px;
}
.es-marketing .marketing-middle-text {
  margin: 30px 0;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 4px;
  line-height: 24px;
}
.es-marketing .marketing-middle-text span {
  color: #F8E71C;
  font-weight: bold;
}
.es-marketing .marketing-middle-link {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-decoration: underline;
}
.es-marketing .es-product-colleges.es-product.es-product-train-new .system-call .system-call-content .input-clean {
  border-bottom: 1px solid #e1e1e1;
}
@media screen and (min-width: 768px) {
  .es-marketing .system-item-block.marketing-swiper-item1 {
    position: relative;
    left: 50px;
  }
  .es-marketing .system-item-block .system-content-text {
    padding: 220px 155px 0 0;
  }
  .es-marketing .system-item-block .system-content-item {
    left: 10px;
    top: 0;
  }
  .es-marketing .system-item-block .system-content-item.system-content-item1 {
    top: 110px;
  }
  .es-marketing .system-item-block.system-item-6 {
    left: 10%;
  }
  .es-marketing .system-item-block.system-item-6 .system-content-text {
    left: -7%;
  }
  .es-marketing .system-item-block.system-item-7 {
    left: 10%;
  }
  .es-marketing .system-item-block.system-item-7 .system-content-text {
    left: -10%;
    padding-right: 200px;
  }
}
.es-marketing .system-item-block .marketing-btn {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .es-marketing .marketing-system-item {
    height: 268px;
    padding-top: 30px;
  }
  .es-marketing .system-item-block {
    left: 0;
  }
  .es-marketing .system-item-block .system-content-text {
    padding-top: 0;
  }
  .es-marketing .es-indexpage .swiper-pagination {
    bottom: 0px;
  }
  .es-marketing .es-indexpage .swiper-pagination .swiper-pagination-bullet {
    border-width: 2px;
    width: 8px;
    height: 8px;
  }
  .es-marketing .swiper-button-next {
    width: 30px;
    height: 30px;
    right: 10px;
  }
  .es-marketing .swiper-button-next i {
    font-size: 30px;
  }
  .es-marketing .swiper-button-prev {
    width: 30px;
    height: 30px;
    left: 10px;
  }
  .es-marketing .swiper-button-prev i {
    font-size: 30px;
  }
  .es-marketing .es-indexpage .banner-hover-container {
    text-align: center;
    height: 115px;
  }
  .es-marketing .es-indexpage .banner-hover-container .banner-hover-header {
    margin-bottom: 15px;
  }
  .es-marketing .es-indexpage .banner-hover-container .banner-hover-header .banner-hover-title {
    font-size: 24px;
    line-height: 35px;
  }
  .es-marketing .es-indexpage .banner-hover-container .banner-hover-header .banner-hover-detail {
    font-size: 18px;
  }
  .es-marketing .es-indexpage .banner-hover-container .homepage-link-content .homepage-link {
    padding: 10px 18px;
    font-size: 12px;
  }
  .es-marketing .es-indexpage .homepage-layout .homepage-layout-header .homepage-header-title {
    font-size: 24px;
    line-height: 35px;
    padding: 0 30px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar {
    position: relative;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-content .marketing-avatar-detail {
    font-size: 16px;
    line-height: 30px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name {
    letter-spacing: 2px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name:after {
    right: 160px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name.name-left {
    margin-top: 20px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name.name-left:after {
    right: 170px;
  }
  .es-marketing .es-indexpage .homepage-layout.marketing-layout .marketing-avatar-name span {
    letter-spacing: 0px;
  }
  .es-marketing .es-product.es-product-train-new .marketing-server-item-title {
    margin-bottom: 7px;
  }
  .es-marketing .es-product.es-product-train-new .marketing-threshold-content .marketing-server-item-detail {
    padding: 0 10px;
  }
  .es-marketing .es-product-colleges.es-product.es-product-train-new .train-server .train-server-item .train-server-item-content {
    padding-top: 15px;
  }
  .es-marketing .es-product-colleges.es-product.es-product-train-new .system-call .system-call-content .has-error .input-clean {
    border-bottom: 1px solid #ff0000;
  }
  .es-marketing .es-product-colleges.es-product.es-product-train-new .system-call .system-call-content .input-clean {
    border-bottom: 1px solid #e1e1e1;
  }
  .es-marketing .system-counselor .counselor-item .counselor-text-box {
    padding: 0;
  }
  .es-marketing .marketing-btn {
    width: 130px;
    height: 40px;
    margin: 0 15px;
    font-size: 12px;
    line-height: 36px;
  }
  .es-marketing .marketing-middle-text {
    font-size: 18px;
    padding: 0 20px;
    letter-spacing: 1px;
  }
  .es-marketing .marketing-content-between .col-xs-12 + .col-xs-12 {
    margin-top: 30px;
  }
  .es-marketing .system-item-block .system-content-item {
    top: 0px;
  }
  .es-marketing .es-product .product-layout {
    padding-bottom: 50px;
  }
  .es-marketing .es-product .product-layout .system-btn {
    margin: 0 auto;
  }
  .es-marketing .es-product .product-layout .counselor-item {
    padding: 10px;
  }
  .es-marketing .es-product .product-layout .counselor-item .counselor-avatar-box {
    padding-right: 10px;
  }
}
.es-marketing .fire:after {
  content: '';
  background-image: url("../img/marketing/fire.svg");
  background-repeat: no-repeat;
  position: absolute;
  width: 12px;
  height: 16px;
  margin-left: 2px;
  -ms-transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.es-marketing .fire.btn-tryout-link:after {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.es-marketing .quick-bar li {
  background: #43BC60;
}
.es-marketing .quick-bar li:hover {
  background: #167e50;
}
.es-marketing .side-toggle-btn {
  background: #43BC60;
}
.es-marketing .btn-tryout-link {
  background: #43BC60;
}
.es-marketing .btn-tryout-link:hover {
  background: #167e50;
}
.ck-marketing-facility.swiper-container-horizontal .swiper-pagination-bullets {
  top: 0;
  bottom: auto;
  left: 50%;
  width: 66%;
  border-bottom: 2px solid #ddd;
  margin-left: -33%;
}
.ck-marketing-facility.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  border: 0;
  top: 3px;
  width: 140px;
  height: 35px;
  border-radius: 0;
  font-size: 20px;
  color: #919191;
}
.ck-marketing-facility.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
  color: #43bc60;
  border-bottom: 4px solid #43bc60;
}
.esmkt .bg-banner {
  height: 500px;
}
.esmkt .banner-hover-title {
  font-size: 44px !important;
  letter-spacing: 0 !important;
}
.esmkt .banner-hover-detail {
  width: 660px;
  line-height: 40px;
  letter-spacing: 0 !important;
  font-size: 18px !important;
}
.esmkt .swiper-container img {
  width: 100%;
}
.esmkt .bg-light-green {
  background: #f5faf6;
}
.esmkt .bg-dark-green {
  background: #43bc60;
}
.esmkt .bg-dark-green .homepage-layout-header {
  color: #fff;
}
.esmkt .bg-dark-green .homepage-layout-header .homepage-header-title {
  color: #fff;
}
.esmkt .bg-dark-green .homepage-layout-body {
  color: #fff;
}
.esmkt .bg-dark-green .marketing-btn-line {
  color: #fff;
  border-color: #fff;
}
.esmkt .bg-dark-green .marketing-btn-line:hover {
  background-color: #fff;
  color: #43bc60;
  border-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout {
  padding-bottom: 80px;
}
.esmkt .es-indexpage .homepage-layout-header .homepage-header-title {
  font-size: 36px;
}
.esmkt .es-indexpage .homepage-layout-header .homepage-header-title:after {
  content: '';
  display: block;
  width: 120px;
  height: 3px;
  margin: 20px auto;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout-header .homepage-header-des {
  width: 51%;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container {
  height: 560px;
  box-shadow: 0 2px 72px 0 rgba(0, 0, 0, 0.05);
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content {
  height: 100%;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content .center-img {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content .center-img img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content .center-img-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-image: url('../img/esmkt/live-preview@2x.png');
  background-position: center;
  background-size: 85% auto;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content .center-img-content .marketing-btn {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-content .center-img-container {
  height: 100%;
  background-image: url('../img/esmkt/manage-back@2x.png');
  background-size: cover;
  filter: blur(2px);
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-col {
  height: 100%;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card {
  position: relative;
  height: 50%;
  z-index: 5;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:after {
  content: '';
  position: absolute;
  top: 0;
  height: 50%;
  width: 30px;
  border-bottom: 10px solid transparent;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 50%;
  width: 30px;
  border-top: 10px solid transparent;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .img-bg {
  height: 47px;
  width: 47px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .title {
  font-size: 24px;
  margin: 15px 0;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .des {
  font-size: 14px;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .live-bg {
  background-image: url('../img/esmkt/live@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .record-bg {
  background-image: url('../img/esmkt/record@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .appoint-bg {
  background-image: url('../img/esmkt/appoint@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card .audio-bg {
  background-image: url('../img/esmkt/audio@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left .learn-card-box {
  margin-right: -30px;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left:after {
  right: -30px;
  border-bottom: none;
  border-left: 30px solid #fff;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left:before {
  right: -30px;
  border-top: 0px;
  border-left: 30px solid #fff;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left:hover:after,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left.active:after {
  border-left: 30px solid #43bc60;
  border-bottom: 13px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left:hover:before,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-left.active:before {
  border-top: 13px solid transparent;
  border-left: 30px solid #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right .learn-card-box {
  margin-left: -30px;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right:after {
  left: -30px;
  border-bottom: none;
  border-right: 30px solid #fff;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right:before {
  left: -30px;
  border-top: 0px;
  border-right: 30px solid #fff;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right:hover:after,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right.active:after {
  border-right: 30px solid #43bc60;
  border-bottom: 13px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right:hover:before,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-right.active:before {
  border-top: 13px solid transparent;
  border-right: 30px solid #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card-box {
  cursor: pointer;
  padding: 55px;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:hover,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card.active {
  background-color: #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:hover .live-bg,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card.active .live-bg {
  background-image: url('../img/esmkt/live-hover@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:hover .record-bg,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card.active .record-bg {
  background-image: url('../img/esmkt/record-hover@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:hover .appoint-bg,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card.active .appoint-bg {
  background-image: url('../img/esmkt/appoint-hover@2x.png');
}
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card:hover .audio-bg,
.esmkt .es-indexpage .homepage-layout .learn-body .container .learn-card.active .audio-bg {
  background-image: url('../img/esmkt/audio-hover@2x.png');
}
.esmkt .es-indexpage .homepage-layout .marketing-body .marketing-card img {
  position: absolute;
  width: 110px;
  height: 110px;
}
.esmkt .es-indexpage .homepage-layout .marketing-body .marketing-card-body {
  margin-left: 110px;
  margin-bottom: 40px;
}
.esmkt .es-indexpage .homepage-layout .marketing-body .marketing-card-body .title {
  font-size: 24px;
  font-weight: 700;
}
.esmkt .es-indexpage .homepage-layout .marketing-body .marketing-card-body .des {
  margin-top: 18px;
  font-size: 16px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot-1 {
  left: 32px;
  top: 122px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot-2 {
  right: 136px;
  top: 113px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot-3 {
  left: 120px;
  bottom: 114px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot-4 {
  right: 95px;
  bottom: 54px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot:after {
  position: absolute;
  content: '';
  left: -4px;
  top: -4px;
  width: 28px;
  height: 28px;
  background-color: rgba(67, 188, 96, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: zoomIn 1.2s ease-out infinite;
  -moz-animation: zoomIn 1.2s ease-out infinite;
  -o-animation: zoomIn 1.2s ease-out infinite;
  animation: zoomIn 1.2s ease-out infinite;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-content .dot-group .dot:before {
  position: absolute;
  content: '';
  left: -6px;
  top: -6px;
  width: 32px;
  height: 32px;
  background-color: rgba(67, 188, 96, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: zoomIn 1.2s ease-out infinite;
  -moz-animation: zoomIn 1.2s ease-out infinite;
  -o-animation: zoomIn 1.2s ease-out infinite;
  animation: zoomIn 1.2s ease-out infinite;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-bg {
  position: relative;
  height: 620px;
  width: 620px;
  margin-right: auto;
  margin-left: auto;
  border: 12px dotted rgba(67, 188, 96, 0.1);
  -webkit-border-radius: 310px;
  -moz-border-radius: 310px;
  border-radius: 310px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-bg:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -240px;
  height: 480px;
  width: 480px;
  border: 12px dotted rgba(67, 188, 96, 0.4);
  -webkit-border-radius: 240px;
  -moz-border-radius: 240px;
  border-radius: 240px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-bg-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 322px;
  width: 532px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group {
  position: absolute;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context {
  text-align: left;
  position: relative;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context-1 {
  top: 45px;
  left: -265px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context-2 {
  top: 430px;
  right: 170px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context-3 {
  top: -100px;
  right: -690px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context-4 {
  top: 260px;
  right: -605px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line {
  position: absolute;
  top: 16px;
  left: 120px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line:after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 145px;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: -205px;
  top: 34px;
  height: 2px;
  width: 80px;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-1 {
  left: 120px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-1:after {
  width: 145px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-1:before {
  right: -205px;
  top: 34px;
  width: 80px;
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-2 {
  left: 120px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-2:after {
  width: 145px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-2:before {
  right: -196px;
  top: -21px;
  width: 60px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-3 {
  left: -170px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-3:after {
  width: 150px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-3:before {
  right: -15px;
  top: 35px;
  width: 100px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-4 {
  left: -60px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-4:after {
  width: 40px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .line-4:before {
  left: -59px;
  top: 25px;
  width: 70px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  margin: 0 20px 10px 0;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .title:after {
  content: '';
  position: absolute;
  top: 12px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .title-left:after {
  margin-left: 20px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .title-right:after {
  left: -20px;
}
.esmkt .es-indexpage .homepage-layout .data-body .data-context-group .data-context .des {
  font-size: 16px;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content {
  width: 100%;
  font-size: 0;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 89px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card:hover {
  background-color: #43bc60;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card:hover .case-content-logo {
  opacity: 0;
  filter: alpha(opacity=0);
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card:hover .title,
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card:hover .desc {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .case-content-logo {
  opacity: 1;
  filter: alpha(opacity=100);
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .title,
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .desc {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 15px;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .title {
  font-size: 18px;
  font-weight: 700;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .center-title {
  top: 50%;
  margin-top: -12px;
}
.esmkt .es-indexpage .homepage-layout .case-body .case-content .case-card .desc {
  font-size: 14px;
  top: auto;
  bottom: 15px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-icon {
  position: absolute;
  width: 70px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-card {
  margin-bottom: 50px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-container {
  margin-top: 90px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-content {
  margin-left: 80px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-content .title {
  font-weight: 700;
  font-size: 24px;
}
.esmkt .es-indexpage .homepage-layout .app-body .app-content .des {
  margin-top: 10px;
  font-size: 16px;
}
.esmkt .es-indexpage .homepage-layout .add-on-body .add-on-card {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
}
.esmkt .es-indexpage .homepage-layout .add-on-body .add-on-card .title {
  margin-top: 25px;
  font-size: 24px;
  font-weight: 700;
}
.esmkt .es-indexpage .homepage-layout .add-on-body .add-on-card .des {
  font-size: 16px;
  margin-top: 15px;
}
.esmkt .es-indexpage .homepage-layout .add-on-body .add-on-card img {
  width: 100px;
}
.esmkt .es-indexpage .homepage-layout .friendship-body .friendship-card {
  height: 270px;
  overflow: hidden;
}
.esmkt .es-indexpage .homepage-layout .friendship-body .friendship-card div {
  position: relative;
  width: 100%;
  height: 100%;
}
.esmkt .es-indexpage .homepage-layout .friendship-body .friendship-card img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 360px;
  height: 270px;
  margin: auto;
}
.esmkt .es-indexpage .homepage-layout .friendship-body .friendship-card-bottom {
  position: absolute;
  bottom: -50px;
  height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .friendship-body .friendship-card:hover .friendship-card-bottom {
  bottom: 0;
}
.esmkt .es-indexpage .homepage-layout .build-body .build-card {
  display: inline-block;
  padding-top: 35px;
  width: 174px;
  height: 174px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
}
.esmkt .es-indexpage .homepage-layout .build-body .build-card img {
  width: 64px;
}
.esmkt .es-indexpage .homepage-layout .build-body .build-card p {
  margin-top: 5px;
}
.esmkt .es-indexpage .homepage-layout .build-body .half-arrow {
  position: relative;
  top: -25px;
  display: inline-block;
  height: 0;
  width: 80px;
  margin-right: 23px;
  margin-left: 23px;
  border-bottom: 23px solid #fff;
  border-right: 23px solid transparent;
}
.esmkt .es-indexpage .homepage-layout .build-body .half-arrow:after {
  content: '';
  position: absolute;
  right: -41px;
  top: -2px;
  display: inline-block;
  height: 0;
  width: 80px;
  margin-right: 23px;
  margin-left: 23px;
  border-bottom: 23px solid #43bc60;
  border-right: 23px solid transparent;
}
.esmkt .es-indexpage .homepage-layout .function-body .learn {
  background-image: url('../img/esmkt/learn-back.png');
}
.esmkt .es-indexpage .homepage-layout .function-body .marketing {
  background-image: url('../img/esmkt/marketing-back.png');
}
.esmkt .es-indexpage .homepage-layout .function-body .exam {
  background-image: url('../img/esmkt/exam-back.png');
}
.esmkt .es-indexpage .homepage-layout .function-body .manage {
  background-image: url('../img/esmkt/manage-back.png');
}
.esmkt .es-indexpage .homepage-layout .function-body .interact {
  background-image: url('../img/esmkt/interact-back.png');
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card {
  width: 228px;
  height: 320px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card:hover {
  background-image: none;
  background-color: #43bc60;
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card:hover img {
  margin-top: 52px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card img {
  margin-top: 106px;
  margin-bottom: 20px;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card > p {
  font-size: 20px;
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card:hover .function-card-bottom {
  opacity: 1;
  filter: alpha(opacity=100);
}
.esmkt .es-indexpage .homepage-layout .function-body .function-card-bottom {
  margin-top: 35px;
  height: 85px;
  opacity: 0;
  filter: alpha(opacity=0);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .marketing-system-item {
  height: 400px;
  padding-left: 65px;
  padding-right: 65px;
}
.esmkt .marketing-system-item .logo-box {
  margin-bottom: 17px;
}
.esmkt .marketing-system-item .marketing-system-item-title {
  margin-bottom: 35px;
  color: #313131;
}
.esmkt .marketing-system-item .marketing-system-item-desc {
  font-size: 18px;
  line-height: 32px;
  color: #6e6e6e;
}
.esmkt.es-marketing .system-item-block .system-content-item {
  top: 80px;
  width: 80%;
}
.esmkt.es-marketing .system-item-block .swiper-content-item6 {
  top: 0;
  width: 70%;
}
.esmkt.es-marketing .system-item-block .swiper-content-item8 {
  top: 0;
  left: -10px;
  width: 90%;
}
.esmkt .marketing-btn-line {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.esmkt .marketing-btn-main {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.esmkt .marketing-nextButton,
.esmkt .marketing-prevButton {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  color: #ccc;
  font-size: 36px;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt .marketing-nextButton {
  right: 10%;
}
.esmkt .marketing-prevButton {
  left: 10%;
}
.esmkt .train-server .marketing-nextButton,
.esmkt .train-server .marketing-prevButton {
  font-size: 42px;
}
.esmkt .train-server .marketing-nextButton:hover,
.esmkt .train-server .marketing-prevButton:hover {
  color: #666;
}
.esmkt .train-server .marketing-nextButton {
  right: 0;
}
.esmkt .train-server .marketing-prevButton {
  left: 0;
}
.esmkt .btn-tryout-link {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 30px;
  background: #fff;
  border-color: #43bc60;
  color: #43bc60;
  line-height: 12px;
  border: 1px solid #43bc60;
}
.esmkt .btn-tryout-link:hover {
  background: #43bc60;
  border-color: #43bc60;
  color: #fff;
}
.esmkt .fire:after {
  position: absolute;
  top: 5px;
  right: 20px;
  content: '';
  width: 18px;
  height: 24px;
  background-image: url("../img/esmkt/fire.svg");
  background-repeat: no-repeat;
  margin-left: 2px;
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.esmkt .fire.btn-tryout-link:after {
  position: absolute;
  content: '';
  width: 18px;
  height: 24px;
  background-image: url("../img/esmkt/fire.svg");
  background-repeat: no-repeat;
  margin-left: 2px;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.esmkt .fire.btn-tryout-link.btn-tryout-link:after {
  display: inline-block;
  top: -8px;
  right: -5px;
  vertical-align: middle;
}
.esmkt .es-footer .company {
  width: 54%;
  color: #838383;
}
.probation-header-title {
  height: 60px;
  line-height: 60px;
  background-color: #fafafa;
  color: #313131;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 16px;
  text-align: center;
}
.esmkt-form {
  margin: 23px 32px;
}
.esmkt-form .form-control {
  border-radius: 8px;
}
.esmkt-section {
  padding: 8% 5.3%;
  background-color: #fff;
}
.esmkt-section.bg-green {
  background-color: #f1fff6;
}
.esmkt-section.esmkt-section--test {
  padding-bottom: 10px;
}
.esmkt-section--why h3 {
  font-weight: bold;
  letter-spacing: 1.35px;
}
@media (max-width: 320px) {
  .esmkt-section--why h3 {
    font-size: 20px;
  }
}
.esmkt-section__title {
  position: relative;
}
.esmkt-section__title span {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.35px;
}
@media (max-width: 320px) {
  .esmkt-section__title h3,
  .esmkt-section__title span {
    font-size: 20px;
  }
}
.esmkt-section__title i {
  position: absolute;
  top: -30px;
  font-size: 60px;
  color: #1dbb4f;
}
.esmkt-section__title h3 {
  margin-top: 8px;
  font-weight: bold;
  letter-spacing: 1.35px;
  text-align: right;
}
.esmkt-section__subtitle {
  margin-top: 12px;
  text-align: center;
}
.esmkt-section__subtitle i {
  font-size: 19px;
}
.esmkt-section__subtitle span {
  font-size: 12px;
  vertical-align: -webkit-baseline-middle;
}
.esmkt-section__img {
  margin-top: 24px;
}
.esmkt-section__btn {
  padding-top: 9px;
  padding-bottom: 9px;
  background: #1dbb4f;
  border-radius: 50px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.88);
  border: none;
}
.esmkt-section__btn:focus {
  outline: none;
}
.esmkt-item {
  margin-bottom: 27px;
  padding: 0;
}
.esmkt-item:nth-child(odd) {
  padding-right: 5px;
}
.esmkt-item:nth-child(even) {
  padding-left: 5px;
}
.esmkt-item span {
  margin-left: 7%;
}
.esmkt-item__circle {
  float: left;
  width: 61px;
  height: 61px;
  line-height: 61px;
  border-radius: 50%;
  background-color: #1dbb4f;
  text-align: center;
}
.esmkt-item__circle i {
  font-size: 32px;
  color: #fff;
}
.es-item__text {
  height: 42px;
  margin-top: 10px;
  line-height: 36px;
  font-size: 14px;
  border: 4px solid #1DBB4F;
  border-radius: 42px;
}
.esmkt-section__content {
  padding-top: 20px;
}
.esmkt-section--port {
  position: relative;
}
.esmkt-section__modify {
  height: 100px;
}
.esmkt-section__round {
  position: absolute;
  height: 45px;
  width: 47.3%;
  font-size: 22px;
  font-weight: bold;
  background-color: #fff;
}
.round-left {
  left: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.round-left span {
  position: absolute;
  right: 15px;
  line-height: 45px;
}
.round-right {
  top: 84px;
  right: 0;
  width: 67.3%;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.round-right span {
  position: absolute;
  left: 15px;
  line-height: 45px;
}
.esmkt-section__circle {
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.esmkt-section__half-circle {
  top: 44px;
  width: 17px;
}
.esmkt-section__not-circle {
  top: 60px;
  width: 24.5%;
}
.esmkt-section__not-circle:after {
  content: '';
  position: absolute;
  left: -21px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.not-circle {
  position: absolute;
  right: 0;
  height: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
}
.esmkt-img-item {
  position: relative;
  margin-bottom: 5px;
}
.esmkt-img-item:nth-child(odd) {
  padding-right: 2.5px;
}
.esmkt-img-item:nth-child(even) {
  padding-left: 2.5px;
}
.esmkt-img-item__mask {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 7px 0;
  background: rgba(211, 211, 211, 0.7);
  font-size: 15px;
  text-align: center;
  color: #3d3d3d;
  letter-spacing: 1.62px;
  font-weight: bold;
  line-height: 1;
}
.img-wrap {
  position: relative;
  border: 2px solid #1dbb4f;
}
.esmkt-section--way {
  padding: 30px 0;
}
.esmkt-section--way .esmkt-section__title {
  padding: 0 48px;
}
.esmkt-way {
  height: 135px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  border: 2.5px solid #1dbb4f;
  border-radius: 10px;
}
.esmkt-way i {
  color: #1dbb4f;
  font-size: 55px;
}
.esmkt-way__title {
  margin-top: -10px;
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 21px;
  font-weight: bold;
  color: #3f3f3f;
}
.esmkt-way__subtitle {
  font-size: 8px;
}
.esmkt-pl0 {
  padding-left: 0;
}
.esmkt-pr0 {
  padding-right: 0;
}
.esmkt-pb0 {
  padding-bottom: 0;
}
.esmkt-mt0 {
  margin-top: 0 !important;
}
.esmkt-phl {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.esmkt-circle-wrap {
  position: absolute;
  top: 10px;
  right: 24.2%;
}
.esmkt-circle {
  position: relative;
  width: 60px;
  height: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #1dbb4f;
}
.esmkt-circle:after {
  content: '';
  position: absolute;
  right: -20px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #1dbb4f;
}
.esmkt-test {
  margin-bottom: 20px;
}
.esmkt-test__info {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 6px;
  width: 100%;
  font-size: 9px;
  text-align: center;
}
.esmkt-manage__info {
  margin-top: 15px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #3f3f3f;
  letter-spacing: 1px;
}
@media (max-width: 320px) {
  .esmkt-section__video {
    margin-left: -7px;
  }
}
.esmkt-application__content {
  padding-left: 7px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #1dbb4f;
  line-height: 34px;
  height: 34px;
  background-size: cover;
  background-image: url(../img/esmkt-mobile/back@1x.png);
  background-image: -webkit-image-set(url(../img/esmkt-mobile/back@1x.png) 1x, url('../img/esmkt-mobile/back@1.5x.png') 1.5x);
}
.esmkt-section__round-title {
  position: absolute;
  left: 0;
  width: 94.8%;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  font-weight: bold;
  color: #3f3f3f;
  letter-spacing: 1px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #f1fff6;
}
.esmkt-section__round-title span {
  position: absolute;
  right: 16px;
}
.esmkt-step {
  margin-bottom: 30px;
  padding-top: 60px;
}
.esmkt-step li {
  float: left;
  width: 20%;
  text-align: center;
}
.esmkt-step li i {
  display: inline-block;
  color: #1dbb4f;
  font-size: 42px;
}
.esmkt-step .esmkt-step__info {
  margin-top: -10px;
  font-size: 11px;
  font-weight: bold;
  color: #3f3f3f;
}
.esmkt-section__step {
  height: 31px;
  margin-bottom: 15px;
}
.esmkt-section__step span {
  padding: 8px 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #f1fff6;
}
.esmkt-section__step:nth-child(2) {
  margin-bottom: 25px;
}
.esmkt-why-item {
  padding: 0 20px;
  text-align: center;
}
.esmkt-why-item:first-child {
  padding: 0 10px;
}
.esmkt-why-item i {
  font-size: 47px;
  color: #1dbb4f;
  border: 1px solid #1dbb4f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.esmkt-why-item__info {
  width: 60px;
  margin: auto;
}
.esmkt-why-item__info--lg {
  width: 75px;
}
.esmkt-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 2px solid #fff;
  z-index: 10;
}
.esmkt-footer-btn {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #1dbb4f;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.esmkt-footer-btn:first-child {
  border-right: 2px solid #fff;
}
.esmkt-footer-btn i {
  vertical-align: middle;
  font-size: 20px;
}
.esmkt-footer-btn:focus {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  background-color: #1aa546;
}
.esmkt-mobile #zhichiBtnBox {
  display: none;
}
@media (max-width: 767px) {
  .esmkt-mobile .es-mobile-header {
    margin-bottom: -50px;
  }
  .esmkt-mobile .es-content-block {
    padding-top: 50px;
  }
}
.esmkt-sms-btn {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
@media (max-width: 320px) {
  .esmkt-sms-btn {
    width: 128px;
  }
}
@media (max-width: 320px) {
  .esmkt-sms-input {
    width: 128px;
    padding-right: 4px;
  }
}
.anniversary-body {
  background: url('../../v2/img/week-activity/page-bg.jpg') no-repeat center top;
  background-size: cover;
  color: #fff;
}
.edu-week-line {
  border-top: 1px solid #112870;
}
.edu-week-intro-web.edu-week-intro {
  margin: 0 10px;
}
.edu-week-intro-web.edu-week-intro img {
  height: auto;
}
.edu-week-intro .edu-week-line:before {
  content: "";
  width: 25%;
  height: 1px;
  background: #013bbd;
  position: relative;
  top: -1px;
}
.edu-week-title {
  text-align: center;
}
.edu-week-title img {
  margin-left: 50px;
}
@media (max-width: 767px) {
  .edu-week-title img {
    margin: 0;
  }
}
.edu-week-title h2 {
  font-size: 40px;
  font-weight: normal;
  position: relative;
  padding-bottom: 38px;
}
@media (max-width: 767px) {
  .edu-week-title h2 {
    font-size: 30px;
  }
}
.edu-week-title h2:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  background-color: #00daee;
  margin-top: 75px;
  left: 50%;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .edu-week-title h2:after {
    height: 2px;
    margin-top: 50px;
  }
}
.edu-week-title p {
  margin: 32px 0 60px;
  font-size: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .edu-week-title p {
    margin: 5px 0 30px;
    font-size: 14px;
  }
}
.edu-week-title p:before,
.edu-week-title p:after {
  position: absolute;
  content: "";
  width: 69px;
  height: 1px;
  background-color: #7d7d7d;
  margin-top: 10px;
}
.edu-week-title p:before {
  margin-left: -90px;
}
.edu-week-title p:after {
  margin-left: 20px;
}
.edu-week-title .edu-week-line:before {
  content: "";
  width: 25%;
  height: 1px;
  background: #013bbd;
  position: relative;
  top: -1px;
  display: block;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .edu-week-title .edu-week-line:before {
    margin-bottom: 30px;
  }
}
.edu-week-title .edu-week-line.line-2:before {
  margin-left: 25%;
}
.edu-week-title .edu-week-line.line-3:before {
  margin-left: 50%;
}
.edu-week-title .edu-week-line.line-4:before {
  margin-left: 75%;
}
.edu-week-intro-web .edu-week-line {
  padding: 0;
}
.edu-week-banner {
  position: relative;
  height: 742px;
}
@media (max-width: 767px) {
  .edu-week-banner {
    background: url('../../v2/img/week-activity/banner-media.jpg') no-repeat;
    height: 325px;
    background-size: cover;
    min-height: auto;
  }
}
.edu-week-banner .vidbg-box {
  width: 100%;
  height: 742px;
}
.edu-week-banner .bg-img img {
  position: absolute;
  z-index: 90;
  left: 50%;
}
.edu-week-banner .bg-img .img1 {
  top: 5%;
  width: 738px;
  margin-left: -369px;
}
@media (max-width: 767px) {
  .edu-week-banner .bg-img .img1 {
    margin-left: -150px;
    width: 300px;
  }
}
.edu-week-banner .bg-img .img2 {
  bottom: 37%;
  margin-left: -260px;
}
@media (max-width: 767px) {
  .edu-week-banner .bg-img .img2 {
    bottom: 36%;
    margin-left: -125px;
    width: 250px;
  }
}
.edu-week-banner .bg-img .img3 {
  bottom: 28%;
  margin-left: -335px;
}
@media (max-width: 767px) {
  .edu-week-banner .bg-img .img3 {
    bottom: 28%;
    margin-left: -140px;
    width: 280px;
  }
}
.edu-week-banner .bg-img .time-address {
  position: absolute;
  z-index: 90;
  left: 50%;
  bottom: 22%;
  margin-left: -187px;
  color: #e6e6e6;
  letter-spacing: 5px;
}
.edu-week-banner .bg-img .time-address .address {
  padding-left: 25px;
  letter-spacing: 20px;
}
@media (max-width: 767px) {
  .edu-week-banner .bg-img .time-address {
    margin-left: -129px;
    letter-spacing: 2px;
    font-size: 12px;
  }
  .edu-week-banner .bg-img .time-address .address {
    letter-spacing: 12px;
    padding-left: 18px;
  }
}
.edu-week-banner .bg-img .count-time {
  position: absolute;
  left: 50%;
  bottom: 7%;
  margin-left: -342px;
  z-index: 90;
  font-size: 25px;
  padding: 3px 22px;
  border: 1px solid #00eaff;
}
.edu-week-banner .bg-img .count-time .title {
  color: #fff;
  font-size: 36px;
  letter-spacing: 6px;
}
.edu-week-banner .bg-img .count-time span:not(.title) {
  color: #00eaff;
  font-size: 45px;
  padding: 0 10px;
  letter-spacing: 4px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .edu-week-banner .bg-img .count-time {
    bottom: 1%;
    font-size: 14px;
    padding: 3px 10px;
    margin-left: -124px;
  }
  .edu-week-banner .bg-img .count-time .title {
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
  }
  .edu-week-banner .bg-img .count-time span:not(.title) {
    font-size: 22px;
    padding: 0 5px;
    font-weight: bold;
  }
}
.edu-week-banner .edu-week-title {
  color: #fff;
  padding: 10px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
}
.edu-week-intro {
  text-align: center;
}
.edu-week-intro .edu-week-intro-list {
  padding: 120px 0 90px;
}
.edu-week-intro img {
  margin: 0 auto;
  height: 140px;
}
.edu-week-intro .intro-img {
  position: relative;
  padding-bottom: 30px;
}
.edu-week-intro .intro-img:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 4px;
  background-color: #00daee;
  margin-top: 26px;
  margin-left: -16px;
}
.edu-week-intro h2 {
  color: #00eaff;
  font-size: 28px;
  margin: 38px 0;
  font-weight: normal;
}
.edu-week-intro p {
  font-size: 20px;
  margin: 0 0 25px;
  line-height: 1;
}
.edu-week-intro.active .edu-week-intro-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.6s ease both;
  -moz-animation: fadeInUp 0.6s ease both;
  -o-animation: fadeInUp 0.6s ease both;
  animation: fadeInUp 0.6s ease both;
}
.edu-week-guest {
  margin-bottom: 36px;
}
@media (min-width: 1199px) {
  .edu-week-guest .edu-week-guest-item {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.edu-week-guest .edu-week-guest-list {
  width: 19.5%;
  float: left;
  text-align: center;
  margin: 0 0 56px;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .edu-week-guest .edu-week-guest-list {
    width: 50%;
    margin: 0px 0 30px;
    padding: 0 24px;
    font-size: 12px;
  }
}
.edu-week-guest h2 {
  font-size: 20px;
  font-weight: normal;
}
.edu-week-guest img {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .edu-week-guest img {
    width: 120px;
  }
}
.edu-week-guest p {
  margin: 4px 0 ;
  line-height: 1.2;
  color: #9ca3ad;
  font-size: 13px;
}
.edu-week-guest .guest-content {
  margin-top: 22px;
  padding: 9px 0;
  height: 100px;
  border-top: 1px solid #2a3c57;
  border-bottom: 1px solid #2a3c57;
}
@media (max-width: 767px) {
  .edu-week-guest .guest-content {
    height: 120px;
    padding: 12px 0;
  }
}
.edu-week-guest .guest-content.two-line {
  margin-top: 24px;
  height: 84px;
}
@media (max-width: 767px) {
  .edu-week-guest .guest-content.two-line {
    height: 120px;
    margin-top: 22px;
  }
}
.edu-week-guest .guest-content.small-font p {
  font-size: 12px;
}
.edu-week-guest.active .edu-week-guest-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.6s ease both;
  -moz-animation: fadeInUp 0.6s ease both;
  -o-animation: fadeInUp 0.6s ease both;
  animation: fadeInUp 0.6s ease both;
}
.edu-week-agenda {
  margin-bottom: 28px;
}
.edu-week-agenda h3 {
  border-top: 7px solid #00e0f5;
  text-align: center;
  padding: 22px 0;
  font-weight: normal;
  font-size: 24px;
}
@media (min-width: 1199px) {
  .edu-week-agenda .edu-week-agenda-item {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.edu-week-agenda .edu-week-agenda-list {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 0 40px;
}
@media (max-width: 767px) {
  .edu-week-agenda .edu-week-agenda-list {
    padding: 0;
    margin-top: 10px;
  }
}
.edu-week-agenda li {
  padding: 22px 0;
  border-bottom: 1px solid #3f475a;
}
.edu-week-agenda li:last-child {
  border-bottom: none;
}
.edu-week-agenda ul {
  border-top: 2px solid  #00e0f5;
  border-bottom: 2px solid  #00e0f5;
}
@media (max-width: 767px) {
  .edu-week-agenda ul {
    border-bottom: none;
  }
}
.edu-week-agenda ul .data {
  font-size: 18px;
  width: 130px;
  float: left;
}
@media (max-width: 767px) {
  .edu-week-agenda ul .data {
    font-size: 20px;
  }
}
.edu-week-agenda ul p {
  float: left;
  width: 71%;
  font-size: 22px;
}
@media (max-width: 767px) {
  .edu-week-agenda ul p {
    margin-top: 20px;
    font-size: 18px;
    width: 100%;
  }
}
.edu-week-agenda ul p span {
  display: block;
  font-size: 16px;
  color: #9ca3ad;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .edu-week-agenda ul p span {
    font-size: 13px;
    margin-top: 4px;
  }
}
.edu-week-agenda.active .edu-week-agenda-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.6s ease both;
  -moz-animation: fadeInUp 0.6s ease both;
  -o-animation: fadeInUp 0.6s ease both;
  animation: fadeInUp 0.6s ease both;
}
@media (max-width: 767px) {
  .edu-week-ticket-item .width-100 {
    width: 100%;
  }
}
.edu-week-ticket-list {
  text-align: center;
  margin: 50px 0 60px;
}
@media (max-width: 767px) {
  .edu-week-ticket-list {
    margin: 20px 0 10px;
  }
}
.edu-week-ticket-list img {
  margin: 0 auto;
}
.edu-week-ticket-list .ticket-img {
  position: relative;
}
.edu-week-ticket-list .ticket-img:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 36px;
  height: 63px;
  background: url('../../v2/img/week-activity/line.png') no-repeat;
}
@media (max-width: 767px) {
  .edu-week-ticket-list .ticket-img:after {
    background: none;
  }
}
.edu-week-ticket-list .ticket-img span {
  display: block;
  color: #9ca3ad;
  font-size: 20px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .edu-week-ticket-list .ticket-img span {
    font-size: 15px;
  }
}
.edu-week-ticket-list .ticket-content p {
  font-size: 24px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .edu-week-ticket-list .ticket-content p {
    font-size: 15px;
  }
}
.edu-week-ticket-list .ticket-content span {
  font-size: 20px;
}
@media (max-width: 767px) {
  .edu-week-ticket-list .ticket-content span {
    font-size: 16px;
  }
}
.edu-week-ticket-list h2 {
  font-size: 45px;
  margin: 25px 0 30px;
}
@media (max-width: 767px) {
  .edu-week-ticket-list h2 {
    font-size: 26px;
    margin: 10px 0;
  }
}
.edu-week-ticket-list h2 em {
  font-style: normal;
  font-size: 22px;
}
.edu-week-ticket-list.last .ticket-img:after {
  background: none;
}
@media (min-width: 1199px) {
  .edu-week-ticket .edu-week-ticket-item {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.edu-week-ticket.active .edu-week-ticket-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.6s ease both;
  -moz-animation: fadeInUp 0.6s ease both;
  -o-animation: fadeInUp 0.6s ease both;
  animation: fadeInUp 0.6s ease both;
}
.edu-week-cooperation-list {
  margin-left: 70px;
  padding: 70px 0;
}
.edu-week-cooperation-list:first-child {
  margin-left: 140px;
}
.edu-week-cooperation-list:last-child {
  margin-left: 40px;
}
@media (max-width: 767px) {
  .edu-week-cooperation-list {
    padding: 30px 0;
    margin: 0;
  }
  .edu-week-cooperation-list:first-child {
    margin: 0;
  }
  .edu-week-cooperation-list:last-child {
    margin: 0;
  }
}
.edu-week-cooperation-list h4 {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: normal;
}
.edu-week-cooperation-list p {
  color: #9ca3ad;
  margin: 0 0 18px;
}
.edu-week-code {
  padding: 0 0 40px;
  background: url('../../v2/img/week-activity/ticket-bg.jpg') no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .edu-week-code {
    background: none;
    margin-top: 30px;
  }
}
.edu-week-code .code-img {
  float: left;
}
@media (max-width: 767px) {
  .edu-week-code .code-img {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
}
.edu-week-code .code-img p {
  font-size: 20px;
  text-align: center;
  margin-top: 5px;
}
.edu-week-code .edu-week-code-list {
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .edu-week-code .edu-week-code-list {
    width: 100%;
  }
}
.edu-week-code .metas {
  display: inline-block;
  margin-left: 50px;
  text-align: center;
  float: left;
}
@media (max-width: 767px) {
  .edu-week-code .metas {
    float: none;
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
}
.edu-week-code .metas p {
  font-size: 20px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .edu-week-code .metas p {
    font-size: 18px;
  }
}
.edu-week-code .metas p.intro {
  font-size: 34px;
  color: #00ddf2;
  margin: 0 0 13px;
}
@media (max-width: 767px) {
  .edu-week-code .metas p.intro {
    font-size: 28px;
  }
}
.edu-week-code .metas p.title {
  font-size: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .edu-week-code .metas p.title {
    font-size: 24px;
  }
}
.edu-week-code .metas span {
  font-size: 16px;
  color: #9ca3ad;
  display: block;
  margin-top: 13px;
}
.edu-week-map {
  background: url('../../v2/img/week-activity/map-bg.jpg') no-repeat center center;
  background-size: cover;
  height: 540px;
  position: relative;
}
@media (max-width: 767px) {
  .edu-week-map {
    background: url('../../v2/img/week-activity/map_web.jpg') no-repeat top left;
    height: auto;
    padding: 10px;
  }
}
.edu-week-map span {
  display: inline-block;
  width: 29px;
  height: 29px;
  line-height: 17px;
  background-color: #00e0f5;
  background-color: rgba(0, 224, 225, 0.5);
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .edu-week-map span {
    line-height: 33px;
    margin-right: 20px;
    margin-left: 12px;
  }
}
.edu-week-map span:after {
  background-color: rgba(0, 224, 225, 0.5);
  content: '';
  display: block;
  text-align: center;
  position: relative;
  z-index: 100;
  top: -26px;
  left: -5px;
  -webkit-animation: active-wave 1s linear infinite;
  -moz-animation: active-wave 1s linear infinite;
  -o-animation: active-wave 1s linear infinite;
  animation: active-wave 1s linear infinite;
}
@media (max-width: 767px) {
  .edu-week-map span:after {
    top: -36px;
    left: -5px;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
  }
}
.edu-week-map .dat {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: rgba(0, 224, 245, 0.3);
  border-radius: 50%;
}
.edu-week-map h2 {
  color: #00e0f5;
  font-weight: normal;
  font-size: 38px;
  position: absolute;
  top: 210px;
  left: 50%;
  margin-left: -360px;
}
@media (max-width: 767px) {
  .edu-week-map h2 {
    position: static;
    top: auto;
    left: auto;
    margin-left: 0;
    font-size: 15px;
    color: #fff;
    margin-top: 52px;
  }
}
.edu-week-map .attr {
  position: absolute;
  right: 50%;
  margin-right: -550px;
  bottom: 80px;
}
@media (max-width: 767px) {
  .edu-week-map .attr {
    position: static;
    right: auto;
    margin-right: 0;
    bottom: auto;
    margin-top: 36px;
  }
}
.edu-week-map .attr p {
  font-size: 16px;
  color: #ced5de;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .edu-week-map .attr p {
    font-size: 14px;
    margin: 0;
  }
}
.edu-week-cooperation {
  padding: 44px 0;
}
.edu-week-top {
  text-align: center;
}
.edu-week-top a {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  border: 1px solid #fff;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.2);
}
@keyframes active-wave {
  0% {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    position: relative;
  }
  100% {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -20px;
    margin-top: -27px;
    opacity: 0.0;
  }
}
@-webkit-keyframes active-wave {
  0% {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    position: relative;
  }
  100% {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: -20px;
    margin-top: -27px;
    opacity: 0.0;
  }
}
.activity-live-scetion {
  background: url('../../v2/img/week-activity/active-live-bg.jpg') no-repeat;
  background-size: cover;
  padding: 50px 0 40px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .activity-live-scetion {
    padding: 50px 0 113px 0;
  }
  .activity-live-scetion .video-play {
    width: 100%;
    height: 100%;
  }
  .activity-live-scetion img {
    padding: 25px 20px;
  }
}
.activity-live-scetion img {
  margin: 0 auto;
  padding-top: 20px;
}
.activity-live-scetion .alive-box {
  width: 720px;
  height: 405px;
  position: relative;
  margin: 0 auto;
}
.activity-live-scetion .alive-box .full-screen-btn {
  position: absolute;
  color: #fff;
  right: -30px;
  top: 0;
  cursor: pointer;
  background-color: #20b573;
  padding: 8px;
}
.activityModal .modal-dialog {
  width: 700px;
}
@media (max-width: 767px) {
  .activityModal .modal-dialog {
    width: auto;
  }
}
.activityModal .modal-content {
  background: url('../../v2/img/week-activity/live-modal-bg.jpg') no-repeat;
  background-size: cover;
  border: 10px solid #eaeaea;
}
.activityModal .modal-header {
  border-bottom: 0;
}
.activityModal .modal-header .close {
  margin-top: -8px;
  opacity: 0.6;
}
.activityModal .modal-header .close:hover {
  opacity: 0.8;
}
.activityModal .modal-header .close span {
  color: #000;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #f7f7f7;
  border-radius: 50%;
}
.activityModal .modal-body .live-info {
  display: block;
  margin: 10px auto 30px auto;
}
.activityModal .modal-body .live-info-xs {
  color: #52e5ff;
  font-size: 14px;
  border: 1px solid #52e5ff;
  padding: 10px;
  margin: 10px 0;
}
.activityModal .modal-body .form-horizontal .label-name {
  font-size: 19px;
  color: #fff;
  font-weight: normal;
  letter-spacing: 2px;
}
.activityModal .modal-body .form-horizontal .lebel-yanzheng {
  letter-spacing: 3px;
}
.activityModal .modal-body .form-horizontal input {
  background-color: #012242;
  border-color: #206071;
  color: #fff;
}
.activityModal .modal-body .form-horizontal .info-remind {
  color: #b6babf;
  padding: 10px 0;
  line-height: 26px;
}
@media (max-width: 767px) {
  .activityModal .modal-body .form-horizontal .info-remind {
    padding: 10px;
  }
}
.activityModal .modal-body .form-horizontal .info-btn {
  text-align: center;
}
.activityModal .modal-body .form-horizontal .info-btn .live-btn {
  padding: 10px 18px;
  color: #52e5ff;
  font-size: 19px;
  letter-spacing: 5px;
  background-color: transparent;
  border: 1px solid #52e5ff;
  border-radius: 0;
}
.webkit-fullscreen {
  width: 100%;
  height: 100%;
}
.eleven-top-banner {
  background: url('../../v2/img/double-eleven/top-banner.jpg') no-repeat center top;
  background-size: cover;
  min-height: 740px;
  position: relative;
}
@media (max-width: 767px) {
  .eleven-top-banner {
    min-height: 300px;
    width: 100%;
  }
}
.de-activity-period {
  position: absolute;
  width: 530px;
  bottom: 25px;
  left: 50%;
  margin-left: -265px;
  padding: 10px 40px;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #487a9d;
  background-color: rgba(61, 93, 207, 0.2);
  box-shadow: 0 0 10px 2px #487a9d inset;
  color: #cdffff;
}
.de-activity-period .eleven-popover {
  color: #0f8ec8;
  text-decoration: underline;
}
.de-activity-period .title {
  font-size: 25px;
}
.de-activity-period .period-info {
  font-size: 18px;
  line-height: 26px;
}
.de-activity-period .period-info .money-total {
  color: #00ebff;
  font-size: 22px;
}
@media (max-width: 767px) {
  .de-activity-period {
    width: 260px;
    padding: 10px 20px;
    bottom: auto;
    top: 0;
    margin-left: -130px;
  }
  .de-activity-period .title {
    font-size: 18px;
  }
  .de-activity-period .period-info {
    font-size: 14px;
  }
}
.de-buy-tip {
  position: absolute;
  top: 25px;
  left: 50%;
  font-size: 35px;
  color: #15edfd;
  padding: 0 20px;
  margin-left: -225px;
}
@media (max-width: 767px) {
  .de-buy-tip {
    position: relative;
    font-size: 16px;
    bottom: 0;
    left: auto;
    margin-left: 0;
    padding: 20px 0;
  }
}
.de-buy-tip.de-buy-spe:before {
  content: '';
  background: url('../../v2/img/double-eleven/tip-left.png') no-repeat;
  position: absolute;
  width: 100px;
  height: 20px;
  top: 16px;
  left: -100px;
}
.de-buy-tip.de-buy-spe:after {
  content: '';
  background: url('../../v2/img/double-eleven/tip-right.png') no-repeat;
  position: absolute;
  width: 100px;
  height: 20px;
  top: 16px;
  right: -100px;
}
.eleven-middle-content {
  background: url('../../v2/img/double-eleven/middle-bg.jpg') repeat-y;
  text-align: center;
  padding-bottom: 60px;
  position: relative;
  background-size: contain;
  overflow: hidden;
}
@media (max-width: 767px) {
  .eleven-middle-content {
    padding-top: 170px;
  }
}
.eleven-middle-content .star-bg {
  position: absolute;
  left: 0;
  top: 100px;
}
.eleven-middle-content .eleven-middle-img {
  text-align: center;
  padding: 20px 0;
}
.eleven-middle-content .eleven-middle-img.eleven-middle-img1 {
  padding-top: 90px;
}
@media (max-width: 767px) {
  .eleven-middle-content .eleven-middle-img.eleven-middle-img1 {
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  .eleven-middle-content .eleven-middle-img {
    padding: 12px 0;
  }
}
@media (max-width: 767px) {
  .eleven-middle-content .eleven-middle-img img {
    width: 100%;
    padding: 0 20px;
  }
  .eleven-middle-content .eleven-middle-img img.num-limit-img {
    width: 70%;
  }
}
.eleven-middle-content .eleven-middle-img .num-totle {
  font-size: 40px;
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 15px;
}
.eleven-middle-content .eleven-middle-img .num-totle .num-bg {
  background: url('../../v2/img/double-eleven/num-bg.png') no-repeat;
  width: 48px;
  display: inline-block;
  margin: 0 5px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .eleven-middle-content .eleven-middle-img .num-totle {
    font-size: 20px;
  }
  .eleven-middle-content .eleven-middle-img .num-totle .num-bg {
    background-size: 23px auto;
    width: 26px;
  }
}
.eleven-middle-content .de-coupon-blocks {
  position: relative;
  background: url('../../v2/img/double-eleven/3.jpg') no-repeat center;
  height: 434px;
  width: 622px;
  margin: 0 auto;
}
.eleven-middle-content .de-coupon-blocks:before {
  content: '';
  position: absolute;
  top: -85px;
  right: -407px;
  width: 510px;
  height: 182px;
  background: url('../../v2/img/double-eleven/wave-right.png') no-repeat;
}
.eleven-middle-content .de-coupon-blocks:after {
  content: '';
  position: absolute;
  bottom: 108px;
  left: -409px;
  width: 413px;
  height: 149px;
  background: url('../../v2/img/double-eleven/wave-left.png') no-repeat;
}
@media (max-width: 767px) {
  .eleven-middle-content .de-coupon-blocks {
    background: url('../../v2/img/double-eleven/3-mobile.jpg') no-repeat center top;
    background-size: contain;
    width: 80%;
    min-height: 800px;
  }
  .eleven-middle-content .de-coupon-blocks:before {
    content: '';
    position: static;
  }
  .eleven-middle-content .de-coupon-blocks:after {
    content: '';
    position: static;
  }
}
.eleven-middle-content .de-coupon-blocks .de-coupon-content {
  position: absolute;
  width: 500px;
  top: 155px;
  left: 50%;
  margin-left: -250px;
}
.eleven-middle-content .de-coupon-blocks .de-coupon-content img {
  margin: 10px 15px;
}
@media (max-width: 767px) {
  .eleven-middle-content .de-coupon-blocks .de-coupon-content {
    top: 120px;
    width: auto;
    left: auto;
    margin-left: 0;
  }
  .eleven-middle-content .de-coupon-blocks .de-coupon-content img {
    width: 50%;
    padding: 0;
    margin: 10px 0 30px 0;
  }
}
.de-btn-bg-link {
  background: url('../../v2/img/double-eleven/return-link.png') no-repeat center;
  display: inline-block;
  width: 194px;
  height: 48px;
  letter-spacing: 5px;
  font-size: 20px;
  color: #fff;
  line-height: 48px;
}
.de-btn-bg-link.de-btn-bg {
  background: url('../../v2/img/double-eleven/return-btn.png') no-repeat center;
}
.de-btn-bg-link:hover,
.de-btn-bg-link:active,
.de-btn-bg-link:focus {
  color: #fff;
}
@media (max-width: 767px) {
  .de-btn-bg-link {
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}
.de-content-info {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .de-content-info {
    font-size: 12px;
    padding: 0 20px;
  }
}
.de-popover-show {
  background-color: #286cb1;
  max-width: none;
}
.de-popover-show.right > .arrow:after {
  border-right-color: #286cb1 !important;
}
.de-popover-show.top > .arrow:after {
  border-top-color: #286cb1 !important;
}
.de-popover-show .popover-content {
  color: #fff;
  max-width: 300px;
}
.de-modal-dialog {
  margin: 60px auto;
}
.de-modal-dialog .eleven-modal-content {
  background: url('../../v2/img/double-eleven/modal-bg-1.png') no-repeat center;
  background-size: contain;
  width: 581px;
  height: 496px;
  position: relative;
}
.de-modal-dialog .eleven-modal-content .close {
  opacity: 0.4;
}
.de-modal-dialog .eleven-modal-content .de-close-btn {
  position: absolute;
  top: 40px;
  right: 0;
  color: #eaeaea;
  font-size: 30px;
}
.de-modal-dialog .eleven-modal-content .de-form-content {
  position: absolute;
  color: #fff;
  top: 210px;
  left: 50%;
  margin-left: -202px;
}
.de-modal-dialog .eleven-modal-content .de-form-content .form-group {
  min-height: 72px;
  margin-bottom: 0;
}
.de-modal-dialog .eleven-modal-content .de-form-content .text-danger,
.de-modal-dialog .eleven-modal-content .de-form-content .has-error .control-label {
  color: #f8929b;
}
.de-modal-dialog .eleven-modal-content .de-form-content label {
  float: left;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .de-modal-dialog .eleven-modal-content .de-form-content label {
    float: none;
    font-size: 14px;
  }
}
.de-modal-dialog .eleven-modal-content .de-form-content .de-form-input {
  border-radius: 12px;
  background-color: #a90da7;
  border-color: #8a29d4;
  color: #fff;
  opacity: 0.8;
}
.de-modal-dialog .eleven-modal-content .de-form-content .de-form-input.mobile-input {
  float: left;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .de-modal-dialog .eleven-modal-content .de-form-content .de-form-input {
    width: 200px !important;
    float: none;
    height: 28px;
  }
  .de-modal-dialog .eleven-modal-content .de-form-content .de-form-input.mobile-input {
    float: none;
    margin-bottom: 10px;
  }
}
.de-modal-dialog .eleven-modal-content .de-form-content .de-get-code {
  position: absolute;
  color: #fff;
  border-bottom: 1px solid #911abc;
}
@media (max-width: 767px) {
  .de-modal-dialog .eleven-modal-content .de-form-content .de-get-code {
    position: static;
  }
}
.de-modal-dialog .eleven-modal-content .de-success-content {
  position: absolute;
  top: 205px;
  left: 40px;
  right: 40px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.5px;
  line-height: 26px;
}
.de-modal-dialog .eleven-modal-content .de-success-content .de-success-title {
  font-size: 30px;
  padding-bottom: 20px;
}
.de-modal-dialog .eleven-modal-content .de-success-content .de-success-info {
  font-size: 16px;
  margin-bottom: 40px;
}
.de-modal-dialog .eleven-modal-content .de-success-content .de-success-info .de-get-num {
  font-size: 20px;
}
@media (max-width: 767px) {
  .de-modal-dialog .eleven-modal-content {
    background: url('../../v2/img/double-eleven/modal-bg-mobile-1.png') no-repeat center;
    min-height: 351px;
    width: auto;
    margin: 0 auto;
    text-align: left;
  }
  .de-modal-dialog .eleven-modal-content .de-close-btn {
    right: 33px;
    top: 20px;
  }
  .de-modal-dialog .eleven-modal-content .de-form-content {
    top: 110px;
    left: 50%;
    margin-left: -85px;
  }
  .de-modal-dialog .eleven-modal-content .de-success-content {
    top: 150px;
    padding: 0 20px;
  }
  .de-modal-dialog .eleven-modal-content .de-success-content .de-success-title {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .de-modal-dialog .eleven-modal-content .de-success-content .de-success-info {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
.jklive-body {
  color: #fff;
  background: url('../../v2/img/week-activity/page-bg.jpg') no-repeat top center;
}
@media (max-width: 767px) {
  .jklive-body {
    background: #000;
  }
}
@media (max-width: 767px) {
  .jklive-body .activity-live-scetion {
    padding-bottom: 40px;
  }
}
.jklive-body .activity-live-scetion .alive-box {
  width: 720px;
  height: 405px;
}
@media (max-width: 767px) {
  .jklive-body .edu-week-line {
    display: none;
  }
}
.jklive-body .edu-week-line:before {
  height: 2px;
}
.jklive-body .meet-total-title {
  color: #fff;
  font-size: 50px;
  margin-bottom: 10px;
  letter-spacing: 3px;
  padding: 0 25px;
}
@media (max-width: 767px) {
  .jklive-body .meet-total-title {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.jklive-body .meeting-info {
  letter-spacing: 3px;
  margin-top: 50px;
}
.jklive-body .meeting-info .h3 {
  color: #c1c1c1;
}
@media (max-width: 767px) {
  .jklive-body .meeting-info .h3 {
    font-size: 14px;
    margin-top: 20px;
  }
}
.jklive-body .jk-count-time {
  font-size: 25px;
  padding: 3px 22px;
  color: #fff;
  margin: 0px auto 20px auto;
}
.jklive-body .jk-count-time .title {
  color: #fff;
  font-size: 36px;
  letter-spacing: 6px;
}
.jklive-body .jk-count-time span:not(.title) {
  color: #00eaff;
  font-size: 45px;
  padding: 0 10px;
  letter-spacing: 4px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .jklive-body .jk-count-time {
    bottom: 1%;
    font-size: 14px;
    padding: 3px 10px;
    margin: 0;
  }
  .jklive-body .jk-count-time .title {
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
  }
  .jklive-body .jk-count-time span:not(.title) {
    font-size: 22px;
    padding: 0 5px;
    font-weight: bold;
  }
}
.jklive-body .jk-meet-title {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .jklive-body .jk-meet-title .h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .jklive-body .jk-meet-title .h2:after {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .jklive-body .jk-meet-title {
    padding-bottom: 20px;
  }
}
.jklive-body .jk-meet-morning-list li {
  padding-left: 300px;
}
@media (max-width: 767px) {
  .jklive-body .jk-meet-morning-list li {
    padding-left: 0;
  }
}
.jklive-body .jk-meet-guest .edu-week-guest-list {
  width: 20%;
  padding: 0 50px;
}
.jklive-body .jk-meet-guest .edu-week-guest-list img {
  width: 160px;
}
@media (max-width: 767px) {
  .jklive-body .jk-meet-guest .edu-week-guest-list {
    width: 50%;
    margin: 0px 0 30px;
    padding: 0 24px;
    font-size: 12px;
    float: left;
    text-align: center;
  }
}
.jklive-body .jk-guest-item {
  width: 1070px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .jklive-body .jk-guest-item {
    width: auto;
  }
}
.jklive-body .jk-guest-item .img-resize {
  width: 190px;
}
@media (max-width: 767px) {
  .jklive-body .jk-guest-item .img-resize {
    width: 32%;
  }
}
.jklive-body .jk-guest-item img {
  vertical-align: middle;
  margin: 0 75px 20px 75px;
}
@media (max-width: 767px) {
  .jklive-body .jk-guest-item img {
    width: 32%;
    margin: 0;
    padding: 0 10px;
  }
}
.jklive-body .js-jk-meet-one.active .edu-week-intro-item,
.jklive-body .js-jk-meet-two.active .edu-week-intro-item,
.jklive-body .js-jk-meet-three.active .edu-week-intro-item {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: fadeInUp 0.6s ease both;
  -moz-animation: fadeInUp 0.6s ease both;
  -o-animation: fadeInUp 0.6s ease both;
  animation: fadeInUp 0.6s ease both;
}
.ESlive .title {
  color: #4F5673;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .ESlive .title {
    text-align: center;
  }
}
.ESlive .bg-gray {
  background-color: #FAFCFD;
}
.ESlive .main-banner {
  padding-top: 70px;
  padding-bottom: 96px;
}
.ESlive .main-banner .title {
  font-size: 36px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .ESlive .main-banner .title {
    font-size: 26px;
  }
}
.ESlive .main-banner .subtitle {
  font-size: 20px;
  margin-bottom: 40px;
}
.ESlive .main-banner .try {
  display: inline-block;
  width: 150px;
  height: 44px;
  background: #12B484;
  line-height: 44px;
  color: white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ESlive .main-banner .try:hover {
  background-color: #0AC991;
}
.ESlive .intro-banner {
  padding: 0 0;
}
@media (max-width: 767px) {
  .ESlive .intro-banner {
    padding: 0 0;
  }
}
.ESlive .intro-banner .title {
  margin-top: 150px;
  font-size: 32px;
}
@media (max-width: 767px) {
  .ESlive .intro-banner .title {
    font-size: 26px;
  }
}
.ESlive .intro-banner .subtitle {
  margin-top: 26px;
  font-size: 14px;
  margin-bottom: 20px;
}
.ESlive .intro-banner .try a {
  color: #12B484;
}
@media (max-width: 767px) {
  .ESlive .intro-banner .try {
    text-align: center;
    margin-bottom: 20px;
  }
}
.ESlive .intro-banner .wechat {
  text-align: right;
}
@media (max-width: 767px) {
  .ESlive .intro-banner .wechat {
    text-align: center;
  }
}
.ESlive .experience {
  position: relative;
  background: url('../../img/v2/eslive_banner_7.png') no-repeat center center;
  background-size: cover;
}
.ESlive .experience img {
  margin-top: 128px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .ESlive .experience img {
    margin-top: 60px;
  }
}
.ESlive .experience .apply-try {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -35px;
}
.ESlive .experience .apply-try .try {
  background-color: #12B484;
  color: white;
  display: inline-block;
  width: 240px;
  height: 70px;
  line-height: 74px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ESlive .experience .apply-try .try:hover {
  background-color: #0AC991;
}
@media (max-width: 767px) {
  .ESlive .experience .apply-try {
    margin-left: -70px;
    margin-top: -25px;
  }
  .ESlive .experience .apply-try .try {
    background-color: #12B484;
    color: white;
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
  }
}
.ESlive .wechat-section {
  background-color: #F3F6F9;
}
.ESlive .apply-form {
  border-radius: 5px;
  bottom: 0;
  right: 0;
  background-color: white;
  padding: 20px 55px 60px;
}
.ESlive .apply-form button {
  width: 100%;
  height: 40px;
  display: inline-block;
  background-color: #12B484;
  color: white;
}
.form-normal-center {
  margin: 20px auto 0px auto;
}
.modal-customer .form-group {
  margin-bottom: 20px;
}
.modal-customer button {
  width: 100%;
  height: 40px;
  display: inline-block;
  background-color: #12B484;
  color: white;
}
.modal-customer button:hover {
  background-color: #0AC991;
  color: white;
}
.liveModal .modal-content {
  width: 350px;
  margin: 100px auto;
}
@media (max-width: 767px) {
  .liveModal .modal-content {
    width: 280px;
    margin: 100px auto;
  }
}
.es-crm .title {
  color: #4f5673;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .es-crm .title {
    text-align: center;
  }
}
.es-crm .bg-gray {
  background-color: #f9f9f9;
}
.es-crm .hover-container {
  position: absolute;
  top: 20%;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.es-crm .hover-title {
  position: relative;
  margin-bottom: 30px;
  font-size: 72px;
  line-height: 1;
  letter-spacing: 10px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .es-crm .hover-title {
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 2px;
  }
}
.es-crm .hover-title .hover-title-des {
  position: absolute;
  background-image: url(../img/crm/label.png);
  background-image: -webkit-image-set(url(../img/crm/label.png) 1x, url(../img/crm/label@2x.png) 2x);
  right: 0;
  top: -54px;
  width: 220px;
  height: 34px;
}
.es-crm .hover-sub-title {
  margin-bottom: 46px;
  font-size: 20px;
  letter-spacing: 10px;
  line-height: 1;
  color: #ffffff;
}
.es-crm .try-btn {
  display: inline-block;
  width: 186px;
  height: 54px;
  background: #4653be;
  line-height: 54px;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 18px;
}
.es-crm .try-btn:hover {
  background-color: #3d49ae;
  -ms-transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 6px 16px 0 rgba(70, 84, 190, 0.4);
  -moz-box-shadow: 0 6px 16px 0 rgba(70, 84, 190, 0.4);
  box-shadow: 0 6px 16px 0 rgba(70, 84, 190, 0.4);
}
@media (max-width: 767px) {
  .es-crm .try-btn {
    width: 110px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }
}
.es-crm .intro-banner {
  height: 400px;
  padding: 0 0;
}
@media (max-width: 767px) {
  .es-crm .intro-banner {
    padding: 0 0;
    height: auto;
  }
}
.es-crm .intro-banner .title {
  margin-top: 130px;
  font-size: 40px;
  color: #4f5673;
  line-height: 1;
}
@media (max-width: 767px) {
  .es-crm .intro-banner .title {
    margin-top: 20px;
    font-size: 26px;
  }
}
.es-crm .intro-banner .subtitle {
  margin-top: 18px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 2px;
}
.es-crm .intro-banner .try a {
  color: #4653be;
}
@media (max-width: 767px) {
  .es-crm .intro-banner .try {
    text-align: center;
    margin-bottom: 20px;
  }
}
.es-crm .intro-banner .wechat {
  text-align: right;
}
@media (max-width: 767px) {
  .es-crm .intro-banner .wechat {
    text-align: center;
  }
}
.es-crm .intro-banner .img-wrapper {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .es-crm .intro-banner .img-wrapper {
    margin-top: 0;
  }
}
.es-crm .experience {
  position: relative;
  background: url('../../img/v2/escrm_banner_7.png') no-repeat center center;
  background-size: cover;
}
.es-crm .experience img {
  margin-top: 128px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .es-crm .experience img {
    margin-top: 60px;
  }
}
.es-crm .experience .apply-try {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -35px;
}
.es-crm .experience .apply-try .try {
  background-color: #4653be;
  color: white;
  display: inline-block;
  width: 240px;
  height: 70px;
  line-height: 74px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-crm .experience .apply-try .try:hover {
  background-color: #0ac991;
}
@media (max-width: 767px) {
  .es-crm .experience .apply-try {
    margin-left: -70px;
    margin-top: -25px;
  }
  .es-crm .experience .apply-try .try {
    background-color: #4653be;
    color: white;
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
  }
}
.es-crm .wechat-section {
  background-color: #f3f6f9;
}
.es-crm .apply-form {
  border-radius: 5px;
  bottom: 0;
  right: 0;
  background-color: white;
  padding: 20px 55px 60px;
}
.es-crm .apply-form button {
  width: 100%;
  height: 40px;
  display: inline-block;
  background-color: #4653be;
  color: white;
}
.es-crm .form-normal-center {
  margin: 20px auto 0px auto;
}
.es-crm .form-normal-btn {
  width: 99%;
}
.es-crm .modal-customer .form-group {
  margin-bottom: 20px;
}
.es-crm .modal-customer .btn-reverse {
  border: 1px solid #4653be;
  color: #4653be;
}
.es-crm .modal-customer .btn-reverse:hover {
  background-color: #4653be;
  color: white;
}
.es-crm .modal-customer .btn-reverse:focus {
  background-color: #4653be;
  color: white;
}
.es-crm .modal-customer button {
  width: 100%;
  height: 40px;
  display: inline-block;
  background-color: #4653be;
  color: white;
}
.es-crm .modal-customer button:hover {
  background-color: #3d49ae;
  color: white;
}
.es-crm .intro-show {
  padding: 80px 0;
}
.es-crm .intro-show-title {
  font-size: 40px;
  color: #4f5673;
  line-height: 1;
}
@media (max-width: 767px) {
  .es-crm .intro-show-title {
    font-size: 24px;
  }
}
.es-crm .intro-show-body {
  margin-top: 64px;
}
.es-crm .intro-show-body p {
  color: #4f5673;
  font-size: 18px;
}
@media (max-width: 767px) {
  .es-crm .intro-show-body p {
    font-size: 14px;
  }
}
.es-crm .intro-show-img-wrapper {
  margin: 0 85px 40px 85px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(70, 83, 190, 0.3);
  -moz-box-shadow: 0 4px 16px 0 rgba(70, 83, 190, 0.3);
  box-shadow: 0 4px 16px 0 rgba(70, 83, 190, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  .es-crm .intro-show-img-wrapper {
    margin: 0 45px 20px 45px;
  }
}
.es-crm .bottom-banner {
  padding-bottom: 13.5%;
}
@media (max-width: 767px) {
  .es-crm .bottom-banner {
    padding-bottom: 25%;
  }
}
.es-crm .bottom-banner-hover-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 52px;
}
@media (max-width: 767px) {
  .es-crm .bottom-banner-hover-content {
    height: 52px;
  }
}
.es-crm .bottom-banner-btn {
  display: inline-block;
  padding: 18px 66px;
  background: #ff8a0c;
  line-height: 1;
  font-size: 24px;
  letter-spacing: 3px;
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 6px 16px 0 rgba(255, 137, 12, 0.2);
  -moz-box-shadow: 0 6px 16px 0 rgba(255, 137, 12, 0.2);
  box-shadow: 0 6px 16px 0 rgba(255, 137, 12, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .es-crm .bottom-banner-btn {
    font-size: 14px;
    padding: 14px 50px;
    background: #ff8a0c;
    line-height: 1;
    letter-spacing: 3px;
  }
}
.es-crm .bottom-banner-btn:hover {
  background-color: #f27d00;
}
.crmModal .modal-content {
  width: 350px;
  margin: 100px auto;
}
@media (max-width: 767px) {
  .crmModal .modal-content {
    width: 280px;
    margin: 100px auto;
  }
}
.es-cloud-depreciate .bg-gray {
  background-color: #f5f5f5;
}
.es-cloud-depreciate .hover-container {
  position: absolute;
  left: 0;
  bottom: 20%;
  right: 0;
  margin: auto;
}
.es-cloud-depreciate .bg-banner {
  padding-bottom: 48.3%;
  background-image: url(../img/cloud/banner_cloud.jpg);
  background-image: -webkit-image-set(url(../img/cloud/banner_cloud.jpg) 1x, url(../img/cloud/banner_cloud.jpg) 2x);
}
.es-cloud-depreciate .try-btn {
  display: inline-block;
  width: 280px;
  height: 60px;
  line-height: 60px;
  background-color: #f4cf35;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-cloud-depreciate .try-btn:hover {
  background-color: #f3c91d;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .try-btn {
    width: auto;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
  }
}
.es-cloud-depreciate .spacing_1 {
  padding-bottom: 11%;
  background-image: url(../img/cloud/spacing_1.png);
  background-image: -webkit-image-set(url(../img/cloud/spacing_1.png) 1x, url(../img/cloud/spacing_1.png) 2x);
}
.es-cloud-depreciate .spacing_2 {
  padding-bottom: 11%;
  background-image: url(../img/cloud/spacing_2.png);
  background-image: -webkit-image-set(url(../img/cloud/spacing_2.png) 1x, url(../img/cloud/spacing_2.png) 2x);
}
.es-cloud-depreciate .intro-banner {
  height: 400px;
  padding: 0 0;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-banner {
    padding: 0 0;
    height: auto;
  }
}
.es-cloud-depreciate .intro-banner .title {
  font-size: 38px;
  color: #313131;
  letter-spacing: 3px;
  font-size: 40px;
  margin-top: 100px;
  line-height: 1;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-banner .title {
    margin-top: 20px;
    font-size: 22px;
  }
}
.es-cloud-depreciate .intro-banner .subtitle {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  color: #616161;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-banner .subtitle {
    font-size: 18px;
  }
}
.es-cloud-depreciate .intro-banner .try .btn-detail {
  font-size: 16px;
  padding: 14px 30px;
  line-height: 1;
  border-color: #2676e4;
  background-color: transparent;
  color: #2676e4;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.es-cloud-depreciate .intro-banner .try .btn-detail:hover,
.es-cloud-depreciate .intro-banner .try .btn-detail:active {
  background-color: #2676e4;
  color: #ffffff;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-banner .try {
    text-align: center;
    margin-bottom: 20px;
  }
}
.es-cloud-depreciate .intro-banner .img-wrapper {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-banner .img-wrapper {
    margin-top: 0;
  }
}
.es-cloud-depreciate .intro-theme {
  background-color: #1868db;
}
.es-cloud-depreciate .intro-theme .title {
  color: #ffffff;
}
.es-cloud-depreciate .intro-theme .subtitle {
  color: #ffffff;
}
.es-cloud-depreciate .intro-theme .try .btn-detail {
  font-size: 16px;
  padding: 14px 30px;
  line-height: 1;
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.es-cloud-depreciate .intro-theme .try .btn-detail:hover,
.es-cloud-depreciate .intro-theme .try .btn-detail:active {
  background-color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  color: #1868db;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .intro-theme .try {
    text-align: center;
    margin-bottom: 20px;
  }
}
.es-cloud-depreciate .experience {
  position: relative;
  background: url('../../img/v2/escloud-depreciate_banner_7.png') no-repeat center center;
  background-size: cover;
}
.es-cloud-depreciate .experience img {
  margin-top: 128px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .experience img {
    margin-top: 60px;
  }
}
.es-cloud-depreciate .experience .apply-try {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -120px;
  margin-top: -35px;
}
.es-cloud-depreciate .experience .apply-try .try {
  background-color: #2676e4;
  color: white;
  display: inline-block;
  width: 240px;
  height: 70px;
  line-height: 74px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.es-cloud-depreciate .experience .apply-try .try:hover {
  background-color: #0ac991;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .experience .apply-try {
    margin-left: -70px;
    margin-top: -25px;
  }
  .es-cloud-depreciate .experience .apply-try .try {
    background-color: #2676e4;
    color: white;
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
  }
}
.es-cloud-depreciate .wechat-section {
  background-color: #f3f6f9;
}
.es-cloud-depreciate .apply-form {
  border-radius: 5px;
  bottom: 0;
  right: 0;
  background-color: white;
  padding: 20px 55px 60px;
}
.es-cloud-depreciate .apply-form button {
  width: 100%;
  height: 40px;
  display: inline-block;
  background-color: #2676e4;
  color: white;
}
.es-cloud-depreciate .bottom-banner {
  padding-bottom: 25.89%;
  background-image: url(../img/cloud/banner_bottom.jpg);
  background-image: -webkit-image-set(url(../img/cloud/banner_bottom.jpg) 1x, url(../img/cloud/banner_bottom.jpg) 2x);
}
@media (max-width: 767px) {
  .es-cloud-depreciate .bottom-banner {
    padding-bottom: 25%;
  }
}
.es-cloud-depreciate .bottom-banner-hover-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 80px;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .bottom-banner-hover-content {
    height: 62px;
  }
}
.es-cloud-depreciate .bottom-banner-btn {
  display: inline-block;
  padding: 20px 110px;
  background-color: #f4cf35;
  line-height: 1;
  font-size: 20px;
  letter-spacing: 2px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .es-cloud-depreciate .bottom-banner-btn {
    font-size: 14px;
    padding: 24px 50px;
    line-height: 1;
  }
}
.es-cloud-depreciate .bottom-banner-btn:hover {
  background-color: #f3c91d;
}
.cloud-depreciateModal .modal-content {
  width: 350px;
  margin: 100px auto;
}
@media (max-width: 767px) {
  .cloud-depreciateModal .modal-content {
    width: 280px;
    margin: 100px auto;
  }
}
.theme-playground {
  padding-bottom: 220px;
  text-align: center;
  color: #313131;
}
.theme-playground .banner-hover-content .banner-hover-footer .btn {
  width: 180px;
  padding: 15px 30px;
  border-radius: 2px;
}
.theme-playground .banner-hover-content .banner-hover-header .title {
  font-size: 36px;
}
.theme-playground .banner-hover-content .banner-hover-header .title p {
  line-height: 54px;
}
@media (max-width: 767px) {
  .theme-playground {
    padding-bottom: 50px;
  }
  .theme-playground .es-homepage .banner-hover-content .banner-hover-footer .btn {
    letter-spacing: 5px;
    font-size: 12px;
  }
}
.theme-playground .banner-hover-content {
  bottom: 50px;
}
@media (min-width: 1199px) {
  .theme-playground .banner-hover-content .theme-banner-header {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .theme-playground .banner-hover-content {
    bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .theme-playground .banner-hover-content .theme-banner-header {
    margin-bottom: -15px;
  }
}
.theme-playground .banner-hover-content .theme-banner-header .title {
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .theme-playground .banner-hover-content .theme-banner-header .title p {
    line-height: 65px;
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .theme-playground .banner-hover-content .theme-banner-header .title p {
    line-height: 60px;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .theme-playground .banner-hover-content .theme-banner-header .title p {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
  }
}
.theme-playground .bg-gray {
  background-color: #f5f5f5;
}
.theme-playground .theme-list {
  padding-top: 90px;
}
@media (max-width: 767px) {
  .theme-playground .theme-list {
    padding-top: 30px;
  }
}
.theme-playground .theme-app-title {
  font-size: 20px;
}
@media (max-width: 767px) {
  .theme-playground .theme-app-title {
    font-size: 14px;
  }
}
.theme-playground .theme-app-title span {
  color: #313131;
}
.theme-playground .theme-app-logo {
  margin-top: 20px;
  display: inline-block;
}
.theme-playground .theme-app-logo img {
  width: 30px;
  height: 30px;
}
.theme-playground .theme-app-logo:before,
.theme-playground .theme-app-logo:after {
  position: relative;
  width: 60px;
  height: 2px;
  display: inline-block;
  content: "";
  background-color: #e1e1e1;
}
.theme-playground .theme-app-logo:before {
  margin-right: 20px;
}
.theme-playground .theme-app-logo:after {
  margin-left: 20px;
}
.theme-playground .block-title {
  position: relative;
  line-height: 36px;
  font-size: 36px;
  color: #313131;
}
@media (max-width: 767px) {
  .theme-playground .block-title {
    line-height: 24px;
    font-size: 20px;
  }
}
.theme-playground .theme-title-decorate {
  position: relative;
  bottom: -30px;
  display: inline-block;
  width: 50px;
  height: 6px;
  background-color: #20b573;
}
@media (max-width: 767px) {
  .theme-playground .theme-title-decorate {
    bottom: -10px;
    height: 2px;
  }
}
.theme-playground .theme-banner {
  height: auto;
}
.theme-playground .theme-web-review {
  padding-top: 106px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .theme-playground .theme-web-review {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
.theme-playground .theme-item {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 50px;
  padding-top: 0;
  height: auto;
  overflow: hidden;
  -webkit-box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
  -moz-box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
  box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
  cursor: pointer;
}
@media (max-width: screen-xs-max) {
  .theme-playground .theme-item {
    margin-bottom: 20px;
  }
}
.theme-playground .theme-item .theme-item-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  background-color: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-playground .theme-item .theme-link-group {
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  bottom: -60px;
  height: 60px;
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: auto;
}
.theme-playground .theme-item .theme-link-group p {
  height: 60px;
  line-height: 60px;
  color: #313131;
}
.theme-playground .theme-item .theme-link-group p i {
  color: #313131;
}
.theme-playground .theme-item .theme-link-group p .icon-lianjie:hover,
.theme-playground .theme-item .theme-link-group p .icon-eye:hover {
  color: #20b573;
}
.theme-playground .theme-item:hover .theme-item-mask {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-playground .theme-item:hover .theme-link-group {
  bottom: 0;
  z-index: 10;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-playground .theme-item img {
  width: 100%;
}
.theme-playground .theme-mobile {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .theme-playground .theme-mobile {
    margin-top: 30px;
  }
}
.theme-playground .theme-mobile .theme-item {
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 0;
  border-radius: none;
  cursor: pointer;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-playground .theme-mobile .theme-item:hover {
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .theme-playground .theme-item {
    height: auto;
  }
}
.theme-playground .theme-max-body {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  visibility: hidden;
}
.theme-playground .theme-max-body .theme-max-container {
  height: 100%;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-playground .theme-max-body .theme-max-container .swiper-container {
  width: 100%;
  max-width: 1200px;
}
.theme-playground .theme-max-body .theme-max-container .swiper-app-container {
  position: relative;
  top: 50%;
  margin-top: -333px;
  width: 705px;
  cursor: pointer;
}
.theme-playground .theme-max-body .theme-max-container .swiper-app-container img {
  width: 375px;
}
@media (max-width: 991px) {
  .theme-playground .theme-max-body .theme-max-container .swiper-app-container {
    margin-top: -240px;
    width: 550px;
  }
  .theme-playground .theme-max-body .theme-max-container .swiper-app-container img {
    width: 270px;
  }
}
@media (max-width: 768px) {
  .theme-playground .theme-max-body .theme-max-container .swiper-app-container {
    width: auto;
  }
}
.theme-playground .theme-max-web .swiper-slide img {
  width: 100%;
}
.es-evaluation .evaluaton-result-footer .evaluation-result-btn {
  width: 200px;
  margin: 0;
}
@media (min-width: 768px) {
  .es-evaluation {
    height: 100%;
    overflow: hidden;
  }
  .es-evaluation .modal-header,
  .es-evaluation .modal-footer {
    border: none;
  }
  .es-evaluation .evaluation-content .data .data-btn-wrapper a {
    box-shadow: none;
  }
  .es-evaluation .modal-title {
    position: relative;
    top: 65px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #313131;
    text-align: center;
  }
  .es-evaluation .form-normal-center {
    width: 450px;
  }
  .es-evaluation .form-normal-center .form-group {
    margin-bottom: 15px;
  }
  .es-evaluation .form-normal-center .form-group .col-xs-7 {
    padding-right: 5px;
  }
  .es-evaluation .form-normal-center .form-group .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
  }
  .es-evaluation .form-normal-center .form-group .col-xs-5 {
    padding-left: 5px;
  }
  .es-evaluation .evaluating-form-btn {
    margin: 20px 0;
  }
  .es-evaluation .evaluation-forward-btn {
    padding: 9px 28px;
    margin-left: 25px;
  }
  .es-evaluation .evaluation-test .evaluation-body {
    top: 30px;
  }
  .es-evaluation .modal-dialog {
    margin-top: 200px;
  }
  .es-evaluation .evaluation-result-wrapper {
    margin-top: 30px;
  }
  .es-evaluation .evaluation-content-block {
    padding: 0 20px;
    height: 50px;
  }
  .es-evaluation .evaluation-test {
    width: 100%;
  }
  .es-evaluation .evaluation-radio {
    margin: 3px 0;
    padding: 15px 0 15px 30px;
  }
  .es-evaluation .evaluation-radio.checked:after {
    top: 20px;
  }
  .es-evaluation .bg-gray {
    background-color: #fafafa;
  }
  .es-evaluation .evaluation-test-btn-wrapper {
    margin-top: 100px;
  }
  .es-evaluation .evaluation-wrapper .evaluation-banner {
    padding: 0;
    padding-bottom: 12.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/evaluation/evaluation-banner.jpg);
    background-image: -webkit-image-set(url(../img/evaluation/evaluation-banner.jpg) 1x, url(../img/evaluation/evaluation-banner@2x.jpg) 2x);
  }
  .es-evaluation .evaluation-wrapper .evaluation-content {
    display: block;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text {
    float: none;
    width: 615px;
    margin: 0 auto;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-title {
    font-size: 30px;
    color: #313131;
    letter-spacing: 6px;
    font-weight: bold;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-desc {
    position: relative;
    margin-bottom: 43px;
    font-size: 14px;
    color: #919191;
    letter-spacing: 2px;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-desc:before {
    content: '';
    position: absolute;
    left: 430px;
    top: 13px;
    width: 250px;
    height: 0px;
    border-bottom: 1px solid #F5F5F5;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-desc:after {
    content: '';
    position: absolute;
    right: 450px;
    top: 13px;
    width: 250px;
    height: 0px;
    border-bottom: 1px solid #F5F5F5;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-desc span {
    color: #20b573;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-text .evaluation-content-detail {
    margin-bottom: 45px;
    font-size: 16px;
    color: #616161;
    letter-spacing: 2px;
    line-height: 32px;
  }
  .es-evaluation .evaluation-wrapper .evaluation-content .content-detail {
    float: none;
    width: 400px;
    height: 60px;
    margin: 0 auto;
  }
  .es-evaluation .evaluation-alert {
    margin-top: 30px;
    padding: 15px 0 0;
  }
  .es-evaluation .evaluation-alert .evaluation-alert-num {
    float: left;
    font-size: 20px;
    color: #616161;
    letter-spacing: 4px;
    font-weight: bold;
    line-height: 72px;
  }
  .es-evaluation .evaluation-alert .evaluation-alert-num i {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 72px;
    height: 72px;
    background-color: #f5f5f5;
    line-height: 72px;
    margin-left: 30px;
    margin-right: 10px;
    font-size: 36px;
    color: #20b573;
    font-weight: 100;
  }
  .es-evaluation .evaluation-alert .evaluation-alert-count {
    float: right;
    font-size: 14px;
    color: #919191;
    letter-spacing: 2px;
    margin-top: 36px;
    margin-right: 20px;
  }
  .es-evaluation .evaluation-alert .evaluation-alert-count span {
    color: #20b573;
  }
  .es-evaluation .evaluation-test-wraper {
    text-align: left;
  }
  .es-evaluation .evaluation-step-8 {
    position: relative;
    height: 20px;
    margin-bottom: 85px;
  }
  .es-evaluation .evaluation-step-8 .col-step {
    position: absolute;
    text-align: left;
    width: 100%;
    height: 20px;
    top: 20px;
    border-bottom: none;
    color: #616161;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .es-evaluation .evaluation-step-8 .col-step span {
    margin: 0 5px;
    font-size: 12px;
    color: #20b573;
  }
  .es-evaluation .evaluation-step-8 .col-step .step-num {
    float: left;
  }
  .es-evaluation .evaluation-step-8 .col-step .step-count {
    float: right;
  }
}



.kefu{ width:46px; height:189px; position:fixed; bottom:10%; right:0px; margin-top:-94px;z-index: 99999999}
 .kefu a{display:block; width:0px; padding-left:46px; color:#fff; line-height:45px;position:absolute; right:0px;}
 .kefu_1{background:#cc0000 url(../images/k1.png) no-repeat;top:0px; height:45px;}
 .kefu_2{background:#cc0000 url(../images/k3.png) no-repeat;top:46px; height:45px;}
 .kefu_3{background:#cc0000 url(../images/k2.png) no-repeat;top:92px; height:45px;}
 .kefu_4{background:#cc0000 url(../images/k5.png) no-repeat;top:138px; height:45px;}
 .kefu_1:hover{background-color:#666;color:#fff; }
 .kefu_2:hover{background-color:#666;color:#fff; width:64px;}
 .kefu_3:hover{background-color:#666;color:#fff; width:104px;}
 .kefu_4:hover{background-color:#666;color:#fff;}
 .kefu_4:hover span{ display:block;}
 .kefu_4 span{width:160px; height:174px; position:absolute; bottom:0px; right:46px; border:1px solid #d7d7d7; background:#fff; display:none;}
 .kefu_4 span > img { display:block; margin:9px auto 7px auto;}
 .kefu_4 span > i{ display:block; height:12px; line-height:12px; font-size:12px; color:#666; text-align:center;}