/*重置样式*/
body {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
  font-family: "SourceHansanCN";
  font-family: "Microsoft YaHei", sans-serif, Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei";
  background: url(../image/htmlbg.png) repeat;
}
img {
  display: block;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none !important;
  color: #fff;
}
.b_yellow {
  color: #ffbb00;
}
a:hover {
  color: #ffcc00;
}
a:focus {
  outline: none !important;
}
input {
  border: none;
  outline: none;
}

input::-webkit-input-placeholder {
  color: #dadada;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #dadada;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #dadada;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #dadada;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  /*背景内阴影*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  border-radius: 10px;
  /*滚动条背景颜色*/
  /*background-color: rgba(0, 163, 245, 0.4);*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #777778;
}

/*滑块hover效果*/
::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  /*内阴影*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #999;
}

/*公共样式*/
.clearboth {
  clear: both;
}
.container1200 {
  width: 1200px;
  margin: 0 auto;
}
.radius2 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.radius6 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.radius10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.border4 {
  border: 4px solid #9a999a;
  -webkit-border: 4px solid #9a999a;
  -moz-border: 4px solid #9a999a;
  -ms-border: 4px solid #9a999a;
  -o-border: 4px solid #9a999a;
}
.border1 {
  border: 1px solid #9a999a;
  -webkit-border: 1px solid #9a999a;
  -moz-border: 1px solid #9a999a;
  -ms-border: 1px solid #9a999a;
  -o-border: 1px solid #9a999a;
}

.pagination {
  position: absolute;
  z-index: 20;
  bottom: -7px;
  right: 0;
  width: 100%;
  text-align: right;
  padding-right: 20px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: none;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

.nav-tabs {
  border: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  height: 36px;
  line-height: 15px;
  font-size: 18px;
  color: #fff;
  border: none;
  outline: none;
  border-bottom: 2px solid #d4a14b;
  background-image: -moz-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  background-color: rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00000000,endColorstr=#00000000);
}
.nav-tabs > li > a {
  width: 92px;
  height: 35px;
  line-height: 16px;
  margin-right: 4px;
  cursor: pointer !important;
  background-color: rgba(109, 113, 116, 0.5);
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.nav-tabs > li > a:hover {
  height: 35px;
  cursor: pointer !important;
  background-color: rgba(109, 113, 116, 0.5);
  font-size: 14px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
}
.nav-tabs > li > a > img {
  float: left;
  display: none;
  margin-right: 4px;
  margin-top: -2px;
}
.nav-tabs > li > a > span {
  float: left;
  width: 100%;
}
.nav-tabs > li.active > a > img {
  display: block;
}
.nav-tabs > li.active > a > span {
  width: auto !important;
}
/*首页标题*/
.jingdian_more {
  overflow: hidden;
}
.jingdian_more {
  overflow: hidden;
}
.jingdian_more .home_title {
  float: left;
}
.jingdian_more a {
  float: right;
  color: #c1bdb5;
  margin-top: 10px;
  font-size: 12px;
}
.jingdian_more a:hover {
  color: #ffcc00;
}
.home_title_box {
  position: relative;
}
.home_title {
  width: 150px;
  padding: 0 10px;
  box-sizing: border-box;
  height: 36px;
  line-height: 16px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 2px solid #d4a14b;
  background-image: -moz-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  background-image: -webkit-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, rgb(174, 174, 174) 0%, rgba(174, 174, 174, 0.31) 5%, rgba(109, 113, 116, 0.13) 61%, rgba(109, 113, 116, 0) 100%);
  /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#20ffffff,endColorstr=#00000000); */
}
.home_title img {
  float: left;
  margin-right: 4px;
  margin-top: 7px;
}
.home_title p {
  float: left;
  margin-top: 8px;
}
.home_title_more {
  position: absolute;
  right: 0;
  top: 7px;
  color: #c1bdb5;
  font-size: 12px;
}
.home_title_more:hover {
  color: #ffcc00;
}

/*个人中心title*/
.hd_title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #8f8f92;
  padding: 0 25px;
}
.hd_title h3 {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #dcc04f;
  height: 60px;
  line-height: 60px;
}
.hd_title a {
  float: right;
  color: #d9d9da;
  font-size: 14px;
}
.hd_title a:hover {
  color: #ffcc00;
}

/*页面底部*/
.footer {
  width: 100%;
  overflow: hidden;
  background: #373737;
}
.ft_container {
  width: 1200px;
  margin: 0 auto;
  padding: 43px 20px 43px 0;
  overflow: hidden;
}
.ft_left {
  float: left;
}
.ft_link {
  overflow: hidden;
}
.ft_link li {
  float: left;
  padding: 2px 38px;
  border-right: 2px solid #4e4e4e;
}
.ft_link li:last-child {
  border: none;
}
.ft_link li a {
  color: #f5f5f5;
}
.ft_link li a:hover {
  color: #ffcc00;
}
.ft_right {
  float: right;
}
.copy_box {
  padding-left: 92px;
  margin-top: 26px;
  background: url(../image/foot_police.png) no-repeat left center;
}
.copy_box .copy {
  width: 420px;
  line-height: 1.6;
  color: #b2b2b2;
}
.copy_box .copy a {
  color: #b2b2b2;
}
.copy_box .copy a:hover {
  color: #5189c3;
}
.copy_box .police {
  color: #b2b2b2;
  padding-left: 20px;
  background: url(../image/icon_guohui.png) no-repeat left center;
}
.copy_box .police a {
  color: #b2b2b2;
}
.copy_box .police a:hover {
  color: #5189c3;
}
.ft_right {
  overflow: hidden;
}
.ft_right li {
  float: left;
  margin: 17px 20px 0 20px;
}
.ft_right li p {
  text-align: center;
  margin-top: 5px;
}

/*二级页面顶部*/
.sectop_box {
  position: relative;
  width: 100%;
  min-width: 1316px;
  height: 368px;
  overflow: hidden;
  /* _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1366?"1366px":"");  */
}
.sectop_box > img {
  width: 100%;
}
/*二级页面1920px Banner*/
.chanlu_banner {
  background: url(../image/chanlu_banner.png) no-repeat bottom center;
}
.chanyi_banner {
  background: url(../image/chanyi_banner.png) no-repeat bottom center;
}
.chanzong_banner {
  background: url(../image/cz_banner.png) no-repeat bottom center;
}
.dzzj_banner {
  background: url(../image/dizizhijia_banner.png) no-repeat bottom center;
}
.fahui_banner {
  background: url(../image/fahui_banner.png) no-repeat bottom center;
}
.hongfalisheng_banner {
  background: url(../image/gonggao_banner.png) no-repeat bottom center;
}
.gongfu_banner {
  background: url(../image/gongfu_banner.png) no-repeat bottom center;
}
.sengtuan_banner {
  background: url(../image/slsengtuan_banner.png) no-repeat bottom center;
}
.slyx_banner {
  background: url(../image/shaolinyingxiang_banner.png) no-repeat bottom center;
}
.yizong_banner {
  background: url(../image/banner_yizong.png) no-repeat bottom center;
}
.xiayuanzd_banner {
  background: url(../image/xiayuan_banner.png) no-repeat bottom center;
}

.spage_nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.8);
  /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000,endColorstr=#80000000); */
}
.nav_left {
  float: left;
  overflow: hidden;
}
.nav_left .logo {
  float: left;
  width: auto;
  height: 52px;
  margin-top: 4px;
  margin-left: 30px;
}
.english_chinese {
  float: left;
  margin-left: 34px;
  margin-top: 20px;
}
.english_chinese a {
  float: left;
  color: #a6a6a7;
  margin-right: 20px;
}
.english_chinese a:hover {
  float: left;
  color: #ffcc00;
}
.english_chinese a img {
  float: left;
  margin-right: 4px;
}
.english_chinese a p {
  float: left;
}
.nav_right {
  float: right;
}
.nav_right li {
  float: left;
  margin: 0 28px;
}
.nav_right li a {
  color: #fff;
  font-size: 16px;
  display: block;
  padding: 19px 0;
}
.nav_right li.active a {
  padding-bottom: 16px;
  color: #ffcc00;
  border-bottom: 3px solid #c8a53a;
}
.nav_right li a:hover {
  padding-bottom: 16px;
  color: #ffcc00;
  border-bottom: 3px solid #c8a53a;
}
/*二级导航*/
.second_nav {
  width: 100%;
  height: 50px;
  background: url(../image/second_bg.png) left center;
  background-color: #6d7174;
}
.sec_nav_content {
  width: 1200px;
  margin: 0 auto;
  height: 50px;
  overflow: hidden;
}
.sec_nav_content li {
  float: left;
  height: 50px;
  line-height: 48px;
}
.chanlu .sec_nav_content li {
  margin: 0 26px;
}
.gongfu .sec_nav_content li {
  margin: 0 15px;
}
.sec_nav_content li.active a {
  color: #ffcc00;
}
.sec_nav_content li a {
  color: #fff;
  font-size: 16px;
}
.sec_nav_content li:hover a {
  color: #ffcc00;
}
.chan_title {
  width: 100%;
  overflow: hidden;
}
.chan_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 66px;
  padding-top: 14px;
  height: 55px;
  background: url(../image/mtitle_bg.png) no-repeat left bottom;
  font-size: 18px;
  font-weight: normal;
  box-sizing: border-box;
  color: #ffffff;
  overflow: hidden;
}
.chan_title.fa h3 {
  background: url(../image/fatitle_bg.png) no-repeat left bottom;
}
.chan_title.fo h3 {
  background: url(../image/fo_title.png) no-repeat left bottom;
}
.chan_title.jie h3 {
  background: url(../image/jie_title.png) no-repeat left bottom;
}
.chan_title.yan h3 {
  background: url(../image/yan_title.png) no-repeat left bottom;
}
.chan_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.chan_title a:hover {
  color: #ffcc00;
}
.chan_title.fa_title h3 {
  background: url(../image/title_bg.png) no-repeat left bottom;
}

