@charset "UTF-8";
/*特殊字1体：*/
@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url("../font/AvenirLTStd-Black.eot");
  src: local("☺"), url("../font/AvenirLTStd-Black.woff") format("woff"), url("../font/AvenirLTStd-Black.ttf") format("truetype"), url("../font/AvenirLTStd-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.pagemain {
  min-height: 350px;
  min-width: 1200px; }

.hiddden {
  display: none; }

/*-------常用---------*/
.fl {
  float: left; }

.fr {
  float: right; }

.db {
  display: block; }

.dn {
  display: none; }

.clear-fix {
  *overflow: hidden;
  *zoom: 1; }

.clear-fix:after {
  display: table;
  content: "";
  width: 0;
  clear: both; }

/*--------默认------------*/
.wrap {
  width: 1400px;
  min-width: 1400px;
  margin: 0 auto; line-height: 2em; }

body {
  color: #262626; background:#fcf6ef;}

a {
  color: #51595f;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; }

a:hover {color: #333; }

/*-----更多------*/
.more-hxh a {
  color: #6e4324; }

.more:before {
  position: absolute;
  bottom: 2px;
  left: 74px;
  display: block;
  content: "";
  background: url(../images/more_g.png) no-repeat;
  width: 33px;
  height: 6px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease; }

/*--------头部-----------*/
.header {
  z-index: 9999;
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 1200px;
  height: 110px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease; background:#37150e;}

.header .header-box {
  clear: both;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s; }

.logo {
  float: left;
  position: relative;
  height: 80px; padding-top: 13px; }

.logo img {
  vertical-align: middle;
  height: 100%; }

.header .header-box .hd-nav {
  float: right; }

.hd-nav > ul > li {
  /* padding: 43px 0; */
  position: relative;
  height: 110px;
  line-height: 110px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s; }

.hd-nav > ul > li:last-child a {
  margin-right: 0; }

/*.hd-nav ul>li:hover{text-shadow: 1px 1px 1px rgba(0,0,0,.5);}*/
.hd-nav > ul > li > a {
  display: inline-block;
  /*margin: 0 5px;*/
  padding: 0 17px;
  font-size: 14px;color:#fbd7a3 }

.hd-nav > ul > li > a:hover {
  color: #37150e;
  background: #fbd7a3; }

.hd-nav > ul > li:first-child a {
  margin-left: 0; }

.hd-nav > ul > li > a.on {
  color: #37150e;
  background: #fbd7a3; }

.header-fixed .submenu2 {
  top: 110px; }


/*.menu67 .submenu2,.menu2 .submenu2{
  right: 5px;
  left: auto;
  text-align: right;
}*/


/*submenu2*/
.submenu2 {
  display: none;
  background:#fbd7a3;
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fbd7a3', endcolorstr='#fbd7a3');
  left: 0;
   width: 100%; 
  z-index: 999;
  position: absolute;
  top: 110px;
  /* text-align: center; */
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); 
}

/* .submenu2:after{
  z-index:988;
  content: "";
  display: block;
  background:#6e4324;
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
} */

.submenu2 ul li {
  display: inline-block; }

.submenu2 ul li a {
  text-align: center;
  display: block;
  /* min-width: 40px; */
  padding: 10px 20px;
  color: #37150e;
  /* background: url(../images/menu_icon2.png) top 25px left 28px no-repeat; */
}

.submenu2 .submenu_c2{text-align: center;}
.submenu2 .submenu_c2 ul li{display: block;}
.submenu2 .submenu_c2 ul li a{line-height: 20px;padding: 10px 10px;}
.submenu2 .submenu_c2 ul li:hover a{background: #37150e !important;color: #fbd7a3;}

/* .menu1 .submenu2 ul li a {
  background: url(../images/menu_icon2.png) top 25px left 28px no-repeat; } */


/* .menu1 .submenu2 ul li a:hover {
  background-color: #4b5b3d; } */
/* .menu1 .submenu2 ul li:nth-child(1) a {
  background: url(../images/1.png) top 25px center no-repeat; }
  
.menu1 .submenu2 ul li:nth-child(2) a {
  background: url(../images/2.png) top 25px center no-repeat; }

.menu1 .submenu2 ul li:nth-child(3) a {
  background: url(../images/3.png) top 25px center no-repeat; }

.menu1 .submenu2 ul li:nth-child(4) a {
  background: url(../images/4.png) top 25px center no-repeat; }

.menu1 .submenu2 ul li:nth-child(5) a {
  background: url(../images/5.png) top 25px center no-repeat; }

.menu1 .submenu2 ul li:nth-child(6) a {
  background: url(../images/6.png) top 25px center no-repeat; }

.menu1 .submenu2 ul li:nth-child(7) a {
  background: url(../images/7.png) top 25px center no-repeat; }

.menu6 .submenu2 ul li a {
  background: url(../images/menu_icon.png) top 25px left 25px no-repeat; } */



/* .menu2 .submenu2 ul li:nth-child(1) a {
  background: url(../images/8.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(2) a {
  background: url(../images/9.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(3) a {
  background: url(../images/10.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(4) a {
  background: url(../images/c4.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(5) a {
  background: url(../images/c5.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(6) a {
  background: url(../images/c6.png) top 25px center no-repeat; }

.menu2 .submenu2 ul li:nth-child(7) a {
  background: url(../images/c7.png) top 25px center no-repeat; }

.menu3 .submenu2 ul li:nth-child(1) a {
  background: url(../images/11.png) top 25px center no-repeat; }
.menu3 .submenu2 ul li:nth-child(2) a {
  background: url(../images/12.png) top 25px center no-repeat; }
.menu3 .submenu2 ul li:nth-child(3) a {
  background: url(../images/13.png) top 25px center no-repeat; }
.menu3 .submenu2 ul li:nth-child(4) a {
  background: url(../images/14.png) top 25px center no-repeat; }
.menu3 .submenu2 ul li:nth-child(5) a {
  background: url(../images/15.png) top 25px center no-repeat; }

.menu34 .submenu2 ul li:nth-child(1) a {
  background: url(../images/16.png) top 25px center no-repeat; }
.menu34 .submenu2 ul li:nth-child(2) a {
  background: url(../images/17.png) top 25px center no-repeat; }

.menu59 .submenu2 ul li:nth-child(1) a {
  background: url(../images/18.png) top 25px center no-repeat; }
.menu59 .submenu2 ul li:nth-child(2) a {
  background: url(../images/19.png) top 25px center no-repeat; }
.menu59 .submenu2 ul li:nth-child(3) a {
  background: url(../images/20.png) top 25px center no-repeat; }
.menu59 .submenu2 ul li:nth-child(4) a {
  background: url(../images/21.png) top 25px center no-repeat; }

.menu64 .submenu2 ul li:nth-child(1) a {
  background: url(../images/22.png) top 25px center no-repeat; }
.menu64 .submenu2 ul li:nth-child(2) a {
  background: url(../images/23.png) top 25px center no-repeat; }
 
.menu67 .submenu2 ul li:nth-child(1) a {
  background: url(../images/24.png) top 25px center no-repeat; }
.menu67 .submenu2 ul li:nth-child(2) a {
  background: url(../images/25.png) top 25px center no-repeat; }
.menu67 .submenu2 ul li:nth-child(3) a {
  background: url(../images/26.png) top 25px center no-repeat; }
.menu67 .submenu2 ul li:nth-child(4) a {
  background: url(../images/27.png) top 25px center no-repeat; }
.menu67 .submenu2 ul li:nth-child(5) a {
  background: url(../images/28.png) top 25px center no-repeat; }

.menu5 .submenu2 ul li:nth-child(1) a {
  background: url(../images/8.png) top 25px center no-repeat; }

.menu5 .submenu2 ul li:nth-child(2) a {
  background: url(../images/9.png) top 25px center no-repeat; }

.menu5 .submenu2 ul li:nth-child(3) a {
  background: url(../images/10.png) top 25px center no-repeat; }

.menu5 .submenu2 ul li:nth-child(4) a {
  background: url(../images/zhaoshang4.png) top 25px center no-repeat; } */

/*固定头部*/
.header-fixed {
  top: 0;
  height: 110px;
  background-color: #37150e;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); }

/* .header-fixed .logo {
  height: 60px;
  padding: 8px 0; }

.header-fixed .logo .logo2 {
  height: 55px; }

.header-fixed .header-box .hd-nav > ul > li {
  padding: 30px 0; }

.header-fixed .hd-nav > ul > li .submenu, .header-fixed .hd-nav > ul > li .submenu2 {
  top: 100px; } */

/*.header-fixed .hd-nav>ul>li .submenu2{top:100px;}*/
/*-------banner--------*/
.banner {
  overflow: hidden;
  position: relative;
  height: 409px;
  width: 100%;
  min-width: 1200px; margin-top: 79px; }

.banner ul#pic {
  position: absolute;
  top: 50%;
  margin-top: -205px;
  left: 50%;
  margin-left: -960px; }

.banner #pic li {
  overflow: hidden;
  top: 0; }

.banner ul#pic .hidden {
  width: auto; }

.banner ul#pic img {
  height: 100%;
  overflow: hidden; }

.banner_l, .banner_r {
  z-index: 99;
  width: 50px;
  height: 160px;
  line-height: 150px;
  position: absolute;
  font-size: 40px;
  top: 50%;
  margin-top: -80px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center; }

.hidden {
  opacity: 0;
  visibility: hidden;
  width: 100%; }

.banner_l {
  left: 0; }

.banner_r {
  right: 0; }

.banner_l:hover, .banner_r:hover {
  background: rgba(0, 0, 0, 0.2); }

/*.banner_btn{position: absolute;bottom:230px;left: 50%;margin-left: -45px;z-index: 999;}*/
/*--------和轩号----------*/
.index-hxh {
  position: relative; }

.index-hxh .bg {
  width: 100%; }

.slideTxtBox .hd ul li {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -228px;
  left: 50%;
  margin-left: -204px;
  cursor: pointer; }

.slideTxtBox .hd ul li h4 {
  z-index: 999;
  display: block;
  width: 144px;
  height: 228px;
  line-height: 228px;
  text-align: center;
  font-size: 20px;
  color: #555;
  font-weight: normal;
  background-color: #f0f0f0; }

.hd-h41 {
  background-image: url("../images/hxh_title_hover.png");
  background-repeat: no-repeat;
  background-position: center center; }

.slideTxtBox .hd ul li.on h4.hd-h41 {
  background-image: url("../images/hxh_title.png");
  background-repeat: no-repeat;
  background-position: center center; }

.hd-h42 {
  position: absolute;
  top: 228px; }

.slideTxtBox ul li h4 img {
  vertical-align: middle; }

.slideTxtBox .hd ul li.on h4 {
  background: #6e4324;
  color: #fff; }

/*.slideTxtBox .hd ul li .hd-bg img{display: none;position: absolute;}*/
/*.slideTxtBox .hd ul li.on .hd-bg img{display: block;}*/
.slideTxtBox .bd {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -228px; }

.bd ul li div {
  overflow: hidden; }

/* 匠心制茶 背景图 */
.slideTxtBox .hd:after {
  z-index: 999;
  position: absolute;
  top: 50%;
  margin-top: -180px;
  display: inline-block;
  left: 50%;
  margin-left: 503px;
  width: 37px;
  height: 362px;
  content: "";
  background: url(../images/index_hxh_dis.png) right center no-repeat;
  background-size: auto 100%; }

@media only screen and (max-width: 1440px) {
  .slideTxtBox .bd {
    margin-left: -110px; }

  .slideTxtBox .hd ul li {
    margin-left: -254px; }

  .slideTxtBox .hd:after {
    margin-left: 440px; } }
.hxh-r-box {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  padding: 43px 38px 23px 38px;
  width: 478px;
  height: 390px;
  font-size: 14px;
  background: #fff; }

.hxh-r-box .hxh-phone {
  padding: 5px 0 35px;
  font-size: 25px;
  color: #6e4324;
  font-weight: normal;
  line-height: 1; }

.hxh-r-box .hxh-r-content {
  margin-top: 0;
  line-height: 30px;
  padding-bottom: 30px; }

.hxh-r-box .hxh-r-content2 {
  line-height: 30px;
  padding-bottom: 44px; }

.hxh-r-box .hxh-r-content3 {
  line-height: 30px;
  padding-bottom: 54px; }

.more {
  position: relative;
  padding: 0;
  margin: 0;
  line-height: 1; }

.more-hxh span {
  color: #6e4324; }

.hxh-r-box {
  cursor: pointer; }

.hxh-r-box:hover .more:before {
  left: 84px; }

/**/
/*.hxh-pic img{ z-index: -1; position: absolute;left:0;width: 945px; height: 703px;}*/
/*首页标题通用*/
/*---首页动态----*/
.index-news {
  padding: 35px 0;
  background-color: #f3f3f3;
  min-width: 1200px; }

.index-news .index-news-l, .index-news .index-news-r {
  width: 550px; }

.index-news .index-news-l h2, .index-news .index-news-r h2 {
  font-size: 20px;
  line-height: 30px;
  color: #6e4324;
  font-weight: normal;
  position: relative;
  margin: 0 0 18px; }

.index-news .index-news-l h2 .news-more, .index-news .index-news-r h2 .news-more {
  position: absolute;
  right: 0;
  top: 4px;
  width: 96px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  background: #6e4324;
  border-radius: 11px; }

.index-news .index-news-l h2 .news-more:hover, .index-news .index-news-r h2 .news-more:hover {
  font-weight: bold; }

.index-news .index-news-l ul li, .index-news .index-news-r ul li {
  float: left;
  width: 100%;
  line-height: 32px;
  height: 32px;
  overflow: hidden; }

.index-news .index-news-l ul li a, .index-news .index-news-r ul li a {
  display: block;
  width: 532px;
  height: 100%;
  padding-left: 18px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  background: url(../images/list-disc.png) center left 3px no-repeat; }

.index-news .index-news-l ul li h3, .index-news .index-news-r ul li h3 {
  float: left;
  width: 82%;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s; }

.index-news .index-news-l ul li em, .index-news .index-news-r ul li em {
  float: right;
  width: 18%;
  text-align: center;
  font-style: normal;
  color: #6e4324; }

.index-news .index-news-l ul li:hover h3, .index-news .index-news-r ul li:hover h3 {
  padding-left: 10px;
  width: 80%; }

.index-news .index-news-l ul li:hover a, .index-news .index-news-r ul li:hover a {
  background-position: 13px center; }

/*首页扶持政策*/
.index-support {
  min-width: 1200px;
  text-align: center;
  padding: 50px 0; }

.index-support h2 {
  font: 25px "AvenirLTStd-Black";
  position: relative; }

.index-support h2:after {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 1px;
  background: #6e4324;
  left: 50%;
  margin-left: -15px;
  bottom: -15px; }

.index-support ul {
  text-align: center; }

.index-support ul li {
  display: inline-block; }

.index-support ul li a {
  display: block;
  padding: 0 32px; }

.index-support ul li a img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s; }

.index-support ul li a p {
  padding-top: 20px; }

.index-support ul li a:hover img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03); }

/*footer*/
.footer {
  width: 100%;
  min-width: 1200px;
  background-color: #fff; }

.ft-box {
  overflow: hidden;
  padding:33px 0 25px; }

.ft-l {
  display: block;
  float: left;
  height: 65px;
  margin-right: 40px; }
  .ft-l img {
    vertical-align: middle;
    height: 100%; }

.ft-m {
  float: left;
  line-height: 25px; }

.ft-m p {
  padding-top: 10px;
  line-height: 1; }

.ft-m p:first-child {
  padding-top: 0; }

.ft-m p, .ft-m a {
  color: #777; }

.ft-m a:hover {
  color: #6e4324; }

.ft-r {
  float: right; }

.ft-r a {
  display: inline-block;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  width: 58px;
  height: 58px;
  -webkit-transform: all .4s ease;
  -moz-transform: all .4s ease;
  -ms-transform: all .4s ease;
  transform: all .4s ease; }

.ft-r a:first-child, .ft-r a:nth-child(2) img {
  width: 58px;
  height: 58px; }

.ft-r a:first-child:hover, .ft-r a:nth-child(2):hover {
  margin-top: -8px; }

.ft-r img {
  width: 80%; }

a.to-top {
  margin-right: 0;
  cursor: pointer;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url(../images/footer_to_top.png) center center no-repeat; }

.to-top:hover {
  background: #6e4324 url(../images/footer_to_top_hover.png) center center no-repeat; }

.pl-10 {
  padding-left: 10px; }

/*--------内页----------*/
.page-main {
  padding: 50px 0;
  min-width: 1200px; background:#fcf6ef;
  }

/*简介*/
.about-main {
  font-size: 16px;
  max-width: 1200px;
  margin: 160px auto 0; }

.about-content {
  overflow: hidden;
  margin-top: 25px;
  line-height: 2; min-height: 200px; }

.about-content p{
  font-size: 14px;
}

.about-content img {
  max-width: 100%; }

.about-main h3 {
  color: #6e4324;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: bold; }

/*-----工厂 ----------*/
.gc-main {
  width: 1000px;
  margin: 0 auto 50px;
  background: #fff; }

.gc-main .gc-content {
  margin: 25px 0 50px; }

/*--------视频------------*/
.video {
  margin: 0 auto; }

.video-page {
  width: 100%;
  margin-top: 147px; }

/*---------产品页 pro------------*/
.page-banner {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: 520px;
  margin-top: 110px;
  overflow: hidden;
  z-index: -1;}

.page-banner .img {
  height: 582px;
  width: 100%;
  position: fixed;
  z-index: -1; }

.page-fixed {
  margin-top: 110px; }

#pro.page-main {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 15px; }

.prolists li {
  overflow: hidden;
  padding-top: 58px;
  width: 25%;
  height: 370px;
  text-align: center; }

.prolists a {
  display: block; }

.protext p {
  color: #555;
  padding-top: 23px; }

.proinfo, .protext p {
  line-height: 1; }

.proinfo {
  color: #aaa;
  padding-top: 16px; }

.proinfo i {
  font-style: normal;
  padding-left: 16px; }

.proimg {
  display: table-cell;
  width: 300px;
  height: 297px;
  text-align: center;
  vertical-align: middle; }

.proimg img {
  width: 100%;
  max-width: 263px;
  vertical-align: middle; }

#pro .paging {
  margin-top: 50px; }

/*-------产品详情页-----------*/
#prodetial {
  margin-top: 150px;
  padding: 0; }

.pro-detial-l {
  position: relative;
  overflow: hidden;
  width: 644px;
  height: 644px; }

#pic2 {
  width: 644px;
  overflow: hidden;
  height: 644px;
  text-align: center; }

#pic2 li p {
  width: 644px;
  overflow: hidden;
  height: 644px;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

#pic2 img {
  max-width: 644px;
  max-height: 644px; }

.banner_btn2 {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  z-index: 999; }

.banner_btn2 span {
  width: 10px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  border: 2px solid #fff;
  border-radius: 10px; }

.banner_btn2 span.cur {
  background: #fff; }

.pro-detial-r {
  padding: 172px 0 0 83px;
  color: #555; }

.pro-detial-r h4 {
  padding-bottom: 16px;
  font: 25px normal;
  color: #6e4324;
  line-height: 1; }

.pro-detial-r p {
  font-size: 16px;
  padding-top: 26px; }

/*		p.p-shop{padding-top: 83px;}
		.pro-detial-r a.p-jd{padding-left: 24px;}*/
.p-shop a {
  display: inline-block;
  margin-right: 15px;
  width: 200px;
  text-align: center;
  line-height: 45px;
  color: #6e4324;
  border: 1px solid #6e4324;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all .3s ease; }

.p-shop a:hover {
  background-color: #6e4324;
  color: #fff; }

.pro-con-box {
  min-height: 350px; }

.prenext {
  height: 89px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 50px; }

.prenext a {
  position: relative;
  display: inline-block;
  float: left;
  width: 399px;
  height: 90px;
  line-height: 90px;
  font-size: 18px;
  text-align: center;
  color: #555;
  border-right: 1px solid #f0f0f0; }

.prenext a .icon {
  display: inline-block;
  width: 35px;
  height: 18px;
  margin-right: 15px;
  margin-top: 35px;
  vertical-align: top; }



.prenext .prev .icon {
  background: url(../images/pro_arcticle_left.png) center no-repeat; }

.prenext .backlist .icon {
  background: url(../images/pro_arcticle_list.png) center no-repeat; }

.prenext .next .icon {
  background: url(../images/pro_arcticle_right.png) center no-repeat;
  margin-top: 37px;
  margin-left: 15px; }

.prenext a:hover {
  color: #6e4324; }

.prenext .next {
  border: none; }

/*----新闻列表页---------*/
/* 列表页 */
#news {
  padding-top: 130px;
  overflow: hidden; }

.news-wrap {
  margin-top: 50px; }

#news article.pull-left > h4 {
  width: 930px; }

.news-left {
  float: left;
  width: 400px; }

.news-left img {
  max-width: 100%; }

.news-right {
  float: right;
  width: 750px; }

.news-right .newslist {
  border-top: 1px solid #ddd;
  margin-bottom: 40px;
  min-height: 300px; }

.news-right .newslist li {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s; }

.news-right .newslist li a {
  display: block;
  height: 100%;
  padding: 20px 15px;
  position: relative; }

.news-right .newslist li h3 {
  font-weight: normal;
  font-size: 16px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  margin: 0 0 10px; }

.news-right .newslist li .date {
  position: absolute;
  right: 15px;
  top: 25px;
  font-style: normal;
  font-family: 'AvantGardeITCbyBT-Book', "Microsoft Yahei";
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  color: #999; }

.news-right .newslist li p {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  color: #999;
  line-height: 22px;
  font-size: 13px;
  width: 100%;
  max-height: 45px;
  overflow: hidden; }

.news-right .newslist li:hover {
  background: #fff; }

.news-right .newslist li:hover h3 {
  color: #333;
  margin-left: 10px; }

.news-right .newslist li:hover .date {
  color: #333; }

.news-right .newslist li:hover p {
  color: #666;
  margin-left: 10px; }

/** 单页标题通用 */
h2.h2-cn {
  font-size: 40px;
  font-weight: bold; margin-bottom: 42px; }

h2.h2-en {
  font-size: 16px;
  font-weight: normal; }

h2.h2-en, h2.h2-cn {
  color: #6e4324;
  line-height: 42px;
  text-align: center; }

h2.h2-en strong, h2.h2-cn strong {
  font-size: 26px;
  line-height: 35px;
  font-weight: normal; }

h2.h2-en b, h2.h2-cn b {
  font-size: 22px;
  line-height: 38px;
  font-weight: normal; }

h2.h2-en span, h2.h2-cn span {
  line-height: 42px; }

/*陈皮投资*/
#invest {
  padding: 70px 0;
  overflow: hidden; }

.invest-hd {
  padding-top: 20px;
  text-align: center; }

.invest-hd li {
  display: inline-block;
  width: 28%; }

.invest-hd span {
  display: inline-block;
  width: 160px;
  height: 160px;
  margin-bottom: 13px;
  background: url(../images/cptz.png) 0 0 no-repeat;
  border-radius: 145px; }

.invest-hd span.cx {
  background-position: 45px center;
  background-color: #d5b82e; }

.invest-hd span.jy {
  background-position: -215px center;
  background-color: #86b337; }

.invest-hd span.zy {
  background-position: -475px center;
  background-color: #358f55; }

.invest-hd p {
  font-size: 20px;
  color: #555;
  line-height: 32px;
  text-align: center; }

.invest-con {
  padding-top: 90px;
  overflow: hidden;
  font-size: 16px;
  line-height: 40px;
  color: #555; }

/*-------招商加盟----------*/
/*join banenr*/
.banner-join {
  margin-top: 110px;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 364px;
  min-width: 1200px;
  margin-bottom: 45px; }

.banner-join .maincell {
  width: 33.33%;
  margin: 0 auto;
  position: relative; }

.banner-join ul li {
  width: 100%;
  height: 364px;
  overflow: hidden; }

.banner-join ul li img {
  width: 100%; }

.banner-join .arrow {
  z-index: 999;
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 48px;

  top: 50%;
  margin-top: -24px; }

.banner-join .arrowl {
  left: 40px;
  background: url(../images/join_banner_left.png) center no-repeat; }

.banner-join .arrowr {
  right: 40px;
  background: url(../images/join_banner_right.png) center no-repeat; }

#join {
  overflow: hidden; }

.join-hd-l {
  width: 605px;
  height: 520px; }

.join-hd .hd-tit, .invest-hd-l .hd-tit { text-align: center;
  padding-bottom: 11px;
  font-size: 40px;
  color: #6e4324; }

.join-hd h2, .join-hd h3, .invest-hd h2, .invest-hd-l {
  color: #aaa;
  line-height: 1; }

.join-hd h2, .invest-hd-l h2 { text-align: center;
  font-family: 'AvantGardeITCbyBT-Book';
  font-weight: normal;
  text-transform: uppercase; }

.hd-con {
  line-height: 30px; }

.join-hd .net-img {
  text-align: center;
  margin: 35px 0 40px; }

.join-hd .net-img img {
  max-width: 80%; }

.join_youshi {
  margin: 42px 0;
  background: url(../images/join_youshi.png) center center no-repeat; }

.join_youshi .join-hd-l {
  width: 42%;
  padding: 4%;
  height: auto; }

.join_youshi .join-hd-l .hd-con {
  color: #fff; }

.jm-content {
  overflow: hidden;
  margin: 0 0 42px; }

.advantage {
  position: relative;
  margin-top: 30px; }

.advantage .list {
  display: inline-block;
  width: 39%;
  padding-left: 10%;
  margin-top: 30px;
  color: #e4c636;
  font-weight: bold;
  line-height: 1; }

.advantage .list .list-tit {
  position: relative;
  display: block;
  margin-bottom: 16px;
  font-family: "AvenirLTStd-Black";
  font-size: 32px; }

.advantage .list .list-tit:before {
  position: absolute;
  top: 50%;
  left: -38px;
  display: block;
  content: "";
  width: 26px;
  height: 2px;
  background-color: #e4c636; }

.advantage .list .list-con {
  font-size: 18px; }

.join-hd-r span {
  display: table-cell;
  height: 520px;
  vertical-align: middle; }

.join-hd-r img {
  display: inline-block;
  max-width: 100%; }

.join-m .join-m-tit {
  font-size: 30px;
  color: #333;
  font-weight: normal;
  margin-bottom: 25px; }

.join-m-list {
  margin-bottom: 70px; }

.join-m-list li {
  width: 396px; }

.join-m-list table {
  vertical-align: top;
  border-collapse: collapse;
  border: 1px solid  #eee; }

.join-m-list table td {
  width: 400px;
  padding: 10px 12px;
  border-color: #eee;
  line-height: 30px;
  color: #555; }

.join-m-list table td p:first-child {
  font-size: 16px;
  color: #6e4324; }

/*	.join-ft-r{}*/
/*申请加盟*/
.join-apply {
  width: 1000px;
  margin: 0 auto 60px; }

.join-apply .h2-en {
  margin-bottom: 25px; }

.join-apply .join-form {
  overflow: hidden; }

.join-apply .join-form .apply-txt {
  margin-bottom: 20px;
  color: #999; }

.join-apply .join-form form li {
  float: left;
  width: 48%;
  margin-bottom: 20px; }

.join-apply .join-form form li:first-child, .join-apply .join-form form li:first-child + li + li {
  margin-right: 4%; }

.join-apply .join-form form input, .join-apply .join-form form textarea, .join-apply .join-form form button, .join-apply .join-form form select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  bottom: none; }

.join-apply .join-form form input {
  width: 100%;
  padding: 0 18px;
  height: 45px;
  line-height: 45px;
  float: left;
  background: #f2f2f2;
  color: #666; }

.join-apply .join-form form textarea {
  width: 100%;
  padding: 10px 18px;
  background: #f2f2f2;
  color: #666; }

.join-apply .join-form form .form-space {
  color: #666;
  padding: 0 18px;
  height: 45px;
  line-height: 45px;
  background: #f2f2f2; }

.join-apply .join-form form .form-space select {
  color: #666;
  background: #f2f2f2; }

.join-apply .join-form form .form-space #span_place {
  margin-right: 5px; }

.join-apply .join-form form .intxt1 {
  margin-right: 4%; }

.join-apply .join-form form .submit {
  width: 180px;
  display: block;
  margin-top: 20px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  background: #6e4324;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s; }

.join-apply .join-form form .submit:hover {
  width: 200px; }

/*-----联系页--map------*/
#dituContent {
  overflow: hidden;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 350px;
  text-align: left; }

.maps {
  margin-top: 110px;
  min-width: 1200px; }

.mapt.articleShow {
  opacity: 1;
  visibility: visible;
  font-weight: normal;
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0); }

.mapt:before {
  content: "";
  width: 40px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 0; }

.mapt {
  position: absolute;
  left: 0%;
  width: 100%;
  top: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 36px;
  font-family: "Arial";
  padding-bottom: 20px;
  line-height: 1; }

.BMap_mask:before {
  content: "";
  width: 100%;
  height: 100%; }

.iw_poi_title {
  color: #CC5522;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  padding-right: 13px;
  white-space: nowrap; }

.iw_poi_content {
  font: 12px arial,sans-serif;
  overflow: visible;
  padding-top: 4px;
  white-space: -moz-pre-wrap;
  word-wrap: break-word; }

.anchorBL, .BMap_omBtn, .BMap_omOutFrame, .BMap_omCtrl, .BMapLabel, .BMap_stdMpCtrl {
  display: none !important; }

span.BMap_Marker {
  -webkit-animation: local .8s infinite;
  -moz-animation: local .8s infinite;
  animation: local .8s infinite; }

@-webkit-keyframes local {
  0% {
    -webkit-transform: translate(0px, -18px);
    transform: translate(0px, -18px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, -18px);
    transform: translate(0px, -18px); } }
@-moz-keyframes local {
  0% {
    -webkit-transform: translate(0px, -18px);
    -moz-transform: translate(0px, -18px);
    transform: translate(0px, -18px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, -18px);
    -moz-transform: translate(0px, -18px);
    transform: translate(0px, -18px); } }
@keyframes local {
  0% {
    -webkit-transform: translate(0px, -18px);
    -moz-transform: translate(0px, -18px);
    transform: translate(0px, -18px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, -18px);
    -moz-transform: translate(0px, -180px);
    transform: translate(0px, -18px); } }
.contact-wrap {
  /* width: 1000px; */
  width: 100%;
  margin: 60px auto; }

.contact-wrap p.tel {
  margin: 25px 0;
  text-align: center; }

.contact-wrap .contact-l {
  float: left;
  width: 550px; }

.contact-wrap .contact-l img {
  max-width: 100%; }

/* .contact-wrap .contact-r {
  float: right;
  width: 412px; } */

.contact-wrap .contact-r {
  width: 800px;
  margin: 0 auto;
}

.contact-wrap .contact-r input, .contact-wrap .contact-r textarea, .contact-wrap .contact-r button {
  border: none;
  outline: none; }

.contact-wrap .contact-r input, .contact-wrap .contact-r textarea {
  width: 94%;
  background: #fff;
  margin-bottom: 20px; }

.contact-wrap .contact-r input {
  height: 40px;
  line-height: 40px;
  padding: 0 3%; }

.contact-wrap .contact-r textarea {
  padding: 8px 3%; }

.contact-wrap .contact-r button {
  padding: 0 45px;
  height: 36px;
  line-height: 36px;
  background: #6e4324;
  color: #fff;
  cursor: pointer;
  margin-top: 10px;
  -webkit-transition: all .3s;

  -moz-transition: all .3s;
  transition: all .3s; }

.contact-wrap .contact-r button:hover {
  padding: 0 50px; }

#contact{margin-top:60px;}

/*-----------end 联系我们----------*/
/*翻页**********************************************************************/
.paging {
  text-align: center;
  padding-bottom: 35px; }

.paging li {
  display: inline-block;
  line-height: 24px;
  text-align: center; }

.paging li a {
  display: inline-block;
  color: #6e4324;
  border: 1px solid #ddd;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 3px;
  transition: all .5s; }

.paging li.thisclass a, .paging li:hover a {
  background: #6e4324;
  color: #fff; }

.paging li a.i, .paging li.n a, .paging li a.e, .paging li.p a {
  text-indent: -9999px; }

.paging li a.i {
  background: url(../images/paging_btn.png) 7px center no-repeat; }

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat; }

.paging li.p a {
  background: url(../images/paging_btn.png) -30px center no-repeat; }

.paging li.n a {
  background: url(../images/paging_btn.png) -98px center no-repeat; }

.paging li:hover a.i {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #6e4324; }

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #6e4324; }

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -30px center no-repeat #6e4324; }

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -98px center no-repeat #6e4324; }

/*sildebar*/
/*固定侧边拦*/
.float-right-box {
  width: 200px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #6e4324;
  z-index: 1000;
  transition: width 0.3s ease 0s; }

n
.float-right-box a {
  display: block;
  width: 200px;
  height: 51px;
  overflow: hidden;
  font-family: 'Myriad Pro'; }

.float-right-box.on {
  width: 50px; }

.float-right-box .top-list {
  width: 100%; }

.float-right-box .top-list ul {
  width: 100%; }

.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #bf865c;
  transition: background 0.3s ease 0s;
  height: 50px;
  opacity: .8; }

.float-right-box .top-list a {
  display: block;
  width: 100%;
  height: 51px; }

.float-right-box .top-list .ico {
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s ease 0s;
  z-index: 2; }

.float-right-box .top-list .ico1 {
  background: url(../images/qq.png) no-repeat center #6e4324; }

.float-right-box .top-list .ico2 {
  background: url(../images/wechat.png) no-repeat center #6e4324; }

.float-right-box .top-list .ico3 {
  background: url(../images/email.png) no-repeat center #6e4324; }

.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  width: 222px; }

.float-right-box .top-list li:hover .stt {
  color: #fff; }

.wechat {
  position: relative; }
  .wechat .img {
    position: absolute;
    right: 0;
    top: 50px;
    width: 200px;
    height: 200px;
    opacity: 0;
    transition: all .3s ease;
    transform: scale(0);
    visibility: hidden; }
    .wechat .img img {
      width: 100%; }
  .wechat:hover .img {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }

.float-right-box .top-list li:hover .ico1 {
  background: url(../images/qq.png) no-repeat center #6e4324; }

.float-right-box .top-list li:hover .ico2 {
  background: url(../images/wechat.png) no-repeat center #6e4324; }

.float-right-box .top-list li:hover .ico3 {
  background: url(../images/email.png) no-repeat center #6e4324; }

.float-right-box .top-list li:hover {
  opacity: 1; }

.float-right-box .top-list .return-webtop .stt {
  font-family: "Arial";
  text-align: left;
  font-weight: bold; }

.float-right-box .bot-share {
  position: relative;
  height: 50px; }

.float-right-box .bot-share a {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0; }

.float-right-box .bot-share .share {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }

.float-right-box .bot-share .tw {
  background: url(../images/ico_63.png) no-repeat center; }

.float-right-box .bot-share .blog {
  background: url(../images/blog.png) no-repeat center; }

.float-right-box .bot-share .fb {
  background: url(../images/ico_65.png) no-repeat center; }

.float-right-box .bot-share a:hover {
  background-color: #525354; }

.float-right-box .bot-share .share-ico {
  background: url(../images/ico_67.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0; }


.pagewrap{margin: 0 auto 60px;}
.pagewrap.ml0{margin-left:0;}
.page-left{min-height: 350px;}
.page-left img{ max-width: 100%; }
.page-right{width: 300px;padding-left: 48px;display: none;}
.page-right ul li{margin-bottom: 9px;}
.page-banner-2{position: relative;margin-top:110px; width: 100%; overflow: hidden; height: 171px; margin-bottom: 50px;}
.page-banner-2 img{height: 100%; position: absolute;top:0;left:50%;transform:translateX(-50%);}
.page-banner-2 .h2-cn{position: absolute; top: 50%; margin-top: -24px; width: 1173px;
  left: 50%; margin-left: -587px; text-align: left;font-size: 30px;}
.nav-wrap{margin-bottom: 50px;width: 100%;overflow: hidden; border-bottom:1px solid #ddd7cf; background:#fff; display:none;}
.nav-sty{overflow: hidden;}
.nav-sty li {
  position: relative;
  float: left;
  margin-left: 12px;
  width: auto;
  text-align: center;
}
.nav-sty div{display: none;}
.nav-sty li:first-child {
  margin-left: 0
}

.nav-sty li a {
  display: inline-block;
  width: auto;
  min-width: 56px;
  padding: 0 18px;
  height: 63px;
  line-height: 63px;
  transition: all .3s ease;
}

.nav-sty li:after{
  position: absolute;bottom: 0;
  content:"";display: block;width: 0%;height:2px;background:#d60000;
  transition: all .2s ease;
}

.nav-sty li.current:after,
.nav-sty li:hover:after {
  width: 100%;
}

.nav-sty li.current a,
.nav-sty li:hover a {
  color: #d60000;font-weight: bold;
}


.honor {
  position: relative;
  padding-bottom: 50px;
}
.honor .rongyu-list {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  /* width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px); */
}

.honor .rongyu-list li {
  /* box-sizing: border-box; */
  width: 20%;
  float: left;
  margin-bottom: /* 50px */;
  /* min-height: 320px; */
  /* border: 1px solid #eee; */
}

.honor .rongyu-list li a{
  display: inline-block;
}

.honor .rongyu-list li div {
  margin: 0 15px;
}

.honor .rongyu-list li span {
  display: table-cell;
  vertical-align: middle;
  height: 158px;
  overflow: hidden;
}

.honor .rongyu-list li img {
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.honor .rongyu-list li p {
  height: 59px;
  line-height: 59px;
  text-align: center;
  color: #6e4324;
  overflow: hidden;
  word-wrap:break-word ;
  text-overflow: ellipsis;
}

.honor-50 .rongyu-list li span{
  height: 300px;
}


/* index-首页 */
.redian.redian-top{width: 100%;min-width: 1200px; background-color: #fff;}
.redian2 div div{float: left;}
.redian2.redian .r-wrap{padding: 0;}
.redian .r-wrap {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 32px 0 40px;
}
.redian .r-wrap .caifu {
  float: left;
  width: 511px;
  overflow: hidden;
}
.redian .caifu a:hover p{
  color: #6e4324;
}
.redian .r-wrap .news-1 {
  float: left;
  margin-left: 24px;
  width: 510px;
}
.redian .r-wrap .stock {
  float: right;
  width: 117px;
  margin-left: 21px;
}
.redian .r-wrap .stock img{
  display: block;
}
.redian .r-wrap .stock p{
  padding-top: 10px;
  width: 117px;
  text-align: center;
  color: #51595f;
}
.redian .r-wrap .caifu h1 {
  height: 43px;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 22px;
}
.redian .r-wrap .caifu p {
  padding-right: 6px;
  line-height: 25px;
  text-align: justify;
}
.news-1 .tab-nav {
  /* overflow: hidden; */
  height: 41px;
  border-bottom: 2px solid #e1d7cc;
}
.news-1 .tab-nav li {
  position: relative;
  font-weight: bold;
  float: left;
  display: inline-block;
  padding: 0px 25px 20px 7px;
  font-size: 14px;
  width: 70px;
}
.news-1 .tab-nav li:after{
  display: block;
  z-index: 9;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 74px;
  height: 2px;
  background: #d00000;
  content: "";
}

.news-1 a:hover p,
.news-1 a:hover i{
  color: #6e4324;
}
.news-1 .tab-box {
  clear: both;
  margin-top: 18px;
}
.news-1 .tab-box p {
  overflow: hidden;
  white-space:nowrap;
  margin-left: 7px;
  line-height: 25px;
  text-overflow:ellipsis;
}
.news-1 .tab-box p i {
  float: right;
  font-style: normal;
  margin-right: 13px;
   color:#CCC;
}


.year-con{
  margin-top: 65px;
}


.slick-arrow {
  width: 40px;
  height: 40px;
  display: block;
  background: #000;
  border-radius: 48px;
  top: 55%;
  margin-top: 10px;
  z-index: 100;
}
.slick-prev {
  left: -24px;
  position: absolute;
}
.slick-next {
  right: -24px;
  position: absolute;
}

.event .nav-wrap{margin-bottom: 0;}

/* .year-con{position: relative;height: 470px;}
.year-in{position: absolute;top: 0;}
.year-control{overflow: hidden;margin-top: 72px;}
.year-control li{display: block; float: left; width:50px;height:50px;
  border-radius: 50px;background:#91693d;margin-left: 14px;cursor: pointer;user-select: none;
  text-align: center;line-height: 50px;color:#fff;transition:all .3s ease;font-size: 16px;}
.year-control li.show{background:#d00000;} */
.about-history-list{width: 100%; top: 0; /* opacity: 0;z-index: 1;  */}
/* .about-history-list.show{opacity: 1;z-index: 99;} */
.about-history-list .slides li .item .desc p{}
/* @media screen and (min-width: 1560px) {
  .honor .rongyu-list {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
  }

  .honor .rongyu-list li {
    margin-bottom: 80px;
    min-height: auto;
  }

  .honor .rongyu-list li span {
    display: table-cell;
    vertical-align: middle;
    height: 250px;
  }

  .honor .rongyu-list li div {
    margin: 0 40px;
  }
} */
.redian2 { background-color: #f6e1c8; }



.r-wrap {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  overflow: hidden;
}    

/* 滑块 start */
#subjects {height:165px;}
#subjects .r-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .r-wrap .item-1 {z-index:1; background:url(../images/a1.jpg) no-repeat;}
#subjects .r-wrap .item-2 {z-index:2; background:url(../images/a3.jpg) no-repeat;}
#subjects .r-wrap .item-3 {z-index:3; background:url(../images/a4.jpg) no-repeat;}
#subjects .r-wrap .item-4 {z-index:4; background:url(../images/a2.jpg) no-repeat;}
#subjects .r-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .r-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}


/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:617px;}
#subjects .state-0 .item-4 {left:793px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:492px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:705px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:917px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:707px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */