@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px){
	.logo{
		 width:65%;}
	.topright{
		 width:35%;}
	
	.nav ul li .nav_item li a{
		 font-size:12px;}

	#full-width-slider1 {
    height: 260px !important;}
	
	.title h3{
		 font-size:18px;}
	
	.special ul li a{
		 font-size:14px;}
	
	.link ul li a .media-img{
		 height:70px;}
	
	.link ul li a h5{
		font-size: 12px;
    padding: 8px 0;
    margin-bottom: 0;}
	
	
	.left-nav .column{
		 font-size:22px;}

        .left-box{
             width: 29%;}
	
	.left-nav ul li a{
		 font-size:15px;}

       .right-box{
             width: 71%;}
	
	.columntitle{
		 font-size:22px;}
	
	.location{
		 font-size:13px;}
	
	.list ul li p{
		 font-size:15px;}
	
	.list ul li span{
		 font-size:15px;}
	
	.pagebar{
		margin-bottom:40px;}
	
	.about{
		padding-top:10px;}

      .code{
          left: 50%;}

    

}

@media screen and (max-width: 992px){
	.header{
		 background-size: 15%;
         background-position: 56% bottom;}
	
	.logo{
		 width:55%;}
	
	.logo img{
		 width:80%;}
	.topright{
		 width:45%;
		 margin-top:18px;}
	.topright .toplink a{
		 font-size:12px;}
	
	.search1{
		 width:230px;
		 margin: 8px 0 20px auto;}
	
	#search_kang{
	   width: 165px;
	   font-size: 12px;}
	
	.nav ul li{
		 width:11.7%;
		 margin-left:0;}
	
	.nav ul li a{
		font-size:14px;}
	
	.nav ul li .nav_item{
		 width:200%;}
	
	.title{
		 margin-bottom:10px;}
	
	.title h3{
		 font-size:16px;}
	
	.title .more{
		 font-size:12px;}
	
	.news{
		margin:5px 0 0px;}
	
	.new-picture{
		 width:50%;
		 padding-right:2%;}
	
	#full-width-slider1 {
    height: 270px !important;}
	
	.new-list{
		 width:50%;
		 padding-left:1.5%;}
	
	.new-list ul li{
		 width:95%;
		 margin-left:2.5%
	;}
	
	.new-list ul li.odd{
		margin-left:2.5%;
		 margin-right:0;}
	
	.new-list ul li+li+li+li+li+li+li{
		 display:none;}
	.notice{
		 width:50%;
		margin:5px 0 0px;
		padding-right:2%;}
    .research{
		width:50%;
		padding-left:2%;
		padding-right:0;
		margin:5px 0 0;}
	
	.special{
		 width:100%;
		 padding-left:0;
		 margin-top:5px;}
	
	.link ul li a h5{
		font-size:12px;
		padding:10px 0;}

          .left-box{
             width: 34%;}
	
	.left-nav .nav-bolid{
		 top:-60px;}
	
	.left-nav .column{
		 font-size:18px;
		  top:-60px;
		  height:60px;
		  line-height:60px;}

        .left-nav ul li{
               padding: 0 6%;}
	
	.left-nav ul li a{
		 font-size:14px;}

        .right-box{
                width: 66%;}
	.columnkuang{
		 height:60px;
		 top:-60px;}
	
	.location{
		 height:60px;
		 line-height:73px;}
	
	.columntitle{
		 font-size:18px;
		  height:60px;
		  line-height:60px;}
	
	.columntitle span{
		 height:60px;
		 line-height:60px;}
        .teachers li{
              width: 30%;}
	
	.list ul li p{
		 width:80%;}
	
	.list ul li span{
		 width:20%;}
	
	.list-img .media .pull-left{
		 margin-right:2.5%;}
	
	.about{
		padding-top:5px;}
	
	.about h1{
		 font-size:16px;
		 margin-top:5px;
		 margin-bottom:10px;}
	
	.about p{
		 font-size:15px;
		 line-height:30px;}
	
	.article{
		padding-top:10px;}
	
	.article h2.title{
		 font-size:16px;}
	
	.article h4.information{
		font-size:13px;
		padding-top:0px;}
	
	.article .content{
		 font-size:14px;}
	
	.article .content p{
		 font-size:14px;
		 line-height:30px;}
	
	.rsMinW .rsBullets{
		bottom:5px;}
    .rsMinW .rsBullet span{
		 width:10px;
		 height:10px;}
	
	
	
	.rsMinW .rsBullet{
		padding:6px 2px 6px 4px;}
	
	
