body, html { font-size: 16px; padding: 0; margin: 0; }

  /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
  
  .top{
	  width: 100%;
  }

   .top_left{      
    background: url(../images/top_left.png) no-repeat center;    
    
  }

  .top_one{  
    
    max-height: 150px;
    line-height: 150px;
    width: 100%;
    margin: 0 auto;
    background-image: url("../images/bg.png");   
    background-repeat: none;
    background-size: 100% 100%;
    overflow: hidden;
   }

  .top_left img{
			max-height:120px;
			max-width: 100%;           
			text-align: center;
			display: inline-block;
			vertical-align: middle;
  }
 
 .top_right{ 
     background: url(../images/top_right.png) no-repeat center;
      background-size: contain;  
  }


  .top_right img{
  			max-height:100px;
  			max-width: 100%;
  			text-align: center;
  			display: inline-block;
  			vertical-align: middle;
 }


 .msg_left{ 
    padding: 30px;
     
 }
 .msg_left ul{ 
    box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
  }

  .msg_right{  
    padding: 30px;
     
 }
 .msg_right ul{ 
    box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
  }

 .ellipsis {
   overflow: hidden; 
   text-overflow: ellipsis; 
   white-space: nowrap;
}

.bt{
  float: left;
}

.more{
  float: right;
}

.footerlist{
  list-style: none;
  padding-left: 0;
}

.footertitle{
  text-align: center;
  border-bottom: 1px;
  color: #007BFF;
}

.footerlist li{
  text-align: center;
}

.about-us{
    padding: 0px;
}

.about-left{  
    max-height: 372px;
}

.about-right ul{   
  width: 100%;
  height: auto;
  height: 372px;
  box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
  background : transparent url('../images/aboutme.png');
  background-repeat: no-repeat;
  background-size: cover;

}

video{
    width:100%;
    height:100%;      
    background:transparent url('../images/cqjmx_xcp.png') no-repeat 0 0;     
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    }
.carousel-item{
   box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
}

.aboutjm{
  max-height: 350px;
  margin: 10px 40px;
  padding: 15px;
  background-color: rgba(128,48,227,0.6);
  color: #FFF;
  border-radius: 5px;
  overflow: hidden;
}

.aboutjm p{
  text-indent: 2em;
  color: #FFF; 
  text-overflow: hidden;
  overflow: hidden;
}

.aboutjm span:hover{
  background-color: #FF0;
  color: #F00;
}

.myfooter{
  padding-top: 20px;
  background-color: #CCC;
  color: #FFF;
}

.myfooter a{
  color: #FFF;
}

.myfooter a:hover{
  color: #0FF;
}

.top_title{
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 100px;
    
    background-image: url(../images/bjt.png);
}

.biaoti{
  text-align: center;
  line-height: 100px;
  color: #FFF;
  box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
}
.mbx{
  height: 50px;
  width: 100%;  
}
.mbx p{
  line-height: 50px;
}

.msgdh{
  list-style: none;
  height: 50px;
  width: 100%;
  text-align: center;
}

.msgdh li{
  float: left;
  line-height: 50px;
  font-size: 18px;
  width: 180px; 
}
.msgdh li:hover{
  font-size: 20px;
}


.dhall{
  width: 85px;
  text-align: center;
  border-radius: 5px;
}

.body_left{
  width: 100%;
  margin-top: 10px;
  padding: 15px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
}

.body_right{
  width: 100%;
  margin-top: 10px;
  padding: 15px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
}

.body_right ul{  
  border-radius: 10px;  
}
.body_right ul li{
  line-height: 30px;  
}

.listbody{
  margin-top: 5px;
  background-color: #F2F2F2;
  
}
.listdjbody{
  margin-top: 10px;
  background-image: url(../images/bj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.media img{
  width: 200px;
  height: auto;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px 0 rgba(150,150,150,0.5);
}
 
.media-body{
  margin: 25px 10px;
  max-height: 100px;
  overflow: hidden;
}

.des{
  text-indent: 2em;
  padding: 0 10px;
}

.pagination{
  background-color: #F2F2F2;
  text-align: center;
}
.pagination ul li{
  line-height: 30px;
  width: 25px;
  font-size: 20px;
  
}

.pagination a{
  width: 25px;
  font-size: 20px; 
  border-radius: 5px;
  border-style: 1px solid #FFF;
}
.pagination a:hover{
  font-size: 22px;
}


.fenge{
  width: 100%;
  height: 20px;
  background-color: #F2F2F2;
}
.foot{
   margin-top: 15px;
  background-color: #FFF;
}

.info{
  text-align: left;
  padding: 15px;
}

.details-title h3{
  margin-top: 25px;
  text-align: center;
}

.page-item{
  width: 30px;
}
.pagination{
  background-color: #F2F2F2;
  text-align: center;
}
.pagination li{
  line-height: 30px;
  width: 25px;
  font-size: 20px;

}
.pagination a{
  width: 25px;
  font-size: 20px; 
  border-radius: 5px;
  border-style: 1px solid #000;
}
.pagination a:hover{
  font-size: 25px;
}

.met-editor{
  margin-top: 25px;  
}
.met-editor p img{  
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5)
}
.met-editor img{
  max-width: 100%;
}
.met-editor h2 img{  
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5)
}

.fenyie{
  width: 100%;
  height: 40px;
  line-height: 50px;
}
.mypagination{
  width: 100%;
  background-color: #F00;
}
.mypagination li{
  list-style: none;
  float: left;
}
.mypage-item{
  width: 47%;
  border-radius: 10px;
}

.djbj{
  width: 100%;
 
}
.djbj img{
  width: 100%;
  height: auto;
}