/* normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif /* 1 */;
  -ms-text-size-adjust: 100% /* 2 */;
  -webkit-text-size-adjust: 100% /* 2 */;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block /* 1 */;
  vertical-align: baseline /* 2 */;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit /* 1 */;
  font: inherit /* 2 */;
  margin: 0 /* 3 */;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button /* 2 */;
  cursor: pointer /* 3 */;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0 /* 1 */;
  padding: 0 /* 2 */;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
html,
body {
  overflow-x: hidden;
  background: #f0f0f0;
}
html {
  font-size: 10px;
}
body {
  margin: 0;
  font-family: "Hiragino Sans GB", "Microsoft Yahei", "SimSun";
  font-size: 12px;
  color: #333;
  line-height: 1.5;
}
a {
  color: #7c7c7c;
  text-decoration: none;
}
a:hover {
  color: #8fc31f;
  text-decoration: underline;
}
i {
  font-style: normal;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 20px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 1.5;
}
input:focus,
textarea:focus {
  outline: none;
}
.slider .slider-pagination,
.carousel ul,
.clearfix,
.layout,
.header .container,
.main-nav ul,
.main-nav .nav-products,
.foot-metas .container,
.foot-links,
.foot-nav,
.footer .foot-info,
.hot-products ul,
.hot-news .slide .bd,
.rec-others .container,
.news-list .hd,
.news-list li,
.feature-list .summary,
.download-list .name,
.repair-query .result,
.category-2 .container,
.product-details .tabs,
.marketing-content .tabs ul,
.marketing-content .cities,
.marketing-content .shop-list li {
  *zoom: 1;
}
.slider .slider-pagination:before,
.carousel ul:before,
.clearfix:before,
.layout:before,
.header .container:before,
.main-nav ul:before,
.main-nav .nav-products:before,
.foot-metas .container:before,
.foot-links:before,
.foot-nav:before,
.footer .foot-info:before,
.hot-products ul:before,
.hot-news .slide .bd:before,
.rec-others .container:before,
.news-list .hd:before,
.news-list li:before,
.feature-list .summary:before,
.download-list .name:before,
.repair-query .result:before,
.category-2 .container:before,
.product-details .tabs:before,
.marketing-content .tabs ul:before,
.marketing-content .cities:before,
.marketing-content .shop-list li:before,
.slider .slider-pagination:after,
.carousel ul:after,
.clearfix:after,
.layout:after,
.header .container:after,
.main-nav ul:after,
.main-nav .nav-products:after,
.foot-metas .container:after,
.foot-links:after,
.foot-nav:after,
.footer .foot-info:after,
.hot-products ul:after,
.hot-news .slide .bd:after,
.rec-others .container:after,
.news-list .hd:after,
.news-list li:after,
.feature-list .summary:after,
.download-list .name:after,
.repair-query .result:after,
.category-2 .container:after,
.product-details .tabs:after,
.marketing-content .tabs ul:after,
.marketing-content .cities:after,
.marketing-content .shop-list li:after {
  display: table;
  content: "";
  line-height: 0;
}
.slider .slider-pagination:after,
.carousel ul:after,
.clearfix:after,
.layout:after,
.header .container:after,
.main-nav ul:after,
.main-nav .nav-products:after,
.foot-metas .container:after,
.foot-links:after,
.foot-nav:after,
.footer .foot-info:after,
.hot-products ul:after,
.hot-news .slide .bd:after,
.rec-others .container:after,
.news-list .hd:after,
.news-list li:after,
.feature-list .summary:after,
.download-list .name:after,
.repair-query .result:after,
.category-2 .container:after,
.product-details .tabs:after,
.marketing-content .tabs ul:after,
.marketing-content .cities:after,
.marketing-content .shop-list li:after {
  clear: both;
}
.extra-links a {
  background-image: url("../images/bg/icon_head_links.png");
  background-repeat: no-repeat;
}
.btn {
  vertical-align: middle;
  display: inline-block;
  color: #5c5c5c !important;
  line-height: 20px;
  padding: 5px 25px;
  background: #fff;
  border: 1px solid #dfdfdf;
  font-size: 14px;
}
.btn-primary {
  color: #fff !important;
  background: #8fc31f !important;
  border-color: #8fc31f;
}
.btn-large {
  padding: 8px 30px;
  font-size: 18px;
}
.btn-mini {
  padding: 2px 10px;
  font-size: 12px;
}
.btn-block {
  text-align: center;
  width: 100%;
  display: block;
}
.btn-block.btn-large {
  padding: 8px 0;
}
.breadcrumb {
  width: 100%;
  border-bottom: 1px solid #bcbdbe;
}
.breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1076px;
  margin: 0 auto;
  font-size: 0;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  line-height: 28px;
}
.breadcrumb a {
  color: #8fc31f;
}
.breadcrumb .divider {
  margin: 0 5px;
}
.breadcrumb .current span {
  color: #8fc31f;
}
.pagination {
  padding: 10px 0 14px;
  text-align: center;
}
.pagination a {
  color: #333;
  margin: 0 3px;
}
.pagination a:hover {
  color: #8fc31f;
}
.slider {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
  z-index: 1;
}
.slider .slider-container {
  position: absolute;
  left: 50%;
  top: 0;
  width: 2000px;
  height: 100%;
  margin-left: -1000px;
  overflow: hidden;
}
.slider .slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  overflow: hidden;
}
.slider .slide img {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.slider .slider-pagination {
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
  height: 14px;
  text-align: center;
  z-index: 100;
}
.slider .slider-pagination span {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 4px 5px;
  background: #bcab94;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
  background: url("../images/bg/slider_pagination.png") no-repeat;
}
.slider .slider-pagination .active {
  height: 34px;
  margin: 0 5px;
  background-position: 0 -60px;
}
.slider .slider-thumb-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 168px;
  text-align: center;
  z-index: 1000;
}
.slider .slider-thumb-pagination span {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 300px;
  height: 165px;
  border: 3px solid #fff;
  border-width: 3px 3px 0 3px;
  margin-left: -3px;
  overflow: hidden;
  background: #000;
}
.slider .slider-thumb-pagination span img {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  height: 165px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.slider .slider-thumb-pagination .active img {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
}
.slider .slider-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  z-index: 50;
}
.slider .slider-title a {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin-left: 20px;
}
.slider .slider-title .slider-title-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  z-index: -1;
}
.slider .slider-control {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -20px;
  z-index: 100;
}
.slider .slider-control-prev,
.slider .slider-control-next {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  background: #000;
  cursor: pointer;
}
.slider .slider-control-prev {
  left: 40px;
}
.slider .slider-control-next {
  right: 40px;
}
.carousel {
  position: relative;
}
.carousel .pic-container {
  position: relative;
  overflow: hidden;
  margin: 0 17px;
}
.carousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 10000px;
}
.carousel li {
  float: left;
  margin-right: 2px;
  width: 210px;
  height: 145px;
}
.carousel img {
  display: block;
  width: 210px;
  height: 145px;
}
.carousel .prev,
.carousel .next {
  position: absolute;
  top: 0;
  width: 15px;
  height: 100%;
  background: #e3e3e3 url("../images/bg/carousel_control.png") no-repeat;
}
.carousel .prev:hover,
.carousel .next:hover {
  background-color: #90c31e;
}
.carousel .prev.disabled:hover,
.carousel .next.disabled:hover {
  background-color: #e3e3e3;
}
.carousel .prev {
  left: 0;
  background-position: 5px center;
}
.carousel .prev:hover {
  background-position: -55px center;
}
.carousel .prev.disabled {
  background-position: -115px center;
  cursor: default;
}
.carousel .next {
  right: 0;
  background-position: -175px center;
}
.carousel .next:hover {
  background-position: -235px center;
}
.carousel .next.disabled {
  background-position: -295px center;
  cursor: default;
}
.hidden {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.hide-text {
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
}
.hl {
  color: #6d9e30 !important;
}
.hl-red {
  color: #d61c19 !important;
}
.hl-blue {
  color: #114c9f !important;
}
.hl-gray {
  color: #7c7c7c !important;
}
.hl-link:link,
.hl-link:visited,
.hl-link:hover {
  color: #8fc31f;
}
.w30 {
  width: 30px !important;
}
.w40 {
  width: 40px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w70 {
  width: 70px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w100 {
  width: 100px !important;
}
.w110 {
  width: 110px !important;
}
.w120 {
  width: 120px !important;
}
.w130 {
  width: 130px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w160 {
  width: 160px !important;
}
.w170 {
  width: 170px !important;
}
.w180 {
  width: 180px !important;
}
.w190 {
  width: 190px !important;
}
.w200 {
  width: 200px !important;
}
.w210 {
  width: 210px !important;
}
.w220 {
  width: 220px !important;
}
.w230 {
  width: 230px !important;
}
.w240 {
  width: 240px !important;
}
.w250 {
  width: 250px !important;
}
.w260 {
  width: 260px !important;
}
.w270 {
  width: 270px !important;
}
.w280 {
  width: 280px !important;
}
.w290 {
  width: 290px !important;
}
.w300 {
  width: 300px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 14px !important;
}
.ac {
  text-align: center !important;
}
.al {
  text-align: left !important;
}
.ar {
  text-align: right !important;
}
.se-container {
  width: 100%;
  overflow: hidden;
}
.se-slope {
  position: relative;
}
.container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.page-main {
  position: relative;
  background: #eee;
  z-index: 10;
  overflow: hidden;
}
.main-wrap {
  width: 1000px;
  padding: 15px 50px 70px;
  margin: 0 auto;
  background: url("../images/bg/page_main_bg.png") repeat-y;
}
.layout {
  margin-top: 40px;
}
.nav-aside {
  float: left;
  width: 208px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}
.nav-aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-aside li {
  margin-bottom: 2px;
}
.nav-aside a {
  display: block;
  height: 48px;
  line-height: 48px;
  background: url("../images/bg/nav_aside_bg.png") no-repeat;
  text-align: center;
  font-size: 16px;
  color: #7c7c7c;
}
.nav-aside a:hover {
  color: #8fc31f;
  text-decoration: none;
}
.nav-aside .active a,
.nav-aside .active a:hover {
  background-position: 0 -60px;
  color: #fff;
  margin-bottom: 3px;
}
.layout-products .nav-aside a,
.layout-member .nav-aside a {
  text-align: left;
}
.layout-products .nav-aside ul ul,
.layout-member .nav-aside ul ul {
  display: none;
}
.layout-products .nav-aside li > a,
.layout-member .nav-aside li > a {
  padding-left: 45px;
  background-position: 0 -120px;
}
.layout-products .nav-aside .active > ul,
.layout-member .nav-aside .active > ul {
  display: block;
}
.layout-products .nav-aside .active > a,
.layout-member .nav-aside .active > a {
  background-position: 0 -180px;
  color: #7c7c7c;
  font-size: 16px;
}
.layout-products .nav-aside .active > a:hover,
.layout-member .nav-aside .active > a:hover {
  background-position: 0 -180px;
  color: #8fc31f;
}
.layout-products .nav-aside .active li > a,
.layout-member .nav-aside .active li > a {
  background-position: 0 -240px;
  color: #7c7c7c;
  font-size: 14px;
}
.layout-products .nav-aside .active li > a:hover,
.layout-member .nav-aside .active li > a:hover {
  background-position: 0 -240px;
  color: #8fc31f;
}
.layout-products .nav-aside .active .active > ul,
.layout-member .nav-aside .active .active > ul {
  display: block;
}
.layout-products .nav-aside .active .active > a,
.layout-member .nav-aside .active .active > a {
  background-position: 0 -300px;
  margin-right: -24px;
  color: #fff;
}
.layout-products .nav-aside .active .active > a:hover,
.layout-member .nav-aside .active .active > a:hover {
  background-position: 0 -300px;
  color: #fff;
}
.layout-products .nav-aside .active .active ul,
.layout-member .nav-aside .active .active ul {
  list-style: disc;
  margin-left: 60px;
}
.layout-products .nav-aside .active .active li > a,
.layout-member .nav-aside .active .active li > a {
  background: none;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 0;
}
.main {
  float: right;
  width: 760px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.inner-page .page-content {
  width: 1072px;
  padding: 0 18px 0 10px;
  padding-bottom: 20px;
  margin: 92px auto 76px;
  background: #fff;
}
.inner-page .page-content .container {
  width: 100%;
}
.inner-page .figure img {
  display: block;
  max-width: 100%;
}
.inner-banner img {
  display: block;
}
.header {
  background: url("../images/bg/head_bg.png") repeat-x left bottom;
  background: rgba(255,255,255,0.9);
  z-index: 10000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  padding-right: 30px;
  border-bottom: 4px solid #8ec31e;
}
.header .se-content {
  padding: 8px 0 10px;
}
.header .logo {
  float: left;
  margin: 25px 0 0;
}
.main-nav .active > a,
.main-nav .active > a:hover {
  text-decoration: none;
}
.main-nav .active > a .label,
.main-nav .active > a:hover .label {
  color: #8fc31f;
  border-bottom: 3px solid #8fc31f;
}
.main-nav {
  float: left;
  margin: 35px 0 0 20px;
}
.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav li {
  float: left;
  width: 96px;
  position: relative;
}
.main-nav li > a {
  display: block;
  height: 30px;
  color: #7c7c7c;
}
.main-nav li > a span {
  position: relative;
  display: block;
  text-align: center;
  line-height: 30px;
  margin: 0 15px;
  text-align: center;
  z-index: 1;
}
.main-nav li > a .label {
  font-size: 14px;
}
.main-nav .sub-nav {
  position: absolute;
  left: -13px;
  top: 30px;
  width: 100px;
  min-height: 50px;
  height: auto !important;
  height: 50px;
  padding: 10px;
  background: url("../images/bg/main_nav_sub_bg.png");
  font-size: 12px;
  overflow: hidden;
  visibility: hidden;
  z-index: -1;
}
.main-nav .sub-nav a {
  display: block;
  line-height: 21px;
  color: #7c7c7c;
}
.main-nav .sub-nav a:hover {
  text-decoration: none;
  background-position: 20px -53px;
  color: #8fc31f;
}
.main-nav .nav-products {
  margin-left: -2px;
}
.main-nav .nav-products a {
  background: none;
  padding: 0;
  display: block;
  text-align: center;
}
.main-nav .nav-products img {
  display: block;
}
.main-nav .nav-products span {
  display: block;
  line-height: 18px;
}
.main-nav .nav-products .nav-products-item {
  float: left;
  padding: 0 10px 0 12px;
  background: url("../images/bg/nav_products_split.jpg") no-repeat 0 center;
}
.main-nav .has-sub.active .sub-nav {
  visibility: visible;
}
.main-nav .has-sub.active .triangle {
  display: inline;
}
.main-nav .show-sub .sub-nav {
  z-index: 0;
}
.about-page .main-nav .nav-about > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.about-page .main-nav .nav-about > a .label {
  color: #fff;
}
.product-page .main-nav .nav-product > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.product-page .main-nav .nav-product > a .label {
  color: #fff;
}
.join-page .main-nav .nav-join > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.join-page .main-nav .nav-join > a .label {
  color: #fff;
}
.marketing-page .main-nav .nav-marketing > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.marketing-page .main-nav .nav-marketing > a .label {
  color: #fff;
}
.news-page .main-nav .nav-news > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.news-page .main-nav .nav-news > a .label {
  color: #fff;
}
.service-page .main-nav .nav-service > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.service-page .main-nav .nav-service > a .label {
  color: #fff;
}
.mall-page .main-nav .nav-mall > a {
  background: url("../images/bg/nav_main_active_bg.png") no-repeat center center;
}
.mall-page .main-nav .nav-mall > a .label {
  color: #fff;
}
.extra-links {
  position: absolute;
  right: 0;
  top: 24px;
  width: 240px;
}
.extra-links a {
  float: left;
  width: 60px;
  height: 20px;
  padding-top: 40px;
  margin-left: 20px;
  overflow: hidden;
  color: #7c7c7c;
  text-align: center;
}
.extra-links a:hover {
  color: #8fc31f;
  text-decoration: none;
}
.extra-links .link-mall {
  background-position: center 0px;
}
.extra-links .link-mall:hover {
  background-position: center -60px;
}
.extra-links .link-contact {
  background-position: center -120px;
}
.extra-links .link-contact:hover {
  background-position: center -180px;
}
.extra-links .link-member {
  background-position: center -240px;
}
.extra-links .link-member:hover {
  background-position: center -300px;
}
.foot-metas {
  background: #dcdddd;
  padding: 40px 0 10px;
  position: relative;
  z-index: 100;
}
.foot-contact {
  float: left;
  width: 224px;
}
.foot-contact h3 {
  margin: 0;
  font-size: 20px;
}
.foot-contact .bd div {
  padding-left: 56px;
  margin-top: 15px;
  height: 48px;
  background: url("../images/bg/icon_foot_contact.png") no-repeat;
}
.foot-contact .bd p {
  color: #8fc31f;
  margin: 0;
  padding-top: 4px;
  font-size: 20px;
  line-height: 24px;
}
.foot-contact .bd span {
  font-size: 10px;
}
.foot-contact .bd .online {
  background-position: 0 -100px;
}
.foot-links {
  float: left;
  width: 270px;
  margin-left: 20px;
}
.foot-links .item {
  float: left;
  width: 120px;
  margin-right: 15px;
}
.foot-links .item img {
  display: block;
}
.foot-links .item p {
  margin: 0;
  line-height: 20px;
}
.foot-nav {
  float: left;
  width: 476px;
  margin-left: 10px;
}
.foot-nav .sec {
  float: left;
  margin-left: 20px;
}
.foot-nav .sec h3 {
  margin: 0;
  text-indent: 10px;
  font-size: 14px;
}
.foot-nav .sec li {
  line-height: 30px;
}
.foot-nav .sec a {
  color: #333;
}
.foot-nav .sec a:hover {
  color: #8fc31f;
}
.footer {
  width: 100%;
  background: #3f3b3a;
  color: #ccc;
  font-size: 11px;
  z-index: 10000;
}
.footer a {
  color: #ccc;
}
.footer i {
  margin: 0 10px;
}
.footer .foot-info {
  padding-top: 15px;
  padding-bottom: 15px;
}
.footer .foot-info .copyright {
  float: left;
}
.footer .foot-info .beian {
  text-align: right;
}
.picture-slider {
  height: 300px;
}
.picture-slider .slider-pagination {
  text-align: right;
  left: auto;
  bottom: auto;
  right: 0;
  top: 10px;
}
.picture-slider .slider-pagination span {
  width: 20px;
  background-position: -1px -120px;
  margin: 4px 0;
}
.picture-slider .slider-pagination span.active {
  margin: 0;
  background-position: -1px -240px;
}
.hot-products {
  background: #fff;
}
.hot-products .container {
  padding: 20px 0;
}
.hot-products ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -20px;
}
.hot-products li {
  float: left;
  width: 240px;
  margin: 0 10px;
}
.hot-products li .thumb {
  border-radius: 120px;
  overflow: hidden;
}
.hot-products li .thumb img {
  display: block;
  width: 240px;
  height: 240px;
}
.hot-products li .info {
  position: relative;
}
.hot-products li .info .name {
  font-size: 18px;
  margin: 10px 10px 0;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}
.hot-products li .info .operations {
  position: absolute;
  left: 50%;
  top: 35px;
  margin-left: -50px;
  padding: 0 5px;
  background: #fff;
}
.hot-products li .info .operations a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("../images/bg/icon_operation.png") no-repeat;
  margin: 0 5px;
}
.hot-products li .info .operations .icon-fav {
  background-position: 4px 6px;
}
.hot-products li .info .operations .icon-fav:hover {
  background-position: 4px -54px;
}
.hot-products li .info .operations .icon-cart {
  background-position: 4px -114px;
}
.hot-products li .info .operations .icon-cart:hover {
  background-position: 4px -174px;
}
.hot-news .slider .slider-pagination span,
.real-cases .slider-pagination span,
.rec-products .slider-pagination span {
  width: 20px;
  background-position: -1px -120px;
  margin: 4px 0;
}
.hot-news .slider .slider-pagination span.active,
.real-cases .slider-pagination span.active,
.rec-products .slider-pagination span.active {
  margin: 0;
  background-position: -1px -180px;
}
.hot-news {
  background: #fff;
  overflow: hidden;
}
.hot-news .container {
  padding: 30px 0 0;
  border-bottom: 1px solid #595857;
}
.hot-news .slider {
  width: 1000px;
  height: 350px;
  margin: 0 auto;
}
.hot-news .slider .slider-pagination {
  text-align: right;
  left: auto;
  bottom: auto;
  right: 40px;
  top: 10px;
}
.hot-news .slider-container {
  width: 1000px;
  left: 0;
  margin-left: 0;
}
.hot-news .slide {
  text-align: left;
}
.hot-news .slide a {
  color: #595857;
}
.hot-news .slide .thumb {
  float: left;
  width: 270px;
  height: 270px;
  overflow: hidden;
  border-radius: 140px;
}
.hot-news .slide .thumb img {
  width: 270px;
  height: 270px;
  display: block;
}
.hot-news .slide .hd {
  font-size: 22px;
  margin-bottom: 20px;
}
.hot-news .slide .hd a {
  color: #8fc31f;
}
.hot-news .slide .bd {
  color: #595857;
}
.hot-news .slide .bd .info {
  margin: 60px 0 0 300px;
}
.hot-news .slide .bd .info h4 {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 15px;
}
.hot-news .slide .bd .info .desc {
  margin-bottom: 20px;
}
.hot-news .slide .bd .info .desc p {
  margin: 0;
  line-height: 22px;
}
.hot-news .slide .bd .actions {
  border-top: 1px solid #595857;
  padding-top: 20px;
}
.hot-news .slide .bd .actions a {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
  width: 82px;
  height: 21px;
  background: url("../images/bg/btn_view_details_bg.png") no-repeat 0 -180px;
}
.hot-news .slide .bd .actions .views {
  float: right;
  font-size: 14px;
  padding-left: 27px;
  background: url("../images/bg/icon_operation.png") no-repeat left -297px;
}
.rec-others {
  background: #fff;
  overflow: hidden;
}
.rec-others .container {
  padding: 0 0 60px;
}
.real-cases {
  width: 480px;
  height: 300px;
  float: left;
  padding-right: 20px;
  border-right: 1px solid #595857;
  margin-right: 20px;
}
.real-cases .slider-pagination {
  text-align: right;
  left: auto;
  bottom: 40px;
  right: 233px;
}
.real-cases .slider-container {
  width: 480px;
  left: 0;
  margin-left: 0;
}
.real-cases .slide {
  padding-top: 15px;
  text-align: left;
}
.real-cases .slide .thumb {
  float: right;
  width: 190px;
  height: 280px;
  overflow: hidden;
  border-radius: 145px;
}
.real-cases .slide .thumb img {
  width: 190px;
  height: 280px;
  display: block;
}
.real-cases .slide .info {
  margin: 20px 210px 0 0;
}
.real-cases .slide .info h3 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px;
  color: #8fc31f;
}
.real-cases .slide .info .desc p {
  margin: 0;
  line-height: 22px;
  color: #333;
}
.real-cases .slide .actions {
  margin-top: 10px;
}
.real-cases .slide .actions a {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
  width: 82px;
  height: 21px;
  background: url("../images/bg/btn_view_details_bg.png") no-repeat 0 -180px;
}
.rec-products {
  width: 260px;
  height: 300px;
  float: left;
}
.rec-products .slider-pagination {
  text-align: right;
  left: auto;
  bottom: 40px;
  right: 0;
}
.rec-products .slider-container {
  width: 480px;
  left: 0;
  margin-left: 0;
}
.rec-products .slide {
  padding-top: 25px;
  text-align: left;
}
.rec-products .slide .thumb {
  width: 190px;
  height: 100px;
  overflow: hidden;
  border-radius: 10px;
}
.rec-products .slide .thumb img {
  width: 190px;
  height: 100px;
  display: block;
}
.rec-products .slide h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 15px;
}
.rec-products .slide h3 a {
  color: #8fc31f;
}
.rec-products .slide h3 span {
  color: #333;
  font-size: 12px;
  display: block;
}
.rec-products .slide .actions {
  margin-top: 25px;
}
.rec-products .slide .actions a {
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
  width: 82px;
  height: 21px;
  background: url("../images/bg/btn_view_details_bg.png") no-repeat 0 -180px;
}
.mall-entrance {
  float: left;
  width: 186px;
  height: 278px;
  margin: 15px 0 0 20px;
  background: url("../images/bg/icon_mall.png") no-repeat;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
}
.news-list {
  border: 1px solid #dadadb;
  border-width: 1px 0 0 1px;
}
.news-list .hd .label {
  float: left;
  width: 130px;
  height: 40px;
  line-height: 40px;
  background: #f7f7f7;
  border: 1px solid #dadadb;
  border-width: 0 1px 1px 0;
  text-align: center;
  font-size: 14px;
  color: #7c7c7c;
}
.news-list .hd .label-title {
  width: 481px;
  margin-left: 0;
  padding-left: 15px;
  text-align: left;
}
.news-list .pagination {
  border: 1px solid #dadadb;
  border-width: 0 1px 1px 0;
}
.news-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dadadb;
  border-width: 0 1px 0 0;
  padding: 10px 30px 20px;
}
.news-list li {
  padding: 8px 0;
  border-bottom: 1px dotted #666;
}
.news-list li .title,
.news-list li .date,
.news-list li .count {
  float: left;
  margin-left: 3px;
  width: 110px;
  text-align: center;
  font-size: 14px;
  color: #7c7c7c;
}
.news-list li .title {
  width: 472px;
  text-align: left;
  margin-left: 0;
}
.news-list li .title a {
  color: #7c7c7c;
}
.news-list li .title a:hover {
  color: #8fc31f;
}
.news-list li .count {
  text-align: right;
  background: url("../images/bg/icon_operation.png") no-repeat 50px -297px;
}
.news-list-s2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-list-s2 li {
  border-bottom: 1px solid #595857;
  margin-bottom: 15px;
}
.news-list-s2 h3 {
  margin: 0 0 5px;
  font-size: 24px;
  font-weight: normal;
}
.news-list-s2 h3 a {
  color: #333;
}
.news-list-s2 h3 a:hover {
  color: #8fc31f;
}
.news-list-s2 .views {
  float: right;
  color: #c9caca;
  padding-left: 25px;
  background: url("../images/bg/icon_operation.png") no-repeat left -297px;
}
.news-list-s2 .date {
  color: #c9caca;
}
.news-list-s2 .pic {
  margin-top: 15px;
}
.news-list-s2 .pic img {
  display: block;
}
.news-list-s2 .view-details {
  text-align: right;
  line-height: 24px;
}
.news-list-s2 .view-details a {
  color: #8fc31f;
}
.news-details .news-title .share {
  float: right;
  margin-top: 10px;
}
.news-details h1 {
  margin: 0 180px 5px 0;
  font-size: 24px;
  font-weight: normal;
}
.news-details p {
  text-indent: 2em;
  margin: 20px 0;
}
.news-details p img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.news-details .views {
  float: right;
  color: #c9caca;
  padding-left: 25px;
  background: url("../images/bg/icon_operation.png") no-repeat left -297px;
}
.news-details .date {
  color: #c9caca;
}
.news-details .return {
  padding-left: 10px;
}
.news-details .return a {
  padding-left: 20px;
  text-decoration: underline;
  color: #000;
  background: url("../images/bg/icon_return.png") no-repeat left center;
}
.main-title {
  color: #8fc31f;
  font-size: 24px;
  margin-bottom: 20px;
}
.faq-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-list .num {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: url("../images/bg/num_bg.png") no-repeat;
}
.faq-list .info {
  margin-left: 34px;
}
.faq-list .info h3 {
  margin: 0;
  padding-top: 2px;
  font-size: 16px;
}
.faq-list .info p {
  margin: 0 0 20px;
}
.feature-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feature-list li {
  margin-bottom: 4px;
}
.feature-list .summary {
  background: url("../images/bg/feature_summary_bg.png") repeat-x;
  border-radius: 10px;
}
.feature-list .summary .thumb {
  float: left;
  width: 195px;
  height: 90px;
}
.feature-list .summary .thumb img {
  display: block;
  width: 195px;
  height: 90px;
  border-radius: 10px 0 0 10px;
}
.feature-list .summary .info {
  margin: 10px 20px 0 210px;
  height: 66px;
  overflow: hidden;
}
.feature-list .summary .info p {
  margin: 0;
  line-height: 22px;
}
.feature-list .details p {
  line-height: 22px;
  margin: 20px 0;
}
.feature-list ul .details {
  margin-top: 20px;
  display: none;
}
.feature-list .active .summary {
  display: none;
}
.feature-list .active .details {
  display: block;
}
.download-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -40px;
}
.download-list li {
  float: left;
  width: 152px;
  margin: 0 0 40px 40px;
}
.download-list a {
  display: block;
}
.download-list a:hover .name {
  background-position: 0 -60px;
  color: #fff;
}
.download-list a:hover .name .icon-download {
  color: #4d6f31;
  background-position: 0 -174px;
}
.download-list span {
  display: block;
}
.download-list img {
  width: 150px;
  height: 150px;
  display: block;
}
.download-list .thumb {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #eeefef;
}
.download-list .name {
  display: block;
  margin: 6px auto 0;
  width: 152px;
  height: 26px;
  line-height: 26px;
  background: url("../images/bg/download_bg.png") no-repeat;
}
.download-list .name .icon-download {
  float: right;
  margin-right: 10px;
  padding-left: 18px;
  background: url("../images/bg/download_bg.png") no-repeat 0 -114px;
  color: #91c617;
}
.download-list .name em {
  font-style: normal;
  float: left;
  width: 78px;
  height: 26px;
  margin-left: 15px;
  overflow: hidden;
}
.booking-list .booking-list-item {
  float: left;
  padding: 0 40px;
  text-align: center;
  border-left: 1px solid #d5d5d5;
}
.booking-list .booking-list-item h3 {
  font-size: 18px;
  font-weight: normal;
}
.booking-list .booking-list-item .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: url("../images/bg/icon_booking.png") no-repeat;
}
.booking-list .booking-list-item .actions a {
  color: #3f84c6;
}
.booking-list .expired-query {
  border-left: none;
}
.booking-list .expired-query .icon {
  background-position: 0 0;
}
.booking-list .dealer-query .icon {
  background-position: 0 -115px;
}
.booking-list .contact .icon {
  background-position: 0 -235px;
}
.query-page {
  background: #fff;
}
.query-page .page-content {
  margin: 200px auto;
}
.repair-query .query-form {
  border: 1px solid #dedede;
  border-radius: 20px;
  box-shadow: 0 1px 2px #dedede;
  padding: 30px 20px 50px;
}
.repair-query .query-form h2 {
  margin: 0;
  font-size: 24px;
}
.repair-query .query-form p {
  margin: 0;
}
.repair-query .query-form label {
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.repair-query .query-form input {
  width: 240px;
  vertical-align: middle;
  margin-right: 5px;
}
.repair-query .query-form button {
  vertical-align: middle;
  border: none;
  font-size: 14px;
  padding: 6px 20px;
  background: #8fc31f;
  color: #fff;
}
.repair-query .query-form .hints {
  color: #b7b7b7;
  margin-bottom: 40px;
}
.repair-query .result {
  margin-top: 20px;
}
.repair-query .result .thumb {
  float: left;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.repair-query .result .thumb img {
  width: 100px;
  height: 100px;
  display: block;
}
.repair-query .result .info {
  margin: 40px 0 0 120px;
}
.repair-query .result .info h3 {
  margin: 0;
  font-size: 14px;
}
.repair-query .result .info p {
  line-height: 20px;
  width: 380px;
  height: 40px;
  overflow: hidden;
}
.repair-query .actions {
  margin-top: 15px;
}
.repair-query .actions .btn-return {
  display: inline-block;
  border: 1px solid #dedede;
  border-radius: 20px;
  box-shadow: 0 1px 2px #dedede;
  padding: 6px 20px 6px 35px;
  background: #fff url("../images/bg/icon_arrow_left.png") no-repeat 20px center;
  font-size: 14px;
}
.details-content p {
  margin: 20px 0;
  line-height: 22px;
}
.details-content p img {
  display: block;
  max-width: 100%;
}
.category-1 .info,
.category-2 .info,
.category-3 .info {
  position: absolute;
  width: 410px;
}
.category-1 .info h3,
.category-2 .info h3,
.category-3 .info h3 {
  font-size: 36px;
  margin: 0 0 40px;
}
.category-1 .info h3 span,
.category-2 .info h3 span,
.category-3 .info h3 span {
  font-size: 24px;
  font-weight: normal;
  display: block;
}
.category-1 .info .desc,
.category-2 .info .desc,
.category-3 .info .desc {
  font-size: 14px;
  margin-bottom: 20px;
}
.category-1 .info .desc p,
.category-2 .info .desc p,
.category-3 .info .desc p {
  margin: 0;
}
.category-1 .info .actions .view-details,
.category-2 .info .actions .view-details,
.category-3 .info .actions .view-details {
  display: inline-block;
  width: 127px;
  height: 35px;
  background: url("../images/bg/btn_view_details_bg.png") no-repeat;
  overflow: hidden;
  white-space: normal;
  text-indent: -9999px;
}
.category-1 {
  background: #fff;
  height: 550px;
  overflow: hidden;
}
.category-1 .container {
  position: relative;
  padding-top: 60px;
}
.category-1 .pic {
  padding-left: 85px;
}
.category-1 .info {
  right: 0;
  top: 140px;
}
.category-2 {
  background: #88c244 url("../images/bg/product_bg.jpg") no-repeat center top;
  height: 550px;
  overflow: hidden;
}
.category-2 .container {
  position: relative;
  padding-top: 50px;
}
.category-2 .pic {
  float: right;
  margin-right: 125px;
}
.category-2 .info {
  left: 110px;
  top: 70px;
  color: #fff;
}
.category-2 .info .actions .view-details {
  background-position: 0 -60px;
}
.category-3 {
  background: #fff;
  height: 550px;
  overflow: hidden;
}
.category-3 .container {
  position: relative;
  padding: 40px;
}
.category-3 .pic {
  padding-left: 60px;
}
.category-3 .info {
  right: 40px;
  top: 80px;
  width: 430px;
}
.product-summary {
  position: relative;
}
.product-summary .product-info {
  position: absolute;
  right: 0;
  top: 30px;
  width: 430px;
}
.product-summary .product-info h3 {
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 20px;
}
.product-summary .product-info .desc {
  margin-bottom: 10px;
}
.product-summary .product-info .desc p {
  margin: 0;
}
.product-summary .product-info .actions a {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  padding: 0 15px;
  background: #8fc31f;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
}
.product-details .tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-details .tabs li {
  float: left;
  background: #8fc31f;
  color: #fff;
  padding: 2px 10px;
  margin-right: 8px;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}
.product-details .tabs li.active {
  background: #eeefef;
  color: #7c7c7c;
}
.product-details .tab-cont {
  background: #eeefef;
  border-radius: 0 12px 12px 12px;
  padding: 35px 45px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.product-details .tab-cont p {
  margin: 0;
}
.product-details .tab-cont img {
  display: block;
  max-width: 100%;
}
.map-china {
  position: relative;
  width: 852px;
  height: 704px;
  margin: 70px auto;
  background: url("../images/bg/map/china.png") no-repeat;
}
.map-china a {
  position: absolute;
}
.map-china .area-huanan {
  left: 460px;
  top: 544px;
  width: 228px;
  height: 160px;
  z-index: 7;
}
.map-china .area-huanan:hover,
.map-china .area-huanan.active {
  background: url("../images/bg/map/huanan.png") no-repeat;
}
.map-china .area-huadong {
  left: 616px;
  top: 363px;
  width: 150px;
  height: 253px;
  z-index: 5;
}
.map-china .area-huadong:hover,
.map-china .area-huadong.active {
  background: url("../images/bg/map/huadong.png") no-repeat;
}
.map-china .area-huazhong {
  left: 525px;
  top: 411px;
  width: 130px;
  height: 193px;
  z-index: 6;
}
.map-china .area-huazhong:hover,
.map-china .area-huazhong.active {
  background: url("../images/bg/map/huazhong.png") no-repeat;
}
.map-china .area-huabei {
  left: 551px;
  top: 218px;
  width: 190px;
  height: 222px;
  z-index: 3;
}
.map-china .area-huabei:hover,
.map-china .area-huabei.active {
  background: url("../images/bg/map/huabei.png") no-repeat;
}
.map-china .area-dongbei {
  right: 0;
  top: 0;
  width: 189px;
  height: 285px;
  z-index: 4;
}
.map-china .area-dongbei:hover,
.map-china .area-dongbei.active {
  background: url("../images/bg/map/dongbei.png") no-repeat;
}
.map-china .area-xibei {
  left: 0;
  top: 84px;
  width: 563px;
  height: 356px;
  z-index: 2;
}
.map-china .area-xibei:hover,
.map-china .area-xibei.active {
  background: url("../images/bg/map/xibei.png") no-repeat;
}
.map-china .area-xinan {
  left: 38px;
  bottom: 54px;
  width: 515px;
  height: 322px;
  z-index: 1;
}
.map-china .area-xinan:hover,
.map-china .area-xinan.active {
  background: url("../images/bg/map/xinan.png") no-repeat;
}
.map-china .area-bianjiang {
  left: 356px;
  top: 7px;
  width: 375px;
  height: 320px;
}
.send-message {
  position: absolute;
  left: 230px;
  top: 110px;
  background: #fff;
  border: 1px solid #cccaca;
  width: 260px;
  padding: 30px 40px 40px;
  z-index: 100;
}
.send-message h3 {
  margin: 0 0 10px;
  font-weight: normal;
  font-size: 14px;
  color: #8fc31f;
}
.send-message .close {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #7c7c7c;
  cursor: pointer;
}
.send-message .close:hover {
  color: #8fc31f;
}
.send-message .form input {
  border: 1px solid #ededed;
  padding: 2px 4px;
  vertical-align: middle;
  color: #666;
}
.send-message .form img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-left: 10px;
}
.send-message .form-row {
  margin-bottom: 10px;
}
.send-message .message {
  position: relative;
  background: #f1f4fc;
  border: 1px solid #cdd4ea;
  border-radius: 10px;
  padding: 4px 10px;
}
.send-message .message p {
  margin: 0;
}
.send-message .message .arrow {
  position: absolute;
  left: 160px;
  bottom: -11px;
  width: 16px;
  height: 11px;
  background: url("../images/bg/bubble_arrow.png") no-repeat;
}
.send-message .actions {
  margin: 20px 0 0 60px;
}
.send-message .actions button {
  border: none;
  background: #8fc31f;
  color: #fff;
  padding: 0 15px;
  height: 21px;
  line-height: 21px;
}
.marketing-content {
  width: 981px;
  margin: 0 auto;
}
.marketing-content .tabs {
  background: #cacacb;
  padding-left: 1px;
}
.marketing-content .tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
}
.marketing-content .tabs li {
  float: left;
  width: 139px;
  padding: 2px 0;
  font-size: 24px;
  text-align: center;
  color: #7c7c7c;
  border: 1px solid #cacacb;
  border-width: 1px 1px 1px 0;
  cursor: pointer;
}
.marketing-content .tabs .active {
  background: #fff;
  color: #8fc31f;
  border-bottom-color: #fff;
}
.marketing-content .tab-cont {
  display: none;
  border: 1px solid #cacacb;
  border-width: 0 1px 1px 1px;
}
.marketing-content .cities {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  border: 1px solid #cacacb;
  border-width: 0 1px 1px 1px;
}
.marketing-content .cities li {
  position: relative;
  float: left;
  width: 320px;
  height: 219px;
  margin: 5px 0 0 5px;
}
.marketing-content .cities li img {
  display: block;
  width: 320px;
  height: 219px;
  filter: url("../images/bg/gray_img.svg#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  cursor: pointer;
}
.marketing-content .cities li span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  color: #8fc31f;
  text-shadow: 1px 1px 0 #fff;
  display: none;
  z-index: 1;
}
.marketing-content .cities li span .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  z-index: -1;
}
.marketing-content .cities li:hover img {
  -webkit-filter: none;
  filter: none;
}
.marketing-content .cities li:hover span {
  display: inline;
}
.marketing-content .shop-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
.marketing-content .shop-list li {
  position: relative;
  border: 1px solid #abaaaa;
  margin: 0 5px 5px;
}
.marketing-content .shop-list li .thumb {
  position: relative;
  float: left;
  width: 320px;
  height: 219px;
}
.marketing-content .shop-list li .thumb img {
  display: block;
  width: 320px;
  height: 219px;
}
.marketing-content .shop-list li .thumb span {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  color: #8fc31f;
  text-shadow: 1px 1px 0 #fff;
  z-index: 1;
}
.marketing-content .shop-list li .thumb span .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  z-index: -1;
}
.marketing-content .shop-list li .info {
  margin: 110px 0 0 340px;
}
.marketing-content .shop-list li .info h3 {
  font-size: 16px;
  font-weight: normal;
  color: #8fc31f;
  margin: 0 0 10px;
}
.marketing-content .shop-list li .info p {
  margin: 0;
}
.marketing-content .shop-list li .info .actions a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 24px;
  padding-left: 16px;
  background: url("../images/bg/icon_cellphone.png") no-repeat left center;
  color: #5064b1;
}
.marketing-content .shop-list li .send-message {
  top: auto;
  bottom: 5px;
  left: 340px;
  display: none;
}
/*新首页*/
.se_menu_w{padding: 20px 0 40px 0;background-color: #fff;}
.se_menu{width: 1022px; margin: 0 auto; overflow: hidden;}
.se_menu ul{width: 1030px; list-style: none; margin:0; padding:0; overflow: hidden;}
.se_menu ul li{width: 250px; height: 160px; float: left; margin-right: 7px; overflow: hidden; position: relative;}
.se_menu ul li span{width: 100%; height: 28px; line-height: 28px; text-indent: 2em; position: absolute; bottom: 0; left: 0; color: #fff; background-color:rgba(0,0,0,.4); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.se_menu ul li img{transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.se_menu ul li a:hover img{transform:scale(1.2); -webkit-transform:scale(1.2);}
/*营销网点*/
.marketingShow{width: 964px; margin: 20px auto 0; border-top: 1px solid #bad771; padding-top: 15px; overflow: hidden; }
.marketingShow ul{width: 966px; list-style: none; margin:0; padding:0; overflow: hidden;}
.marketingShow ul li{width: 320; height: 220px; float: left; margin: 2px 2px 0 0; position: relative;}
.marketingShow_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:rgba(0,0,0,.4); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');}
.marketingShow_title{display: none; width:100%; height: 32px; line-height: 32px; text-indent: 1em; font-size: 16px; color: #8fc31f; text-shadow:1px 1px 0 #fff;  position: absolute; bottom: 0; left: 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.marketingQuery_title{margin-top: 15px; height: 80px; line-height: 80px; border: 1px solid #efefef; background: url(../images/marketingt.png) 0 0 repeat-x; overflow: hidden;}
.marketingQuery_title span{font-size: 18px; margin-left: 30px; float: left;}
.marketingQuery_img{float: right; margin-right: 10px;}
.marketingQuery_search{padding: 20px 0; border-bottom: 1px solid #dedede;}
.marketingQuery_select{height: 22px; padding: 0 2px; border: 1px solid #ccc; margin: 0 20px 0 5px;}
.marketingQuery_text{border: 1px solid #ccc; padding:2px; margin: 0 30px 0 5px;}
.marketingQuery_btn{border: 1px solid #ccc; padding: 2px 15px; background-color: #dcdcdc;}
.marketingList{padding-bottom: 20px;}
.marketingList ul{list-style: none; margin: 0 -15px; padding:0; overflow: hidden;}
.marketingList ul li{width: 423px; border: 1px solid #c6c5c5; float: left; padding: 20px 30px; margin: 20px 15px 0;}
.marketingList_title{font-size: 18px; color: #7ec04f; padding-right: 25px; position: relative;}
.marketingList_about{height: 88px; margin-top: 15px; line-height: 24px; border-top: 2px solid #dededf; border-bottom: 2px solid #dededf; overflow: hidden;}
.marketingList_ewm{width: 16px; height: 16px; display: inline-block; margin-left: 10px; position: relative; top: 2px; background: url(../images/ewmMin.jpg) 0 0 no-repeat;}
.marketingList_ewmMax{border: 1px solid #c6c5c5; position: absolute; top: 18px; left: 0; background-color: #fff; display: none;}
.marketingList_ewmMax img{vertical-align: top;}

