.hos-tit{
 padding:86px 0  45px;
 border-bottom: 1px solid #ddd;
 text-align: center;
 color: #888;
 font-size: 14px;
  }
  .hos-tit h1{
 font-size: 36px;
 color: #265ca8;
 margin: 0 0 10px 0;
 font-weight: bold;
  }
  .hos-jj{
 border-top: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 padding: 110px 0 50px 0;
 position: relative;
 text-align: right;
  }
  .hos-jjimg{
 position: absolute;
 left: 0;
 top:55px ;
 width:640px;
 height: 540px;
 overflow: hidden;
  }
  .hos-jjimg img{
 width:640px;
 height: 540px;
 -webkit-transition: all .5s ease 0s;
 transition: all .5s ease 0s;
  }
  .hos-jjimg:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1);
  }
  .hos-jjimgr{
 margin-right: -15px;
  }
  .hos-txt{
 border-bottom: 1px solid #ddd;
 padding:55px 0  60px 0;
 color: #666;
 font-size: 18px;
 line-height: 30px;
  }
  .hos-share{
 text-align: right;
 padding: 40px 0;
  }
  .hos-share>div{float:right;}
  .hos-txt>p:first-child,.hos-txt>div:first-child,.hos-txt>p:nth-child(2),.hos-txt>p:nth-child(3){display: none;}
  
 @media only screen and (max-width:768px) {
    .hos-tit {
   padding: 0px 0 20px;
   border-bottom: 1px solid #ddd;
   text-align: center;
   color: #888;
   font-size: 14px;
   } 	
   .hos-jjimg{
 position: initial;
 width: 100%;
 height: auto;
 overflow: hidden;
   }
   .hos-jjimg img{
 width:100%;
 height: auto;
 -webkit-transition: all .5s ease 0s;
 transition: all .5s ease 0s;
   }
   .hos-jjimgr{
 width: 100%;
 margin-right: 0px;
   }
 }