.footer{
	padding:25px 0 18px;}

.code{
       left: 65%;}

}


@media screen and (max-width: 767px){
	.container{
		 padding:0 10px;}
	
	.topright{
		 width:100%;
		 margin-top:0;}
	
	.toplink{
		display:none;}
	
	.navbar-toggle {
    		display: block;}
	
	.nav{
		 width:100%;
		 display:none;
		 position: fixed;
   		 top: 0;
   		 width: 100%;
   		 z-index: 1001;
   		 min-height: 100%;
		  background:url(../images/nav.jpg) 100% 100%  repeat;
		  overflow-y: auto;}
	
	.nav ul li{
      width:90%;
	height: auto;
    background: none;
    line-height:normal;
	 height:auto;
    margin: 0 5%;
    text-align: left;}
	
	.nav ul li:first-child{
		 width:90%;}
	
	.nav ul li:first-child a{
		 padding-left:0;}
	
   .nav ul li a{
	   padding:0;
	    font-size:16px;
	    border-top:none;
		 background:none;
		  height:40px;
		  line-height:40px;}
   
   .nav ul li.active a{
	   	   position:inherit;
		    height:40px;
			 background:none;
			 border-top:none;
			 color:#ff6712;
			 font-weight:bold;}
   
   
   
   .nav ul li:hover a{
	 position:inherit;
	top:0;
	left:0;
	 height:40px;
	 background:none;
	  border-top:none;
	  color:#ff6712;
	font-weight:bold;}
   
   .nav ul li .nav_item{
	    display:block;
		 width:100%;
		position:inherit;
		 background:none;
		 top:0;
		 left:0;
		 padding-top:0;}
   
   .nav ul li .nav_item li{
	   border-top:none;
		margin:0;}
   
   .nav ul li .nav_item li a{
	   padding:0 10px;
	    font-size:14px;
	    color:#fff;}
   
   .nav ul li:hover .nav_item {
 	background:none;}

.nav ul li:hover .nav_item  a{
	
	 background:none;
	 position:inherit;}

.nav ul li .nav_item li:hover a{
	background:none;}
	
	.search{
		 width:100%;}
	
	.search1{
		 width:100%;
		 margin: 0px 0 20px auto;}
	
	#search_kang{
		 width:88%;}
#full-width-slider8{
	 height:140px !important;}

.left-box{
	 width:36%;}

.left-nav .nav-bolid{
	 top:-50px;}
.left-nav .column{
	    font-size: 16px;
		height:55px;
	    top: -55px;}

.left-nav .column span{
	 line-height:18px;}

.left-nav ul li{
	 height:55px;
	 line-height:55px;
	 padding-left:3%;}

.right-box{
	 width:64%;}

.columnkuang{
	 height:55px;
	 top:-55px;}

.location{
	 height:55px;
	 line-height:65px;}

.columntitle{
	 height:55px;
	 line-height:60px;
	  font-size:16px;}

.columntitle span{
	 height:55px;
	 line-height:55px;}

.list ul li p{
	 width:75%;
	 font-size:14px;}

.list ul li span{
	 width:25%;
	  font-size:14px;}

.list-img .media .media-heading{
	 font-size:14px;
	 margin-top:10px;}

.list-img .media .media-body p{
	 font-size:12px;
	 line-height:25px;}

.right-content{
	padding:15px;}

.about{
	padding-top:0;}

.about h1{
	 font-size:15px;}

.about p{
	 font-size:13px;}

.article h2.title{
	font-size:15px;}

.article .content p{
	 font-size:13px;}

.rsMinW .rsBullet span {
    width: 8px;
    height: 8px;}

.code{
   left: 70%;}
	
}


@media screen and (max-width: 758px){
	.link{
		margin-bottom:25px;}
	.link ul li{
		 width:48%;
		 margin: 23px 2% 0px 0;}
	
	.link ul li+li{
		margin:23px 0 0 2%;}
	
	.link ul li+li+li{
		margin: 23px 2% 0px 0;}
	.link ul li+li+li+li{
		margin: 23px 0 0px 2%;}
	
	.link ul li+li+li+li+li{
		display:none;}
	
	.link ul li a .media-img{
		height:100px;}

      .code {}
}
@media screen and (max-width: 720px){
	.footer-conter ul li{
		 width:50%;}
	
	.rsMinW .rsBullets{
		bottom:2px;}
}

