/* CSS Reset */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

button,
hr,
input {
  overflow: visible
}

audio,
canvas,
progress,
video {
  display: inline-block
}

progress,
sub,
sup {
  vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
  box-sizing: border-box;
  padding: 0
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 100%;
  font-weight: 400;
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

html,
body {
  margin: 0;
  padding: 0;
  background: #fff;
  line-height: 1.5;
  font-size: 14px;
  color: #777;
  font-family: 'Microsoft Yahei', 'Microsoft Yahei Light', Lantinghei, verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
}

ol,
td,
th,
ul {
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

a {
  outline: 0;
  color: inherit;
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

/* End CSS Reset */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*  */

/*  */

.pagination {
  /* display: none; */
  text-align: center;
  margin: 20px 0;
}

.ui-pagination-page-item {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dedede;
  color: #737373;
  background: #fff;
  border-radius: 4px;
  vertical-align: top;
  margin-right: 6px;
  cursor: pointer;
}

.ui-pagination-page-item.active {
  color: #fff;
  border: 1px solid #39c19a;
  background: #39c19a;
}

.ui-pagination-page-item .prev {
  width: 34px;
  height: 34px;
  background-image: url('./theme_pag_decr.png');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-pagination-page-item .next {
  width: 34px;
  height: 34px;
  background-image: url('./theme_pag_decr.png');
  background-repeat: no-repeat;
  background-position: center;
}

/* 头部导航 */

.header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  line-height: 70px;
  z-index: 99;
  transition: all .4s;
}

.header-bar-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  opacity: 0;
  filter: opacity(0);
  z-index: -1;
}

.header-bar-con {
  padding: 0 40px;
  transition: all .4s;
}

.header-bar_logo {
  display: inline-block;
  width: 112px;
  height: 29px;
  background-image: url('./logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  transition: all .4s;
}

.header-bar_operating {
  /* display: inline-block; */
  float: right;
  transition: all .4s;
}

.header-bar_operating_link {
  font-size: 16px;
  color: #bde4dd;
  padding: 8px 3px;
  margin-left: 55px;
  transition: all .4s;
}

.header-bar_operating_link.on {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.website-entrance {
  width: 100px;
  height: 34px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin-left: 55px;
  color: #c1e5df;
  border: 1px solid #c1e5df;
  border-radius: 4px;
  transition: all .4s;
}

.header-bar.scroll {
  box-shadow: 0 0 5px #eee;
}

.header-bar.scroll .header-bar_logo {
  background-image: url('./logo_2.png');
}

.header-bar.scroll .header-bar_operating_link {
  color: #666;
}

.header-bar.scroll .header-bar_operating_link.on {
  color: #333;
  border-bottom: 2px solid #333;
}

.header-bar.scroll .website-entrance {
  color: #333;
  border: 1px solid #333;
}

/* 简介 */

.introduction-con {
  position: relative;
  width: 100%;
  background: #22a28d;
  overflow: hidden;
}

.index-caput-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}

.index-caput-bg .layout-bg {
  z-index: 1;
  opacity: 1;
}

.introduction-info {
  position: relative;
  margin-top: 70px;
  padding-bottom: 10px;
}

.introduction-info-left {
  position: relative;
  display: inline-block;
  width: 56%;
  margin-top: 2%;
  margin-bottom: 1%;
}

.introduction-info-right {
  position: relative;
  float: left;
  display: inline-block;
  width: 44%;
  margin-top: 3.4%;
  text-align: right;
  z-index: 2;
}

.introduction-info-right-cont {
  text-align: left;
  margin-right: 10%;
  display: inline-block;
}

.introduction-info-right-feature {
  color: #fff;
  font-size: 18px;
  margin-top: 5px;
  list-style: none;
}

.introduction-info-right-header {
  font-size: 43px;
  color: #fff;
  font-weight: 400;
  margin: 0;
  text-shadow: 2px 2px 20px rgba(67, 67, 67, 0.2);
}

.introduction-info-right-header em {
  font-size: 68px;
  font-style: normal;
}

.introduction-info-right-feature li {
  line-height: 2.2;
}

.introduction-info-right-feature li:before {
  display: inline-block;
  width: 17px;
  height: 13px;
  margin-right: 12px;
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBNjNCRUQ5OEM2NzExRTdBRkNEQUQ3RDA1MzY3RUM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBNjNCRURBOEM2NzExRTdBRkNEQUQ3RDA1MzY3RUM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkE2M0JFRDc4QzY3MTFFN0FGQ0RBRDdEMDUzNjdFQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkE2M0JFRDg4QzY3MTFFN0FGQ0RBRDdEMDUzNjdFQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nlcBzAAAA+klEQVR42oySzQoBURzF72g2Nt7C1trCM7DwCLyABxB5BS/gFSQhoRTS1LBA2YiywMJ3mXyNc+s/dd2uO079ajq3Off/cQ3XjpQZYxmwYN9KghY4Mh8FQBxMQB4EhbMwSIMYMP1CGP2cA1OQEM5NCklTqFIG2nEVfo2q20s+b7kJDv+EcL1AF3TAQ/KHYOD5uhBPfLBVqkzUmQY/5yEnfISYv/qgovBHfHB+lTigTSGi7uRZutXxcBs0wEU6m1HwlWn2b9EtG8nf0nbWqnfiaQdSIApWgn8DdVCSA8RKnqAICtIzf4Mxrdr51bdJa8pSn6KWoEfVafURYACscUwAvSQweAAAAABJRU5ErkJggg==) center no-repeat
}

.introduction-info_pc {
  position: relative;
  /* width: 62%;
  height: 0;
  padding-bottom: 51.5%; */
  width: 556px;
  height: 461px;
  margin: 0 10%;
  background-image: url('./pc.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  /* z-index: 1; */
}

.introduction-info_pc_title {
  width: 142.7%;
  position: absolute;
  height: 0;
  padding-bottom: 14.1%;
  top: -20%;
  left: 50%;
  margin-left: -72%;
  /* transform: translateX(-14%); */
  background-image: url('./banner-title-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation-duration: 1.5s;
  animation-delay: 0;
  animation-fill-mode: both;
  animation-name: mybounceInUp;
  /* animation: change 2s;
  -moz-animation: change 2s;
  -webkit-animation: change 2s;
  -o-animation: change 2s; */
  animation-timing-function: ease;
  /* padding: 15px;
  text-align: center;
  color: #9b6a1f;
  font-size: 22px;
  background-color: #ffc929;
  border-radius: 4px; */
}

.introduction-info_pc_title span {
  font-weight: 500;
}

.introduction-info_pc_title em {
  color: #eda83f;
  font-style: normal;
}

@keyframes mybounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -10px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes myzoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3) translate3d(0, 0, 0);
    /* animation-timing-function: ease */
  }
  50% {
    opacity: 0.8;
    transform: scale3d(.5, .5, .5) translate3d(0, -60px, 0);
    /* animation-timing-function: ease */
  }
  100% {
    opacity: 1;
  }
}

@keyframes change {
  20% {
    top: 5%;
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1;
  }
  98% {
    top: -21.5%;
  }
  100% {
    top: -20%;
  }
}

.introduction-info_pc img {
  width: 100%;
}

.introduction-info_pc .swiper-container {
  width: 95%;
  top: 3px;
}

.introduction-info_pc .swiper-wrapper {
  margin-top: 2%;
}

.triangle-down-left {
  display: none;
  position: absolute;
  bottom: -5px;
  z-index: 2;
  /* display: block;
  width: 100%;
  height: 0;
  padding-bottom: 15%;
  position: absolute;
  bottom: -11%;
  z-index: 1;
  background-image: url('./triangle-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; */
}

/* iphone */

.introduction-info_iphone {
  position: absolute;
  top: 36%;
  left: -12%;
  /* width: 17%;
  height: 0;
  padding-bottom: 28.6%; */
  width: 168px;
  height: 293px;
  background-image: url('./iPhone.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}

.introduction-info_iphone img {
  width: 100%;
}

.introduction-info_iphone .swiper-container {
  width: 69%;
  margin-left: 6%;
}

.introduction-info_iphone .swiper-wrapper {
  margin-top: 21%;
}

/* ipad */

.introduction-info_ipad {
  position: absolute;
  top: 21%;
  right: -17%;
  /* width: 23.5%;
  height: 0;
  padding-bottom: 32.8%; */
  width: 237px;
  height: 332px;
  background-image: url('./iPad.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
}

.introduction-info_ipad img {
  width: 100%;
}

.introduction-info_ipad .swiper-container {
  width: 77%;
  margin-left: 19%;
}

.introduction-info_ipad .swiper-wrapper {
  margin-top: 13%;
}

/* 小图标 */

.bdtg-introduction-icon {
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bdtg-introduction-icon.guanfangshangcheng {
  top: -26%;
  left: 16.5%;
  width: 13%;
  height: 0;
  padding-bottom: 13%;
  background-image: url('./guanfangshangcheng.png')
}

.bdtg-introduction-icon.jifenshangcheng {
  top: -30%;
  left: 60.7%;
  width: 8%;
  height: 0;
  padding-bottom: 8%;
  background-image: url('./jifenshangcheng.png')
}

.bdtg-introduction-icon.fenxiaoshangcheng {
  top: -14.5%;
  left: 67%;
  width: 10%;
  height: 0;
  padding-bottom: 10%;
  background-image: url('./fenxiaoshangcheng.png');
  z-index: 1;
}

.bdtg-introduction-icon.qiyefuwu {
  top: 34%;
  right: 5.5%;
  width: 7%;
  height: 0;
  padding-bottom: 7%;
  background-image: url('./qiyefuwu.png');
}

.bdtg-introduction-icon.kuajingdianshang {
  bottom: 0.5%;
  right: 12%;
  width: 12%;
  height: 0;
  padding-bottom: 12%;
  background-image: url('./kuajingdianshang.png');
  z-index: 1;
}

.bdtg-introduction-icon.yingxiaotuiguang {
  left: 11.5%;
  bottom: 14%;
  width: 9.5%;
  height: 0;
  padding-bottom: 9.5%;
  background-image: url('./yingxiaotuiguang.png');
}

.bdtg-introduction-icon.erp {
  left: 6.5%;
  bottom: 60.5%;
  width: 8%;
  height: 0;
  padding-bottom: 8%;
  background-image: url('./erp.png');
}

/*  */

.introduction-btn {
  position: relative;
  display: inline-block;
  height: 56px;
  line-height: 56px;
  text-align: center;
  padding: 0 31px;
  margin-top: 11px;
  border-radius: 4px;
  font-size: 24px;
  font-weight: 400;
  color: #aa7627;
  background: #ffce2e;
  box-shadow: 2px 4px 10px #1aa881;
  -webkit-transition: background ease .3s;
  -o-transition: background ease .3s;
  transition: background ease .3s;
  z-index: 1;
}

.introduction-btn:hover {
  background: #ffd944
}

/* shwo-more-btn */

.shwo-more-btn {
  width: 164px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #2ba885;
  color: #2ba885;
  font-size: 15px;
  margin: 0 auto 3px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-color: #fff
}

.shwo-more-btn:hover {
  background-color: #edfffa
}

/* case */

.case-content-wrap {
  width: 1200px;
  margin: 0 auto;
  font-size: 0;
  position: relative;
}

.case-title {
  font-size: 40px;
  color: #404040;
  text-align: center;
  padding: 40px 0;
}

.case-content-wrap .case-each-wrap {
  font-size: 16px;
  width: 279px;
  display: inline-block;
  margin-right: 28px;
  margin-bottom: 86px
}

.case-content-wrap .case-each-wrap .case-each-img {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 168px;
  border-radius: 5px;
  background-size: cover;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .09);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, .09);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  background-clip: content-box;
  position: relative;
  z-index: 2
}

.case-content-wrap .case-each-wrap .case-each-img a {
  display: inline-block;
  width: 100%;
  height: 100%
}

.case-content-wrap .case-each-wrap .case-each-img:hover {
  -webkit-box-shadow: 0 4px 21px 1px rgba(0, 0, 0, .12);
  box-shadow: 0 4px 21px 1px rgba(0, 0, 0, .12);
  -webkit-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03)
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap {
  /* height: 79px; */
  position: relative;
  z-index: 1
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .case-each-logo {
  display: block;
  height: 0;
  width: 80%;
  padding-bottom: 18%;
  margin: 15px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .case-each-logo a {
  display: none
}

.case-content-wrap .case-each-wrap .case-each-name {
  color: #999;
  font-size: 14px;
  text-align: center
}

.case-content-wrap .case-each-wrap .case-each-name span {
  color: #dedede;
  margin: 0 0 0 2px
}

.case-content-wrap .case-each-wrap .case-each-name-mobi {
  display: none;
}

.case-content-wrap .case-each-wrap.portal.active,
.case-content-wrap .case-each-wrap.shop.active {
  display: inline-block
}

.case-content-wrap .case-each-wrap.hide {
  display: none !important
}

.case-content-wrap .case-each-wrap:nth-child(4n) {
  margin-right: 0
}

/* 案例图片 */

.case-content-wrap .case-each-wrap .case-each-logo-wrap .clot.case-each-logo {
  background-image: url(./clot_logo.png);
}

.case-content-wrap .case-each-wrap .clot.case-each-img {
  background-image: url(./clot.png);
}

.case-content-wrap .case-each-wrap .peacylau.case-each-img {
  background-image: url(./peacylau.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .peacylau.case-each-logo {
  background-image: url(./peacylau_logo.png);
}

.case-content-wrap .case-each-wrap .cmww.case-each-img {
  background-image: url(./cmww.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .cmww.case-each-logo {
  background-image: url(./cmww_logo.png);
}

.case-content-wrap .case-each-wrap .mzd.case-each-img {
  background-image: url(./mzd.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .mzd.case-each-logo {
  background-image: url(./mzd_logo.png);
}

.case-content-wrap .case-each-wrap .ehang.case-each-img {
  background-image: url(./ehang.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .ehang.case-each-logo {
  background-image: url(./ehang_logo.png);
}

.case-content-wrap .case-each-wrap .aromonde.case-each-img {
  background-image: url(./aromonde.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .aromonde.case-each-logo {
  background-image: url(./aromonde_logo.png);
}

.case-content-wrap .case-each-wrap .thefirstgive.case-each-img {
  background-image: url(./thefirstgive.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .thefirstgive.case-each-logo {
  background-image: url(./thefirstgive_logo.png);
}

.case-content-wrap .case-each-wrap .antisocial.case-each-img {
  background-image: url(./antisocial.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .antisocial.case-each-logo {
  background-image: url(./antisocial_logo.png);
}

.case-content-wrap .case-each-wrap .lumingfang.case-each-img {
  background-image: url(./lumingfang.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .lumingfang.case-each-logo {
  background-image: url(./lumingfang_logo.png);
}

.case-content-wrap .case-each-wrap .forsampleshop.case-each-img {
  background-image: url(./forsampleshop.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .forsampleshop.case-each-logo {
  background-image: url(./forsampleshop_logo.png);
}

.case-content-wrap .case-each-wrap .bentuone.case-each-img {
  background-image: url(./bentuone.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .bentuone.case-each-logo {
  background-image: url(./bentuone_logo.png);
}

.case-content-wrap .case-each-wrap .juneshan.case-each-img {
  background-image: url(./juneshan.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .juneshan.case-each-logo {
  background-image: url(./juneshan_logo.png);
}

.case-content-wrap .case-each-wrap .favourange.case-each-img {
  background-image: url(./favourange.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .favourange.case-each-logo {
  background-image: url(./favourange_logo.png);
}

.case-content-wrap .case-each-wrap .schelbach.case-each-img {
  background-image: url(./schelbach.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .schelbach.case-each-logo {
  background-image: url(./schelbach_logo.png);
}

.case-content-wrap .case-each-wrap .rosetome.case-each-img {
  background-image: url(./rosetome.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .rosetome.case-each-logo {
  background-image: url(./rosetome_logo.png);
}

.case-content-wrap .case-each-wrap .thedoustore.case-each-img {
  background-image: url(./thedoustore.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .thedoustore.case-each-logo {
  background-image: url(./thedoustore_logo.png);
}

.case-content-wrap .case-each-wrap .artoall.case-each-img {
  background-image: url(./artoall.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .artoall.case-each-logo {
  background-image: url(./artoall_logo.png);
}

.case-content-wrap .case-each-wrap .xingdi.case-each-img {
  background-image: url(./xingdi.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .xingdi.case-each-logo {
  background-image: url(./xingdi_logo.png);
}

.case-content-wrap .case-each-wrap .jjboom.case-each-img {
  background-image: url(./jjboom.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .jjboom.case-each-logo {
  background-image: url(./jjboom_logo.png);
}

.case-content-wrap .case-each-wrap .ey.case-each-img {
  background-image: url(./ey.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .ey.case-each-logo {
  background-image: url(./ey_logo.png);
}

.case-content-wrap .case-each-wrap .porteroo.case-each-img {
  background-image: url(./porteroo.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .porteroo.case-each-logo {
  background-image: url(./porteroo_logo.png);
}

.case-content-wrap .case-each-wrap .mspic.case-each-img {
  background-image: url(./mspic.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .mspic.case-each-logo {
  background-image: url(./mspic_logo.png);
}

.case-content-wrap .case-each-wrap .sr.case-each-img {
  background-image: url(./sr.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .sr.case-each-logo {
  background-image: url(./sr_logo.png);
}

.case-content-wrap .case-each-wrap .yaozonku.case-each-img {
  background-image: url(./yaozonku.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .yaozonku.case-each-logo {
  background-image: url(./yaozonku_logo.png);
}

.case-content-wrap .case-each-wrap .yuanqi.case-each-img {
  background-image: url(./yuanqi.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .yuanqi.case-each-logo {
  background-image: url(./yuanqi_logo.png);
}

.case-content-wrap .case-each-wrap .buzart.case-each-img {
  background-image: url(./buzart.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .buzart.case-each-logo {
  background-image: url(./buzart_logo.png);
}

.case-content-wrap .case-each-wrap .lifeseasy.case-each-img {
  background-image: url(./lifeseasy.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .lifeseasy.case-each-logo {
  background-image: url(./lifeseasy_logo.png);
}

.case-content-wrap .case-each-wrap .design22.case-each-img {
  background-image: url(./design22.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .design22.case-each-logo {
  background-image: url(./design22_logo.png);
}

.case-content-wrap .case-each-wrap .daie.case-each-img {
  background-image: url(./daie=v1.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .daie.case-each-logo {
  background-image: url(./daie=v1_logo.png);
}

.case-content-wrap .case-each-wrap .yindesign.case-each-img {
  background-image: url(./yindesign.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .yindesign.case-each-logo {
  background-image: url(./yindesign_logo.png);
}

.case-content-wrap .case-each-wrap .zwyn.case-each-img {
  background-image: url(./zwyn.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .zwyn.case-each-logo {
  background-image: url(./zwyn_logo.png);
}

.case-content-wrap .case-each-wrap .jiascreen.case-each-img {
  background-image: url(./jiascreen.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .jiascreen.case-each-logo {
  background-image: url(./jiascreen_logo.png);
}

.case-content-wrap .case-each-wrap .taimay.case-each-img {
  background-image: url(./taimay.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .taimay.case-each-logo {
  background-image: url(./taimay_logo.png);
}

.case-content-wrap .case-each-wrap .ttgo.case-each-img {
  background-image: url(./ttgo.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .ttgo.case-each-logo {
  background-image: url(./ttgo_logo.png);
}

.case-content-wrap .case-each-wrap .LittleBunnyRabbit.case-each-img {
  background-image: url(./LittleBunnyRabbit.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .LittleBunnyRabbit.case-each-logo {
  background-image: url(./LittleBunnyRabbit_logo.png);
}

.case-content-wrap .case-each-wrap .angelina8.case-each-img {
  background-image: url(./angelina8.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .angelina8.case-each-logo {
  background-image: url(./angelina8_logo.png);
}

.case-content-wrap .case-each-wrap .icakes.case-each-img {
  background-image: url(./icakes.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .icakes.case-each-logo {
  background-image: url(./icakes_logo.png);
}

.case-content-wrap .case-each-wrap .hizztech.case-each-img {
  background-image: url(./hizztech.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .hizztech.case-each-logo {
  background-image: url(./hizztech_logo.png);
}

.case-content-wrap .case-each-wrap .WhlollyJuice.case-each-img {
  background-image: url(./WhlollyJuice.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .WhlollyJuice.case-each-logo {
  background-image: url(./WhlollyJuice_logo.png);
}

.case-content-wrap .case-each-wrap .uke4.case-each-img {
  background-image: url(./uke4.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .uke4.case-each-logo {
  background-image: url(./uke4_logo.png);
}

.case-content-wrap .case-each-wrap .unlogicalpoem.case-each-img {
  background-image: url(./unlogicalpoem.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .unlogicalpoem.case-each-logo {
  background-image: url(./unlogicalpoem_logo.png);
}

.case-content-wrap .case-each-wrap .svtee.case-each-img {
  background-image: url(./svtee.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .svtee.case-each-logo {
  background-image: url(./svtee_logo.png);
}

.case-content-wrap .case-each-wrap .psyj.case-each-img {
  background-image: url(./psyj.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .psyj.case-each-logo {
  background-image: url(./psyj_logo.png);
}

.case-content-wrap .case-each-wrap .pinuocao.case-each-img {
  background-image: url(./pinuocao.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .pinuocao.case-each-logo {
  background-image: url(./pinuocao_logo.png);
}

.case-content-wrap .case-each-wrap .turingcat.case-each-img {
  background-image: url(./turingcat.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .turingcat.case-each-logo {
  background-image: url(./turingcat_logo.png);
}

.case-content-wrap .case-each-wrap .petisan.case-each-img {
  background-image: url(./petisan.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .petisan.case-each-logo {
  background-image: url(./petisan_logo.png);
}

.case-content-wrap .case-each-wrap .yas.case-each-img {
  background-image: url(./yas.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .yas.case-each-logo {
  background-image: url(./yas_logo.png);
}

.case-content-wrap .case-each-wrap .lamitiefashion.case-each-img {
  background-image: url(./lamitiefashion.png);
}

.case-content-wrap .case-each-wrap .case-each-logo-wrap .lamitiefashion.case-each-logo {
  background-image: url(./lamitiefashion_logo.png);
}

/* trail-pc */

.trail-pc {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 238px;
  background: -webkit-gradient(linear, left top, left bottom, from(#22a28d), to(#43b998));
  background: -webkit-linear-gradient(#22a28d, #43b998);
  background: -o-linear-gradient(#22a28d, #43b998);
  background: linear-gradient(#22a28d, #43b998);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#22a28d, endcolorstr=#43b998, gradientType=0)
}

.trail-pc .btn-size-static-2 {
  width: 252px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  vertical-align: middle;
  -webkit-box-shadow: 0 6px 14px rgba(26, 168, 129, .95);
  box-shadow: 0 6px 14px rgba(26, 168, 129, .95)
}

.trail-pc .btn-size-static-2:hover {
  background: #ffd944
}

.trail-pc .index-trail-cont {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding-top: 54px
}

.trail-pc .index-trail-cont span {
  margin-right: 25px
}

.trail-pc .index-trail-cont span:after {
  content: '';
  margin-left: 25px;
  border-right: 1px solid #ffb819;
  border-left: 1px solid rgba(255, 218, 80, .54)
}

.trail-pc .index-trail-cont i {
  position: absolute;
  top: 15px;
  right: 18px;
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1NDA0QjE4NTRERDExRTdBMEVDQTM4RTgxODBEQ0FGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NDA0QjE5NTRERDExRTdBMEVDQTM4RTgxODBEQ0FGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzU0MDRCMTY1NEREMTFFN0EwRUNBMzhFODE4MERDQUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzU0MDRCMTc1NEREMTFFN0EwRUNBMzhFODE4MERDQUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LLS4FAAABs0lEQVR42qyVSyuEYRTHZ4bGaljYuCSzUGzlrqYmZUFhMOMLSGxQlDIfYJbELBSS9SAjwsZlw0Iu5VLIwjXrYUVN/E/935p553mfd5RTv5rezvnN88w57xlnbKLSoQg3CJAmUAK+wSu4AOtgg8/SwqWQdYMbMAgOQSvwgELQwWdDzOkxF+emfM4BEdAJBlhojgcyD/xgDjSAMEiaTyiyRiaoZOaQnHrmR8xXDoIunu7DkX18ptQFDaE0YAr0g4SpwAt2QYFGmmDttLhEGAJ34EiR/ATus5Aeg1vQ5+JoxCwSf8AoOAU7NlJxBERYBw40iSIdAedgWyPdB7UiLALPNj++SIc51CLNV+S8gGIXpz3P8U8hwndQapPnBFFQDdosRqtMXCK8BD4b2Sxl7Zo5bZHmiTAu7dbIZkANZQnNF4sjLsIVICunWZFUDip4TZ1MNlKVuIymjINFxUg8ZnEyqVkCY+DLeJfllFvccZ4/NNXDmk060rbNJLgCJ1xNduFn7jVrM/ZhksPbCxZ4XXmd9ji0bo6Gjw3wUrRqtWCNWOMVQtze4ZQ5fQNnYJlXzPgL+BVgAC03YrqdYrjUAAAAAElFTkSuQmCC) center no-repeat
}

.trail-pc .index-trail-title {
  margin-bottom: 22px;
  font-size: 35px;
  color: #fff
}

.trail-pc .index-caput-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0
}

.trail-pc .layout-bg {
  z-index: 1;
  opacity: 1
}

.layout-bg-circle {
  width: 870px;
  height: 870px;
  margin-top: -800px;
  margin-left: -1200px
}

.layout-bg-square {
  width: 700px;
  height: 700px;
  margin-top: -200px;
  margin-left: -420px;
  -webkit-transform: rotate(156deg);
  -ms-transform: rotate(156deg);
  transform: rotate(156deg);
  -webkit-animation: squareindex 60s linear infinite;
  animation: squareindex 60s linear infinite
}

.layout-bg-triangle {
  font-size: 650px;
  margin-top: -150px;
  margin-left: 1200px
}

.layout-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  pointer-events: none;
  opacity: 0
}

.layout-bg-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1800px;
  height: 1800px;
  margin-top: -1080px;
  margin-left: -1580px;
  -webkit-animation: circle 80s linear infinite;
  animation: circle 80s linear infinite;
  opacity: .05;
  border-radius: 50%;
  background: #fff
}

.layout-bg-square {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1400px;
  height: 1400px;
  margin-top: -860px;
  margin-left: -178px;
  -webkit-transform: rotate(56deg);
  -ms-transform: rotate(56deg);
  transform: rotate(56deg);
  -webkit-animation: square 60s linear infinite;
  animation: square 60s linear infinite;
  opacity: .03;
  border-radius: 10px;
  background: #000
}

.layout-bg-square-w {
  background: #fff
}

.layout-bg-triangle {
  position: absolute;
  width: 0;
  height: 0;
  -webkit-transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  transform: rotate(26deg);
  -webkit-animation: triangle 100s linear infinite;
  animation: triangle 100s linear infinite;
  border-right: 320px solid transparent;
  border-bottom: 554.3px solid rgba(255, 255, 255, .05);
  border-left: 320px solid transparent
}

.btn,
.btn-purple {
  border-radius: 4px;
}

.btn,
.com-line,
.same-header,
sub,
sup {
  position: relative;
}

.btn {
  display: inline-block;
}

.btn-impt {
  color: #aa7627;
  background: #ffce2e;
  -webkit-transition: background ease .3s;
  -o-transition: background ease .3s;
  transition: background ease .3s;
}

@-webkit-keyframes circle {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  25% {
    -webkit-transform: translate(160px, 80px);
    transform: translate(160px, 80px)
  }
  75% {
    -webkit-transform: translate(-160px, -80px);
    transform: translate(-160px, -80px)
  }
}

@keyframes circle {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
  25% {
    -webkit-transform: translate(160px, 80px);
    transform: translate(160px, 80px)
  }
  75% {
    -webkit-transform: translate(-160px, -80px);
    transform: translate(-160px, -80px)
  }
}

@-webkit-keyframes square {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(56deg);
    transform: translate(0, 0) rotate(56deg)
  }
  25% {
    -webkit-transform: translate(-120px, -80px) rotate(26deg);
    transform: translate(-120px, -80px) rotate(26deg)
  }
  75% {
    -webkit-transform: translate(120px, 80px) rotate(86deg);
    transform: translate(120px, 80px) rotate(86deg)
  }
}

@keyframes square {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(56deg);
    transform: translate(0, 0) rotate(56deg)
  }
  25% {
    -webkit-transform: translate(-120px, -80px) rotate(26deg);
    transform: translate(-120px, -80px) rotate(26deg)
  }
  75% {
    -webkit-transform: translate(120px, 80px) rotate(86deg);
    transform: translate(120px, 80px) rotate(86deg)
  }
}

@-webkit-keyframes triangle {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(26deg);
    transform: translate(0, 0) rotate(26deg)
  }
  25% {
    -webkit-transform: translate(-140px, -80px) rotate(54deg);
    transform: translate(-140px, -80px) rotate(54deg)
  }
  75% {
    -webkit-transform: translate(140px, 80px) rotate(0);
    transform: translate(140px, 80px) rotate(0)
  }
}

@keyframes triangle {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(26deg);
    transform: translate(0, 0) rotate(26deg)
  }
  25% {
    -webkit-transform: translate(-140px, -80px) rotate(54deg);
    transform: translate(-140px, -80px) rotate(54deg)
  }
  75% {
    -webkit-transform: translate(140px, 80px) rotate(0);
    transform: translate(140px, 80px) rotate(0)
  }
}

@-webkit-keyframes squareindex {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(-156deg);
    transform: translate(0, 0) rotate(-156deg)
  }
  25% {
    -webkit-transform: translate(-120px, -80px) rotate(-186deg);
    transform: translate(-120px, -80px) rotate(-186deg)
  }
  75% {
    -webkit-transform: translate(120px, 80px) rotate(-126deg);
    transform: translate(120px, 80px) rotate(-126deg)
  }
}

@keyframes squareindex {
  0%,
  100%,
  50% {
    -webkit-transform: translate(0, 0) rotate(-156deg);
    transform: translate(0, 0) rotate(-156deg)
  }
  25% {
    -webkit-transform: translate(-120px, -80px) rotate(-186deg);
    transform: translate(-120px, -80px) rotate(-186deg)
  }
  75% {
    -webkit-transform: translate(120px, 80px) rotate(-126deg);
    transform: translate(120px, 80px) rotate(-126deg)
  }
}

/* themes */

.themes-con {
  position: relative;
  width: 100%;
  height: 227px;
  background: -webkit-gradient(linear, left bottom, left top, from(#43b998), to(#22a28d));
  background: -webkit-linear-gradient(bottom, #43b998, #22a28d);
  background: -o-linear-gradient(bottom, #43b998, #22a28d);
  background: linear-gradient(to top, #43b998, #22a28d)
}

.themes-show-more-btn {
  margin-top: 15px;
  background-color: #f7f7f7;
}

.themes-header-title {
  padding-top: 65px;
  font-size: 42px;
  color: #fff;
  text-align: center;
}

.themes-header-steps_wrap {
  position: relative;
  display: inline-block;
}

.themes-header-steps_wrap::after {
  content: '';
  display: block;
  width: 90%;
  height: 2px;
  margin: 0 30px;
  position: absolute;
  top: 20px;
  background: #99d7c9;
}

.themes-header-steps {
  margin-top: 25px;
  text-align: center;
}

.themes-header-steps_con {
  display: inline-block;
  text-align: center;
}

.themes-header-steps_con:nth-child(1),
.themes-header-steps_con:nth-child(2) {
  margin-right: 180px;
}

.themes-header-step_num {
  position: relative;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  color: #39c19a;
  background: #fff;
  border-radius: 100%;
  z-index: 1;
}

.themes-header-step_text {
  font-size: 16px;
  color: #fff;
  padding-top: 10px;
}

.theme-list-con {
  position: relative;
  background: #f7f7f7;
}

.theme-list {
  width: 77%;
  margin: 0 auto;
  padding-top: 111px;
  padding-bottom: 80px;
}

.theme-list .empty {
  text-align: center;
  font-size: 16px;
  color: grey;
  /* padding-bottom: 189px */
}

.theme-list .empty img {
  display: block;
  margin: 78px auto 25px
}

.theme-list-ul {
  font-size: 0
}

.theme-list.hideMore .theme-list-ul li:nth-of-type(n+5) {
  display: none;
}

.theme-list-ul li {
  display: inline-block;
  font-size: initial;
  width: 22.75%;
  margin-right: 3%;
  margin-bottom: 3%;
  vertical-align: top
}

.theme-list-ul li:nth-child(4n) {
  margin-right: 0
}

.theme-list-ul li .each-img {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 120%;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}

.theme-list-ul li .each-img img {
  width: 100%;
}

.theme-list-ul li .each-img>.hot {
  border-left: 50px solid transparent;
  border-top: 50px solid #ed4132;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  z-index: 1
}

.theme-list-ul li .each-img>.hot:before {
  content: '热';
  display: block;
  position: absolute;
  top: -48px;
  right: 5px;
  color: #fff;
  font-size: 16px
}

.theme-list-ul li .each-img .only-mob-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url(../../img/main_v4/theme/index_mob_wrap2.png), -webkit-gradient(linear, left bottom, left top, from(#ebebeb), to(#fff));
  background-image: url(../../img/main_v4/theme/index_mob_wrap2.png), -webkit-linear-gradient(bottom, #ebebeb, #fff);
  background-image: url(../../img/main_v4/theme/index_mob_wrap2.png), -o-linear-gradient(bottom, #ebebeb, #fff);
  background-image: url(../../img/main_v4/theme/index_mob_wrap2.png), linear-gradient(to top, #ebebeb, #fff);
  background-repeat: no-repeat;
  background-position: -1px -1px;
  background-size: initial
}

.theme-list-ul li .each-img .only-mob-wrap img {
  position: absolute;
  top: 86px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  border: 1px solid #ccc;
  border-radius: 3px
}

.theme-list-ul li .each-img .theme-hover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
  visibility: hidden;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s
}

.theme-list-ul li .each-img .cover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  filter: alpha(opacity=100)
}

.theme-list-ul li .each-img .cover .theme-each-go {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  margin: 0;
  z-index: 3;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0)
}

.theme-list-ul li .each-img .cover.pc .btn-preview {
  display: block;
  width: 84px;
  margin: 6% auto;
  height: 30px;
  line-height: 30px;
  color: #1cc999;
  border: 1px solid #1cc999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  position: relative;
  z-index: 4;
  -webkit-transition: background .3s, color .3s, opacity .6s;
  -o-transition: background .3s, color .3s, opacity .6s;
  transition: background .3s, color .3s, opacity .6s;
  text-indent: 2px;
  opacity: 0;
  filter: alpha(opacity=0)
}

.theme-list-ul li .each-img .cover.pc .btn-preview:hover {
  background: #1cc999;
  color: #fff
}

.theme-list-ul li .each-img .cover.pc .mobile-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -5px;
  left: 0;
  z-index: 2;
  background-image: url(./index_mob_wrap.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .5s cubic-bezier(.32, .01, 1, 1), -webkit-transform .5s;
  -o-transition: transform .5s, opacity .5s cubic-bezier(.32, .01, 1, 1);
  transition: transform .5s, opacity .5s cubic-bezier(.32, .01, 1, 1);
  transition: transform .5s, opacity .5s cubic-bezier(.32, .01, 1, 1), -webkit-transform .5s;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%)
}

.theme-list-ul li .each-img .cover.pc .mobile-wrap img {
  position: absolute;
  left: 50%;
  top: 29%;
  width: 53%;
  -webkit-transform: translate(-50.5%, 0);
  -ms-transform: translate(-50.5%, 0);
  transform: translate(-50.5%, 0);
  border-radius: 4px
}

.theme-list-ul li .each-img .cover.mob {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  z-index: 2
}

.theme-list-ul li .each-img .cover.mob .mobile-qrcode {
  position: absolute;
  z-index: 3;
  background: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 180px;
  padding-top: 15px;
  height: 211px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px
}

.theme-list-ul li .each-img .cover.mob .mobile-qrcode .qr_code {
  margin-bottom: 3px
}

.theme-list-ul li .each-img .cover.mob .mobile-qrcode span {
  font-size: 14px;
  color: #404040
}

.theme-list-ul li .each-img:hover>img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  will-change: transform
}

.theme-list-ul li .each-img:hover .theme-hover {
  opacity: .6;
  filter: alpha(opacity=60);
  visibility: visible
}

.theme-list-ul li .each-img:hover .cover .btn-preview,
.theme-list-ul li .each-img:hover .cover .mobile-wrap {
  opacity: 1;
  filter: alpha(opacity=100);
  will-change: transform
}

.theme-list-ul li .each-img:hover .cover .mobile-wrap {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.theme-list-ul li .each-img:hover .cover.mob {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  will-change: transform
}

.theme-list-ul li .theme-info {
  position: relative;
  margin-top: 18px
}

.theme_list_ls_info_layout {
  display: none;
}

.theme-list-ul li .theme-info h3 {
  font-size: 18px;
  color: #262626
}

.theme-list-ul li .theme-info h4 {
  font-size: 14px;
  color: #aaa
}

.theme-list-ul li .theme-info h4 span {
  color: #dedede;
  margin: 0 2px
}

.theme-list-ul li .theme-info .theme-price {
  position: absolute;
  top: 12px;
  right: 0;
  background: #39c19a;
  color: #fff;
  border-radius: 4px;
  padding: 5px 0 4px;
  font-size: 14px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s
}

.theme-list-ul li .theme-info .theme-price:hover {
  background: #2eb48e
}

.theme-list-ul li .theme-info .theme-price a {
  display: block
}

.theme-list-ul li .theme-info .theme-price a.free {
  padding: 0 21px
}

.theme-list-ul li .theme-info .theme-price a.charge {
  padding: 0 17px
}

/* theme nav */

.theme-nav {
  position: absolute;
  width: 1088px;
  height: 96px;
  line-height: 96px;
  left: 50%;
  bottom: -48px;
  padding-left: 55px;
  margin: auto;
  transform: translate(-50%);
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 -2px 25px 1px rgba(0, 0, 0, .08);
  box-shadow: 0 -2px 25px 1px rgba(0, 0, 0, .08);
  z-index: 9;
}

.com-mobile-tag {
  display: none;
}

.theme-nav .filter-wrapper {
  font-size: 0
}

.theme-nav .filter-wrapper li {
  vertical-align: top;
  font-size: initial;
  display: inline-block;
  line-height: normal;
  padding-top: 33px
}

.theme-nav .filter-wrapper li:first-child {
  margin-right: 42px
}

.theme-nav .filter-wrapper li div {
  display: inline-block;
  line-height: normal
}

.theme-nav .filter-wrapper li div.category {
  margin-right: 35px
}

.theme-nav .filter-wrapper li .category .title,
.theme-nav .filter-wrapper li .suit .title {
  font-size: 16px;
  color: #404040;
  font-weight: 700
}

.theme-nav .filter-wrapper li .category .expand,
.theme-nav .filter-wrapper li .suit .expand {
  font-size: 0
}

.theme-nav .filter-wrapper li .category .expand a,
.theme-nav .filter-wrapper li .suit .expand a {
  font-size: 14px;
  height: 30px;
  padding: 0 14px;
  line-height: 30px;
  margin-right: 8px
}

.theme-nav .filter-wrapper li.slide-down {
  width: 188px;
  color: #595959;
  position: relative;
  padding-top: 28px
}

.theme-nav .filter-wrapper li.slide-down.industry {
  margin-right: 16px
}

.theme-nav .filter-wrapper li.slide-down .title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #f4f4f4;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 4px;
  padding-left: 15px;
  cursor: pointer;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  position: relative
}

.theme-nav .filter-wrapper li.slide-down .title.active,
.theme-nav .filter-wrapper li.slide-down .title:hover {
  border: 1px solid #2ba885
}

.theme-nav .filter-wrapper li.slide-down .title.active {
  border-radius: 4px 4px 0 0
}

.theme-nav .filter-wrapper li.slide-down .title.active:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.theme-nav .filter-wrapper li.slide-down .title:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #a6a6a6;
  position: absolute;
  right: 13px;
  top: 16px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.theme-nav .filter-wrapper li.slide-down .expand {
  position: absolute;
  width: 100%;
  top: 68px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9;
  display: none;
  -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05);
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .05)
}

.theme-nav .filter-wrapper li.slide-down .expand a {
  display: block;
  color: #595959;
  background: #fff;
  height: 46px;
  line-height: 46px;
  border-radius: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  border-style: solid;
  border-color: #dedede;
  border-width: 0 1px;
  font-size: 14px
}

.theme-nav .filter-wrapper li.slide-down .expand a.btn-hover,
.theme-nav .filter-wrapper li.slide-down .expand a:hover {
  background: #39c19a;
  border-color: #39c19a;
  color: #fff
}

.theme-nav .filter-wrapper li.slide-down .expand a:last-child {
  border-width: 0 1px 1px
}

.theme-nav-wrap.fix {
  position: fixed;
  top: 76px;
  width: 100%;
  z-index: 5;
  background: #fff
}

.theme-nav-wrap.fix .theme-nav {
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 68px;
  line-height: 68px
}

.theme-nav-wrap.fix .theme-nav .filter-wrapper li {
  padding-top: 19px
}

.theme-nav-wrap.fix .theme-nav .filter-wrapper li.slide-down {
  padding-top: 14px
}

.theme-nav-wrap.fix .theme-nav .filter-wrapper li.slide-down .expand {
  top: 54px
}

.btn-themeNav {
  background: #ededed;
  color: grey
}

.btn-themeNav.btn-hover,
.btn-themeNav:hover {
  background: #39c19a;
  color: #fff;
}

/*  */

.business {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0 80px
}

.business-title {
  font-size: 42px;
  color: #333;
  text-align: center;
}

.business .content-pc {
  margin: 60px auto;
  width: 984px;
  height: 612px
}

.business .content-mobile {
  display: none;
}

/*  */

.show-case {
  margin-bottom: 80px;
}

/* footer */

.layout-footer {
  position: relative;
  width: 1200px;
  margin: auto
}

.layout-footer-mobi {
  display: none;
}

.footer-main {
  width: 1073px;
  margin: 0 auto;
  padding: 41px 0 43px
}

.footer-nav,
.footer-nav li:first-child dl {
  padding-left: 0
}

.footer-nav {
  font-size: 14px;
  margin: 0;
  color: #e5e5e5
}

.footer-nav dl {
  margin-top: 0;
  padding-left: 59px
}

.footer-nav dd,
.footer-nav li {
  display: inline-block;
  vertical-align: top
}

.footer-nav dt {
  margin-bottom: 12px;
  font-size: 18px;
  color: #404040
}

.footer-nav dd {
  margin-left: 0;
  padding-right: 29px
}

.footer-nav dd a {
  display: block;
  line-height: 24px;
  color: #999;
  margin-bottom: 5px
}

.footer-nav dd a:hover {
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  color: #39c19a;
}

.footer-nav .follow-wechat>img,
.price-table tr {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.footer-nav dd a:hover img {
  top: -134px;
  opacity: 1
}

.footer-nav .follow-wechat {
  position: relative;
  padding-bottom: 6px;
  width: 136px
}

.footer-nav .follow-wechat>img {
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: -100px;
  left: -32px;
  width: 136px;
  height: 144px;
  transition: all .3s ease;
  pointer-events: none
}

.footer-nav .follow-wechat:hover>img {
  max-height: 144px
}

.footer-copy {
  position: absolute;
  top: 133px;
  right: 68px;
  width: 260px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #a6a6a6;
  text-align: right
}

.footer-copy a,
.footer-copy span {
  display: block
}

.footer-bar {
  width: 1073px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 56px;
  clear: both;
  padding-bottom: 15px;
  color: #a6a6a6
}

.footer-bar>ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  border-top: 1px solid #e6e6e6
}

.footer-bar>ul li {
  display: inline-block;
  padding-right: 38px;
  vertical-align: middle;
  color: #666
}

.footer-bar>span {
  font-size: 12px;
  float: right
}

.footer-icon {
  font-size: 12px;
  overflow: hidden;
  position: absolute;
  top: 46px;
  right: 67px
}

.footer-icon-item {
  float: right;
  margin-right: 48px;
  color: #999
}

.footer-icon-item:first-child {
  margin-right: 0
}

.footer-icon-item:hover .footer-icon-text {
  color: #404040
}

.footer-icon-item:hover .footer-icon-text:after {
  opacity: 0
}

.footer-icon-item:hover .footer-icon-text:before {
  opacity: 1
}

.footer-icon-text {
  position: relative;
  padding-top: 52px;
  padding-left: 8px;
  line-height: 16px;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  transition: all ease .6s
}

.footer-icon-text:after,
.footer-icon-text:before {
  position: absolute;
  top: 0;
  left: 7px;
  width: 50px;
  height: 45px;
  content: '';
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  transition: all ease .6s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%
}

.footer-icon-text:before {
  opacity: 0
}

.footer-icon-text.icon-1:before {
  background-image: url(data:image/png;base64,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)
}

.footer-icon-text.icon-1:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABR1BMVEUAAACysrK0tLSlpaWvr6+1tbW0tLS1tbWlpaWurq6ysrKzs7OkpKSysrKoqKiqqqqxsbGysrK0tLS0tLS1tbW0tLSjo6Ojo6OsrKytra2urq6vr6+wsLCwsLCzs7OwsLC0tLSzs7OkpKSoqKiqqqqtra2wsLCwsLCwsLCkpKSjo6Otra2srKyvr6+vr6+srKyysrKhoaGenp6hoaGlpaWpqamnp6enp6elpaWpqamtra2xsbGysrKfn5+kpKShoaGmpqarq6urq6usrKyrq6uqqqqurq6pqamwsLC0tLSkpKSkpKSioqKioqKqqqqvr6+lpaWvr6+2tragoKChoaGgoKCoqKirq6umpqalpaWurq6np6eoqKihoaGsrKygoKCoqKiqqqqkpKScnJyZmZmWlpabm5udnZ2YmJifn5+Tk5OhoaGjo6Nifb46AAAAY3RSTlMAAxzGaSAZD8x2MxXcOqyMRT0rEgsH5NOOiIB7YFM3NTAo2LWfklxJQ+nhhH9wZGIk+Pjz0Mi/vLuxbk9B8u/twrqzrKWYl4VYCfn07synn5ZNF/zn4dTAq6ct49vZv516MJuFfJm+AAAD20lEQVRIx4XUV3faQBAF4Ct677333k0H997ikrimR7taAf7/zwEdg0UwzvfEHM5oRnvPCgu2AOy9Fz2WZV+UJ8iWscp1dhgltK3AMm1KpBXDaIh/ON0pwd6+O8aq/uWWuuDRuiBn27OTDnK3eJcNGVrW+yGT8AYbGau3q8eq4WMzmTV1AiPZtmbSNUcOiLAdwKqclyeJoVlFfVgI0BJu9r6GOLwr9qOlOq0JiUVttzJDl5IW1tGP6JfIzqYjDIl/L3S1TzaPOawV9pLzYCn4VSo4U8GF2sCAjxjDduBwFJEimNShrSr1+Ejs/pcBKZKRsmQ69d3YU8NHtAeUt5VJCIBac5HqUZ0a/5EWN4OfBwoOnwK2k4DBianTA51yRtd9zYizKHd2lE2b9NtRCmUGLSd65wBUB24AismYkilR3H9tOCKU0Ik0XW9VAKmRERZB494RpRTdKd02EXieJ7wZkjBPCBtixsxvmuGdNliJwT9uzzOwjQg/RXekSnNBBJKep0e/KC62OcRGxYkXC5+kBoEPSYXIiwU3XpXYUT4FqAPpvubGiFeaOpVGeLRAjBFCVIu7pwnr0+YAmhoO3TMt5lQCmY0gKSBJBTGJub2NZ8ByBupDb1yU3w1pBBlpzYyQDYXsDtRdDiEJIREhTH7/Mq8jOk0iCH28sYxVJVpGku2xjMONN21RkDoIT02nWHg2mEy6hhNI7MYzeQ5v1HXCSwiz483TD6d/6wQ40bpQ34ZcURrBzyKQueZzUJh3wfuhp0nIaerirEH0uCBTIToYmAVtmiuRgUv6b+loCR+CzK22UVBsMiMcvDfd095HIaej0+w6kGvZKg9pGgSQuwi6gmy5IcqIOI1AbjvBRfNWAEZ/Bkiw31hioYIKS76zOCLHWQD7n6u4ZLmhGzLxkQdyudolb4wqtzQAtBu0cpiPnBmWj3YAufNgMW9o0KxUOC6FoiNEfVgvQjrGcH6xpdpahY/uarCOU09MUDxlF5E8VuEgDw/rPk3x1j45hu36yD1/QFu4M6evPBvvz+AswlEv+ii82LFwSFj51iuGq+XV9Y/iG4Khdi4q1ZCJXVdREft9FsGyU5PpmShRe7rhltf889Mat6gU4hd1+S1D7pfDNy4adXbV9c8QlhgPJkLDeovOWNVqhOfvppycsJEawe8i+2ZfOQprYVfDOZN9G+UdmHE3x58Mphw4v8eSxTvUV16PRR+Cj5ikff1Ep7b7fJ7C7gDvcld1I2GkAm6uNFJDSYtYnrCt4xrWUcSMQ6tJdx8AEP3WLCTDilj8FB+pbDHGulEAxsPPjJ/sc1j2FwfixTSY0ZVvAAAAAElFTkSuQmCC)
}

.footer-icon-text.icon-3:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAtCAMAAADiBnmWAAAC+lBMVEUAAAD86ZnpmUD73ob87aD98YH866j5zW/722z985v4znH304L5yCn55KH50XT73IH/63z5qAz5rxzolin94XP7yCL41Xn5w072z3r/2ij2uYX0wEb998T4yFXzvVz8553//4j6v0r93z/+9EvxvGL83GLpkR73uDv87YD0u1v+5iv/4DD61GXwsVv74ob643/to1j787L91DjtqDDoeCT+6hr73Xj843n71HLrHSTfGSL6z1T6yUnzskj3s0P8yELzozb5rDL3uhz6wEnyq0X7vjz6tTrsKyfqFSDSERz3vIr92mn3xk3vNCroBCTXGCD60mD0eFz91Fbyak31uEfxZUb6w0P2rT/xWT7bESD1o3n9zEn5ukfrljfqGSPpDiPwqBb+5X/613b0vVz2xVjzcVP7zFHwmzbvRDHxqi7uOy35qSfpYiTmQCLLCh3oBRf3noT63IL2l3f1qm792Vz4yVfye0zvkULys0DwSTrpkDbtainkSinvlCbsoCPQBh3lfhvFBRX+yQ35tgv1gWH2wlHwllDyX0nugTbueTPrdC7uWC73syzrUCrkLCblESPTLxncYhjniRP+0w71kw3zbAj/+Lv4so/4qIz+5XH1mGv1i2j1yWH81E36vU3tpUvvhET1pz3wZD3vrDfrHTXoiy7wnyzshSvqESr9zSbtIiTkGyTqQyPniyHaCB/WPBv7wxPzggvvSQf6u5r2rID4zH/2kHD0yW/51G30nV3yi1n/4Fjnl1H2u0zyn0DrUzjpoDbzmC/laSrgOyPdJyPKHSLsPCHedx/uUR/RIR3gaxrfUhnqkxboIA/42rT6wqD4qJj+7JP1tXzwx3r3v3PwVFbysVDqfUnvdD/spz7+5Dn6vjTwkDLigTDfWCrWMif//+H5zKr/+HP1h3PusFvqoFfxqlb83UXuOT7+1T3hiTz8zjTtSCz91h30nBS4ABH/7w7//ZPzd3PxZ2bypFz/8lniblnrKkLRPjvddizgAiHtMRfoahbXXkMVywvVAAAAOXRSTlMAC/54SC8dZ8bCTz/7+XNb/v7o49/QnX0T/Pv38em9taKdl18q8/Lm1NHDq5+emoyJV+HTyse0qIqtP/mOAAAGhElEQVQ4y42VdVRTcRTHJ6DY3d3d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)
}

.footer-icon-text.icon-3:after {
  background-image: url(data:image/png;base64,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)
}

.footer-icon-text.icon-2:before {
  background-image: url(data:image/png;base64,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)
}

.footer-icon-text.icon-2:after {
  background-image: url(data:image/png;base64,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)
}

.footer-mobi,
.layout-copyright {
  display: none
}

/*  */

.online-service {
  position: fixed;
  z-index: 999;
  right: 24px;
  bottom: 85px;
  width: 122px;
  text-align: center;
}

.layout-gotop.mob {
  display: none;
}

.big-m {
  position: relative;
  z-index: 0;
  top: 2px;
  width: 100%;
  height: 130px;
}

.big-m .big-m-head {
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 50%;
  display: inline-block;
  width: 73px;
  height: 70px;
  margin-left: -30px;
  -webkit-transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: 30% 100%;
  -ms-transform-origin: 30% 100%;
  transform-origin: 30% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABGCAMAAAC3+0k7AAAB1FBMVEX////5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOmck2TXjmDTyz5yKP5xaL4waGve1aTXjmDTyz5yKPEkWy9imWTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKP4waGTXjmNWDSDTyz5yKODTyz5yKP5xaL1xJ/isIuVYDuTXjmNWDSDTyz5yKP4v6D3u5/ru5WTXjmDTyz5yKP5x6P5xaL4xaH4w5/1xJ/4w6H4v6DzwZz3v5z2v5v3vZ/xwJvxv5r2vJn3u5/3uZ71u5juvZjtvJf3t53rupX2tZ30tZT2s5zpt5LzsZDzsI/ltI/zr43yrY3xq4visIvxqYnerIfwpYbdqoXvooPvo4TbqYTuoIHtnYDtnH7Vo37tm33smXzrlXjQnXjOnHfqkXbqj3Tpj3PpjXLJl3DIlXDHlW7Gk27EkWzBjmm/jGe8iGO3g160gFuxflmxfVivfFeve1ateVSqdlGodE+lcUylcEukb0qjb0qhbUigbEefa0afakScaEOaZUCZZD+YYz6XYz6XYj2VYDuVXjqTXjmRXDiPWzaPWjSNWDSLVzOJVjKHVDCFUi6FUS6DUC2DTyyiDJNIAAAAOnRSTlMAERERIiIiMzMzREREVVVVVWZmZmZmZnd3d3d3iIiImZmZqqqqu7u7u7vMzN3d3d3d3d3d7u7u7u7ur7VjxgAAAy9JREFUeAG11flX60QUB/BbqOkr71WtS6sC9rUWNQEXbdXXmyL7QlUKxQXUgoooi0ZFFPddXECYAkJh/lkbmCZkmkwWz/v80l/uuWfud3Kn4EpKZHMFSgu96YQE/8MNmV4h34CAJJlyHoZAEgXaIgsBpKmdNPiWpfYSwU/Ek8CXTupIBj+ilNKzev20fkZb3Q2etV1/9qhGmNrRCdcuBx7d9RjhHZ6c+w69rfsWsVNjvTwf6iGzD6926iOpa88QkWPa1Ati9xMXh8aE4lW+SVzVmrcoB2/Et4oKsiZi3IBZcHKdeHTssn1tt4hXJ+LX5RHiWe1cdKhrRPf9n37myzof6eeB4U9+Ih7Una/vDtKwN4cNr6x9s09cHLHta4cW3aRhHZmJT/8mYmeOoevr9oOKhuEvidC/3H+WZbj9Obxq5R/h9VFGZllJnWljc79Aq9f/cMmcycnZrFxg8es3tzuOnInvhONxWGRPE7KJrdb3nLePMtx7dUB2h9FG+WthUKaCxHaOkC20t/iL8DtgClFjVQ5eRgfqyq/Ezik15aLmg/IVOlPf/Za0erxghm1+6neSt1Go/PkO4XS3d/ZeDJaWwHTfDrp6c+s3ctVNAGiXotzmPbiJXpTXtn+3dGr1QBm9Gl/8bPvHvxw6pfJPok8D5ade6AkDJ4kBKcDpw6AiYIWBxW5bp+DTdYBVBoMKgVUMA8qA+PKCDxf4UD3QKoX25ifRWR+Xkij0Wa0qaBQGWzG7rFa1j1506pPkT8RlpRZVNKiaps2ihVHQAc7yiMVSpVIZQ8MHmvaStc9Uo6BURMyDQAqLMxVdCZtGqvNoMV3RTauYAoEIjlUuDaKDIVYwhBEQUaZZ4Rg6mGIFJQWEYq6dSs1OcRB73pyuf+OtfjSMvP+GZbrnwMW9FTPxVzc2Fkbxwmj14w9HUKdeXsnMPeDmUb2ypKKuf2FVW32vWl1q/Lymoo59JqUnwFU4XxwsomFy/p3l5aUFyyelF0TAXQw96AIvkj7fEoEUulBC4FFX8Ea8OApkQuBDWEEH+Tj4FO+z7ZMKgX+xDHKUZAiCCXUkM0oeG/JKT1csDB78B5d8j2MV/Tg0AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100%
}

.back-top-cont {
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  pointer-events: none
}

.back-top-cont.show,
.ie8 .back-top-cont {
  pointer-events: auto;
  filter: alpha(opacity=100)
}

.back-top-cont.show {
  opacity: 1
}

.ie8 .back-top-cont.show {
  visibility: visible
}

.back-top {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  width: 48px;
  height: 48px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  color: #fff;
  border: 2px solid #dedede;
  border-radius: 50%;
  background-color: #f5f5f5
}

.back-top:hover {
  border: 2px solid #39c19a;
  background-color: #39c19a
}

.back-top:hover i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAA2UlEQVQokZXTPUqDURSE4RNJYRFSmCbGRut0QXu35QrcQVbgBrIAsQ52ol2w8QcEqxRWhsfCCYrEL18ODBfmzLwXLtwOqsVc5rzYmkST9jD1M9N4/3aaYF1cBfQRidfdFbiPWQBLnEfLeLNkWgF7uE7xHae/dmfxJNPbBjzAPIUXjDdcOMZrMvN0NgKHuEvwEScN73uSjHSGf4HHWCRwj1EDbK0RHtJZhFHrxVMWtxi0gK01SEcYh4UJVrhBfwfYWv10V5h0fP+Uo6p6q6rPNt9mw3SralhVz1/of1Mv9ljBHQAAAABJRU5ErkJggg==) center no-repeat
}

.back-top:hover .back-top-line {
  background-color: #39c19a
}

.back-top:hover .back-top-cont>span {
  border: 1px solid #39c19a;
  background: red
}

.back-top i {
  display: block;
  position: absolute;
  width: 20px;
  height: 11px;
  top: 18px;
  left: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAA8UlEQVQokZ3SMUoDURSF4c+QwiIoWCUpREhtm8ZgQLGxyAZsbANuwBW4ARfgBlJaBgKmc7CLrY1ELNKYwkbE5ggqGSZ44DG8O+f87943s1EUhTV0ledllbFe8b6Gawyz38YFPv8DrOMGZ3hPbYgtnOOjrINV2sQosCVOs5apjeJZC9jALQZY4AiTrOPUBvE0qoA7GAcyRx8/v9p9ai/xjJNZCWymiy6e0MNsxQQzHMTTTab5F7iHKfYT6CVQpu8DH5OZhqGGNu7QyXj9jFulOQ6T6YTRqqXdtt+Xvq4WyUzCaNXxgF28Kvm3KvSGkzT2/AVy5DWDjcaDtwAAAABJRU5ErkJggg==) center no-repeat
}

.contact h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 42px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  margin: 0;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
  color: #fff;
  border-radius: 4px;
  background: #39c19a;
  -webkit-box-shadow: none;
  box-shadow: none
}

.contact h6:hover {
  background: #2eb48e
}

.back-top-line {
  display: block;
  position: absolute;
  width: 2px;
  top: -14px;
  left: 24px;
  height: 12px;
  background: #a1a4a3;
  margin: 0 auto;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s
}

.big-m {
  position: relative;
  z-index: 0;
  top: 2px;
  width: 100%;
  height: 130px
}

.big-m .big-m-head {
  position: absolute;
  z-index: 2;
  top: 6px;
  left: 50%;
  display: inline-block;
  width: 73px;
  height: 70px;
  margin-left: -30px;
  -webkit-transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: 30% 100%;
  -ms-transform-origin: 30% 100%;
  transform-origin: 30% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABGCAMAAAC3+0k7AAAB1FBMVEX////5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOmck2TXjmDTyz5yKP5xaL4waGve1aTXjmDTyz5yKPEkWy9imWTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKOTXjmDTyz5yKP4waGTXjmNWDSDTyz5yKODTyz5yKP5xaL1xJ/isIuVYDuTXjmNWDSDTyz5yKP4v6D3u5/ru5WTXjmDTyz5yKP5x6P5xaL4xaH4w5/1xJ/4w6H4v6DzwZz3v5z2v5v3vZ/xwJvxv5r2vJn3u5/3uZ71u5juvZjtvJf3t53rupX2tZ30tZT2s5zpt5LzsZDzsI/ltI/zr43yrY3xq4visIvxqYnerIfwpYbdqoXvooPvo4TbqYTuoIHtnYDtnH7Vo37tm33smXzrlXjQnXjOnHfqkXbqj3Tpj3PpjXLJl3DIlXDHlW7Gk27EkWzBjmm/jGe8iGO3g160gFuxflmxfVivfFeve1ateVSqdlGodE+lcUylcEukb0qjb0qhbUigbEefa0afakScaEOaZUCZZD+YYz6XYz6XYj2VYDuVXjqTXjmRXDiPWzaPWjSNWDSLVzOJVjKHVDCFUi6FUS6DUC2DTyyiDJNIAAAAOnRSTlMAERERIiIiMzMzREREVVVVVWZmZmZmZnd3d3d3iIiImZmZqqqqu7u7u7vMzN3d3d3d3d3d7u7u7u7ur7VjxgAAAy9JREFUeAG11flX60QUB/BbqOkr71WtS6sC9rUWNQEXbdXXmyL7QlUKxQXUgoooi0ZFFPddXECYAkJh/lkbmCZkmkwWz/v80l/uuWfud3Kn4EpKZHMFSgu96YQE/8MNmV4h34CAJJlyHoZAEgXaIgsBpKmdNPiWpfYSwU/Ek8CXTupIBj+ilNKzev20fkZb3Q2etV1/9qhGmNrRCdcuBx7d9RjhHZ6c+w69rfsWsVNjvTwf6iGzD6926iOpa88QkWPa1Ati9xMXh8aE4lW+SVzVmrcoB2/Et4oKsiZi3IBZcHKdeHTssn1tt4hXJ+LX5RHiWe1cdKhrRPf9n37myzof6eeB4U9+Ih7Una/vDtKwN4cNr6x9s09cHLHta4cW3aRhHZmJT/8mYmeOoevr9oOKhuEvidC/3H+WZbj9Obxq5R/h9VFGZllJnWljc79Aq9f/cMmcycnZrFxg8es3tzuOnInvhONxWGRPE7KJrdb3nLePMtx7dUB2h9FG+WthUKaCxHaOkC20t/iL8DtgClFjVQ5eRgfqyq/Ezik15aLmg/IVOlPf/Za0erxghm1+6neSt1Go/PkO4XS3d/ZeDJaWwHTfDrp6c+s3ctVNAGiXotzmPbiJXpTXtn+3dGr1QBm9Gl/8bPvHvxw6pfJPok8D5ade6AkDJ4kBKcDpw6AiYIWBxW5bp+DTdYBVBoMKgVUMA8qA+PKCDxf4UD3QKoX25ifRWR+Xkij0Wa0qaBQGWzG7rFa1j1506pPkT8RlpRZVNKiaps2ihVHQAc7yiMVSpVIZQ8MHmvaStc9Uo6BURMyDQAqLMxVdCZtGqvNoMV3RTauYAoEIjlUuDaKDIVYwhBEQUaZZ4Rg6mGIFJQWEYq6dSs1OcRB73pyuf+OtfjSMvP+GZbrnwMW9FTPxVzc2Fkbxwmj14w9HUKdeXsnMPeDmUb2ypKKuf2FVW32vWl1q/Lymoo59JqUnwFU4XxwsomFy/p3l5aUFyyelF0TAXQw96AIvkj7fEoEUulBC4FFX8Ea8OApkQuBDWEEH+Tj4FO+z7ZMKgX+xDHKUZAiCCXUkM0oeG/JKT1csDB78B5d8j2MV/Tg0AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100%
}

.big-m .big-m-head .big-m-eye,
.big-m .big-m-head .big-m-eye-close {
  z-index: 3;
  width: 6px;
  background-repeat: no-repeat;
  background-size: 100%
}

.big-m .big-m-head i {
  position: absolute;
  display: block
}

.big-m .big-m-head .big-m-eye {
  top: 40px;
  height: 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAMAAAAcTszfAAAAP1BMVEUAAACTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjmTXjnVxJjyAAAAFHRSTlMAERQaIlBfaniXoKm5weft7/P9/lfmbqYAAAAsSURBVAjXBcGHAYAgAAOwinvhIP/fSpLxbnVOTnxDHlgC9lTYcqBNKdf/ruk6JQJcjODc8AAAAABJRU5ErkJggg==)
}

.big-m .big-m-head .big-m-eye-left {
  left: 12px
}

.big-m .big-m-head .big-m-eye-right {
  left: 37px
}

.big-m .big-m-head .big-m-eye-close {
  top: 42px;
  left: 12px;
  display: none;
  height: 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAPklEQVR4AWOYHGcpCsSbgPg3EH8B4lYGEAAyVgLxbSBuB+JeIL4HxHEgiaNAzA1UA1PIDsT5IIYnTBBJkhkA1SQcbAZYgAcAAAAASUVORK5CYII=)
}

.big-m .big-m-head .big-m-star {
  z-index: 4;
  top: 28px;
  left: -20px;
  width: 8px;
  height: 8px;
  opacity: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAJ1BMVEUAAAD/vk7/vk7/vk7/vk7/vk7/vk7/vk7/vk7/vk7/vk7/vk7/vk5UBLaqAAAADHRSTlMAAQcUgIGnqL/E2/gW5lhVAAAAPElEQVR4ATXK0RXEIAhFwSusLuDrv97EHJnv4TWdFmlcpTX4jC3tign215GOp45l8Is6ofNScVkGzSfwAFkGAZ2UZD99AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100%
}

.big-m .big-m-body {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 84px;
  height: 68px;
  margin-left: -42px;
  -webkit-transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  vertical-align: top;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: 100%
}

.big-m.active .big-m-head .big-m-eye-left,
.ie8 .big-m .big-m-head .big-m-star {
  display: none
}

.big-m.active .big-m-head {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.big-m.active .big-m-head .big-m-eye-close {
  display: block
}

.big-m.active .big-m-head .big-m-star {
  -webkit-animation: big-m-star 1s ease-out forwards;
  animation: big-m-star 1s ease-out forwards
}

.big-m.active .big-m-body {
  -webkit-transform: rotate(-.8deg);
  -ms-transform: rotate(-.8deg);
  transform: rotate(-.8deg)
}
.about-me .text{
  width: 983px;
  margin: 0 auto;
  padding: 36px 0 40px;
  text-align: center;
  background-color: #f9f9f9;
  color: #404040;
  border-radius: 4px;
}
.about-me .text h2{
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.about-me .text p{
  font-size: 16px;
  margin-top: 5px;
}
.about-contact{
  width: 1200px;
  margin: 0 auto;
  padding: 78px 0 60px;
  text-align: center;
}
.about-contact h2{
  font-size: 32px;
  color: #0e050b;
  width: 1200px;
  margin: 0 auto 46px;
  text-align: center;
}
.about-contact .contact-way{
    position: relative;
    width: 1200px;
    height: 396px;
}
.about-contact .contact-way .map{
  width: 100%;
  height: 100%;
  background-image: url(./about-contact-map.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.about-contact .contact-way ul{
  position: absolute;
  left: 103px;
  bottom: -32px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  width: 994px;
  height: 86px;
  line-height: 30px;
  padding: 28px 0;
  font-size: 0;
  text-align: left;
  box-shadow: rgba(0,0,0,.2) 0 1px 12px 0;
}
.about-contact .contact-way ul li{
  display: inline-block;
  font-size: 15px;
  color: #404040;
  background-repeat: no-repeat;
}
.about-contact .contact-way ul .address{
  padding: 0 19px 0 74px;
  border-right: 1px solid #e6e6e6;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAMAAAAGyf7hAAAAaVBMVEUAAAA5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZoC7RRUAAAAInRSTlMABu7aOOnVw56WXVX48tCkkotrKAHhu6pkW0ULzE4xLSwftTypfwAAALFJREFUKM9tkFkWgyAMRR+Ic52tQ+3I/hdZSRoVT++PyRV4ATB5FWkdVXOPjTywP66ZuMYeSNnV1iNx7mGZMLRMBvSa/xulnimVF4WcihZERs2E0X1GyUxcN4CmeYv80FzQfIrg0gqWi7i+IFnalZtI47oANEYpMnZdBbNfA7SC9pVURK0x7Z1LAJ090WFl8l3255maPXNjgLBocaHCxssLEWZ2OTxqL+QQFuOMCoIt5AurHSD2GFL3HwAAAABJRU5ErkJggg==");
  background-position: 36px center;
}
.about-contact .contact-way ul .phone{
  padding: 0 47px 0 85px;
  border-right: 1px solid #e6e6e6;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAY1BMVEUAAAA5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZp8YJsdAAAAIHRSTlMA6e3Di4Aq8tu7Zl0xGBP69aubQ+PUzJN6c3BtVjoiBiL5ZtsAAACNSURBVBjTZc/XDsMgDEBRM0KAQprRPf3/X1kqE8mY+3hkGQOrLikLIqScYEV8E+yJjeBAfMwtX5HaWj7U6anlTPwGkSmoNpC9CluJdLmizd2jAfrOxYeeP1h6ApUmvqbOO49zuKfqw9+XDG6mX1juo1VYg1pE3gh76cJYs4MeJzlNfaNhu3kursYrvfwAC2ETdP2GuowAAAAASUVORK5CYII=");
  background-position: 45px center;
}
.about-contact .contact-way ul .e-mail{
  padding: 0 0 0 94px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAMAAABLXLayAAAAflBMVEUAAAA5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZo5wZrKKIgwAAAAKXRSTlMA7uXo9UDh2pgVx6aBeV1JvGdVNyIG++vU0baxrI+JbE4pGg8Kr6GQMOLgb3YAAADFSURBVCjPdZHnEoIwEIQ3RYqgIFKkKNWS939BDyKMMGH/XCbfzu5lAreymEn86cJWe+IId9kROAsjYRegB+4G5CRIIHzgetzGHYATR6pyOlzkH5G1tsMaAwb0rwV5rq7h4HPx4TYRO5jXE8T01dhAc2wn04plZEfst6AAvmLyBHycM4HIo4CaaWb92h80y8DTTxucaRep7IbsZFmUUUCQqxTyTT2FWitsKYih0/tt5QNU1Jh/yYqASu2pBN9lEl0hmEkijL8FGjmd1XyowwAAAABJRU5ErkJggg==");
  background-position: 49px center;
}
@-webkit-keyframes big-m-star {
  0% {
    -webkit-transform: translate3d(32px, 8px, 0) rotate(0) scale(1, 1);
    transform: translate3d(32px, 8px, 0) rotate(0) scale(1, 1);
    opacity: 0
  }
  25% {
    opacity: 1
  }
  75% {
    -webkit-transform: rotate(-80deg) scale(1.25, 1.25);
    transform: rotate(-80deg) scale(1.25, 1.25);
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-80deg);
    transform: translate3d(0, 0, 0) rotate(-80deg);
    opacity: 0
  }
}

@keyframes big-m-star {
  0% {
    -webkit-transform: translate3d(32px, 8px, 0) rotate(0) scale(1, 1);
    transform: translate3d(32px, 8px, 0) rotate(0) scale(1, 1);
    opacity: 0
  }
  25% {
    opacity: 1
  }
  75% {
    -webkit-transform: rotate(-80deg) scale(1.25, 1.25);
    transform: rotate(-80deg) scale(1.25, 1.25);
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-80deg);
    transform: translate3d(0, 0, 0) rotate(-80deg);
    opacity: 0
  }
}

/*  */

@media screen and (max-width: 1466px) {
  .introduction-info-right-header {
    font-size: 38px;
  }
  .introduction-info-right-header em {
    font-size: 52px;
  }
  .introduction-info-right-feature {
    font-size: 16px;
  }
  .introduction-btn {
    height: 45px;
    line-height: 45px;
    font-size: 17px;
  }
  /*  */
  .introduction-info_pc {
    width: 500px;
    height: 415px;
    margin: 0 8%;
  }
  .introduction-info_iphone {
    width: 151px;
    height: 263px;
  }
  .introduction-info_ipad {
    width: 213px;
    height: 299px;
  }

}

@media (max-device-width: 1366px) {
  .mob .online-service {
    display: none
  }
  .mob .online-service-mob {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    cursor: pointer;
    text-decoration: none;
    background: #39c19a;
    z-index: 999999;
    right: 15px;
    bottom: 30px
  }
  .mob .online-service-mob img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 20px;
    height: 20px
  }
  
}

@media screen and (max-width: 1280px) {
  .introduction-info-right-feature {
    font-size: 15px;
  }
  .introduction-info-right-header {
    font-size: 36px;
  }
  .introduction-info-right-header em {
    font-size: 52px;
    font-style: initial;
  }
   /*  */
   .introduction-info_pc {
    width: 472px;
    height: 392px;
    margin: 0 8%;
  }
  .introduction-info_iphone {
    width: 143px;
    height: 249px;
  }
  .introduction-info_ipad {
    width: 202px;
    height: 282px;
  }
  .about-contact,.about-contact h2,.about-contact .contact-way{
    width:100%;
  }
  .about-contact .contact-way ul{
    width: 800px;
  }
  .about-contact .contact-way ul .address{
    padding:0 10px 0 40px;
    background-position: 10px center;
  }
  .about-contact .contact-way ul .phone{
    padding:0 10px 0 40px;
    background-position: 13px center;
  }
  .about-contact .contact-way ul .e-mail{
    padding:0 10px 0 40px;
    background-position: 10px center;
  }
}

@media screen and (max-width: 1024px) {
  body.noscroll {
    overflow: hidden;
    position: relative;
  }
  /*  */
  .header-bar {
    height: 60px;
    line-height: 60px;
    background: #fff;
  }
  .header-bar-con {
    padding: 0 15px;
  }
  .header-bar_logo {
    width: 85px;
    height: 20px;
  }
  .header-bar .header-bar_logo {
    background-image: url('./logo_2.png');
  }
  .header-bar_operating_link {
    margin-left: 10px;
    color: #333;
    font-size: 14px;
    padding: 5px 3px;
  }
  .header-bar_operating_link.on {
    color: #20a586;
    border-bottom: 2px solid #20a586;
  }
  .header-bar.scroll .header-bar_operating_link.on {
    color: #20a586;
    border-bottom: 2px solid #20a586;
  }
  .header-bar.scroll .header-bar_operating_link {
    color: #333;
  }
  .header-bar.scroll .website-entrance {
    color: #a16f23;
    border: none;
  }
  .website-entrance {
    width: 68px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    font-size: 13px;
    color: #a16f23;
    background: #ffce2e;
    border: none;
  }
  .introduction-con {
    width: auto;
    margin: 60px 10px 0;
    border-radius: 5px;
  }
  .introduction-info {
    margin-top: 35px;
  }
  .introduction-info-right-feature {
    font-size: 12px;
    text-align: left;
  }
  .introduction-info-right-header {
    font-size: 27px;
    text-align: center;
  }
  .introduction-info-right-header em {
    font-size: 28px;
    font-style: initial;
  }
  .introduction-btn {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 18px;
  }

  /*  */
  .introduction-info-right {
    width: 100%;
    text-align: center;
  }
  .introduction-info-left {
    width: 100%;
    margin-top: 7%;
    margin-bottom: 0;
  }
  .introduction-info-right-cont {
    padding-left: 0;
    display: inline-block;
    margin: 0;
    text-align: center;
  }
  .introduction-info_pc {
    margin: 0 auto;
    width: 62%;
    height: 0;
    padding-bottom: 51.5%;
  }
  .introduction-info_iphone {
    left: -13.5%;
    width: 33%;
    height: 0;
    padding-bottom: 57.6%;
    top: 33%;
  }
  .introduction-info_ipad {
        top: 20%;
    right: -17%;
    width: 46%;
    height: 0;
    padding-bottom: 64%;
    z-index: 1;
  }
  .introduction-info_pc .swiper-container {
    top: 1px;
  }
  .triangle-down-left {
    position: absolute;
    bottom: -5px;
    z-index: 2;
    left: -50%;
}
  /* .case */
  .case-title {
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
  }
  .case-content-wrap {
    width: 100%;
    padding-bottom: 30px;
    max-width: 750px;
  }
  .case-content-wrap .case-each-wrap .case-each-logo-wrap .clot.case-each-logo {
    max-width: 180px;
  }
  .case-content-wrap .case-each-wrap .case-each-img {
    display: none;
  }
  .case-content-wrap .case-each-wrap {
    width: 50%;
    display: inline-block;
    margin: 0 0 30px 0;
  }
  .case-content-wrap .case-each-wrap .case-each-name {
    display: none;
  }
  .case-content-wrap .case-each-wrap .case-each-name-mobi {
    display: block;
    text-align: center;
    font-size: 12px;
  }
  .case-content-wrap .case-each-wrap .case-each-name-mobi .case-each-name-mobi_tag {
    color: #333;
  }
  .shwo-more-btn.show-case {
    font-size: 13px;
    margin-bottom: 50px;
    width: 130px;
    height: 30px;
    line-height: 30px;
  }
  /* .themes-con */
  .theme-nav {
    display: none;
  }
  .themes-con {
    height: 150px;
  }
  .themes-header-title {
    padding-top: 25px;
    font-size: 20px;
  }
  .themes-header-step_num {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
  }
  .themes-header-steps_con:nth-child(1),
  .themes-header-steps_con:nth-child(2) {
    margin-right: 60px;
  }
  .themes-header-steps {
    margin-top: 20px;
  }
  .themes-header-step_text {
    font-size: 10px;
    padding-top: 7px;
  }
  .themes-header-steps_wrap::after {
    top: 12px;
    width: 80%;
  }
  /*  */
  .trail-pc {
    height: 134px;
  }
  .trail-pc .index-trail-cont {
    padding-top: 31px;
  }
  .trail-pc .index-trail-title {
    margin-bottom: 16px;
    font-size: 17px;
  }
  .trail-pc .btn-size-static-2 {
    width: 172px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
  }
  .trail-pc .index-trail-cont span:after {
    margin-left: 15px;
  }
  .trail-pc .index-trail-cont i {
    right: 10px;
    top: 10px;
    width: 14px;
    height: 14px;
    background-size: 100%;
  }
  .trail-pc .layout-bg-circle {
    width: 270px;
    height: 270px;
    margin-top: -109px;
    margin-left: -368px;
  }
  .trail-pc .layout-bg-square {
    width: 270px;
    height: 270px;
    margin-top: -57px;
    margin-left: -110px;
    -webkit-transform: rotate(156deg);
    -ms-transform: rotate(156deg);
    transform: rotate(156deg);
    -webkit-animation: squareindex 60s linear infinite;
    animation: squareindex 60s linear infinite;
  }
  .trail-pc .layout-bg-triangle {
    font-size: 650px;
    margin-top: -65px;
    margin-left: 300px;
    border-right: 240px solid transparent;
    border-bottom: 250px solid rgba(255, 255, 255, .05);
    border-left: 240px solid transparent;
  }
  /*  */
  .layout-footer {
    display: none;
  }
  .layout-footer-mobi {
    display: block;
  }
  .layout-footer.mob {
    width: auto;
    height: auto;
    padding: 25px 0 15px
  }
  .layout-footer.mob .footer-nav-container {
    width: auto;
    padding-bottom: 11px;
    margin: 0
  }
  .layout-footer.mob .footer-nav {
    float: none;
    color: #404040;
    text-align: center
  }
  .layout-footer.mob .footer-nav li {
    height: 12px;
    line-height: 12px;
    padding: 0 5.2%;
    margin: 10px 0 20px;
    border-right: 1px solid #e5e5e5;
    text-align: center
  }
  .layout-footer.mob .footer-nav li:last-child {
    border-right: none
  }
  .layout-footer.mob .footer-icon {
    position: static;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: 0 7.7%;
    padding-top: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5
  }
  .layout-footer.mob .footer-icon-item {
    float: none;
    margin-right: 0;
    display: inline-block;
    width: 84px
  }
  .layout-footer.mob .footer-icon-item:nth-child(2) {
    margin: 0 28px
  }
  .layout-footer.mob .footer-icon-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    padding-left: 36px
  }
  .layout-footer.mob .footer-icon-text:after,
  .layout-footer.mob .footer-icon-text:before {
    width: 28px;
    height: 26px;
    left: 1px;
    top: 2px
  }
  .layout-footer.mob .footer-icon-text.icon-1:after,
  .layout-footer.mob .footer-icon-text.icon-1:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAMAAADflBjwAAABR1BMVEUAAACysrK0tLSlpaWvr6+1tbW0tLS1tbWlpaWurq6ysrKzs7OkpKSysrKoqKiqqqqxsbGysrK0tLS0tLS1tbW0tLSjo6Ojo6OsrKytra2urq6vr6+wsLCwsLCzs7OwsLC0tLSzs7OkpKSoqKiqqqqtra2wsLCwsLCwsLCkpKSjo6Otra2srKyvr6+vr6+srKyysrKhoaGenp6hoaGlpaWpqamnp6enp6elpaWpqamtra2xsbGysrKfn5+kpKShoaGmpqarq6urq6usrKyrq6uqqqqurq6pqamwsLC0tLSkpKSkpKSioqKioqKqqqqvr6+lpaWvr6+2tragoKChoaGgoKCoqKirq6umpqalpaWurq6np6eoqKihoaGsrKygoKCoqKiqqqqkpKScnJyZmZmWlpabm5udnZ2YmJifn5+Tk5OhoaGjo6Nifb46AAAAY3RSTlMAAxzGaSAZD8x2MxXcOqyMRT0rEgsH5NOOiIB7YFM3NTAo2LWfklxJQ+nhhH9wZGIk+Pjz0Mi/vLuxbk9B8u/twrqzrKWYl4VYCfn07synn5ZNF/zn4dTAq6ct49vZv516MJuFfJm+AAAD20lEQVRIx4XUV3faQBAF4Ct677333k0H997ikrimR7taAf7/zwEdg0UwzvfEHM5oRnvPCgu2AOy9Fz2WZV+UJ8iWscp1dhgltK3AMm1KpBXDaIh/ON0pwd6+O8aq/uWWuuDRuiBn27OTDnK3eJcNGVrW+yGT8AYbGau3q8eq4WMzmTV1AiPZtmbSNUcOiLAdwKqclyeJoVlFfVgI0BJu9r6GOLwr9qOlOq0JiUVttzJDl5IW1tGP6JfIzqYjDIl/L3S1TzaPOawV9pLzYCn4VSo4U8GF2sCAjxjDduBwFJEimNShrSr1+Ejs/pcBKZKRsmQ69d3YU8NHtAeUt5VJCIBac5HqUZ0a/5EWN4OfBwoOnwK2k4DBianTA51yRtd9zYizKHd2lE2b9NtRCmUGLSd65wBUB24AismYkilR3H9tOCKU0Ik0XW9VAKmRERZB494RpRTdKd02EXieJ7wZkjBPCBtixsxvmuGdNliJwT9uzzOwjQg/RXekSnNBBJKep0e/KC62OcRGxYkXC5+kBoEPSYXIiwU3XpXYUT4FqAPpvubGiFeaOpVGeLRAjBFCVIu7pwnr0+YAmhoO3TMt5lQCmY0gKSBJBTGJub2NZ8ByBupDb1yU3w1pBBlpzYyQDYXsDtRdDiEJIREhTH7/Mq8jOk0iCH28sYxVJVpGku2xjMONN21RkDoIT02nWHg2mEy6hhNI7MYzeQ5v1HXCSwiz483TD6d/6wQ40bpQ34ZcURrBzyKQueZzUJh3wfuhp0nIaerirEH0uCBTIToYmAVtmiuRgUv6b+loCR+CzK22UVBsMiMcvDfd095HIaej0+w6kGvZKg9pGgSQuwi6gmy5IcqIOI1AbjvBRfNWAEZ/Bkiw31hioYIKS76zOCLHWQD7n6u4ZLmhGzLxkQdyudolb4wqtzQAtBu0cpiPnBmWj3YAufNgMW9o0KxUOC6FoiNEfVgvQjrGcH6xpdpahY/uarCOU09MUDxlF5E8VuEgDw/rPk3x1j45hu36yD1/QFu4M6evPBvvz+AswlEv+ii82LFwSFj51iuGq+XV9Y/iG4Khdi4q1ZCJXVdREft9FsGyU5PpmShRe7rhltf889Mat6gU4hd1+S1D7pfDNy4adXbV9c8QlhgPJkLDeovOWNVqhOfvppycsJEawe8i+2ZfOQprYVfDOZN9G+UdmHE3x58Mphw4v8eSxTvUV16PRR+Cj5ikff1Ep7b7fJ7C7gDvcld1I2GkAm6uNFJDSYtYnrCt4xrWUcSMQ6tJdx8AEP3WLCTDilj8FB+pbDHGulEAxsPPjJ/sc1j2FwfixTSY0ZVvAAAAAElFTkSuQmCC)
  }
  .layout-footer.mob .footer-icon-text.icon-3:after,
  .layout-footer.mob .footer-icon-text.icon-3:before {
    background-image: url(data:image/png;base64,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)
  }
  .layout-footer.mob .footer-icon-text.icon-2:after,
  .layout-footer.mob .footer-icon-text.icon-2:before {
    background-image: url(data:image/png;base64,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)
  }
  .layout-footer.mob .footer-copy {
    width: 100%;
    position: static;
    text-align: center;
    color: #a8a8a8;
    font-size: 11px;
    margin-top: 7px
  }
  .layout-footer.mob .footer-copy a,
  .layout-footer.mob .footer-copy span {
    display: inline-block
  }
  .layout-footer.mob .footer-copy .right {
    text-align: right
  }
  /*  */
  .online-service {
    display: none;
  }
  .layout-gotop.mob {
    display: block;
  }
  .mob .online-service-mob {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    cursor: pointer;
    text-decoration: none;
    background: #39c19a;
    z-index: 999999;
    right: 15px;
    bottom: 30px
  }
  .mob .online-service-mob img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 20px;
    height: 20px
  }
  /*  */
  .business {
    width: 100%;
    padding: 30px 0 0;
  }
  .business-title {
    font-size: 24px;
  }
  .content-pc {
    display: none;
  }
  .business .content-mobile {
    display: block
  }
  .business .content-mobile .img-wrap {
    margin: 38px auto 27px;
    width: 87.21%;
    text-align: center;
  }
  .business .content-mobile .img-wrap img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
  }
  .business .content-mobile .item {
    width: 85.07%;
    margin: 0 auto 38px
  }
  .business .content-mobile .item h3 {
    font-size: 17px;
    color: #404040;
    text-align: center;
    position: relative;
    margin-bottom: 3px
  }
  .business .content-mobile .item h3:after,
  .business .content-mobile .item h3:before {
    content: '';
    display: block;
    border: 1px solid #f7f7f7;
    width: 35.43%;
    position: absolute;
    top: 50%
  }
  .business .content-mobile .item h3:before {
    left: 0
  }
  .business .content-mobile .item h3:after {
    right: 0
  }
  .business .content-mobile .item ul {
    text-align: center;
    font-size: 0
  }
  .business .content-mobile .item ul li {
    display: inline-block;
    font-size: 10px;
    margin: 8px 3px 0;
    padding: 6px 9px;
    color: #fff;
    border-radius: 4px
  }
  .about-brand .brand-img-pc,
  .about-brand .title-pc,
  .text br {
    display: none
  }
  .business .content-mobile .website ul li {
    background-color: #39c19a
  }
  .business .content-mobile .yingxiao ul li {
    background-color: #40d3c6
  }
  .business .content-mobile .partner ul li {
    background-color: #686f80
  }
  .business .content-mobile .services ul li {
    padding: 6px 7px;
    background-color: #bbb198
  }
  .shwo-more-btn {
    font-size: 13px;
    margin-bottom: 50px;
    width: 130px;
    height: 30px;
    line-height: 30px;
  }
  /*  */
  .com-mobile-tag {
    display: block;
    width: 100%;
    top: 0;
    z-index: 98;
    background: #fff;
    height: auto;
    line-height: normal;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
    position: static;
  }
  .theme_filter_tag {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .theme_filter_tag.fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102
  }
  .theme_filter_tag .theme_list_filter {
    position: relative;
    font-size: 0;
    height: 50px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 0 0
  }
  .theme_filter_tag .theme_list_filter:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
    z-index: 1;
    top: 46px;
    left: 0
  }
  .theme_filter_tag .theme_list_filter .slide-down {
    display: inline-block;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 22px;
    border-right: 1px solid #ededed;
    font-size: 0;
    vertical-align: top;
    height: 22px
  }
  .theme_filter_tag .theme_list_filter .slide-down .title {
    font-size: 14px;
    color: #878787;
    position: relative;
    line-height: 1;
    vertical-align: top;
    display: inline-block;
    margin-top: 4px;
    padding-right: 12px;
    max-width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .theme_filter_tag .theme_list_filter .slide-down .title.active {
    color: #20a586;
  }
  .theme_filter_tag .theme_list_filter .slide-down .title:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #cbcbcb;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin-top: -2px
  }
  .theme_filter_tag .theme_list_filter .slide-down .active.title:before {
    border-top: 4px solid #20a586;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .theme_filter_tag .theme_list_filter .slide-down .expand {
    position: absolute;
    width: 100%;
    display: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 49px
  }
  .theme_filter_tag .theme_list_filter .slide-down .expand:before {
    content: '';
    display: none;
    position: absolute;
    width: 100%;
    height: 4px;
    -webkit-box-shadow: 0 2px 3px 0 #e6e6e6;
    box-shadow: 0 2px 3px 0 #e6e6e6;
    z-index: 1;
    top: -4px;
    left: 0
  }
  .theme_filter_tag .theme_list_filter .slide-down .expand a {
    display: block;
    text-align: left;
    background: #fff;
    font-size: 14px;
    color: #6e6e6e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    margin-left: 16px;
    text-indent: 1px
  }
  .theme_filter_tag .theme_list_filter .slide-down .expand a.btn-hover,
  .theme_filter_tag .theme_list_filter .slide-down.active .title {
    color: #20a586
  }
  .theme_filter_tag .theme_list_filter .slide-down.active .title:before {
    border-top: 4px solid #20a586;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
  }
  .theme_filter_tag .theme_list_filter .slide-down:last-child {
    border-right: none
  }
  .theme-list-cover {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: 97;
    display: none;
  }
  /*  */
  .theme-list-ul li .theme-info {
    display: none;
  }
  .theme-list {
    width: auto;
    margin-top: 0;
    padding: 15px 13px 0;
    position: relative;
  }
  .theme-list-ul li {
    font-size: initial;
    width: 48.4241%;
    max-width: 493px;
    margin-right: 3.15186%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 22px;
  }
  .theme-list-ul li:nth-child(2n) {
    margin-right: 0;
  }
  .theme-list-ul li .each-img>.hot {
    border-left: 35px solid transparent;
    border-top: 35px solid #ed4132;
  }
  .theme-list-ul li .each-img>.hot:before {
    content: '热';
    display: block;
    position: absolute;
    top: -33px;
    right: 5px;
    color: #fff;
    font-size: 12px;
  }
  .theme-list-ul li .theme_list_ls_info_layout {
    display: block;
    padding-left: 1px;
    text-align: center;
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_name {
    display: inline-block;
    font-size: 0;
    color: #262626;
    font-weight: 700;
    position: relative;
    margin-right: 10px;
    line-height: 1
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_name span {
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    font-size: 13px
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_name .cube {
    margin: -1px 3px 0 5px
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_name .cube:after {
    content: '\20';
    position: relative;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #c9c9c9;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_name .price {
    color: #2ba885;
    font-weight: 400
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_price {
    display: inline-block;
    font-size: 13px;
    color: #2ba885
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_desc {
    margin-top: 3px
  }
  .theme-list-ul li .theme_list_ls_info_layout .theme_list_ls_desc h4 {
    font-size: 12px;
    color: #999
  }
  .pagination {
    margin: 0;
    padding: 0 0 25px;
  }
  .theme-list .empty {
    font-size: 14px;
    padding-bottom: 20px;
  }
  .theme-list .empty img {
    width: 38%;
    margin: 30px auto 25px;
  }
}
@media screen and (max-width: 768px) {
  .about-me .text{
    box-sizing: border-box;
    width: 93.6%;
    padding: 19px 18px;
    text-align: left;
  }
  .about-me .text h2{
    font-size: 15px;
    color: #333;
    margin-bottom: 6px;
  }
  .about-me .text p{
    font-size: 13px;
    margin-top: 0;
    line-height: 21px;
  }
  .about-contact{
    width: auto;
    background-color: #fff;
    padding: 54px 0 60px;
  }
  .about-contact h2{
    width: auto;
    font-size: 21px;
    color: #333;
    margin-bottom: 25px;
  }
  .about-contact .contact-way{
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-radius: 5px;
    width: 93.6%;
    height: auto;
    margin: 0 auto;
  }
  .about-contact .contact-way .map{
    padding-bottom: 45.6%;
    background-image: url(./about-contact-map-mobile.png);
  }
  .about-contact .contact-way ul{
    width: auto;
    height: auto;
    position: static;
    padding: 17px 14px;
    box-shadow: none;
  }
  .about-contact .contact-way ul li{
    display: block;
    font-size: 13px;
    border: none;
    line-height: 1;
    text-align: left;
  }
  .about-contact .contact-way ul .address, .about-contact .contact-way ul .phone{
    background-position: 0 center;
    border-right: none;
    margin-bottom: 14px;
    padding: 0 0 0 21px;
  }
  .about-contact .contact-way ul .address{
    background-size: 10px 12.5px;
  }
  .about-contact .contact-way ul .phone{
    background-size: 11px 11px;
  }
  .about-contact .contact-way ul .e-mail{
    padding: 0 0 0 21px;
    height: 13px;
    line-height: 11px;
    background-position: 0 center;
    background-size: 13.5px 10px;
  }
}
@media screen and (max-width: 320px) {
  .header-bar_operating_link {
    font-size: 12px;
    margin-left: 5px;
  }
  .header-bar .website-entrance {
    font-size: 11px;
    width: 55px;
    height: 20px;
    line-height: 20px;
  }
  .introduction-info-right-header {
    font-size: 24px;
  }
  .introduction-info-right-feature {
    font-size: 10px;
  }
  /*  */
  .case-title {
    font-size: 19px;
  }
  .case-content-wrap .case-each-wrap .case-each-name-mobi {
    font-size: 10px;
  }
  /*  */
  .themes-header-title {
    font-size: 17px;
  }
}

@keyframes big-m-star {
  0% {
    transform: translate3d(32px, 8px, 0) rotate(0deg) scale(1, 1);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    transform: rotate(-80deg) scale(1.25, 1.25);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(-80deg);
    opacity: 0;
  }
}

.gotop-hmsr {
  
}
.gotop-hmsr .online-service {
  right: -5px;
}
.gotop-hmsr .big-m {
  width: 56px;
  height: 80px;
  top: 0;
  margin: 0 auto;
}
.gotop-hmsr .big-m .big-m-head {
  width: 48px;
  height: 46px;
  top: 9px;
  margin-left: -20px;
}
.gotop-hmsr .big-m .big-m-head .big-m-eye-left {
  top: 25px;
  height: 5px;
  width: 4px;
  left: 10px;
}
.gotop-hmsr .big-m .big-m-head .big-m-eye-right {
  top: 25px;
  width: 4px;
  height: 5px;
  left: 25px;
}
.gotop-hmsr .big-m .big-m-head .big-m-eye-close {
  top: 25px;
  width: 4px;
  height: 5px;
  left: 10px;
}
.gotop-hmsr .big-m .big-m-head .big-m-star {
  top: 25px;
  width: 5px;
  height: 5px;
}
.gotop-hmsr .big-m .big-m-body {
  width: 56px;
  height: 34px;
  margin-left: -28px;
}
.hmsr-service {
  line-height: initial;
  width: 78px;
  background: #f7f7f7;
  border: 1px solid #dedede;
  border-radius: 4px;
  margin: 0 auto;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}
.hmsr-service .service {
  display: block;
  position: relative;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.hmsr-service .service:hover {
  background: #39c19a;
  border-radius: 4px;
}
.hmsr-service .service:hover .service-txt {
  color: #fff;
}
.hmsr-service .service .img-inner {
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-bottom: 4px;
  transition: all .3s ease;
}
.hmsr-service .service .service-txt {
  color: #444;
  font-size: 12px;
  transition: all .3s ease;
}
.hmsr-service .service .mobile-out {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 2px;
  width: 180px;
  height: 50px;
  opacity: 0;
  transition: all .3s ease;
  transform-origin: right;
  padding: 2px 0;
  text-align: center;
  background: #f7f7f7;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 6px 15px rgba(204, 204, 204, 0.4);
}
.hmsr-service .service .mobile-out .i-arrow {
  width: 8px;
  height: 8px;
  position: absolute;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  transform: translate(0, -50%) rotate(-135deg);
  left: 100%;
  top: 25px;
  margin-left: -4px;
  z-index: 11;
  background: #f7f7f7;
}
.hmsr-service .service .mobile-out .i-bg-transparent {
  position: absolute;
  left: 180px;
  height: 65px;
  width: 17px;
}
.hmsr-service .service .mobile-out .mobile-out-name {
  color: #777;
  font-size: 12px;
}
.hmsr-service .service .mobile-out .mobile-out-num {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
  white-space: nowrap;
  letter-spacing: -0.5px;
}
.hmsr-service .mobile-service:hover .mobile-out {
  right: 96px;
  opacity: 1;
}
.hmsr-service .mobile-service:hover .mobile-img {
  background-image: url("./mobile-white2.svg");
}
.hmsr-service .wx-service .wx-out {
  opacity: 0;
  position: absolute;
  right: 0;
  top: -68px;
  z-index: -1;
  transition: all .3s ease;
}
.hmsr-service .wx-service .wx-out img {
  display: block;
  max-width: inherit;
}
.hmsr-service .wx-service:hover .wx-out {
  opacity: 1;
  right: 86px;
}
.hmsr-service .wx-service:hover .wx-img {
  background-image: url("./wx-white2.svg");
}
.hmsr-service .price-service:hover .price-img {
  background-image: url("./price-white2.svg");
}
.hmsr-service .qq-service:hover .qq-img {
  background-image: url("./qq-white2.svg");
}
.hmsr-service .onlines-service:hover .online-img {
  background-image: url("./online-white2.svg");
}
.hmsr-service .mobile-img {
  background-image: url("./mobile-blank2.svg");
}
.hmsr-service .price-img {
  background-image: url("./price-blank2.svg");
}
.hmsr-service .qq-img {
  background-image: url("./qq-blank2.svg");
}
.hmsr-service .wx-img {
  background-image: url("./wx-blank2.svg");
}
.hmsr-service .online-img {
  background-image: url("./online-blank2.svg");
}
.price-service-mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 102;
  font-size: 14px;
  font-weight: 400;
  transform: translate3d(0, 0, 1px);
}
.price-service-mask .service-form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 955px;
  height: 500px;
  background-color: #fff;
  border-radius: 3px;
  text-align: left;
  box-sizing: border-box;
}
.price-service-mask .service-form .service-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 22px;
  height: 22px;
  background-image: url(./price_demand_icon.png);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: 0 -52px;
  cursor: pointer;
}
.price-service-mask .service-form h2 {
  margin: 0;
  font-size: 24px;
  line-height: 80px;
  color: #39c19a;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}
.price-service-mask .service-form .form-layout {
  padding: 38px 60px 50px;
}
.price-service-mask .service-form .form-layout h4 {
  font-size: 14px;
  margin: 0 0 8px;
  color: #333;
  font-weight: bold;
}
.price-service-mask .service-form .form-layout h4 .xing {
  font-size: 12px;
  color: #f25935;
  position: relative;
  left: -2px;
  top: -2px;
}
.price-service-mask .service-form .city-provice-se {
  display: inline-block;
  width: calc((100% - 20px)/2);
  margin-right: 20px;
  position: relative;
  color: #404040;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  line-height: 48px;
  border-radius: 4px;
  transition: all .5s ease;
  box-sizing: border-box;
  font-size: 16px;
  height: 50px;
}
.price-service-mask .service-form .city-land-se {
  display: inline-block;
  width: calc((100% - 20px)/2);
  position: relative;
  color: #404040;
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  line-height: 48px;
  border-radius: 4px;
  transition: all .5s ease;
  box-sizing: border-box;
  font-size: 16px;
  height: 50px;
}
.price-service-mask .service-form .form-city {
  display: inline-block;
  width: calc((100% - 20px)/2);
  margin-right: 20px;
}
.price-service-mask .service-form .form-name {
  display: inline-block;
  width: calc((100% - 20px)/2);
  margin-right:20px;
}
.price-service-mask .service-form .city-provice {
  position: relative;
  display: inline-block;
  color: #b1b1b1;
  width: calc((100% - 20px)/2);
  margin-right: 10px;
  border: 1px solid #e6e6e6;
  line-height: 48px;
  border-radius: 4px;
  transition: all .5s ease;
  box-sizing: border-box;
  font-size: 16px;
}
.price-service-mask .service-form .city-provice:hover {
  border: 1px solid #a6a6a6;
}
.price-service-mask .service-form .city-provice:focus {
  border: 1px solid #2ba885;
}
.price-service-mask .service-form .city-provice.on {
  border: 1px solid #2ba885;
  border-radius: 4px 4px 0 0;
}
.price-service-mask .service-form .city-provice.on .title:before {
  transform: rotate(-180deg);
}
.price-service-mask .service-form .city-land {
  display: none;
  position: relative;
  line-height: 48px;
  color: #b1b1b1;
  border-radius: 4px;
  box-sizing: border-box;
  width: calc((100% - 10px)/2);
  border: 1px solid #e6e6e6;
  font-size: 16px;
}
.price-service-mask .service-form .city-land:hover {
  border: 1px solid #a6a6a6;
}
.price-service-mask .service-form .city-land.on {
  border: 1px solid #2ba885;
  border-radius: 4px 4px 0 0;
}
.price-service-mask .service-form .city-land.on .title:before {
  transform: rotate(-180deg);
}
.price-service-mask .service-form .name-inner-input {
  width: 100%;
  box-sizing: border-box;
  line-height: 48px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 16px;
  padding-left: 15px;
  color: #404040;
}
.price-service-mask .service-form .form-first {
  margin-bottom: 30px;
  font-size: 0;
}
.price-service-mask .service-form .form-mobile {
  margin-right: 0;
  width: calc((100% - 20px)/2);
  display: inline-block;
}
.price-service-mask .service-form .form-type {
  display: inline-block;
  width: calc((100% - 20px)/2);
}
.price-service-mask .service-form .mobile-inner-input,
.price-service-mask .service-form .type-inner-input {
  width: 100%;
  padding-left: 15px;
  box-sizing: border-box;
  border-radius: 4px;
  line-height: 48px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
}
.price-service-mask .service-form .form-second {
  margin-bottom: 30px;
  font-size: 0;
}
.price-service-mask .service-form .form-service h4 {
  font-size: 18px;
  color: #333;
  margin: 0 0 28px;
}
.price-service-mask .service-form .form-service .service-inner {
  font-size: 0;
}
.price-service-mask .service-form .form-service .service-type {
  cursor: pointer;
  display: inline-block;
  color: #333;
  border: 1px solid #e6e6e6;
  padding: 12px 32px;
  border-radius: 4px;
  font-size: 16px;
  margin-right: 15px;
  box-sizing: border-box;
}
.price-service-mask .service-form .form-service .service-type.end {
  margin-right: 0;
}
.price-service-mask .service-form .form-service .service-type.active {
  padding: 11px 31px;
  color: #39c19a;
  background: #e2fff7;
  border: 2px solid #39c19a;
}
.price-service-mask .service-form .form-submit {
  cursor: pointer;
  display: block;
  font-size: 20px;
  text-align: center;
  width: 368px;
  line-height: 50px;
  margin: 0 auto;
  color: #fff;
  background: #39c19a;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #12b687, 0 2px 8px #8be3ca;
}
.price-service-mask .service-form .title {
  cursor: pointer;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 100%;
}
.price-service-mask .service-form .title.active {
  color: #404040;
}
.price-service-mask .service-form .title:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #a6a6a6;
  position: absolute;
  right: 13px;
  top: 20px;
  transition: all .5s ease;
}
.price-service-mask .service-form .expand {
  display: none;
  position: absolute;
  top: 49px;
  left: -1px;
  right: -1px;
  background: #fff;
  height: 240px;
  border-color: #dedede;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  overflow: hidden;
  z-index: 11;
}
.price-service-mask .service-form .expand.special {
  height: 48px;
}
.price-service-mask .service-form .expand-inner {
  height: 100%;
  width: 220px;
  overflow-x: hidden;
  overflow-y: auto;
}
.price-service-mask .service-form .provice-key {
  cursor: pointer;
  padding-left: 15px;
  display: block;
}
.price-service-mask .service-form .provice-key:hover {
  background: #39c19a;
  color: #fff;
}
.price-service-mask .service-form .provice-key.active {
  color: #fff;
  background: #39c19a;
}
.price-service-mask .service-form input {
  outline: none;
}
.price-service-mask .service-form input:hover {
  border: 1px solid #a6a6a6;
}
.price-service-mask .service-form input:focus {
  border: 1px solid #2ba885;
}
.price-service-mask .service-form .type-inner {
  position: relative;
  line-height: 48px;
  color: #b1b1b1;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 16px;
}
.price-service-mask .service-form .type-inner .expand {
  height: auto;
}
.price-service-mask .service-form .type-inner:hover {
  border: 1px solid #a6a6a6;
}
.price-service-mask .service-form .type-inner.on {
  border: 1px solid #2ba885;
  border-radius: 4px 4px 0 0;
}
.price-service-mask .service-form .type-inner.on .title:before {
  transform: rotate(-180deg);
}
.price-service-mask .service-form .expand-type {
  width: 100%;
}
.price-service-mask .service-form .err {
  top: -2px;
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-color: #ffe9e4;
  color: #f25935;
  border: 1px solid #f25935;
  font-size: 14px;
  font-weight: 400;
  padding: 0 9px 0 8px;
  vertical-align: middle;
  margin-left: 8px;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 3px;
  transition: all .3s ease;
}
.price-service-mask .service-form .err:before {
  border-right: 4px solid #ffe9e4;
  left: -4px;
  z-index: 3;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -4px;
}
.price-service-mask .service-form .err:after {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  top: 50%;
  content: "";
  margin-top: -4px;
  border-right: 5px solid #f25935;
  left: -6px;
  z-index: 2;
}
.price-service-mask .price-demand-sucess {
  text-align: left;
}
.price-service-mask .price-demand-sucess h2 {
  font-size: 28px;
  color: #404040;
  font-weight: 400;
  margin: 0 0 7px;
}
.price-service-mask .price-demand-sucess .price-demand-close {
  position: absolute;
  cursor: pointer;
}
.price-service-mask .back-top-cont {
  pointer-events: auto;
}
.price-demand-sucess {
  z-index: 102;
  position: absolute;
  width: 548px;
  height: 264px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  margin-left: -306px;
  margin-top: -192px;
  top: 50%;
  left: 50%;
  padding: 46px 72px;
  display: none;
  background-color: #fff;
}
.price-demand-sucess .iconfont-md {
  position: absolute;
  cursor: pointer;
  right: 47px;
  top: 48px;
  width: 17px;
  height: 17px;
  background: url(./pop_close.png) no-repeat;
}
.price-demand-sucess .manager-left {
  display: inline-block;
  text-align: center;
  float: left;
  width: 104px;
  margin-right: 16px;
  height: 134px;
  margin-top: 40px;
}
.price-demand-sucess .manager-left b {
  font-weight: normal;
  font-size: 16px;
  color: #999;
  line-height: 24px;
}
.price-demand-sucess .manager-left img {
  height: 100px;
  width: 100px;
}
.price-demand-sucess .manager-right {
  width: 100%;
  margin-top: 15px;
  color: #b7b7b7;
  line-height: 24px;
}
.price-demand-sucess .manager-right span {
  font-size: 16px;
  color: #696969;
  font-family: "Microsoft Yahei Light";
}
.price-demand-sucess .price-demand-btn {
  margin-top: 35px;
  text-align: right;
}
.price-demand-sucess .price-demand-btn a {
  border-radius: 4px;
  transition: all .3s;
  background: #39c19a;
  border: none;
  color: #fff;
  width: 124px;
  height: 44px;
  line-height: 44px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  box-shadow: none;
}

#service-other{
  display: inline-block;
  width: 235px;
  line-height: 48px;
  font-size: 16px;
  line-height: 44px;
  padding-left: 15px;
  border-radius: 4px;
  border:1px solid #e6e6e6;
}
#service-other:hover{
  border:1px solid #a6a6a6;
}
#service-other:focus{
  border:1px solid #2ba885;
}
.layout-mask{
  position: fixed;
  display: none;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  filter: alpha(opacity=50);
  background-color: #000;
}
.gm-sell{
  padding-left: 60px;
  color: #fff;
  height: 70px;
  display:inline-block;
  vertical-align: middle;
}
.gm-sell strong{
  color:#fff;
  font-size:26px;
}
.gm-sell.on{
  color: #3e3e3e;
}
.gm-sell.on strong{
  color: #333;
}
@media screen and (max-width: 768px) {
  .gm-sell{
    display:none;
  }
}