/*少林方丈-两种标题*/
.fz_longline_title {
  width: 100%;
  overflow: hidden;
}
.fz_longline_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 20px;
  padding-top: 20px;
  height: 55px;
  background: url(../image/long_line_titlebg.png) no-repeat left bottom;
  font-size: 18px;
  font-weight: normal;
  box-sizing: border-box;
  color: #ffffff;
  overflow: hidden;
}
.fz_longline_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.fz_longline_title a:hover {
  color: #ffcc00;
}

.lianhua_nocircle_title {
  width: 100%;
  overflow: hidden;
}
.lianhua_nocircle_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 58px;
  padding-top: 20px;
  height: 55px;
  background: url(../image/lianhua_title_nocircle.png) no-repeat left bottom;
  font-size: 18px;
  font-weight: normal;
  box-sizing: border-box;
  color: #ffffff;
  overflow: hidden;
}
.lianhua_nocircle_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.lianhua_nocircle_title a:hover {
  color: #ffcc00;
}

/*新三级标题*/
.news_three_title {
  width: 100%;
  overflow: hidden;
}
.news_three_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 35px;
  padding-top: 10px;
  margin-bottom: 4px;
  height: 36px;
  background: url(../image/new_title_three.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.news_three_title a {
  float: right;
  margin-top: 12px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.news_three_title a:hover {
  color: #ffcc00;
}
.news_three_title.fa_title h3 {
  background: url(../image/new_title_three.png) no-repeat left bottom;
}

/*影像标题*/
.yingxiang_title {
  width: 100%;
  height: 42px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: url(../image/slyj_titlebg.png) no-repeat center center;
}

/*弟子之家标题*/
.lianhua_title {
  width: 100%;
  overflow: hidden;
}
.lianhua_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 66px;
  padding-top: 14px;
  height: 55px;
  background: url(../image/lianhua_titlebg.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.lianhua_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.lianhua_title a:hover {
  color: #ffcc00;
}
.lianhua_title.fa_title h3 {
  background: url(../image/lianhua_titlebg.png) no-repeat left bottom;
}

.kuang_title {
  width: 100%;
  overflow: hidden;
}
.kuang_title h3 {
  float: left;
  min-width: 170px;
  padding-left: 43px;
  padding-top: 23px;
  height: 55px;
  background: url(../image/title_bg.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.kuang_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.kuang_title a:hover {
  color: #ffcc00;
}
.kuang_title.fa_title h3 {
  background: url(../image/title_bg.png) no-repeat left bottom;
}

.chanyi_title {
  width: 100%;
  overflow: hidden;
}
.chanyi_title h3 {
  float: left;
  min-width: 210px;
  padding-left: 28px;
  padding-top: 20px;
  height: 55px;
  background: url(../image/chanyi_title_bg.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.chanyi_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.chanyi_title a:hover {
  color: #ffcc00;
}

/*医宗标题*/
.yizong_title {
  width: 100%;
  overflow: hidden;
}
.yizong_title h3 {
  float: left;
  min-width: 210px;
  padding-left: 36px;
  padding-top: 18px;
  height: 55px;
  background: url(../image/yizong_biaoti.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.yizong_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.yizong_title a:hover {
  color: #ffcc00;
}

/*少林功夫标题*/
.gongfu_title {
  width: 100%;
  overflow: hidden;
}
.gongfu_title h3 {
  float: left;
  min-width: 210px;
  padding-left: 50px;
  padding-top: 20px;
  height: 55px;
  background: url(../image/gongfu_titlebg.png) no-repeat left bottom;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
}
.gongfu_title a {
  float: right;
  margin-top: 26px;
  font-size: 12px;
  color: #bdb9b2;
  margin-right: 10px;
}
.gongfu_title a:hover {
  color: #ffcc00;
}
/*通用banner*/
.dshd_lcontent {
  position: relative;
  width: 828px;
  height: 471px;
  padding: 15px;
  background: #838384;
}
.hf_container {
  position: relative;
  float: left;
  width: 798px;
  height: 440px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.hf_container .swiper-slide {
  position: relative;
}
.hf_container .swiper-slide .bottom_title {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  position: absolute;
  top: 390px;
  left: 0;
  padding: 0 30px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.6);
  /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#60000000,endColorstr=#60000000); */
  z-index: 99;
}
.dshd_lcontent .pagination {
  bottom: 10px;
  right: 11px;
}

/*带竖线标题*/
.qy_title {
  font-size: 18px;
}
.qy_title a {
  color: #fff;
}
.qy_title a:hover {
  color: #ffcc00;
}
.qy_title:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #ddc7a0;
}
/*须知*/
.xz_right {
  width: 340px;
  height: 363px;
  background: #838384;
  float: right;
  box-sizing: border-box;
  padding: 20px;
}
.xz_title {
  color: #f0bb1a;
  font-size: 18px;
  height: 18px;
}
.xz_title:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  padding-top: 14px;
  background: url(../image/xuzhi_leftbg.png) no-repeat center center;
  background-size: auto 100%;
}
.xz_title:after {
  content: "";
  display: inline-block;
  width: 18px;
  margin-left: 4px;
  height: 18px;
  background: url(../image/xuzhi_rightbg.png) no-repeat center center;
  background-size: auto 100%;
}
.xz_list {
  margin-top: 30px;
}
.xz_list li {
  position: relative;
  width: 296px;
  text-align: justify;
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  padding-left: 15px;
  margin: 12px auto;
}
.xz_list li:before {
  position: absolute;
  top: 9px;
  left: -11px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #c8a53a;
  margin-left: 14px;
}
.tougao_btn {
  display: block;
  width: 289px;
  height: 40px;
  margin: 35px auto 0 auto;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  background: url(../image/chanyi_tougao.png) no-repeat center center;
}
.tougao_btn:hover {
  color: #ffcc00;
}
/*少林人物*/
.renwu_list {
  overflow: hidden;
  width: 100%;
}
.renwu_list li {
  position: relative;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
  width: 280px;
  height: 348px;
  box-sizing: border-box;
  overflow: hidden;
}
.renwu_list li:first-child + li + li + li,
.renwu_list li:first-child + li + li + li + li + li + li + li,
.renwu_list li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  margin-right: 0;
}
.rw_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 276px;
  height: 86px;
  padding: 15px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  /* filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000,endColorstr=#80000000); */
}
.rw_text h3 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}
.rw_text p {
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.renwu_list li:hover .rw_text h3 a {
  color: #ffcc00;
}

/*面包屑路径*/
.back_link {
  margin-top: 20px;
}
.back_link a {
  color: #fff;
}
.back_link a:hover {
  color: #ffcc00;
}

/*分页样式*/
.page_num {
  overflow: hidden;
}
.page_num li {
  float: left;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  margin: 0 2px;
  border: 1px solid #979695;
}
.page_num li:hover {
  background: #c8a53a;
}
.page_num li.active {
  background: #c8a53a;
}
.page_num li:first-child {
  width: 60px;
}
.page_num li:last-child {
  width: 60px;
}
.page_num li:first-child + li + li + li + li + li + li + li + li {
  width: 60px;
}
.page_num li a {
  display: block;
  font-size: 12px;
  color: #fff;
  /*width: 38px;
	height: 38px;*/
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
}

/*图片4列布局*/
.tuji_box {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tuji_box li:first-child + li + li + li,
.tuji_box li:first-child + li + li + li + li + li + li + li,
.tuji_box li:first-child + li + li + li + li + li + li + li + li + li + li + li,
.tuji_box li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.tuji_box li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
  margin-right: 0;
}
.tuji_item {
  position: relative;
  width: 280px;
  height: 208px;
  overflow: hidden;
  float: left;
  box-sizing: border-box;
  margin: 0 26px 26px 0;
}
.tuji_item img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.tuji_item:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.tuji_item:hover .tuji_bottom a {
  color: #ffcc00;
}
.tuji_bottom {
  width: 100%;
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 44px;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000,endColorstr=#80000000);
}
/*房檐装饰video*/
.video_fangyan {
  overflow: hidden;
}
.video_fangyan li:first-child + li + li + li,
.video_fangyan li:first-child + li + li + li + li + li + li + li,
.video_fangyan li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  margin-right: 0;
}
.video_item {
  position: relative;
  float: left;
  width: 279px;
  height: 268px;
  margin: 0 25px 25px 0;
  background: #78797a;
  border: 1px solid #929292;
  overflow: hidden;
}
.video_item h3 {
  font-size: 14px;
  color: #f8f8f8;
  height: 46px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 19px;
}
.video_item h3 a {
  color: #fff;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.video_item h3 a:hover {
  color: #ffcc00;
}
.video_item .zhuangshi {
  width: 100%;
  height: 12px;
  background: url(../image/fangyan_bg.png);
}
.v_box {
  width: 100%;
  height: 177px;
  overflow: hidden;
}
.video_item .fm_time {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #b3b3b4;
  text-align: right;
}
.v_box video {
  width: 278px;
}
.v_box video::poster {
  width: 278px;
}
.v_box .js-video {
  width: 278px;
  height: 177px;
  padding: 0;
}
.v_box .js-video .js-media {
  vertical-align: middle;
  height: 177px;
}
.v_box .fullscreen {
  left: 3px;
  bottom: 3px;
}
.v_box .playPause.ui-icon {
  top: 70px;
  left: 28px;
}
.v_box .playPause.ui-icon:after {
  width: 66px;
  height: 66px;
  background: rgba(255, 255, 255, 0.4);
}
.v_box .playPause.ui-icon:before {
  font-size: 32px;
  line-height: 66px;
  margin: -39px 0 0 -14px;
}
.v_box .playPause.ui-icon.fa-undo::before {
  margin: -39px 0 0 -20px;
}
.video_fangyan li:first-child + li + li + li,
.video_fangyan li:first-child + li + li + li + li + li + li + li {
  margin-left: 0;
}