@media screen and (max-width: 670px){
       .d1{    margin: 0 16%;
    width: 68%;}
	.footer .footer-left{
		 width:100%;}

   .code {
    left: 50%;}
	
	.footer .footer-right{
		 width:100%;
		 text-align: left;}
	
}


@media screen and (max-width: 640px){
	
	.left-box{
		 display:none;}
	
	.right-box{
		 width:100%;}
	
	.columnkuang{
	 height:45px;
	 top:-45px;}

.location{
	 height:45px;
	 line-height:43px;
	  right:10px;
	   font-size:12px;}

.columntitle{
	 height:45px;
	 line-height:45px;
	 margin-left:10px;
	  width:97%;}

.columntitle span{
	 height:45px;
	 line-height:45px;}


.right-content{
	padding:10px;}

.pagebar{
	margin-bottom:25px;
	margin-top:20px;}

.about{
	margin-bottom:25px;}

/*.about p{
	 font-size:12px;
	 line-height:26px;
}*/

.article .content{
	margin-bottom:
;}
	


}



@media screen and (max-width: 560px){
	.new-picture{
		 width:96%;
		 margin:0 2%;
		 padding-right:0;}
	
	.new-list{
		width:96%;
		margin:0 2%;
		padding:0;}
	
	.new-list ul li{
		 width:100%;
		margin:0;}
	
	.new-list ul li.odd{
		margin:0;}
	
	.notice{
		 width:96%;
		 margin:10px 2% 0;
		 padding:0;}
	
	.notice ul li a{
		 height:22px;}
	
	.notice ul li a p{
		 height:22px;
		 -webkit-line-clamp: 1;}
	
	.research{
		 width:96%;
		 margin:10px 2% 0;
		 padding:0;}
	
	.research ul li a{
		 height:22px;}
	
	.research ul li a p{
		 height:22px;
		 -webkit-line-clamp: 1;}
	
	.link ul li{
		 width:47%;
		 margin: 23px 3% 0px 0;}
	
	.link ul li+li {
    	margin: 23px 0 0px 3%;}
	
	.link ul li+li+li {
    	margin: 23px 3% 0px 0;}
	
	.link ul li+li+li+li {
    	margin: 23px 0 0px 3%;}

    .code {
    left: 55%;}

}


@media screen and (max-width: 525px){
	.logo{
		 width:80%;}
	
	.logo img{
		 width:100%;}
	
	#search_kang{
		width:80%;}

    .d1 {
    margin: 0 20%;
    width: 60%;}

}

@media screen and (max-width: 525px){
      .code {
    left: 60%;}
}


@media screen and (max-width: 470px){
	
	#full-width-slider {
    height: 85px !important;}

#full-width-slider1 {
    height: 180px !important;}
	
	.pagebar{
		margin-bottom:35px;}
	

  .code {
    left: 65%;}

}

@media screen and (max-width: 440px){
	.list-img .media .media-heading{
		margin-top:2px;
		margin-bottom:3px;}
	
	.list-img .media .media-body p{
		 line-height:20px;}

.d1 {
    margin: 0 25%;
    width: 50%;}

 .code {
    left: 70%;}

.teachers li{ width: 50%;}

}

@media screen and (max-width: 420px){
	
	.link ul li a .media-img{
		 height:70px;}
	
	.navbar-toggle{
		margin-top:25px;}
	 .code {
    left: 73%;}

 .ewmbox{
        left: -30%;}


	
}


@media screen and (max-width: 400px){
	.list ul li p{
		 width:68%;}
	
	.list ul li span{
		width:32%;
		 font-size:13px;}
	

}

@media screen and (max-width: 380px){
    .code{
       top: 55px;}

}

@media screen and (max-width: 370px){
	
	#search_kang{
		width: 78%;}
	
	#full-width-slider1 .rsGCaption{
		    padding: 5px 65px 5px 5px;}

       .d1 {
    margin: 0 28%;
    width: 44%;}

.code {
    left: 75%;}



@media screen and (max-width: 340px){}