/* top */
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 55px;}
}
/* search */
@media(min-width: 1200px){
	.icon-guanbi{
		right: -21%;}
}
@media(min-width: 1000px) and (max-width: 1199px){
	.icon-guanbi{
		right: -8.5%;}
}
/* nav */
@media screen and (max-width: 1024px){
  .mobile {
    display: block;}
  .topWrap{
    display: none;}
  .nav-wrapper{
    display: none;}
  .search_box{
    display: none;}
}
@media (min-width: 560px) and (max-width: 640px){
  .mobile-inner-logo{
    height: 100px;}
  .navbar-toggle{
    padding: 16px;
    margin-top: 20px;}
}
@media (min-width: 460px) and (max-width: 659px){
  .mobile-inner-logo .mobile-logo-box{
    width: 60%;}
  .mobile-inner-logo .mobile-logo{
    margin-top: 15px;}
  .mobile-logo-box .mobile-logo-name{
    margin-top: 26px;}
  

}
@media (min-width: 660px) and (max-width: 768px){
  .mobile-icon-search, .mobile-search-submit{
    height: 40px;}
  .mobile-inner-logo{
    height: 115px;}
  .mobile-inner-logo .mobile-logo-box{
    width: 60%;}
  .mobile-inner-logo .mobile-logo{
    margin-top: 15px;}
  .mobile-logo-box .mobile-logo-name{
    margin-top: 27px;}
}
@media (min-width: 769px) and (max-width: 1024px){
  .mobile-inner-logo .mobile-logo-box{
    width: 45%;}
  .mobile-inner-logo{
    height: 124px;}
  .mobile-logo-box .mobile-logo-name{
    margin-top: 28px;}
  .mobile-inner-logo .mobile-logo{
    margin-top: 18px;}
}

@media (max-width: 1024px){
  .navbar-toggle {
    display: block;}
}
@media (min-width: 640px) and (max-width: 768px){
  .navbar-toggle{
    padding: 20px;
    margin-top: 21px;}
}
@media (min-width: 780px) and (max-width: 1024px){
  .navbar-toggle{
    padding: 25px;
    margin-top: 30px;}
}
@media(max-width: 320px){
  .mobile-nav-link span{
    float: left;
    margin: 0 6px;
    font-size: 12px;}
  .mobile-nav-link span a {
    line-height: 25px;
    padding: 4px 0;}
  .mobile-nav-link .mar-span{
    margin: 0 18px;} 
  
  
}
@media(min-width: 320px) and (max-width: 350px){
  .mobile-inner-logo{
    height: 70px;}
  
}
@media(min-width: 440px) and (max-width: 600px){
  .mobile-inner-logo{
    height: 90px;}
}
/* banner */
@media (min-width: 1000px){
  .tp-caption{
    width: 38%;}
  .slider_btn_p{
    font-size: 16px !important;}
}
@media (min-width: 768px) and (max-width: 999px){
  .slider_btn_b{
    font-size: 18px !important;
    line-height: 36px !important;}
  .tp-caption{
    width: 80%;}
  .slider_btn_p{
    font-size: 16px !important;
    line-height: 30px !important;}
}
@media (min-width: 500px) and (max-width: 767px){
  .slider_btn_b{
    font-size: 14px !important;
    line-height: 28px !important;}
  .tp-caption{
    width: 90%;}
  .slider_btn_p{
    font-size: 14px !important;
    line-height: 26px !important;}
}
@media (min-width: 300px) and (max-width: 499px){
  .slider_btn_b{
    font-size: 12px !important;
    line-height: 24px !important;}
  .tp-caption{
    width: 95%;}
  .slider_btn_p{
    font-size: 12px !important;
    line-height: 24px !important;}
  .tp-bullets{
    bottom: 10px !important;}
}
/* main */

/* news*/
@media (min-width: 751px) and (max-width: 1000px){
  .main .news{
    padding-top: 30px;}
  .news .news-title{
    font-size: 24px;}
  .news .news-title span{
    font-size: 22px;}
}
@media (min-width: 500px) and (max-width: 750px){
  .main .news{
    padding-top: 25px;}
  .news .news-title{
    font-size: 24px;}
  .news .news-title span{
    font-size: 22px;}
}
@media (min-width: 300px) and (max-width: 499px){
  .main .news,.main .notice,.main .works{
    padding-top: 20px;}
  .news .news-title,.notice .notice-title,.works .works-title{
    font-size: 20px;
    padding-bottom: 10px;}
  .news .news-title span,.notice .notice-title span,.works .works-title span{
    font-size: 18px;}
  .news .news-title .more,.notice .notice-title .more,.works .works-title .more{
    font-size: 14px;}
}
/* news */
@media screen and (max-width: 1000px){
  .news_box_lg {
    height: auto;}
}
@media screen and (max-width: 1000px){
  .works_box_lg {
    height: auto;}
}
/* tabclass */
@media(min-width: 1001px){
  .tab-pic{
    height: 317px;}
}
@media(min-width: 300px) and (max-width: 1000px){
  .tabclass .tab-pic,.tabclass .tab-introduce{
    width: 100%;}
  .tab-content>.active{
    display: block;}
  .tabclass-ul li{
    width: 25%;}
  .tabclass-ul{
    margin-top: 5px;}
  .tabclass-ul li a{
    font-size: 14px;}
  .tab-pic{
    height: auto;}
}
/* footer */
@media(max-width: 1200px){
  .footer-content,.footer-share{
    width: 100%;
    float: none;}
  .footer-p{
    line-height: 30px;
    height: auto;
    margin-top: 20px;
    text-align: center;}
  .footer-share .share-box{
    margin-bottom: 20px;
    text-align: center;
    padding-top: 20px;}
}

