﻿
/*君子兰*/
@keyframes ppJzl { from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
.pp-jzl { background: #222 url(../image/pp-bg1.jpg) no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }
.pp-jzl .wrapper { padding: 40px 0 50px; }
.pp-jzl .simple-bigtit { text-align: center; color: #fff; }
.pp-jzl .intro { margin: 0 15px; font-size: 12px; line-height: 2.1; color: #999; text-indent:2em; }
.pp-jzl .figure { margin-top: 20px; width: 100%; }
.pp-jzl .figure-box { position: relative; }
.pp-jzl .figure-box .tab-nav .item { position: absolute; top: 50%; right: 1px; width: 21%; margin-top: -11.5%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
.pp-jzl .figure-box .tab-nav .item:first-child { right: auto; left: 1px; }
.pp-jzl .figure-box .tab-nav.active .item { -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-transform: none; transform: none; opacity: 0.3; filter: alpha(opacity=30); }
.pp-jzl .figure-box .tab-nav.active .item:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.pp-jzl .figure-box .tab-nav.active .item.current { opacity: 1; filter: alpha(opacity=100); }
@media (min-width: 768px) { .pp-jzl .wrapper { padding: 45px 0 58px; }
  .pp-jzl .intro { margin: 0; font-size: 14px; line-height: 30px; /* text-align: center; */ text-indent:2em; }
  .pp-jzl .figure { margin-top: 26px; } }
@media (min-width: 1000px) { .pp-jzl .wrapper { padding: 60px 0 120px; }
  .pp-jzl .figure { margin-top: 52px; } }
@media (min-width: 1367px) { .pp-jzl .wrapper { padding: 75px 0 140px; }
  .pp-jzl .figure { margin-top: 65px; } }

/*健牌*/
.pp-jp { padding: 40px 0 50px; }
.pp-jp .simple-bigtit { text-align: center; }
.pp-jp .section { text-indent: 2em; color: #555; font-size: 12px; line-height: 2.1; }
@media (min-width: 768px) { .pp-jp .section { font-size: 14px; line-height: 30px; } }
.pp-jp .section:first-child { margin-bottom: 10px; }
.pp-jp .figure { margin-top: 15px; }
.pp-jp .figure img { display: block; width: 100%; }
.pp-jp .figure .more { display: block; padding: 0 10px; line-height: 44px; color: #878787; background-color: #d1d1d1; }
.pp-jp .figure .more i { margin-right: 5px; display: inline-block; vertical-align: top; height: 1px; line-height: inherit; font-size: 20px; }
.pp-jp .figure .more:hover { color: #fff; background-color: #ee3d3d; }
@media (min-width: 768px) { .pp-jp { padding: 96px 0 70px; } }
@media (min-width: 1000px) { .pp-jp { padding: 120px 0 100px; overflow: hidden; }
  .pp-jp .simple-bigtit { float: right; text-align: left; width: 410px; }
  .pp-jp .desc { float: right; width: 410px; clear: right; }
  .pp-jp .figure { float: left; width: 460px; margin-top: 0; } }
@media (min-width: 1367px) { .pp-jp { padding: 160px 0 125px; }
  .pp-jp .simple-bigtit { margin-right: 60px; }
  .pp-jp .desc { margin-right: 60px; }
  .pp-jp .figure { width: 643px; }
  .pp-jp .figure .more { padding: 0 0 0 35px; margin-left: 321px; height: 144px; line-height: 144px; font-size: 18px; }
  .pp-jp .figure .more i { margin-right: 15px; font-size: 34px; } }

/*拾喜*/
.pp-sx { padding: 40px 0 50px; background: url(../image/pp-bg2.jpg) no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }
.pp-sx .cont { position: relative; }
.pp-sx .txt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 40px; color: #fff; background-color: #a98349; }
.pp-sx .simple-bigtit { color: inherit; text-align: center; }
.pp-sx .desc { font-size: 12px; line-height: 2.1; text-indent: 2em; }
.pp-sx .figure img { display: block; width: 100%; }
@media (min-width: 768px) { .pp-sx { padding: 80px 0 66px; }
  .pp-sx .figure { margin-right: 300px; }
  .pp-sx .txt { position: absolute; top: 0; right: 0; width: 300px; height: 100%; } }
@media (min-width: 1000px) { .pp-sx { padding: 110px 0 85px; }
  .pp-sx .figure { margin-right: 366px; }
  .pp-sx .txt { width: 366px; }
  .pp-sx .desc { font-size: 14px; } }
@media (min-width: 1367px) { .pp-sx { padding: 140px 0 110px; }
  .pp-sx .figure { margin-right: 458px; }
  .pp-sx .txt { padding: 80px 60px 0; width: 458px; } }

/*茶马仕*/
.pp-cms { padding: 40px 0 50px; background: url(../image/pp-bg3.jpg) no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }
@media (min-width: 1000px) { .pp-cms { padding: 70px 0; } }
@media (min-width: 1367px) { .pp-cms { padding: 90px 0; } }
.pp-cms-hd { color: #fff; }
.pp-cms-hd .simple-bigtit { color: inherit; text-align: center; }
.pp-cms-hd .desc { font-size: 12px; line-height: 2.1; }
@media (min-width: 768px) { .pp-cms-hd .desc { font-size: 14px; line-height: 30px; } }
@media (min-width: 768px) { .pp-cms-hd .simple-bigtit { margin-bottom: 20px; } }
@media (min-width: 1367px) { .pp-cms-hd { width: 1000px; margin: auto; text-align: center; } }
.pp-cms-bd { position: relative; margin-top: 20px; font-size: 0; }
.pp-cms-bd .p1 { font-size: 0; }
.pp-cms-bd .p1 .section { padding: 10px 15px; background-color: #fff; border-top: 1px solid #eee; }
.pp-cms-bd .p1 .section:first-child { border: none; }
.pp-cms-bd .p1 .tit { font-size: 16px; }
.pp-cms-bd .p1 .desc { font-size: 12px; line-height: 24px; }
.pp-cms-bd .p1 .more { display: none; width: 100px; line-height: 30px; text-align: center; font-size: 12px; color: #999; border: 1px solid #d2d2d2; }
.pp-cms-bd .p2 .figure { display: none; width: 100%; }
.pp-cms-bd .p2 .cont { padding: 10px 15px; color: #fff; background-color: #0e63b0; }
.pp-cms-bd .p2 .tit { font-size: 16px; }
.pp-cms-bd .p2 .desc { font-size: 12px; line-height: 2.1; }
@media (min-width: 768px) { .pp-cms-bd .p2 .desc { font-size: 14px; line-height: 30px; } }
@media (min-width: 768px) and (max-width: 999px) { .pp-cms-bd .p2 .cont { position: absolute; top: 0; bottom: 0; } }

@media (min-width: 1000px) { .pp-cms-bd { width: 900px; margin: 40px auto 0; }
  .pp-cms-bd .p1 .section { height: 255px; padding: 30px 30px 0; border: none; border-left: 1px solid #eee; }
  .pp-cms-bd .p1 .tit { margin: 10px 0 15px; font-size: 18px; line-height: 1; text-align: center; }
  .pp-cms-bd .p1 .desc { height: 115px; }
  .pp-cms-bd .p1 .more { display: block; margin: auto; }
  .pp-cms-bd .p2 .cont { padding: 30px 55px; }
  .pp-cms-bd .p2 .tit { margin: 8px 0 15px; line-height: 1; } }
@media (min-width: 1367px) { .pp-cms-bd { width: auto; }
  .pp-cms-bd .p1 .section { border: none; }
  .pp-cms-bd .p1 .section1 { color: #fff; background-color: #0e63b0; }
  .pp-cms-bd .p1 .section1 .more { color: #fff; border-color: #3d82c3; }
  .pp-cms-bd .p1 .figure { height: 255px; background: url(../image/pp-f6.jpg); }
  .pp-cms-bd .p2 .cont { height: 255px; }
  .pp-cms-bd .p2 .tit { text-align: center; }
  .pp-cms-bd .p2 .figure { display: block; height: 255px; } }

/*悠乐*/
.pp-yl { overflow: hidden; padding: 40px 0 50px; background-repeat: no-repeat; background-position: center bottom; background-color: #4873B8; -webkit-background-size: cover; background-size: cover; }
.pp-yl .cont { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 24px; color: #fff; background: url(../image/opa70-000.png); }
.pp-yl .brand { display: block; width: 160px; margin: auto; }
.pp-yl .tit { margin: 6px 0 8px; font-size: 16px; text-align: center; }
.pp-yl .desc { font-size: 12px; line-height: 2.1; }
@media (min-width: 768px) { .pp-yl .desc { font-size: 14px; line-height: 30px; } }
@media (min-width: 768px) { .pp-yl { padding: 80px 0; }
  .pp-yl .tit { font-size: 18px; } }
@media (min-width: 1000px) { .pp-yl .cont { float: right; width: 580px; height: 697px; padding: 75px 64px 0; }
  .pp-yl .tit { margin: 15px 0 30px; font-size: 24px; line-height: 1; text-align: left; }
  .pp-yl .brand { margin: 0; width: auto; } }
@media (min-width: 1367px) { .pp-yl { padding: 135px 0; } }

/*# sourceMappingURL=pp.css.map */
