﻿.hos_desc .fl img{
  width: 100%;
  transition: all 1.6s;
}
.hos_desc .fl{width: 42%;overflow: hidden;}
.hos_desc .fr{width: 58%;}
.pd30{
  padding: 30px;
}
.hos_desc_p p{
  font-size: 16px;
  text-indent: 2em;
  line-height: 28px;
  font-family: KaiTi;
}
.hos_desc .fr{
  /* background: url(/Content/Areas/Common/images/desc_bg.png) no-repeat left center; */
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729112549.png) no-repeat left top;
  background-size: 100% 100%;
}
.hos_desc .fl:hover img{
  transform: scale(1.2);
}
.bg_item{
  background: none;
  padding: 27px 50px 26px;
}

.row .border{
  display: inline-block;
  box-sizing: border-box;
  width: 49%;
}
.wenhua_l,.wenhua_r{
  /* height: 200px; */
  text-align: center;
  font-size:48px;
  font-family:KaiTi;
  /* line-height: 36px; */
  position: relative;
  overflow: hidden;
}
.wenhua_l a,.wenhua_r a{
  /* line-height: 200px; */
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height:100%;
}
.wenhua_l a span,.wenhua_r a span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.wenhua_l img,.wenhua_r img{
  width: 100%;
  transition: all 1.6s;
}
.wenhua_l:hover img,.wenhua_r:hover img{
  transform: scale(1.2);
}
.wenhua_l{
  /* background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902162731.png) no-repeat right center; */
  float: left;
}
.wenhua_r{
  /* background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902162746.png) no-repeat left center; */
  float: right;
}

.details1{
  line-height: auto;
  margin-top: 10px;
  font-size: 18px;
  color: #584320;
  display: block;
  padding: 8px 25px;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729104811.png) no-repeat center center;
  /* background-size: 100% 100%; */
  transition: all .2s;
}
.details1:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729173232.png) no-repeat center center;
  color: #fff;
  /* background-size: 100% 100%; */
}

.leader_info .title_header{display: none;}
.leader_info{
  height: 473px;
  overflow: hidden;
  margin-top: 20px;
}
.leader_info .fl{
  width:30%;
  background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902150919.png) no-repeat left top;
  background-size: 100% 100%;
  height: 100%;
  padding: 30px 0;
  box-sizing: border-box;
}
.leader_info .fl li{
  padding: 18px 0 18px 50px;
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  font-family:SimSun;
  cursor: pointer;
}
.leader_info .fl li.active{
  background: #832523;
  width: 102.5%;
}
.leader_info .fr{
  width: 68%;
  height: 100%;
}
.leader_info .fr li{
  background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902151010.png) no-repeat left top;
  background-size: 100% 100%;
  height: 100%;
  display: none;
  padding: 30px 40px;
  box-sizing: border-box;
}
.leader_info .fr li.active{
  display: block;
}
.leader_info .fr li .img_box img{
  float: left;
  width: 160px;
  height: 206px;
  margin-right: 30px;
  margin-bottom: 20px;
}
.leader_info .fr li .title_type{
  color: #FEFEFE;
  font-size: 30px;
  margin-bottom: 15px;
  display: inline-block;
}
.leader_info .fr li .title_type span{
  font-size: 24px;
}
.leader_info .fr li p{
  line-height: 38px;
  font-size: 20px;
  color: #FEFEFE;
  text-indent: 2em;
}
.leader_info .fr li .detail{
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding: 8px 25px;
  background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902161335.png) no-repeat center center;
  background-size: 100% 100%;
  transition: all 1s;
  margin-left: 50%;
  transform: translateX(-50%);
}
.leader_info .fr li .detail:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190902/20190902160626.png) no-repeat center center;
  background-size: 100% 100%;
  color: #8E7A6A;
  font-weight: normal;
}
.mob_btns{display: none;}
.mob_btns div{
  position: relative;  
}
.mob_btns div a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 28px;
  font-family: KaiTi;
}
.mob_btns div a span{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.mob_btns div img{width: 100%;}
.btn_l{margin-bottom: 20px;}
h1.title_header span{font-weight: bold;}

/*  临时代码 后期删除*/
h1.title_header{
  font-size: 20px;
  text-align: center;
  line-height: 28px;
  height: 30px;
  margin-bottom: 20px;
}
h1.title_header .tit-span1{
  background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904132634.png) no-repeat center center;
  margin-right: 10px;
}
h1.title_header .tit-span2{
  background: url(/Sites/Uploaded/UserUpLoad/20190904/20190904132734.png) no-repeat center center;
  margin-left: 10px;
}

@media only screen and (max-width:768px){
  .hos_desc .fl,.hos_desc .fr,.leader_info .fr{width: 100%;}
  .bg_item{padding: 20px;}
  .leader_info .fl,.leader_info .fr li p,.leader_info .fr li .detail{display: none;}
  .leader_info{height: auto;}
  .leader_info .fr li.active{display: inline-block;}
  .leader_info .fr li{display: inline-block;padding: 15px;width: 32%;text-align: center;margin-bottom: 15px;}
  .leader_info .fr li .title_type{font-size: 14px;margin-bottom: 0;}
  .leader_info .fr li .title_type span{font-size: 12px;display: none;}
  .leader_info .title_header{display: block;}
  .leader_info .fr li .img_box img{float: none;width: auto;height: auto;margin-right: 0;}
  .wenhua_l, .wenhua_r{font-size: 20px;}
  .row.mt20.mb20{display: none;}
  .mob_btns{display: block;}
  
}
@media only screen and (max-width:440px){
  .leader_info .fr li{display: inline-block;padding: 15px;width: 100%;text-align: center;margin-bottom: 15px;}
  .leader_info .fr li .title_type{display: block;}
} 