@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;
	}

	.student 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%;
        }

    .footer .footerright .qr {
    margin-left: 5px;
}

}

@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;
	}

	.flash 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;
}
	
	.xwkx_con{
		 width:50%;
		 padding-left:1.5%;
	}

	.xwkx_con ul li{
		 width:95%;
		 margin-left:2.5%
	}
	
	.xwkx_con ul li+li+li+li{
		 display:none;
	}

	.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;
	}

	.student{
		 width:100%;
		 padding-left:0;
		 margin-top:5px;
	}
	
	.footerleft{
		 width:50%;
		margin:5px 0 0px;
		padding-right:2%;
	}
    .footermiddle{
		width:50%;
		padding-left:2%;
		padding-right:0;
		margin:5px 0 0;
	}

	.footerright{
		 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.png) 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.selected 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%;
}

	.xwkx_con .xwkx_kuai{
		 display: none;
	}

.xwkx_con_fr {
    width: 100%;
}
	
}


@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 {
   /* left: 60%;*/
}
}
@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;
	}

	.xwkx_con{
		width:96%;
		margin:0 2%;
		padding:0;
	}
	
	.xwkx_con ul li{
		 width:100%;
		margin:0;
	}

.xwkx_con_fr p a {
    font-size: 13px;
    color: #6f6f6f;
    line-height: 15px;
    margin-top: 5px;
}
	
	.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;
	}

	.student{
		 width:96%;
		 margin:10px 2% 10px;
		 padding:0;
	}
	
	.student ul li a{
		 height:22px;
	}
	
	.student ul li a p{
		 height:22px;
		 -webkit-line-clamp: 1;
	}

	.footerleft{
		 width:96%;
		 margin:10px 2% 0;
		 padding:0;
	}

	.footermiddle{
		 width:96%;
		 margin:10px 2% 0;
		 padding:0;
	}

	.footerright{
		 width:96%;
		 margin:10px 2% 0;
		 padding:0;
	}
	
	.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: 35%;
}

.code {
    left: 75%;
}

.pcwind img{width:150px!important}

@media screen and (max-width: 340px){
	

}