/* css reset */ @charset "utf-8";
*, *:before, *:after {
  box-sizing: border-box;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  position: relative;
  background: #fff;
  line-height: 1.8;
  color: #3a3a3a;
  font-size: 14px;
    min-width: 1293px;
}
a {
  color: #2a2c2e;
  text-decoration: none;
}
a:hover {
  color: #68009c;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: normal;
}
h3 {
  font-size: 16px;
}
strong {
  color: #000;
}
li {
  list-style: none;
}
blockquote {
  border-left: 4px solid #000;
  color: #000;
  margin: 1em 0;
  padding-left: 1em;
}
pre {
  padding: 10px;
  margin: 10px 0;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  color: #aaa;
}
img {
  max-width: 100%;
  display: block;
  border: 0;
}
hr {
  margin: 10px 0 0 0;
  height: 1px;
  border: none;
  background: #ddd;
}
input, select, textarea {
  border: 1px solid #bbb;
  background: #fff;
  outline: none;
  width: 100%;
  color: #464646;
  padding: 8px;
  -webkit-appearance: none;
  font-size: 14px;
}
select {
  -webkit-appearance: menulist;
}
textarea {
  resize: none;
  overflow-y: auto;
  display: block;
  -webkit-appearance: none;
}
input[type="radio"] {
  width: auto;
  height: auto;
  -webkit-appearance: radio;
}
input[type="checkbox"] {
  width: auto !important;
  height: auto !important;
  -webkit-appearance: checkbox;
}
table td {
  border: 1px solid #ddd;
  padding: 5px 2px;
  vertical-align: middle;
}
i {
  margin-right: 5px;
}
.clear:after, .clear:before {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.fl {
  float: left;
  position: relative;
}
.fr {
  float: right;
  position: relative;
}
.hidden {
  display: none;
}
.nowrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.disabled {
  cursor: not-allowed !important;
}
.am {
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
}
.animate {
  -webkit-transition: all .5s ease-in-out 0s;
  -moz-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
}
.animates {
  transition: all 1.2s linear 0s;
  -webkit-transition: all 1.2s linear 0s;
  -moz-transition: all 1.2s linear 0s;
}
::-webkit-input-placeholder {
  color: #fff;
}
:-moz-placeholder {
  color: #fff;
}
::-moz-placeholder {
  color: #fff;
}
:-ms-input-placeholder {
  color: #fff;
} /* public */ .public {
  width: 1200px;
  margin: 0 auto;
}
.icons {
  background: url(../images/sprite.png);
}
.no-data {
  text-align: center;
}
.page-number {
  padding-top: 20px;
  text-align: center;
}
.page-number ul li a {
  background: #f0f0f0;
  padding: 4px 10px;
}
.page-number ul li {
  display: inline;
}
.page-number ul li.active a {
  color: #fff;
  background: #c9a753;
}
.page-number ul li a.page-num-current {
  color: #fff;
  background: #a735e0;
}
.bread-return .return {
  font-size: 16px;
  background: #c9a753;
  color: #fff;
  width: 154px;
  height: 44px;
  text-align: center;
  line-height: 44px;
    border-radius: 10px;
}
.bread-return .return:hover {
  background: #68009c;
}
.bread-return .position {
  margin-top: 8px;
  color: #7c7c7c;
}
.bread-return .position a {
  color: #7c7c7c;
}
.bread-return .return i {
  font-size: 30px;
  vertical-align: middle;
  position: relative;
  top: 2px;
}
.tag-share {
  border-top: 1px dotted #767676;
  margin-top: 50px;
  padding-top: 22px;
}
.tag-share span.share-text {
  font-size: 12px;
}
.tag-share p.tag-grid a {
  color: #7c7c7c;
}
.tag-share p.tag-grid a:hover {
  color: #286e53;
}
.tag-grid a {
  padding-left: 6px;
  margin-left: 6px;
  position: relative;
}
.tag-grid a:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #7c7c7c;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: -2px;
}
.tag-grid a:first-child {
  margin: 0;
  padding: 0;
}
.tag-grid a:first-child:after {
  display: none;
}
.push {
  display: inline-block;
  width: 56px;
  height: 43px;
  text-align: center;
  line-height: 43px;
  position: absolute;
  top: 20px;
}
.push i {
  font-size: 26px;
  color: #fff;
  margin: 0;
}
.push-l {
  left: -70px;
  background: #68009c;
}
.push-r {
  right: -70px;
  background: #68009c;
}
.push span {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -47.5px;
  background: #636363;
  width: 95px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 16px;
  display: none;
}
.push span .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #636363;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -18px;
} /* col public */ ul.col-2, ul.col-3, ul.col-4, ul.col-5, ul.col-6, ul.col-7 {
  overflow: hidden;
}
ul.col-2 li, ul.col-3 li, ul.col-4 li, ul.col-5 li, ul.col-6 li {
  margin-right: 2%;
}
ul.col-2 li {
  width: 49%;
}
ul.col-3 li {
  width: 32%;
}
ul.col-4 li {
  width: 23.5%;
}
ul.col-5 li {
  width: 18.4%;
}
ul.col-6 li {
  width: 15%;
}
ul.col-7 li {
  width: 13%;
  margin-right: 1.5%;
}
ul.col-2 li:nth-child(2n+2), ul.col-3 li:nth-child(3n+3), ul.col-4 li:nth-child(4n+4), ul.col-5 li:nth-child(5n+5), ul.col-6 li:nth-child(6n+6), ul.col-7 li:nth-child(7n+7) {
  margin-right: 0;
}
ul.col-2 li.nomargin, ul.col-3 li.nomargin, ul.col-4 li.nomargin, ul.col-5 li.nomargin, ul.col-6 li.nomargin, ul.col-7 li.nomargin {
  margin-right: 0;
} /*loading*/ .loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .9);
}
.loading .icon {
  position: fixed;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 300001;
  color: #fff;
  font-size: 60px;
}
.loading .icon i {
  margin-right: 0;
} /*header*/ .head-top {
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #e0e0e0;
}
.header{background:1px #a735e0 solid;}
.head-top, .head-top a {
  color: #7d7d7d;
  overflow: hidden;
  font-size: 12px;
}
.head-top i {
  vertical-align: middle;
  color: #68009c;
  font-size: 13px;
}
.head-top .find-us a {
  padding-left: 10px;
  margin-left: 10px;
  position: relative;
}
.head-top .find-us a:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #7d7d7d;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.head-top .find-us a:first-child:after {
  display: none;
}
.head-top .find-us a .icon-app {
  font-size: 18px;
}
.head-top .find-us a:hover {
  color: #286e53;
}
.head-bottom {
  padding: 0 20px;
  position: relative;
  margin: 10px 0 0 0;
}
.logo-des {
  text-align: center
}
.head-bottom .logo-des .des {
  padding: 4px 0 4px 8px;
  margin: 6px 0 0 8px;
  border-left: 1px solid #68009c;
}
.head-bottom .logo-des .des p {
  font-size: 15px;
  background: #68009c;
  color: #fff;
  padding: 3px 5px;
}
.head-bottom .logo-des .des span {
  font-size: 16px;
  color: #68009c;
}
.head-bottom .nav {
  float: right;
}
.head-bottom .nav > li {
  float: left;
}
.head-bottom .nav > li > a {
  display: block;
  height: 85px;
  line-height: 85px;
  padding: 0 18px;
  position: relative;
}
.head-bottom .nav > li > a.active {
  font-weight: 600;
}
.head-bottom .nav > li > a:after {
  content: "";
  display: block;
  height: 23px;
  width: 2px;
  background: url(../images/dotted.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -11.5px;
  left: 0;
}
.head-bottom .nav li:first-child a:after {
  width: 0;
}
.head-bottom .nav > li:hover, .head-bottom .nav > li:hover > a {
  background: #a735e0;
  color: #fff;
    border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.head-bottom .nav > li.active, .head-bottom .nav > li.active > a{
  background: #a735e0;
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.head-bottom .nav > li:hover > a:after, .head-bottom .nav > li:hover + li > a:after {
  display: none;
}
.head-bottom .nav > li.active > a:after, .head-bottom .nav > li.active + li > a:after {
  display: none;
}
.head-bottom .nav > li > a span.line {
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  background: #68009c;
  bottom: 0;
  left: 0;
}
.head-bottom .nav > li:hover > a span.line {
  height: 8px;
}
.head-bottom .nav > li.active > a span.line {
  height: 8px;
}
.second-nav {
  height: 260px;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1001;
  padding-top: 25px;
  top: 85px;
  display: none;
    background: rgba(255,255,255,0.95);
    border-top: 1px solid #a735e0;
    border-bottom: 1px solid #ccc;
}
.second-nav ul{}
.second-nav ul li{ float: left;line-height: 33px;}
.second-nav ul li i{float: left; width: 23px; height: 23px; margin-right: 5px;margin-top: 5px;}

.head-bottom .menu {
  height: 61px;
  margin: 14px 0 0 15px;
}
.head-bottom .menu a {
  display: inline-block;
  height: 61px;
  line-height: 61px;
  position: relative;
  overflow: hidden;
  padding-top: 8px;
  margin-left: 16px;
  width: 33px;
  font-size: 12px;
  text-align: center;
}
.head-bottom .menu a.menu-icon {
  padding-top: 9px;
}
.head-bottom .menu a i {
  font-size: 23px;
  margin: 0;
}
.head-bottom .menu a i.icon-caidan {
  font-size: 18px;
}
.head-bottom .menu a i:before {
  position: absolute;
  top: -12px;
  left: 3px;
} /*遮罩*/ .mark {
  background: url(../images/blackop.png) repeat;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 1000000;
}
.open {
  height: 100%;
}
.search-head {
  display: none;
  position: fixed;
  width: 500px;
  left: 50%;
  padding: 5px;
  margin-left: -250px;
  top: 44%;
  z-index: 10000000;
  background: #fff;
}
.search-head input[type="text"] {
  width: 90%;
  border: none;
}
.search-head label {
  z-index: 2;
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #286e53;
}
.search-head label i {
  margin: 0;
}
.search-head input[type="submit"], .search-head label {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  line-height: 45px;
  width: 50px;
  cursor: pointer;
  padding: 0;
  z-index: 3;
  -webkit-transition: .2s;
  transition: .2s;
}
.search-head input {
  background: none;
  border: none;
}
.search-box {
  cursor: pointer;
} /*index-banner*/ #slider-a {
  overflow: hidden;
  height: 613px;
}
#slider-a .link {
  display: block;
  height: 613px;
  background-size: cover;
} /*#slider-a .public {position:absolute;left:50%;margin-left:-600px;top:22%;}#slider-a .banner-des {position:absolute;left:0;top:25%;text-align:left;color:#fff;}#slider-a .banner-des .text {visibility:hidden;}*/ #slider-a .flex-direction-nav a {
  font-size: 20px;
  background: rgba(0, 0, 0, .5);
  text-shadow: none;
  width: 67px;
  height: 50px;
  line-height: 50px;
}
#slider-a .flex-direction-nav a i {
  font-size: 25px;
  color: #fff;
  margin: 0;
}
#slider-a .flex-direction-nav a:before {
  color: #da7e00;
  display: none;
}
#slider-a .flex-control-paging li a {
  background: #b2b6ab;
}
#slider-a .flex-control-paging li a.flex-active {
  background: #68009c;
  width: 20px;
}
#slider-a .flex-control-nav {
  bottom: 130px;
  z-index: 10000000;
} /*首页公共头部*/ .pub-title {
  text-align: center;
  width: auto;
  margin: 0 auto;
}
.pub-title h3 a {
  display: inline-block;
}
.pub-title h3, .pub-title h3 a {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.pub-title h3 img {
  display: inline;
  vertical-align: middle;
  margin: 0 9px 0 3px;
}
.pub-title h2, .pub-title h2 a {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 8px;
}
.pub-item .pub-title {
  margin-bottom: 40px;
}
.pub-item .pub-title .back {
  display: inline-block;
  background: #68009c;
  padding: 12px 28px 20px 25px;
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
}
.pub-check {
  text-align: center;
}
.pub-check a {
  color: #68009c;
  font-size: 16px;
  background: #fff;
  padding: 12px 98px;
  display: inline-block;
  margin-top: 40px;
    border-radius: 10px;
}
.pub-check a:hover {
  background: #68009c;
  border-radius: 8px;
  color: #fff;
} /*首页服务项目*/ .service-item {
  height: 515px;
  background-size: cover !important;
}
.service-item .pub-title {
  margin-bottom: 23px;
}
.service-item .public {
  position: relative;
  padding-top: 144px;
}
.trapezoid {
  height: 0;
  border-width: 0 25px 11px 25px;
  border-style: none solid solid;
  border-color: transparent transparent #f2d692;
}
.search-join {
  position: relative;
  background: #a88a45;
  height: 133px;
  -moz-box-shadow: 0px 7px 10px rgba(11, 51, 36, .2);
  -webkit-box-shadow: 0px 7px 10px rgba(11, 51, 36, .2);
  box-shadow: 0px 7px 10px rgba(11, 51, 36, .2);
}
.search-join .grass-top {
  position: absolute;
  top: -82px;
  z-index: 10000;
}
.search-join .grass-down {
  position: absolute;
  bottom: -43px;
  z-index: 10001;
  right: 433px;
}
.service-item .search-item {
  width: 100%;
  position: absolute;
  top: -50px;
  z-index: 10;
}
.search-join .search {
  width: 1010px;
  background: #c9a753;
  padding: 20px 20px 20px 20px;
  border-right: 1px solid #e2c271;
}
.search-join .search form {
  height: 55px;
  line-height: 55px;
}
.search-join .search form .icon-sousuo {
  width: 45px;
  text-align: center;
  display: inline-block;
  font-size: 25px;
  background: #d4ba77;
  margin: 0;
  color: #fff;
}
.search-join .search form input {
  width: 520px;
  height: 100%;
  background: #d4ba77;
  border: none;
  display: block;
  color: #fff;
}
.search-join .search form input + input {
  width: 140px;
  background: #286e53;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.search-join .search .hot-keyword {
  margin-top: 13px;
}
.search-join .search .hot-keyword .icon-yuandianxiao {
  font-size: 26px;
  vertical-align: middle;
  margin: 0;
}
.search-join .search .hot-keyword, .search-join .search .hot-keyword strong, .search-join .search .hot-keyword a {
  color: #fff;
}
.search-join .search .hot-keyword a {
  position: relative;
  padding-right: 7px;
  margin-right: 7px;
  display: inline-block;
}
.search-join .search .hot-keyword a:hover {
  color: #286e53;
}
.search-join .search .hot-keyword a:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7.5px;
}
.search-join .search .hot-keyword a:last-child:after {
  display: none;
}
.search-join .join {
  width: 190px;
  height: 100%;
  border-left: 1px solid #866b2d;
}
.search-join .join a {
  color: #fff;
  text-align: center;
  display: block;
  margin-top: 7px;
}
.search-join .join a i {
  font-size: 30px;
  margin: 0 auto;
  position: relative;
  bottom: -5px;
  height: 100%;
}
.search-join .join a:hover i {
  bottom: -10px;
}
.search-join .join a h3 {
  font-size: 18px;
  font-weight: 400;
} /*首页服务项目*/ .service-item .service-grid li {
  text-align: center;
}
.service-item .service-grid li .circle {
  position: relative;
  width: 135px;
  height: 135px;
  margin: 0 auto 18px;
  padding: 8px;
}
.service-item .service-grid li .circle .harf {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.service-item .service-grid li .circle .cl {
  clip: rect(0px, 135px, 135px, 67.5px);
}
.service-item .service-grid li .circle .cr {
  clip: rect(0px, 67.5px, 135px, 0px);
}
.service-item .service-grid li:hover .cl {
  clip: rect(0px, 135px, -8px, 67.5px);
}
.service-item .service-grid li:hover .cr {
  clip: rect(135px, 67.5px, 135px, 0px);
}
.service-item .service-grid li .tab-icon {
  background: #c9a753;
  height: 100%;
  border-radius: 50%;
  margin: 0;
}
.service-item .service-grid li .tab-icon i {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  background: url(../images/a1.png);
  background-size: cover !important;
}
.service-item .service-grid li + li .tab-icon i {
  background: url(../images/a2.png);
}
.service-item .service-grid li + li + li .tab-icon i {
  background: url(../images/a3.png);
}
.service-item .service-grid li + li + li + li .tab-icon i {
  background: url(../images/a4.png);
}
.service-item .service-grid li + li + li + li + li .tab-icon i {
  background: url(../images/a5.png);
}
.service-item .service-grid li + li + li + li + li + li .tab-icon i {
  background: url(../images/a6.png);
}
.service-item .service-grid li + li + li + li + li + li + li .tab-icon i {
  background: url(../images/a7.png);
}
.animateds {
  -webkit-animation-duration: 2.8s;
  animation-duration: 2.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} /*.service-item .service-grid li .tab-icon i {display:block;width:98px;height:98px;position:absolute;left:50%;top:50%;margin:-47px 0 0 -47px;background-position:8px -245px;}.service-item .service-grid li+li .tab-icon i {background-position:18px -388px;}.service-item .service-grid li+li+li .tab-icon i {background-position:8px -532px;}.service-item .service-grid li+li+li+li .tab-icon i {background-position:8px -704px;}*/ /*.service-item .service-grid li:hover .tab-icon i {background-position:-111px -245px;}*/ /*.service-item .service-grid li+li:hover .tab-icon i {background-position:-106px -388px;}*/ /*.service-item .service-grid li+li+li:hover .tab-icon i {background-position:-100px -532px;}*/ /*.service-item .service-grid li+li+li+li:hover .tab-icon i {background-position:-104px -704px;}*/ .service-item .service-grid li .title {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  position: relative;
  bottom: 0px
}
.service-item .service-grid li .enname {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
} /*首页品牌简介*/ .index-brand {
  background: #f0f0f0;
  padding-bottom: 50px;
}
.index-brand .brand-grid li {
  width: 458px;
  height: 294px;
  background: #fff;
  overflow: hidden;
}
.index-brand .brand-grid li + li {
  width: 356px;
  margin: 0 15px;
}
.index-brand .brand-grid li + li + li {
  width: 356px;
  margin: 0;
}
.index-brand .brand-grid li + li + li + li {
  height: 214px;
  width: 458px;
}
.index-brand .brand-grid li + li + li + li + li {
  height: 214px;
  margin: 0 15px;
  width: 356px;
}
.index-brand .brand-grid li + li + li + li + li + li {
  height: 214px;
  margin: 0;
  width: 356px;
}
.index-brand .brand-grid li.first {
  padding: 30px 25px 0 25px;
}
.index-brand .brand-grid li.first h3 {
  font-size: 22px;
  color: #68009c;
  font-weight: 400;
}
.index-brand .brand-grid li.first h3 span {
  font-size: 14px;
  display: block;
  margin-top: 8px;
}
.index-brand .brand-grid li.first p {
  color: #7d7d7d;
  margin: 20px 0;
  text-indent: 2em;
}
.index-brand .brand-grid li.first a {
  color: #68009c;
  font-size: 16px;
}
.index-brand .brand-grid li:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
.index-brand .brand-grid li.pubtext {
  padding: 12px;
}
.index-brand .brand-grid li.third {
  background: #c9a753;
}
.index-brand .brand-grid li.fifth {
  background: #68009c;
}
.index-brand .brand-grid li.pubtext a {
  display: block;
  border: 1px solid #d9c287;
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  text-align: center;
  color: #fff;
}
.index-brand .brand-grid li.pubtext a i {
  font-size: 45px;
  margin: 46px 0 0 0;
  display: inline-block;
}
.index-brand .brand-grid li.pubtext a h3 {
  font-size: 18px;
  font-weight: 400;
}
.index-brand .brand-grid li.pubtext a p {
  font-size: 16px;
  text-transform: uppercase;
}
.index-brand .brand-grid li.fifth a {
  border: 1px solid #892bb8;
}
.index-brand .brand-grid li.fifth a i {
  font-size: 35px;
  margin: 32px 0 0 0;
}
.index-brand .brand-grid li.fouth .play-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: 60px;
  height: 60px;
  color: #fff;
  background: #c9a855 url(../images/sprite.png) no-repeat;
  background-position: -351px 8px;
  border-radius: 50%;
}
.index-brand .brand-grid li.fouth:hover .play-icon {
  transform: rotate(360deg);
} /*首页视频弹出层*/ .video-layer {
  width: 600px;
  position: fixed;
  left: 50%;
  margin-left: -300px;
  z-index: 1000000;
  top: 25%;
  display: none;
}
.video-layer video {
  width: 100%;
}
.video-layer .fa-times-circle {
  position: absolute;
  right: -28px;
  top: -25px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
/*首页产品*/
.cp-kg {
  width: 1293px;
  height: 1240px;
  margin: 0 auto;
  padding-top: 20px;
}
.cp-tp li {
  width: 405px !important;
}
.over {
  position: relative;
  overflow: hidden;
}
.overs {
  width: 405px;
}
.title-des {
  background-color: #fff;
  padding: 4% 2%;
  min-height: 112px;
}
li.am.fl.fl-margin {
  margin-right: 2% !important;
  margin-top: 2%; /*border: 1px solid #cdc9c9;*/
}
/*.cp-tp li:hover .title-des{background-color: #286e53;}*/
.cp-tp li:hover .title-des h3 {
  color: #68009c;
}
.cp-tp li:hover .title-des p {
  color: #68009c;
}
.title {
  font-weight: 400;
  font-size: 18px;
}
/*品牌创始人*/ .index-founder {
  padding: 35px 0 48px 0;

}
.example-grid {
  overflow: visible !important;
}
.index-founder .example-grid li {
  height: 280px;
}
.index-founder .example-grid li .over {
  overflow: hidden;
  position: relative;
  width: 40%;
  height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.example-grid li .over .cover-img {
  background-size: cover !important;
  height: 100%;
}
.example-grid li:hover .over .cover-img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
.example-grid li .over .cover-mark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(104, 0, 156, .5);
  opacity: 0;
  filter: Alpha(opacity=50);
  visibility: hidden;
  text-align: center;
  color: #fff;
}
.example-grid li .over .cover-mark i {
  display: block;
  font-size: 25px;
  margin: 56px 0 0 0;
}
.example-grid li:hover .over .cover-mark {
  opacity: 1;
  filter: Alpha(opacity=100);
  visibility: visible;
}
.example-grid li {
  bottom: 0;
}
.example-grid li:hover .title, .example-grid li:hover .des {
  color: #68009c;
}
.index-founder .founder-grid li .title-des {
  background: #ffffff;
  padding: 20px 12px;
  text-align: left;
  font-size: 18px;
  width: 60%;
  height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.example-grid li .title-des p {
  color: #7d7d7d;
  font-size: 14px;
  margin-top: 5px;
}
.founder-grid li:hover {
  -moz-box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
  -webkit-box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
  box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
  bottom: 10px;
} /*首页产品中心*/ .index-pro {
  background-size: cover !important;
  padding-bottom: 30px;
}
.pub-menu {
  text-align: center;
  margin: 20px 0 20px 0;
}
.pub-menu a {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 8px 30px;
  background: #286e53;
  color: #fff;
}
.pub-menu a.active, .pub-menu a:hover {
  color: #286e53;
  background: #fff;
}
.pub-swiper .inner-pub {
  position: relative;
}
.swiper-a .inner-slide ul.slides li {
  display: none;
  position: relative;
  width: 288.75px;
  margin-right: 15px;
}
.pub-swiper .inner-pub ul.slides li .over .cover-mark {
  background: rgba(40, 110, 83, 0);
}
.pub-swiper .inner-pub ul.slides li:hover .over .cover-mark {
  background: rgba(140, 0, 156, .8);
}
.index-pro .example-grid li .over {
  overflow: hidden;
  position: relative;
}
.index-pro .example-grid li .over .cover-mark i {
  font-size: 30px;
  margin: 75px 0 0 0;
}
.pub-swiper .inner-pub ul.slides li .title-des {
  background: #ffffff;
  padding: 15px 15px 18px 15px;
}
.pub-swiper .inner-pub ul.slides li .title-des .title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-pro .pub-check a {
  margin-top: 15px;
}
.index-pro .pub-check a:hover {
  background: #286e53;
}
.pub-swiper .swiper-wrapper {
  height: auto !important;
}
.pub-swiper .swiper-slide {
  height: 1px !important;
}
.pub-swiper .swiper-slide.swiper-slide-active {
  height: auto !important;
}
.pub-swiper .flex-direction-nav a {
  background: rgba(0, 0, 0, .6);
}
.pub-swiper .flex-direction-nav .flex-disabled {
  opacity: 1 !important;
} /*品牌加盟*/ .index-chain {
  background: #68009c;
}
.index-chain .chain-num .pub {
  width: 14%;
  text-align: center;
  background: #c9a753;
  padding: 8px 0;
}
.index-chain .chain-num .center {
  width: 72%;
  color: #fff;
  margin-top: 12px;
}
.index-chain .chain-num .center li {
  width: 25%;
  text-align: center;
  padding: 6px 0;
}
.index-chain .chain-num .pub a {
  color: #fff;
  display: block;
}
.index-chain .chain-num .pub a i {
  font-size: 28px;
  margin: 0;
}
.index-chain .chain-num .pub a h3 {
  font-weight: 400;
  font-size: 15px;
}
.index-chain .chain-num .pub a p {
  font-size: 13px;
}
.index-chain .chain-num .center h3 {
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 3px 0;
  position: relative;
  display: inline-block;
}
.index-chain .chain-num .center h3:after {
  content: "+";
  display: block;
  position: absolute;
  top: 0;
  right: -25px;
  font-weight: 100;
  font-size: 23px;
}
.index-chain .chain-num .center p {
  font-size: 16px;
}
.index-chain .chain-num .center li:not(:first-child) {
  border-left: 1px solid #3d015b;
}
.index-chain .chain-num .center li:not(:last-child) {
  border-right: 1px solid #992ad0;
}
.index-chain .select-area {
  padding: 22px 0;
}
.index-chain .select-city span {
  font-size: 18px;
  color: #fff;
}
.index-chain .select-city select {
  margin-right: 15px;
  width: 143px;
  height: 45px;
  border: none;
  color: #939393;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f1f1f1 url(../images/caret.png) no-repeat scroll right center;
}
.index-chain .select-city select::-ms-expand {
  display: none;
}
.index-chain .select-area .chain-map h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}
.index-chain .select-area .chain-map p {
  color: #fff;
  text-transform: uppercase;
} /*案例分享*/ .index-case {
  background: #f0f0f0;
  height: 548px;
}
.index-case .public {
  position: relative;
}
.case-position {
  position: absolute;
  left: 0;
  top: 33px;
  width: 100%;
  background: #fff;
  padding: 0 20px 20px 20px;
  -moz-box-shadow: 0px 8px 15px rgba(11, 51, 36, .2);
  -webkit-box-shadow: 0px 8px 15px rgba(11, 51, 36, .2);
  box-shadow: 0px 8px 15px rgba(11, 51, 36, .2);
}
.case-menu a {
  background: #c9a753;
  color: #fff;
  padding: 8px 20px;
}
.case-menu a.active, .case-menu a:hover {
  background: #286e53;
  color: #fff;
}
ul.case-home-list li {
  overflow: hidden;
  margin-bottom: 2%;
}
ul.case-home-list li .cover-mark {
  position: absolute;
  top: 179px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(40, 110, 83, .9);
  color: #fff;
  text-align: center;
}
ul.case-home-list li .cover-mark a {
  color: #fff;
}
ul.case-home-list li .cover-mark h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 26px 0 8px 0;
}
ul.case-home-list li .cover-mark .tag-name {
  display: inline-block;
  padding: 0 5px;
  position: relative;
}
ul.case-home-list li .cover-mark .tag-name:after {
  content: "";
  width: 1px;
  height: 14px;
  background: #fff;
  position: absolute;
  right: -2.5px;
  top: 50%;
  margin-top: -7px;
}
ul.case-home-list li .cover-mark .tag-name:last-of-type:after {
  display: none;
}
ul.case-home-list li .cover-mark .detail-online {
  margin-top: 22px;
}
ul.case-home-list li .cover-mark .detail-online a {
  display: inline-block;
  width: 158px;
  height: 44px;
  color: #286e53;
  background: #ffffff;
  text-align: center;
  line-height: 44px;
}
ul.case-home-list li .cover-mark .detail-online a + a {
  background: #c0a453;
  color: #fff
}
ul.case-home-list li .cover-mark .detail-online a i {
  font-size: 22px;
  vertical-align: middle;
}
ul.case-home-list li .cover-mark .detail-online a + a i {
  font-size: 25px;
}
.index-case .pub-check a {
  margin-top: 0;
}
ul.case-home-list li:hover .cover-mark {
  top: 0;
}
ul.case-home-list li .over {
  overflow: hidden;
}
ul.case-home-list li:hover .over .cover-img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
ul.case-home-list li:hover {
  -moz-box-shadow: 0px 10px 20px rgba(11, 51, 36, .3);
  -webkit-box-shadow: 0px 10px 20px rgba(11, 51, 36, .3);
  box-shadow: 0px 10px 20px rgba(11, 51, 36, .3);
} /*首页招商加盟*/ .index-join {
  height: 564px;
  background-size: cover;
  padding-top: 200px;
}
.index-join .public {
  position: relative;
  height: 100%;
}
.index-join .reason {
  height: 336px;
  position: absolute;
  bottom: -250px;
  width: 100%;
}
.pub-item .content {
  text-align: center;
}
.pub-item .content h3 {
  font-size: 33px;
  color: #fff;
  font-weight: 600;
}
.pub-item .content h2 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  margin: 14px 0 18px 0;
}
.pub-item .content p {
  color: #c4d2cc;
}
.pub-item .content a {
  background: #68009c;
  display: inline-block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  margin-top: 22px;
    border-radius: 10px;
}
.pub-item .content a + a {
  margin-left: 75px;
}
.pub-item .content a i {
  font-size: 28px;
  vertical-align: middle;
}
.index-join .reason {
  padding: 53px 30px 0 30px;
}
.index-join .reason .pub-title {
  margin-bottom: 20px;
}
.index-join .reason .pub-title h3 {
  color: #68009c;
}
.index-join .reason .pub-title h2 {
  color: #68009c;
}
.index-join .reason .col-8 li {
  width: 12.5%;
  text-align: center;
}
.index-join .reason .col-8 li i {
  display: block;
  font-size: 32px;
  color: #68009c;
  margin: 0;
}
.index-join .reason .col-8 li:after {
  content: "";
  display: block;
  width: 1px;
  height: 76px;
  background: #d6d6d6;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -38px;
}
.index-join .reason .col-8 li:last-child:after {
  display: none;
} /*首页新闻资讯*/ .index-news {
  background: #f0f0f0;
  padding: 230px 0 30px 0;
}
.swiper-c .inner-slide ul.slides li {
  display: none;
  position: relative;
  width: 390px;
  margin-right: 15px;
}
.swiper-c .inner-slide ul.slides li .over .cover-mark {
  background: rgba(40, 110, 83, 0);
}
.swiper-c .inner-slide ul.slides li:hover .over .cover-mark {
  background: rgba(40, 110, 83, .8);
}
.news-menu a {
  background: #c9a753;
  color: #fff;
    
}
.news-menu a:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.news-menu a:nth-child(2) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.news-menu a.active, .news-menu a:hover {
  background: #68009c;
  color: #fff;
    
}
.swiper-c .news-inner-slide ul.slides li {
  display: none;
  position: relative;
  width: 390px !important;
  margin-right: 15px;
}
.index-news .pub-check a {
  background: #f0f0f0;
}
.index-news .pub-check a:hover {
  background: #68009c;
}
.index-news .example-grid li .over {
  overflow: hidden;
  position: relative;
}
.index-news .example-grid li .over .cover-mark i {
  font-size: 30px;
  margin: 75px 0 0 0;
} /*footer*/ .foot-top.active {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  -moz-box-shadow: 0px -8px 6px rgba(51, 51, 51, 0.17);
  -webkit-box-shadow: 0px -6px 8px rgba(51, 51, 51, 0.17);
  box-shadow: 0px -6px 8px rgba(51, 51, 51, 0.17);
  background: rgba(104, 0, 156, 0.97);
}
.foot-top {
  background: #68009c;
  color: #fff;
  overflow: hidden;
}
.foot-top a {
  color: #fff;
}
.foot-top li {
  width: 300px;
  text-align: center;
}
.foot-top li + li {
  width: 156px;
}
.foot-top li + li + li {
  width: 216px;
}
.foot-top li + li + li + li {
  width: 166px;
}
.foot-top li + li + li + li + li {
  width: 186px;
}
.foot-top li + li + li + li + li + li {
  width: 176px;
}
.foot-top li a {
  display: block;
  padding: 2px 0 8px 0;
}
.foot-top li a i {
  font-size: 30px;
  margin: 0;
}
.foot-top li a h3 {
  font-size: 16px;
  font-weight: 400;
}
.foot-top li a p {
  font-size: 12px;
  text-transform: uppercase;
}
.foot-top li.first {
  text-align: left;
  padding-top: 18px;
  min-height: 106px;
}
.foot-top li.first h3 {
  font-size: 20px;
  font-weight: 400;
}
.foot-top li.first p span {
  font-size: 22px;
}
.foot-top li.first p:after {
  content: "";
  display: block;
  width: 68px;
  height: 2px;
  background: #ffffff;
}
.foot-top li:not(:first-child) {
  border-left: 1px solid #3d015b;
}
.foot-top li:not(:last-child) {
  border-right: 1px solid #992ad0;
}
.foot-top li a:hover {
  background: #992ad0;
}
.foot-top li:last-child {
  border-right: 1px solid #3d015b;
}
.foot-top li:not(:first-child):hover {
  border-right: 1px solid #992ad0;
  border-left: 1px solid #992ad0;
}
.foot-mid {
  background: #414141;
  padding: 40px 0;
  color: #bebebe;
}
.foot-mid a {
  color: #bebebe;
}
.foot-mid .firstnav {
  color: #f8f8f8;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.foot-mid .foot-grid {
  width: 10%;
}
ul.foot-secnav li a:hover {
  color: #fff;
  margin-left: 6px;
}
.foot-mid .contact {
  width: 30%;
  padding-left: 60px;
}
.foot-mid .contact img {
  margin-bottom: 5px;
}
.foot-mid .contact .code {
  text-align: center;
  margin-top: 10px;
}
.foot-mid .contact .code .wechat-code {
  width: 30%;
  margin-right: 8px;
  font-size: 12px;
}
.foot-bottom {
  background: #242424;
  padding: 28px 0 55px 0;
}
.copyright, .copyright a {
  color: #636363;
  font-size: 12px;
}
.copyright a:hover {
  color: #fff;
}
.copyright p.fr a {
  padding-right: 5px;
  position: relative;
  margin-right: 5px;
}
.copyright p.fr a:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #636363;
  position: absolute;
  right: 0;
  top: 2.8px;
}
.copyright p.fr a:last-child:after {
  display: none;
} /*固定右侧悬窗*/ .toolbar {
  position: absolute;
  right: 10px;
  z-index: 100000;
}
.toolbar-item .iconfont {
  width: 100%;
  height: 100%;
  background: #68009c;
  display: block;
  text-align: center;
  line-height: 52px;
  font-size: 26px;
  color: #fff;
    border-radius: 5px;
}
.toolbar-item {
  position: relative;
  display: block;
  width: 52px;
  height: 52px;
  margin-top: 2px;
  transition: background-position 1s;
    
}
.toolbar-item-weixin:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.toolbar-item-feedback:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.toolbar-item-app:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.toolbar-item-weixin .toolbar-layer {
  height: 160px;
}
.toolbar-item.toolbar-item-top {
  margin-top: 10px;
  opacity: 0;
}
.toolbar-item.toolbar-item-top.active {
  opacity: 1;
  transition: all 0.6s;
}
.toolbar-item.toolbar-item-top.leave {
  opacity: 0;
  transition: all 0.6s;
}
.toolbar-item.toolbar-item-top i {
  background: #992ad0;
}
.toolbar-layer {
  position: absolute;
  right: 52px;
  bottom: 0;
  width: 160px;
  opacity: 0;
  filter: alpha(opacity=0);
  transform-origin: 95% 95%;
  transform: scale(0.01);
  transition: all 0.4s;
  color: #fff;
  text-align: left;
  background: #992ad0;
} /*固定左侧悬窗*/ .float-box {
  position: absolute;
  left: 0;
  z-index: 100000;
  width: 220px;
}
.float-box img {
  width: 100%;
}
.float-box .code {
  position: absolute;
  right: 54px;
  bottom: 12px;
  width: 37%;
}
.float-box .fa-times-circle {
  position: absolute;
  right: 33px;
  top: 96px;
  font-size: 30px;
  opacity: .7;
  cursor: pointer;
}
.float-box.in {
  left: -220px;
}
.float-show {
  position: absolute;
  top: 50px;
  left: -25px;
  height: 236px;
  width: 25px;
  background: #358868;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  text-align: center;
  padding-top: 44px;
  color: #fff;
  cursor: pointer;
}
.float-show.out {
  left: 220px;
} /*内页banner*/ .banner-in {
  height: 320px;
  background-size: cover !important;
} /*内页公共导航*/ .pub-list {
  position: relative;
  background: #f0f0f0;
  padding: 0 0 26px 0;
}
.in-menu {
  text-align: center;
  background: #68009c;
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: -600px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  width: 1200px;
}
.in-menu.chain-menu {
  text-align: left;
  padding-left: 30px;
}
.in-menu.chain-menu h3 {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.in-menu.chain-menu h3 span {
  font-size: 16px;
  margin-left: 5px;
  text-transform: uppercase;
}
.in-menu a {
  display: inline-block;
  padding: 0 45px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  position: relative;
}
/*.in-menu a.case-link {
  padding: 0 30px;
}*/
/*.in-menu a:before {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: #19533d;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 0;
}
.in-menu a:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: #469476;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 0;
}*/
.in-menu a span.line {
  position: absolute;
  display: inline-block;
  height: 6px;
  width: 0;
  background: #3d015b;
  left: 50%;
  top: 0;
}
.in-menu a:hover, .in-menu a.active, .in-menu a.active:before, .in-menu a.active:after {
  background: #fff;
  color: #68009c;
    border-top-left-radius: 10px;border-top-right-radius: 10px;
}
.in-menu a:hover:after, .in-menu a:hover:before {
  background: transparent;
}
.in-menu a:hover span.line, .in-menu a.active span.line {
  width: 100%;
  left: 50%;
  margin-left: -50%;
} /*服务项目列表详情*/ .pub-list.nomenu-list {
  padding: 26px 0 26px 0;
}
.pub-list .public {
  background: #fff;
  padding: 23px 30px 35px 30px;
}
.chain-map .public {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  z-index: 1000;
  padding: 20px 30px;
}
.chain-map .public .select-map {
  margin-bottom: 0;
}
.pub-list .example-grid li {
  margin-bottom: 2%;
}
.pub-list .example-grid li .title-des {
  padding: 4% 2%;
  background: #e3e3e3;
}
.pub-list .example-grid li .title-des .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  margin-bottom: 8px;
}
.pub-list .example-grid li:hover {
  -moz-box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
  -webkit-box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
  box-shadow: 7px 7px 20px rgba(11, 51, 36, .5);
}
.pub-list .example-grid li:hover .title-des {
  background: #68009c;
}
.pub-list .example-grid li:hover .title-des h3 {
  color: #fff;
}
.pub-list .example-grid li:hover .title-des p {
  color: #fff;
}
.inpub-join {
  padding: 35px 0 55px 0;
  border-bottom: 1px solid #992ad0;
}
.inpub-join .col-4 li {
  text-align: center;
  padding: 8px;
  background: #68009c;
}
.inpub-join .col-4 li:first-child{border-bottom-left-radius: 10px;border-top-left-radius: 50px;}
.inpub-join .col-4 li:first-child a{border-bottom-left-radius: 10px;border-top-left-radius: 50px;}
.inpub-join .col-4 li:nth-child(4){border-bottom-right-radius: 10px;border-top-right-radius: 50px;}
.inpub-join .col-4 li:nth-child(4) a{border-bottom-right-radius: 10px;border-top-right-radius: 50px;}
.inpub-join .col-4 li a {
  display: block;
  color: #fff;
  font-size: 12px;
  border: 1px solid #992ad0;
  padding: 10px 0 24px 0;
}
.inpub-join .col-4 li a i {
  font-size: 36px;
  margin: 0;
}
.inpub-join .col-4 li a h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}
.inpub-join .content {
  margin-top: 64px;
}
.inpub-join .content a:hover {
  transform: skew(-10deg);
}
.inner-content .total-title {
  text-align: center;
  margin: 28px 0;
}
.inner-content .total-title .view-title {
  font-size: 22px;
  margin-bottom: 18px;
}
.inner-content .total-title .time-author span {
  color: #7c7c7c;
}
.inner-content .total-title .time-author span.author {
  margin: 0 25px;
}
.inner-content .content-detail {
  position: relative;
}
.inner-content .content-detail .content-view, .inner-content .content-detail .content-view a {
  color: #7c7c7c;
}
.inner-content .content-detail .content-view img {
  margin: 0 auto;
} /*产品中心列表详情*/ .litpics-des {
  background: #e3e3e3;
  margin: 28px 0;
}
.litpics-des .litpics {
  width: 37%;
  height: 360px;
}
.litpics-des .litpics .slides li {
  height: 360px;
  background-size: cover !important;
}
.litpics-des .text {
  width: 63%;
  padding: 20px 30px 10px 30px;
  color: #7c7c7c;
}
.litpics-des .text table {
  border-collapse: collapse;
  width: 100%;
  color: #7c7c7c;
  font-size: 15px;
}
.litpics-des .text table tr td {
  padding: 3px 0;
  border: none;
}
.litpics-des .text table tr td strong {
  color: #7c7c7c;
}
.litpics-des .flex-control-paging li a:hover {
  background: #286e53;
}
.litpics-des .flex-control-paging li a.flex-active {
  background: #286e53;
  width: 20px;
}
.litpics-des .flex-control-nav {
  right: -38%;
}
.litpics-des .flex-direction-nav a {
  background: rgba(0, 0, 0, .6);
}
.litpics-des .text .view-title {
  font-size: 20px;
  color: #282828;
  letter-spacing: 2px;
}
.litpics-des .text .time-author {
  margin: 15px 0 20px 0;
}
.litpics-des .text .time-author span {
  margin-right: 15px;
}
.litpics-des .text .online {
  background: #68009c;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-top: 5px;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
    border-radius: 5px;
}
.litpics-des .text .online i {
  font-size: 22px;
  vertical-align: middle;
}
.litpics-des .text .online:hover {
  background: #c9a753;
}
.litpics-des .text h3.view-title span {
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
  letter-spacing: normal;
}
.pub-list .example-grid li .over {
  overflow: hidden;
  position: relative;
}
.pub-list .example-grid li .over .cover-mark i {
  font-size: 30px;
  margin: 75px 0 0 0;
} /*曲氏团队列表*/ .team-list .pub-title h3 {
  color: #68009c;letter-spacing:6px;
}
.team-list .pub-title h2 {
  color: #7c7c7c;
}
.team-list ul.team-grid {
  margin-top: 28px;
}
.team-list ul.team-grid li {
  margin-bottom: 1%;
  background: #e3e3e3;
}
.team-list ul.team-grid li .over {
  width: 14%;
}
.team-list ul.team-grid li .title-des {
  width: 86%;
  padding: 5% 4%;
}
.team-list ul.team-grid li .title-des h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.team-list ul.team-grid li .title-des strong {
  color: #68009c;
  padding-right: 5px;
  margin-right: 5px;
  position: relative;
}
.team-list ul.team-grid li .title-des strong:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #68009c;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -7px;
}
.team-list ul.team-grid li .title-des strong:last-of-type:after {
  display: none;
}
.team-list ul.team-grid li .title-des p {
  font-size: 14px;
} /*.team-list ul.team-grid li:not(:first-child) .title-des {padding:5% 4%;}*/ .team-list ul.team-grid li:last-child {
  margin-bottom: 0;
} /*案例列表详情*/ ul.case-home-list.case-list li .contain {
  position: relative;
  overflow: hidden;
}
ul.case-home-list.case-list li:hover {
  -moz-box-shadow: 0px 10px 20px rgba(11, 51, 36, 0);
  -webkit-box-shadow: 0px 10px 20px rgba(11, 51, 36, 0);
  box-shadow: 0px 10px 20px rgba(11, 51, 36, 0);
}
ul.case-home-list.case-list li .title-name {
  text-align: center;
  padding: 12px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-litpics-des .litpics {
  width: 50%;
  height: 269px;
}
.case-litpics-des .litpics .slides li {
  height: 269px;
}
.case-litpics-des .text {
  width: 50%;
}
.case-litpics-des .text .time-author {
  margin: 10px 0 10px 0;
}
.case-litpics-des .text .online {
  margin-top: 20px;
}
.case-litpics-des .text {
  padding: 20px 30px;
}
.case-litpics-des .text .video {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #c9a753;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.case-litpics-des .text .no-video {
  background: #adadad;
}
.case-litpics-des .text .video i {
  font-size: 25px;
  margin: 0;
}
.case-litpics-des .text .video:hover {
  background: #286e53;
}
.case-litpics-des .text .no-video:hover {
  background: #adadad;
} /*video*/ .playvideo.open {
  height: auto;
}
.playvideo {
  position: fixed;
  text-align: center;
  width: 600px;
  height: 0;
  overflow: hidden;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  margin-left: -300px;
  background: #fff;
  z-index: 1000000000000;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
}
.playvideo video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.playvideo .close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 100000000000000;
  background: #c9a753;
  color: #adadad;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 0 5px 2px 5px;
  cursor: pointer;
  color: #fff;
}
.fullmask {
  background: rgba(0, 0, 0, .6);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 10000000;
  display: none;
}
.openvideo {
  cursor: pointer;
  position: absolute;
  right: 2%;
  top: 2%;
}
.openvideo span {
  display: block;
  position: relative;
  top: -25px;
  left: -4px;
} /*单页-品牌介绍*/
.page-view .pub-title h3 {
  color: #68009c;letter-spacing:6px;
}
.page-view .pub-title h2 {
  color: #7c7c7c;
}
.page-view {
  color: #7c7c7c;
}
.page-view .total-title {
  font-size: 18px;
  color: #68009c;
  font-weight: 600;
  margin-bottom: 10px;
}
.page-view .intro li.text {
  width: 55%;
}
.page-view .intro li.img {
  width: 38%;
}
.page-view .intro li h2.tel {
  font-size: 16px;
  font-weight: 400;
  color: #68009c;
  margin-top: 10px;
} /*单页-明星形象大使*/ .page-view .star li.text {
  width: 59%;
} /*单页-品牌展示*/ .page-view .total-title span {
  font-size: 14px;
  text-transform: uppercase;
}
ul.brand-show li {
  margin-bottom: 2%;
}
ul.brandshow-join li.single-set {
  height: 274px;
  color: #fff;
  background: #286e53;
  padding: 10px;
  text-align: center;
}
ul.brandshow-join li.single-set a {
  color: #fff;
}
ul.brandshow-join li.single-set .border-container {
  border: 1px solid #6b9b88;
  height: 100%;
}
ul.brandshow-join li.single-set .border-container h3 {
  font-size: 22px;
  margin-top: 24px;
}
ul.brandshow-join li.single-set .border-container p {
  font-size: 18px;
  margin: 8px 0 16px 0;
}
ul.brandshow-join li.single-set .border-container .process {
  font-size: 18px;
  padding-right: 6px;
  margin-right: 6px;
  position: relative;
}
ul.brandshow-join li.single-set .border-container .process:after {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #fff;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -8px;
}
ul.brandshow-join li.single-set .border-container .process:nth-of-type(5):after {
  display: none;
}
ul.brandshow-join li.single-set .border-container .join {
  display: block;
  font-size: 16px;
  width: 160px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin: 35px auto 0;
  background: #c9a753;
}
ul.brandshow-join li.single-set .border-container .join i {
  font-size: 25px;
  vertical-align: middle;
} /*单页-品牌荣誉*/ .honor-grid li {
  margin-bottom: 2%;
  background: #e3e3e3;
}
.honor-grid li img, .honor-grid li .hornor-des {
  width: 50%;
}
.honor-grid li .hornor-des {
  padding: 2%;
}
.honor-grid li .hornor-des h3 {
  color: #286e53;
  margin-bottom: 5px;
}
#outerdiv {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: none;
}
#innerdiv {
  position: absolute;
} /*单页-安全保障体系*/ .page-view .total-center-title {
  text-align: center;
  font-size: 22px;
} /*单页-加盟流程*/ .league-view .league-title {
  text-align: center;
  margin-bottom: 25px;
}
.league-view .league-title h3 {
  font-size: 22px;
}
.league-view .league-title p {
  margin: 8px 0;
}
.league-view .league-title i {
  margin: 0;
  color: #fff;
  display: inline-block;
  background: #286e53;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  font-size: 20px;
}
.league-view ul.league-pub, .league-view ul.league-pub a {
  color: #7d7d7d;
}
.league-view ul.league-pub li {
  width: 25%;
  text-align: center;
  border: 1px solid #ececec;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 15px 18px;
  min-height: 289px;
}
.league-view ul.league-pub li h3 {
  font-size: 18px;
  color: #286e53;
  margin: 8px 0;
}
.league-view ul.league-pub li i {
  margin: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 38px;
  color: #286e53;
  background-position: -343px -400px;
}
.league-view ul.league-pub li + li i {
  background-position: -440px -400px;
}
.league-view ul.league-pub li + li + li i {
  background-position: -537px -400px;
}
.league-view ul.league-pub li + li + li + li i {
  background-position: -634px -400px;
}
.league-view ul.league-pub li + li + li + li + li i {
  background-position: -731px -400px;
}
.league-view ul.league-pub li + li + li + li + li + li i {
  background-position: -343px -523px;
}
.league-view ul.league-pub li + li + li + li + li + li + li i {
  background-position: -440px -523px;
}
.league-view ul.league-pub li + li + li + li + li + li + li + li i {
  background-position: -537px -523px;
}
.league-view ul.league-pub li:nth-of-type(1), .league-view ul.league-pub li:nth-of-type(2), .league-view ul.league-pub li:nth-of-type(3), .league-view ul.league-pub li:nth-of-type(4) {
  border-top: none;
  padding-top: 0;
}
.league-view ul.league-pub li:nth-of-type(1), .league-view ul.league-pub li:nth-of-type(5) {
  border-left: none;
}
.league-view ul.league-pub li:nth-of-type(4), .league-view ul.league-pub li:nth-of-type(8) {
  border-right: none;
}
.league-view ul.league-pub li:nth-of-type(5), .league-view ul.league-pub li:nth-of-type(6), .league-view ul.league-pub li:nth-of-type(7), .league-view ul.league-pub li:nth-of-type(8) {
  border-bottom: none;
} /*单页-加盟优势*/ .league-view ul.join-advantage li {
  min-height: 220px;
}
.league-view ul.join-advantage li p {
  margin-top: 15px;
}
ul.ensure {
  background: #c9a753;
  margin-top: 20px;
}
ul.ensure li {
  width: 50%;
}
ul.ensure li img {
  width: 100%;
}
ul.ensure li i {
  display: inline-block;
  margin: 0;
  width: 129px;
  height: 115px;
  background: url(../images/symbol.png);
  position: absolute;
  right: 0;
  top: 20px;
  opacity: .5;
}
ul.ensure li.text {
  padding: 25px 30px 10px 30px;
  color: #fff;
}
ul.ensure li.text h3 {
  font-size: 22px;
  font-weight: 500;
}
ul.ensure li.text h2 {
  font-size: 16px;
  margin: 5px 0 20px 0;
  font-weight: 500;
}
.league-view .total-title {
  font-size: 20px;
  color: #286e53;
  font-weight: 400;
  margin-bottom: 15px;
}
.league-view .total-title .en {
  font-size: 16px;
  text-transform: uppercase;
}
.pub-list .public.advantage {
  margin-top: 10px;
}
.pub-list .public.advantage ul.col-3 li {
  text-align: center;
  color: #286e53;
  padding: 10px 15px;
  border-right: 1px solid #d2d2d2;
  min-height: 342px;
}
.pub-list .public.advantage ul.col-3 li i {
  margin: 0;
  font-size: 48px;
}
.pub-list .public.advantage ul.col-3 li h3 {
  font-size: 18px;
}
.pub-list .public.advantage ul.col-3 li p {
  text-align: left;
  color: #7d7d7d;
  margin-top: 12px;
}
.pub-list .public.advantage ul.col-3 li + li + li p {
  text-align: center;
}
.pub-list .public.advantage ul.col-3 li:last-child {
  border: none;
} /*单页-加盟级别*/ .join-level li {
  margin-right: 12px;
  width: 372px;
  background: #e6f0ec;
  color: #286e53;
  padding: 40px 10px 0 10px;
  min-height: 400px;
  top: 0;
  border-radius: 6px;
}
.join-level li:last-child {
  margin: 0;
}
.join-level li .total-title {
  width: 240px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #286e53;
  color: #fff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  top: -15px;
  font-size: 16px;
}
.join-level li:hover {
  top: -5px;
  -moz-box-shadow: 0px 5px 16px #B3B3B3;
  -webkit-box-shadow: 0px 5px 16px #B3B3B3;
  box-shadow: 0px 5px 16px #B3B3B3;
}
.join-level li .join {
  display: block;
  width: 185px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #c9a753;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 50%;
  margin-left: -92.5px;
  bottom: -30px;
  opacity: 0;
  visibility: hidden;
}
.join-level li .join i {
  font-size: 25px;
  vertical-align: middle;
}
.join-level li:hover .join {
  bottom: -25px;
  opacity: 1;
  visibility: visible;
} /*单页-加盟保障*/ .league-view ul.join-guarantee li {
  min-height: 165px;
} /*联系我们*/ .contact-view .col-2 {
  overflow: visible;
}
.contact-view .col-2 li {
  background: #e6f0ec;
  color: #286e53;
  padding: 10px 20px 20px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.contact-view .col-2 li a, .contact-view .col-2 li strong {
  color: #286e53;
}
.contact-view .col-2 li .total-title {
  width: 320px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #286e53;
  color: #fff;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  margin-left: -160px;
  top: -16.5px;
  font-size: 20px;
  font-weight: 400;
}
.map-contact {
  position: relative;
}
.map-contact .public {
  position: absolute;
  top: 13px;
  left: 50%;
  margin-left: -600px;
  background: #286e53;
  color: #fff;
  z-index: 10000;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 30px;
  font-size: 16px;
}
#map {
  height: 530px;
}
#chain-map {
  height: 580px;
}
#index-map {
  height: 495px;
  position: relative;
  z-index: 1;
}
#map > div {
  top: 100px !important;
}
.BMap_cpyCtrl span, .anchorBL a img, .BMap_shadow img {
  display: none !important;
} /* shopinfo */ .shopinfo {
  position: relative;
  padding-bottom: 30px;
  overflow: hidden;
  width: 340px;
  height: 395px;
  display: none;
}
.shopinfo .desc {
  position: absolute;
  width: 100%;
  text-align: center;
  background: #c9a753;
  color: #fff;
  padding: 15px 0;
  left: 0;
  bottom: -2px;
  z-index: 1;
  font-weight: 100;
  font-size: 16px;
}
.shopinfo .desc h3, .shopinfo .desc h4 {
  color: #fff;
}
.shopinfo .desc h3 {
  margin-bottom: 6px;
}
.shopinfo .desc span {
  margin-left: 20px;
}
.shopinfo .desc span.green {
  color: #286e53;
  font-weight: bold;
} /*我要加盟(表单提交)*/ .online-in {}
.online-in ul li {
  padding-left: 128px;
  margin-bottom: 2%;
}
.online-in ul li input {
  height: 45px;
  border: none;
  background: #e5e5e5;
}
.online-in ul li textarea {
  height: 125px;
  border: none;
  background: #e5e5e5;
}
.online-in ul li select {
  border: none;
  color: #939393;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 45px;
  position: relative;
  background: #f1f1f1 url(../images/caret.png) no-repeat scroll right center;
}
.online-in ul li select::-ms-expand {
  display: none;
}
.online-in ul li .text {
  position: absolute;
  left: 0;
  width: 132px;
  margin: 6px 0 0 0;
}
.online-in ul li.pub {
  width: 100%;
}
.online-in ul li.ewm img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
.online-in ul li .bginput {
  width: 190px;
  background: #caa753;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.online-in ul li .bginput:hover {
  background: #286e53;
}
.online-in .distpicker .form-group {
  width: 20%;
  margin-right: 2%;
}
.online-in ul li input::-webkit-input-placeholder, .online-in ul li textarea::-webkit-input-placeholder {
  color: #7d7d7d;
}
.online-in ul li input:-moz-placeholder, .online-in ul li textarea:-moz-placeholder {
  color: #7d7d7d;
}
.online-in ul li input::-moz-placeholder, .online-in ul li textarea::-moz-placeholder {
  color: #7d7d7d;
}
.online-in ul li input:-ms-input-placeholder, .online-in ul li textarea:-ms-input-placeholder {
  color: #7d7d7d;
}
.online-in ul li:nth-of-type(2) {
  padding-left: 80px;
}
.online-in ul li:nth-of-type(3) {
  padding-left: 150px;
}
.online-in ul li .opt {
  margin: 7px 15px 0 0;
}
.online-in ul li .opt .magic-radio {
  height: auto;
  margin-top: 0;
}
.online-in .remind {
  color: #286e53;
  font-size: 12px;
  margin-left: 128px;
}
.success-img {
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -407.5px;
  top: 5%;
  z-index: 10000;
}
.success-img .pub-title {
  position: absolute;
  bottom: 55px;
  width: 420px;
  height: 440px;
  right: 83px;
}
.success-img .pub-title .contact {
  color: #286e53;
  margin-top: 20px;
}
.success-img .pub-title .contact i.icon-xiaolian- {
  margin: 0;
  font-size: 40px;
}
.success-img .pub-title .contact h1 {
  font-size: 18px;
  margin: 5px 0 8px 0;
}
.success-img .pub-title .contact h4 {
  font-size: 22px;
}
.success-img .pub-title .contact p {
  color: #7d7d7d;
  margin: 5px 0 20px 0;
}
.success-img .pub-title .contact p .tel {
  color: #286e53;
}
.success-img .pub-title .contact a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  width: 208px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #c9a753;
}
.success-img .pub-title .contact a:hover {
  background: #286e53;
}
.success-img .pub-title .contact a i {
  vertical-align: middle;
  font-size: 25px;
}
.backmark {
  background: rgba(0, 0, 0, .6);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: .2s;
  transition: .2s;
  z-index: 1000;
  display: none;
} /*头部侧边导航*/ .menu-icon {
  cursor: pointer;
}
.sidebar-nav {
  width: 50%;
  position: fixed;
  left: 50%;
  margin-left: -25%;
  top: 25%;
  z-index: 100000000;
  color: #fff;
  width: 50%;
  display: none;
}
.sidebar-nav a {
  color: #fff;
}
.sidebar-nav li {
  margin-bottom: 2%;
}
.sidebar-nav li .first-nav {
  border-bottom: 1px solid #fff;
  width: 80%;
  display: inline-block;
  margin-bottom: 2%;
  font-size: 16px;
}
ul.sidebarsec-nav li {
  width: 50%;
  margin: 0;
}
ul.sidebarsec-nav li a {
  font-size: 12px;
}
ul.sidebarsec-nav li a:hover {
  margin-left: 5px;
} /*招商加盟列表详情*/ .select-map {
  margin-bottom: 30px;
}
.select-map .select-city span {
  font-size: 18px;
  font-weight: bold;
}
.select-map .select-city select {
  margin-right: 15px;
  width: 143px;
  height: 45px;
  border: none;
  color: #939393;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #f1f1f1 url(../images/caret.png) no-repeat scroll right center;
}
.select-map .select-city select::-ms-expand {
  display: none;
}
.select-map .chain-map {
  height: 45px;
  background: #c9a753;
  overflow: hidden;
}
.select-map .chain-map a {
  color: #fff;
}
.select-map .chain-map a i {
  font-size: 20px;
  vertical-align: middle;
}
.select-map .chain-map .map {
  font-size: 15px;
  padding: 0 20px;
  display: inline-block;
  height: 45px;
  line-height: 45px;
}
.select-map .chain-map .search-icon {
  background: #286e53;
  height: 100%;
  display: inline-block;
  width: 50px;
  text-align: center;
  line-height: 45px;
}
.select-map .chain-map .search-icon i {
  margin: 0;
}
.select-map .chain-search {
  height: 45px;
  position: relative;
  padding-right: 45px;
  margin-left: 25px;
}
.select-map .chain-search form {
  height: 100%;
}
.select-map .chain-search input {
  width: auto;
  height: 100%;
  border: none;
}
.select-map .chain-search input[type="text"] {
  background: #f1f1f1;
  color: #aab2bd;
}
.select-map .chain-search input[type="submit"], .select-map .chain-search form label {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  background: #286e53;
  text-align: center;
  line-height: 45px;
}
.select-map .chain-search input[type="submit"] {
  background: none;
  cursor: pointer;
}
.select-map .chain-search form label {
  color: #fff;
  font-weight: 100;
}
.select-map .chain-search form label i {
  margin: 0;
  font-size: 20px;
}
.select-map .chain-search input[type="text"]::-webkit-input-placeholder {
  color: #aab2bd;
}
.chain-list ul.col-2 li {
  background: #e3e3e3;
  margin-bottom: 2%;
  overflow: hidden;
}
.chain-list ul.col-2 li .cover-img {
  width: 30%;
  height: 184px;
}
.chain-list ul.col-2 li .cover-img .cover-mark {
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  cursor: pointer;
  visibility: hidden;
}
.chain-list ul.col-2 li:hover .cover-img .cover-mark {
  background: rgba(0, 0, 0, .7);
  visibility: visible;
}
.chain-list ul.col-2 li .cover-img .cover-mark i {
  font-size: 28px;
  margin: 45px 0 0 0;
  display: inline-block;
}
.chain-list ul.col-2 li .text {
  width: 62%;
  padding: 15px 2% 2% 2%;
  color: #7d7d7d;
  height: 184px;
}
.chain-list ul.col-2 li .text h3 {
  margin-bottom: 15px;
  color: #282828;
  font-size: 15px;
}
.chain-list ul.col-2 li .join {
  width: 8%;
  height: 100%;
  background: #c9a753;
  height: 184px;
  text-align: center;
  position: absolute;
  right: -8%;
}
.chain-list ul.col-2 li .join i {
  margin: 20px 0 0 0;
  font-size: 18px;
  display: inline-block;
  color: #fff;
}
.chain-list ul.col-2 li .join p {
  width: 20px;
  margin: auto;
  color: #fff;
}
.chain-list ul.col-2 li:hover .join {
  right: 0;
}
.fixed-photo {
  position: fixed;
  z-index: 1000000;
  width: 450px;
  left: 50%;
  margin-left: -225px;
  top: 20%;
}
.fixed-photo img {
  margin: 0 auto;
  width: 100%;
} /*flexslider.css start*/ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author:Tyler Smith (@mbmufffin) */ /* Browser Resets*********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
} /* Icon Fonts*********************************/ /* Font-face Icons */ @font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
} /* FlexSlider Necessary Styles*********************************/ .flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
} /* Clearfix for the .slides element */ .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
} /* No JavaScript Fallback */ /* If you are not using another script,such as Modernizr,make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {
  display: block;
} /* FlexSlider Default Theme*********************************/ .flexslider {
  background: #EBEDEF;
  position: relative;
  zoom: 1;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
} /* flexslider img */ .flexslider img {
  max-width: 100%;
  width: 100%;
  height: auto;
} /* Direction Nav */ .flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 32px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  background: #EA5413;
  position: absolute;
  top: 49%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: 0px;
}
.flex-direction-nav .flex-next {
  right: 0px;
  text-align: center;
}
.flexslider:hover .flex-prev {
  left: 10px;
}
.flexslider:hover .flex-next {
  right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 25px;
  content: '\f104';
  color: #fff;
}
.flex-direction-nav a.flex-next:before {
  content: '\f105';
  color: #fff;
} /* serviceslist Direction Nav */ .serviceslist .flex-direction-nav .flex-prev {
  left: -35px;
}
.serviceslist .flex-direction-nav .flex-next {
  right: -80px;
  text-align: center;
}
.serviceslist .flexslider:hover .flex-prev {
  left: -35px;
}
.serviceslist .flexslider:hover .flex-next {
  right: -80px;
} /* Pause/Play */ .flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "FontAwesome";
  font-size: 20px;
  display: inline-block;
  content: '\f04c';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f04b';
} /* Control Nav */ .flex-control-nav {
  width: 100%;
  position: absolute;
  height: 4px;
  bottom: 15px;
  padding: 0;
  text-align: center;
  z-index: 15;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #EA5413;
}
.flex-control-paging li a.flex-active {
  background: #EA5413;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
    top: 40%;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
    top: 40%;
  }
} /*flexslider.css start*/ /*swiper.css start*/ /* * Swiper - Mobile Touch Slider CSS * http://www.idangero.us/sliders/swiper * * Vladimir Kharlampidi,The iDangero.us * http://www.idangero.us/ *  * Copyright 2012-2013,Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * * Licensed under GPL & MIT **/ /* ===============================================================Basic Swiper Styles ================================================================*/ .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
} /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
} /* ===============================================================Your custom styles,here you need to specify container's and slide'ssizes,pagination,etc.================================================================*/ .swiper-container { /* Specify Swiper's Size:*/ /*width:200px;height:100px;*/
}
.swiper-slide { /* Specify Slides's Size:*/ /*width:100%;height:100%;*/
}
.swiper-slide-active { /* Specific active slide styling:*/
}
.swiper-slide-visible { /* Specific visible slide styling:*/
} /* ===============================================================Pagination Styles================================================================*/ .swiper-pagination-switch { /* Stylize pagination button:*/
}
.swiper-active-switch { /* Specific active button style:*/
}
.swiper-visible-switch { /* Specific visible button style:*/
} /*swiper.css end*/ @media screen and (min-width:1920px) {
  .head-bottom .menu {
    margin: 14px 0 0 6%;
  }
}
@media screen and (max-width:1920px) and (min-width:1880px) {
  .head-bottom .menu {
    margin: 14px 0 0 6%;
  }
}
@media screen and (max-width:1600px) { /*#slider-a {height:550px;}*/ /*#slider-a .link {height:550px;}*/ .head-bottom .nav > li > a {
    padding: 0 10px;
  }
  .head-bottom .menu {
    margin: 14px 0 0 6px;
  }
}
@media screen and (max-width:1440px) {
  .head-bottom .nav > li > a {
    padding: 0 8px;
  }
  .head-bottom .menu a {
    margin-left: 10px;
  }
  .head-bottom .menu {
    margin: 14px 0 0 10px;
  }
  .head-bottom, .head-top {
    padding: 0 10px;
  }
}
@media screen and (max-width:1366px) {
  .head-bottom .nav > li > a {
    padading: 0 8px;
  }
  .head-bottom .menu a {
    margin-left: 10px;
  }
  .head-bottom .menu a.jiamengxinxi {
    display: none;
  }
  .head-bottom .menu {
    margin: 14px 0 0 10px;
  }
  .head-bottom, .head-top {
    padding: 0 10px;
  }
  .float-box {
    position: fixed;
    top: 200px !important;
  }
}
@media screen and (max-width:1280px) {
  .head-bottom .menu a.vr, .head-bottom .menu a.search-box {
    display: none;
  }
}
.bphoto {
  margin-top: 30px;
}
.bphoto img {
  width: 100%;
  margin-bottom: 15px;
}
.btext h3 {
  font-size: 20px;
  color: #063;
  border-bottom: solid 1px #999999;
  line-height: 50px;
}