.bg01 {
  background: #ffffff;
}
.bg02 {
  background: #f9f6ef;
}
.youshi-container {
  padding-bottom: 70px ;
}
.youshi-container .youshi-title {
  margin-top: 50px ;
}
.youshi-container .youshi-content {
  margin-top: 40px ;
}
.youshi-container .youshi-content li {
  width: 20% ;
  text-align: center;
  float: left;
}
.youshi-container .youshi-content li .inner-thumb {
  transition: all 0.8s;
}
.youshi-container .youshi-content li .inner-thumb:hover {
  transform: rotate(360deg);
}
.youshi-container .youshi-content li .inner-title {
  color: #a00000;
  font-size: 16px ;
  font-weight: 700 ;
  margin-top: 25px ;
}
.youshi-container .youshi-detail {
  margin-top: 40px ;
}
.youshi-container .youshi-detail .item-row {
  height: 140px;
  margin-top: 21px ;
  text-align: center;
}
.youshi-container .youshi-detail .item-row:first-child {
  margin-top: 0 ;
}
.youshi-container .youshi-detail .item-row .inner-icon {
  margin-top: 15px ;
}
.youshi-container .youshi-detail .item-row .inner-text {
  font-size: 16px ;
  color: #a00000;
  margin-top: 5px ;
}
.youshi-container .youshi-detail .inner-left {
  width: 231px;
  float: left;
  height: 140px;
  background: #eeeeee;
  border: 1px solid #d2d2d2;
}
.youshi-container .youshi-detail .inner-right {
  width: 869px;
  float: right;
  height: 140px;
  cursor: move ;
}
.youshi-container .youshi-detail .inner-right .swiper-container-youshi {
  height: 140px;
}
.youshi-container .youshi-detail .inner-right .swiper-container-youshi img {
  width: 100% ;
  height: 100% ;
  padding-left: 5px ;
}
.youshi-container .baozhang-title {
  margin-top: 70px ;
}
.youshi-container .baozhang-content li {
  width: 508px;
  height: 135px;
  margin-top: 33px ;
  background-repeat: no-repeat;
}
.youshi-container .baozhang-content li:hover {
  background-position: 0 -135px;
}
.youshi-container .baozhang-content .li-item-1 {
  background-image: url('images/baozhang-li-item-1.jpg');
}
.youshi-container .baozhang-content .li-item-2 {
  background-image: url('images/baozhang-li-item-2.jpg');
}
.youshi-container .baozhang-content .li-item-3 {
  background-image: url('images/baozhang-li-item-3.jpg');
}
.youshi-container .baozhang-content .li-item-4 {
  background-image: url('images/baozhang-li-item-4.jpg');
}
.youshi-container .baozhang-content .li-left {
  float: left;
}
.youshi-container .baozhang-content .li-right {
  float: right;
}
.case-container {
  padding-bottom: 90px ;
}
.case-container .case-title {
  margin-top: 60px ;
}
.case-container .case-content {
  margin-top: 50px ;
}
.case-container .case-content .case-item {
  width: 350px;
  height: 267px;
}
.case-container .case-content .case-item .item-top {
  width: 100% ;
  position: relative ;
  cursor: pointer ;
  text-align: center;
  height: 233px;
}
.case-container .case-content .case-item .item-top > div {
  position: absolute ;
  top: 0;
  left: 0;
  width: 100% ;
  height: 100% ;
}
.case-container .case-content .case-item .item-top .item-thumb {
  z-index: 110;
}
.case-container .case-content .case-item .item-top .item-thumb img {
  width: 100% !important ;
  height: 100% !important;
  max-width: 100% ;
  max-height: 100% ;
}
.case-container .case-content .case-item .item-top .item-shadow {
  z-index: 120;
  display: none ;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100% ;
  height: 100% ;
  position: absolute ;
  left: 0;
  top: 0;
}
.case-container .case-content .case-item .item-top .item-btns {
  display: none ;
  z-index: 130;
  font-size: 16px ;
}
.case-container .case-content .case-item .item-top .item-btns a {
  width: 32% ;
  border: 1px solid #ffffff;
  display: inline-block;
  color: #ffffff;
  font-size: 16px ;
  height: 32px;
  line-height: 30px;
  border-radius: 4px;
  margin: 100px 3%;
}
.case-container .case-content .case-item .item-top:hover .item-btns,
.case-container .case-content .case-item .item-top:hover .item-shadow {
  display: block ;
}
.case-container .case-content .case-item .item-foot {
  height: 34px;
  line-height: 34px;
  font-size: 14px ;
  background: #a00000;
}
.case-container .case-content .case-item .item-foot,
.case-container .case-content .case-item .item-foot a {
  color: #ffffff;
}
.case-container .case-content .case-item .item-foot a {
  display: block ;
  width: 100% ;
  height: 100% ;
  padding: 0 10px ;
  white-space: nowrap ;
  overflow: hidden ;
  text-overflow: ellipsis ;
}
.case-container .case-content .case-item {
  float: left;
  margin-left: 25px ;
}
.case-container .case-content .case-item:first-child {
  margin-left: 0 ;
}
.case-container .case-grids {
  margin-top: 40px ;
}
.case-container .case-grids .inner-item {
  display: block ;
  width: 350px;
  height: 233px;
  float: left;
  margin-left: 25px;
  margin-bottom: 25px;
  background: url('images/case-grid-1008.png') center top no-repeat;
}
.case-container .case-grids .inner-item.inner-item-index-0,
.case-container .case-grids .inner-item.inner-item-index-3 {
  margin-left: 0 ;
}
.case-container .case-grids .inner-item,
.case-container .case-grids .inner-item a {
  outline: none;
  text-indent: -9999px;
}
.case-container .case-grids .inner-item:hover {
  background-position: 0 -233px;
}
.case-container .case-grids .case-grid-1008 {
  background-image: url('images/case-grid-1008.png');
}
.case-container .case-grids .case-grid-1037 {
  background-image: url('images/case-grid-1037.png');
}
.case-container .case-grids .case-grid-1009 {
  background-image: url('images/case-grid-1009.png');
}
.case-container .case-grids .case-grid-1007 {
  background-image: url('images/case-grid-1007.png');
}
.case-container .case-grids .case-grid-1006 {
  background-image: url('images/case-grid-1006.png');
}
.case-container .case-grids .case-grid-1028 {
  background-image: url('images/case-grid-1028.png');
}
.case-container .case-detail {
  margin-top: 50px ;
  padding-bottom: 30px ;
}
.case-container .case-detail .item-row {
  margin-top: 15px ;
}
.case-container .case-detail .item-row:first-child {
  margin-top: 0 ;
}
.case-container .case-detail .case-content {
  margin-top: 0 ;
}
.case-container .case-detail .inner-left {
  width: 180px;
  float: left;
  height: 228px;
  line-height: 228px;
  background: #d2d2d2;
  font-size: 28px ;
  border: 1px solid #d2d2d2;
  text-align: center;
  margin-right: 5px ;
  font-weight: 700 ;
}
.case-container .case-detail .inner-left,
.case-container .case-detail .inner-left a {
  color: #916f49;
}
.case-container .case-detail .inner-right {
  float: left;
  margin-left: 2px ;
}
.case-container .case-detail .inner-right .case-item {
  width: 299px;
  height: 228px;
}
.case-container .case-detail .inner-right .case-item .item-top {
  width: 100% ;
  position: relative ;
  cursor: pointer ;
  text-align: center;
  height: 200px;
}
.case-container .case-detail .inner-right .case-item .item-top > div {
  position: absolute ;
  top: 0;
  left: 0;
  width: 100% ;
  height: 100% ;
}
.case-container .case-detail .inner-right .case-item .item-top .item-thumb {
  z-index: 110;
}
.case-container .case-detail .inner-right .case-item .item-top .item-thumb img {
  width: 100% !important ;
  height: 100% !important;
  max-width: 100% ;
  max-height: 100% ;
}
.case-container .case-detail .inner-right .case-item .item-top .item-shadow {
  z-index: 120;
  display: none ;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100% ;
  height: 100% ;
  position: absolute ;
  left: 0;
  top: 0;
}
.case-container .case-detail .inner-right .case-item .item-top .item-btns {
  display: none ;
  z-index: 130;
  font-size: 16px ;
}
.case-container .case-detail .inner-right .case-item .item-top .item-btns a {
  width: 32% ;
  border: 1px solid #ffffff;
  display: inline-block;
  color: #ffffff;
  font-size: 16px ;
  height: 28px;
  line-height: 26px;
  border-radius: 4px;
  margin: 86px 3%;
}
.case-container .case-detail .inner-right .case-item .item-top:hover .item-btns,
.case-container .case-detail .inner-right .case-item .item-top:hover .item-shadow {
  display: block ;
}
.case-container .case-detail .inner-right .case-item .item-foot {
  height: 28px;
  line-height: 28px;
  font-size: 14px ;
  background: #a00000;
}
.case-container .case-detail .inner-right .case-item .item-foot,
.case-container .case-detail .inner-right .case-item .item-foot a {
  color: #ffffff;
}
.case-container .case-detail .inner-right .case-item .item-foot a {
  display: block ;
  width: 100% ;
  height: 100% ;
  padding: 0 10px ;
  white-space: nowrap ;
  overflow: hidden ;
  text-overflow: ellipsis ;
}
.case-container .case-detail .inner-right .case-item {
  float: left;
  margin-left: 8px ;
}
.case-container .case-detail .inner-right .case-item:first-child {
  margin-left: 0 ;
}
.case-container .case-more {
  margin-top: 20px ;
  font-size: 14px ;
  text-align: right;
}
.case-container .case-more,
.case-container .case-more a {
  color: #a00000;
}
.case-container .pingjia-title {
  margin-top: 30px ;
}
.case-container .pingjia-content {
  margin-top: 40px ;
}
.case-container .pingjia-content .pingjia-item {
  float: left;
  width: 262px ;
  margin-left: 17px ;
}
.case-container .pingjia-content .pingjia-item:first-child {
  margin-left: 0 ;
}
.author-container .author-title {
  margin-top: 60px ;
}
.author-container .author-introduce {
  font-size: 18px ;
  color: #916f49;
  margin-top: 20px ;
}
.author-container .author-content {
  margin-top: 45px ;
}
.link-title {
  font-size: 28px ;
  color: #a00000;
  border-top: 1px solid #a00000;
  padding-top: 10px ;
}
.link-title i {
  font-size: 32px ;
  vertical-align: -3px;
}
.link-content {
  margin-top: 20px ;
}
.link-content li {
  float: left;
  margin-left: 29px ;
  width: 132px;
  margin-bottom: 22px ;
}
.link-content li img {
  max-width: 100% ;
}
.link-content li.item-mod-7-0 {
  margin-left: 0 ;
}
.link1-container {
  margin-top: 40px ;
}
.link2-container {
  margin-top: 50px ;
  margin-bottom: 70px ;
}