/* aboutUs */
@media(max-width: 1000px){
  .main .main-content-left{
    display: none;}
  .main .main-content-right{
    width: 100%;
    float: none;}
  .main-content-box{
    padding-top: 0;
    padding-bottom: 0;}
  .bg-fff{
    margin: 0;
    padding-top: 28px;}
  .main-content-right .content-right-title{
    margin-top: 0;
    padding-top: 26px;
    padding-bottom: 20px;}
  .main-content-box .main-content-title.bg-title{
    margin-top: 0;}
}
/* teacher */
@media (min-width: 300px) and (max-width: 550px){
  .content-teacher .team-dl{
    padding: 20px 12px;}
  .team-dl dt{
    width: 100%;
    float: none;
    padding-bottom: 101.567%;
    margin-bottom: 10px;}
  .team-dl dd{
    width: 100%;
    float: none;}
}
/* page */
@media (max-width: 767px){
  .page{
    display: none;}
  .page-mobile{
    display: block;}
}
@media (min-width: 768px) and (max-width: 1200px){
  .page{
    display: block;}
  .page-mobile{
    display: none;}
}

@media (min-width: 1200px){
  .page{
    display: block;}
  .page-mobile{
    display: none;}
}

@media (min-width: 320px) and (max-width: 640px) {
  .teadetails-info-box .teadetails-info-pos {
    width: 100%;
    margin-bottom: 5px;}
  .teadetails-info-box .teadetails-info {
    float: none;}
  
   .marnewscont ul li span{ float:right;  display:none; color:#c8c8c8;}
.marnewscont ul li a{ color:#2c2c2c; font-size:14px;}
.main-content-right .main-con-box p{text-align:left !important; text-indent:0px !important;margin:0 0 12px 0;}
.main-content-right .main-con-box img{width:100% !important;heigth:auto; overflow:hidden;}
}
@media (min-width: 300px) and (max-width:700px) {
  .teadetails-pic{
    float: none;
    width: 80%;
    margin: 0 auto 20px;}
  .main-con-box .teadetails-p{
    width: 100%;
    float: none;}
  .main-con-box .teadetails-p-all{
    float: none;}
}
@media (min-width: 320px) and (max-width: 640px) {
  .details_box .details-info-pos {
    width: 100%;
    margin-bottom: 5px;}
  .details_box .details_box-info {
    float: none;}
  .details_box-info-box .details_box-info p{
    margin-left: 20px;}
}
/* major */
@media (min-width: 320px) and (max-width: 640px) {
  .main-con-box .details_box-info-box .details-info-pos{
    width: 100%;
    margin-bottom: 5px;}
  .main-con-box .details_box-info-box .details_box-info {
    float: none;}
  
}

@media(min-width: 1001px) {
  .major-nav{
    display: block;}
  .major-mobnav{
    display: none;} 
  .major-mobnav-xs{
    display: none;} 
}
@media(min-width: 800px) and (max-width: 1000px){
  .major-nav ul li a{
    font-size: 16px;}
  .major-nav{
    display: block;} 
  .major-mobnav{
    display: none;}
  .major-mobnav-xs{
    display: none;}
}
@media(min-width: 500px) and (max-width: 799px) {
  .major-nav{
    display: none;} 
  .major-mobnav{
    display: block;}
  .major-mobnav-xs{
    display: none;}
  .bg-fff{
    background: #f4f4f4;}
  .major-content{
    border:0;
    padding:20px 0;}
}
@media(min-width: 300px) and (max-width: 679px) {
  .major-nav{
    display: none;} 
  .major-mobnav{
    display: none;}
  .major-mobnav-xs{
    display: block;}
  .bg-fff{
    background: #f4f4f4;}
  .major-content{
    border:0;
    padding:20px 0;}

}
@media(min-width: 730px) and (max-width: 799px){
  .major-mobnav ul li a{
    padding: 0 12px;}
}
@media(min-width: 680px) and (max-width: 729px){
  .major-mobnav ul li a{
    padding: 0 7px;}
}
@media(min-width: 300px) and (max-width: 350px) {
  .major-mobnav-xs ul li a{
    font-size: 14px;}
	 
  }