*{
	font-size: 14px;
	font-family: "microsoft yahei", "宋体", "Arial";
	color: #333333;
}

html,body{
    font-size:14px;
    background-color:#f2f2f2;
}

a{
	display:block;
}

a:hover{
	text-decoration:none;
}

a:hover span{
	text-decoration:none;
}

a:hover div{
	text-decoration:none;
}

.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.three-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break:all;
}

.five-lines {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break:all;
}

.mainview{
    max-width:1920px !important;
    margin:0 auto;
    background-color:#fff;
}

.nav-menubar-line{
    background-color:#000;
    height:3px;
    width:25px;
    border-radius:2px
}

.phonenav-item{
    color:#000;
    padding:10px;
    display:block;
    font-size:16px;
    border-bottom: 1px solid #eee;
}

a >.more-span{
    text-decoration: none;
    color:#666;
}

a:hover >.more-span{
    text-decoration: none;
}

.more-span:hover{
	text-decoration: none;
}

.phonenav-item:hover{
    text-decoration: none;
}

.phonenav-item:active{
    text-decoration: #B00007;
}

.nav-menubar-interval{
   height:2px;
   width:20px;
   margin-bottom:3px;
}

#header-content{
    position: relative;
}

#phonenavbar{
    position: absolute;
    right:10px;
    top:20px;
    width:40px;
    height:40px;
    z-index:15;
}

.phonenav-carry{
     display: none;
     position: absolute;
     right:20px;
     left:50px;
     top:50px;
     z-index:99;
     background-color:#FFF;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, .5);
     border-radius: 5px;
}

.phonenav-carry >a:last-child{
    border:0;
}

.nav-item-menu{
    background-color:#fff !important;
    width:200px;
    z-index:199;
    top:80px;
    left:0px;
    height:0;
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3),-5px -5px 10px rgba(0, 0, 0, 0.3);
    transition: height .3s ease-out;
}

.nav-menu-hasmenu:hover .nav-item-menu{
    height:240px;
}

.nav-item-menu >.nav-item-child{
    font-size:18px;
    text-align: left;
    padding:10px;
    line-height: 40px;
    background-color:#fff;
    color:#000;
    border-bottom:1px solid #eee;
    text-decoration: none;
    display: block;
}

.nav-item-menu >.nav-item-child:last-child{
    border:0 !important;
}

.nav-item-menu >.nav-item-child:hover{
    background-color:#B00007;
    color:#fff;
}

.main-container{
    box-sizing:border-box;
    width:100%;
    background-color: transparent;
    position: relative;
    z-index:1;
}
.interval-y{
    height:35px;
}

.fit-img{
    width:100%;
    height:100%;
}

.for-header{
    margin:0 auto;
   max-width:1920px !important; 
   position:relative;
   z-index:19;
}

.for-content{
    margin:0 auto;
    max-width:1200px !important;
}

.for-footer{
   margin:0 auto;
   max-width:1920px !important;
   background: linear-gradient(180deg, #C8000F 0%, #B10007 100%);
   height:60px;
}

.banner-img {
    width:100%;
    height:0;
    padding-bottom:17.81%;
}

.banner-img >div{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.banner-img >div img{
    width:100%;
    height:100%;
}

.nav-carry-bkgnd{
    background: linear-gradient(180deg, #C8000F 0%, #B10007 100%);
}

.nav-carry{
    height:80px;
    display:flex;
}

.nav-item{
    background-color:transparent;
    color:#fff;
    font-size: 20px;
    width:150px;
    height:100%;
    text-align: center;
    line-height: 80px;
    cursor:pointer;
    transition: all .3s ease-out;
    list-style: none;
    display: inline-block;
    width:150px;
}

.nav-item >a{
    background-color:transparent;
    color:#fff;
    font-size: 20px;
    height:100%;
    text-align: center;
    line-height: 80px;
    cursor:pointer;
    transition: all .3s ease-out;
    display: inline-block;
}

.nav-menu{
    position: relative;
    z-index:999;
}
.nav-item:hover{
    background-color:#9D0309;
    color:#fff;
    text-decoration: none;
}

.nav-item:hover >a{
    background-color:#9D0309;
    color:#fff;
    text-decoration: none;
}

.nav-item-selected{
    background-color:#9D0309
}

.homenews{
    height:311px;
}

.homenews >div{
    height:100%;
    overflow: hidden;
}

.homenews >.swiper .title-bkgnd{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0;
    height:30px;
    opacity:0.3;
    background-color:#000;
    z-index:1;
}

.homenews >.swiper .title{
    position:absolute;
    left:15px;
    right:15px;
    bottom:0;
    font-size:14px;
    height:30px;
    color:#fff;
    z-index:2;
    line-height: 30px;
}

.page {
    padding: 40px 0;
    font-size: 1rem;
    text-align: center;
}

.page a.a1 {
    padding: 0 10px;
}
.page a{
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    padding: 0 10px;
    margin-bottom: 10px;
	text-decoration:none;
}

.page span,.page a:hover{
    display: inline-block;
    height: 2.5rem;
    padding: 0 10px;
    line-height: 2.5rem;
    background: #B00007;
    border: 1px solid #B00007;
    color: #fff;
    text-align: center;
	text-decoration:none;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
	color: #666666;
    font-size: 14px;
}

.breadcrumb a {
    color: #666;
    padding-right: 10px;
    font-size: 14px;
}

.breadcrumb a:hover {
    color: #333;
}


.newstype{
    border-bottom:2px solid #B00007;
    height:30px;
}
.newstype .tab-sel{
    background-color:#B00007 !important;
    color:#fff  !important;
    padding:0 10px;
    margin-right:2px;
    font-size:16px;
    cursor:default;
    -webkit-user-select:none;
    height: 30px;
    line-height: 30px;
}
.newstype .tab{
    background-color:#fff;
    color:#B00007;
    padding:0 10px;
    background-color:#E5E5E5;
    margin-right:2px;
    font-size:16px;
    cursor:pointer;
    -webkit-user-select:none;
    line-height: 30px;
}
.newslist{
    height:281px;
    border-left:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
}
.newslist >.title{
    font-weight:bold;
    color:#000;
    font-size:16px;
    text-align: center;
    padding:20px 20px;
	display:block;
}
.newslist >.title:hover{
	color:#B00007;
	text-decoration:none;
}

.newslist >.abstract{
    color:#333333;
    font-size:14px;
    padding:0 30px;
}

.abstract >a{
    color:#B00007;
}

 .newslist >.newsarray{
    color:#333333;
    font-size:14px;
    padding:0 30px;
}

.newslist >.newsarray >a{
   color:#333333;
   cursor: pointer;
}

.newslist >.newsarray >a:hover{
   color:#B00007;
   text-decoration:none;
}

.newslist >.newsarray >a:hover div.text-truncate{
   color:#B00007;
   text-decoration:none;
}


.area-head{
    position:absolute;
    left:0;
    width:190px;
    top:0;
    bottom:0;
    z-index:0;
    background-color:#EFEFEF;
}

.area-head >.area-head-top{
    position:absolute;
    left:0;
    width:30px;
    top:0;
    background-color:#fff;
    height:36px;
}

.area-head >.area-head-bottom{
    position:absolute;
    left:0;
    width:30px;
    bottom:0;
    background-color:#fff;
    height:36px;
}
.area-head >.area-head-middle{
    position:absolute;
    left:-3px;
    right:0;
    top:36px;
    bottom:36px;
    z-index:0;
}
.area-panel{
    height:240px;
    background-color:#EFEFEF;
}

.area-list{
    margin-left:190px;
    display:flex;
    align-items:center;
}
.area-list .area-item{
     background:linear-gradient(180deg, #FBFBFB 0%, #ECECEC 100%);
     border: 1px solid #DEDEDE;
     height:166px;
     width:158px;
     margin-right:8px;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding:10px 5px;
     text-decoration:none;
}
.area-list .area-item >span{
    text-align: center;
    width:100%;
    font-size:14px;
    color:#333333;
	transition:all .3s ease-out;
	text-decoration:none;
}

.area-list .area-item:hover >span{
    color:#B00007;
    transform: translateY(-10px);
}



.train-dynamic >span{
   font-size:16px;
   font-weight:bold;
}
.train-dynamic >div{
   color:#666666;
}
.train-item{
   text-decoration: none;
   color:#333;
}
.train-item:hover{
   text-decoration: none;
   color:#B00007;
}
.train-item .point{
   width:5px;
   height:5px;
   border-radius:50%;
   background-color:#B00007;
   margin-right:5px;
   flex-shrink:0;
}

.train-item >span{
   color:#333;
}

.train-item:hover >span{
   color:#B00007;
}

.train-item >.datetime{
   color:#A6A6A6;
   flex-shrink: 0;
}

.education .tabbutton{
  font-size:16px;
  color:#333;
  height:42px;
  width:85px;
  margin-right:15px;
  text-align: center;
  line-height:42px;
  cursor:pointer;
  -webkit-user-select:none;
}

.education .tabbutton:hover{
    background-color:#eee;
}

.education .tabbutton-sel{
   background-color:#B00007;
   color:#fff;
   font-size:16px;
   width:85px;
   height:42px;
   margin-right:20px;
   text-align: center;
   line-height:42px;
   cursor:pointer;
   -webkit-user-select:none;
}

.jingji-item{
	width:358px;
}

.jingji-item .name{
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.jingji-item .name:hover{
	color:#B00007;
}

.jingji-item .label{
	font-size:14px;
	font-weight:bold;
	padding:0 5px;
	border-radius:5px;
	color:#B00007;
	background-color:#F5E0E1;
}
.jingji-item .picture{
	 width:100px;
	 height:133px;
	 flex-shrink:0;
	 align-self:center;
	 margin-left:10px;
}
.jingji-item .picture >img{
	object-fit:cover;
}


.jingji-item .icon{
	width:12px;
	height:12px;
    margin-right:5px;
}
.jingji-item .detail{
	color:#333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.team-item{
    position:relative;
}

.team-item:hover >div{
   border-bottom:3px solid #FF0000;
}

.team-item >div{
	background: linear-gradient(to bottom, #F5E0E0, #FFF);
	border-bottom:3px solid #B00007;
	transition: all .3s ease-in;
	height:176px;
}

.team-item .picture{
	 width:100px;
	 height:133px;
	 object-fit:cover;
	 transition:  all .1s linear;
}

.team-item .picture-panel{
     width:100px;
	 height:133px;
	 overflow:hidden;
	 flex-shrink:0;
}

.team-item .picture:hover{
    transform: scale(1.05);
}

.team-item .name{
	font-size:16px;
	font-weight:bold;
	color:#333;
}

.team-item .name:hover{
	text-decoration:none;
	color:#B00007;
}

.team-item .subname{
	font-size:16px;
	color:#666;
}

.daxue-item{
	margin-top:21px;
	text-decoration:none;
	transition: color .1s ease-out;
	padding:0 10px;
}

.train-news-item{
	margin-top:20px;
	text-decoration:none;
	transition: color .1s ease-out;
	padding:0 10px;
}

.daxue-item:hover, .train-news-item:hover{
    text-decoration:none;
}

.daxue-item .swapper, .train-news-item .swapper{
    position: relative;
    width:100%;
    height:0;
    padding-bottom:70%;
}


.daxue-item .picture-panel{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    overflow: hidden;
    transition:  all .1s linear;
}

.train-news-item .picture-panel{
	position: absolute;
    left:10px;
    right:10px;
    top:0;
    bottom:0;
    overflow: hidden;
    transition:  all .1s linear;
}

.daxue-item >.picture-panel img, .train-news-item >.picture-panel img{
	width:100%;
	object-fit:cover;
    height:100%;
    
}

.daxue-item >.picture-panel img:hover, .train-news-item >.picture-panel img:hover{
    transform: scale(1.05);
}

.daxue-item .date, .train-news-item .date{
    position: absolute;
    left:10px;
    bottom:62px;
    width:100px;
    height:30px;
    line-height: 30px;
    background-color: #B00007;
    color:#fff;
    text-align: center;
}


.train-news-item .date{
    position: absolute;
    left:20px;
    bottom:62px;
    width:100px;
    height:30px;
    line-height: 30px;
    background-color: #B00007;
    color:#fff;
    text-align: center;
}

.daxue-item >span, .train-news-item >span{
	height:73px;
	background-color:#F2F2F2;
	font-size:16px;
	color:#333;
	padding:20px 15px 15px 15px;
	text-decoration:none;
	transition:all .3s ease-out;
}

.daxue-item:hover >span div, .train-news-item:hover >span div{
	color:#B00007;
	text-decoration:none;
}

.swiper-ctrl-carry{
	height:80px;
}
.swiper-ctrl{
	
	width:11px;
	border:1px solid #eee;
	top:10px;
	height:60px;
	position:absolute;
}

.ctrl-pos-left{
	background:linear-gradient(to left, #FEFEFE, #DFDFDF);
	left:0;
}
.ctrl-pos-right{
	background:linear-gradient(to right, #FEFEFE, #DFDFDF);
	right:0;
}

.ctrl-pos-left:active{
	background:linear-gradient(to left, #DFDFDF, #FEFEFE);
}
.ctrl-pos-right:active{
	background:linear-gradient(to right, #DFDFDF, #FEFEFE);
}

.triangle-left{
	width:0;
	height:0;
	border-right:3px solid #000;
	border-top:3px solid transparent;
	border-bottom:3px  solid transparent;
	position:absolute;
	left:2px;
	top:50%;
	margin-top:-2px;
}
.triangle-right{
	width:0;
	height:0;
	border-left:3px solid #000;
	border-top:3px solid transparent;
	border-bottom:3px  solid transparent;
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-2px;
}

.swiper-ctrl-carry .thumb-ctrl-item{
	margin:10px 35px;
	overflow-x:hidden;
	overflow-x:hidden;
}
.swiper-ctrl-carry .thumb-ctrl-item >.wapper{
	width:80px;
	height:0;
	padding-bottom:22%;
	margin-right:10px;
	position: relative;
}

.swiper-ctrl-carry .thumb-ctrl-item >.wapper >div{
	border:2px solid #eee;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}


.swiper-ctrl-carry .thumb-ctrl-item >.selected{
	border:2px solid #B00007;
}

.jingji-row{
	display:flex;
}

.footer{
    background-color:#F6F6F6;
    padding-left:30px;
    padding-top:30px;
    padding-bottom:30px;
}
.footer-subjecttitle{
    padding-bottom:5px;
    font-weight:bold;
    border-bottom:1px solid #eee;
    margin-bottom:10px;
}

.youqing-lianjie{
    flex:1;
    flex-shrink: 0;
    margin:5px 0;
    color:#999;
}

.youqing-lianjie:hover{
   text-decoration:none;
   color:#B00007;
}

.eweima >div{
    width:150px;
    height:150px;
}
.eweima div:first-child{
    margin-right:50px;
}
.eweima >div >img{
    width:150px;
    height:150px;
}

.news-datetime
{
	color:#999;
}

.aboutus-nav{
	background-color:#F6F6F6;
}
.aboutus-nav >a{
    height:65px;
    line-height:65px;
    text-align: center;
    font-weight: bold;
    cursor:pointer;
    -webkit-user-select:none;
    display: block;
    text-decoration: none;
	color:#333;
}

.aboutus-nav >a:hover{
    text-decoration: none;
	color:#333;
}

.aboutus-nav .item-sel{
    background: url(/template/images/news/seled.png);
    color:#fff;
    background-size:cover;
}

.aboutus-content .title{
    border-left:6px solid #B00007;
    padding-left:5px;
}





.news-maininfo{
    background-color:#F9F9F9;
    padding:10px;
}
.news-maininfo .title{
    font-size:18px;
    font-weight: bold;
}
.news-maininfo .append-newsinfo >div{
    color:#666;
    font-size:13px;
    margin:10px 20px 10px 0;
}

.news-maininfo >p{
    font-size:13px;
    font-weight: bold;
}




.field-item{
    margin-bottom:30px;
}
.field-item >div{
    width:100%;
    height:0;
    padding-bottom:60%;
    position:relative;
}

.field-item >div >div{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0
}

.field-item a{
    font-size:18px;
    color:#333;
    text-decoration: none;
    transition: all .3s ease-out;
}

.field-item a:hover{
    font-size:18px;
    color:#B00007;
    text-decoration: none;
}

.field-detail-bkgnd >div{
    width:100%;
    height:0;
    padding-bottom:14%;
    position:relative;
}

.field-detail-bkgnd .bkgnd{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0
}

.field-detail-bkgnd .title{
    position:relative;
    z-index:9;
    padding:40px 20px 0;
}

.field-detail-bkgnd .title>span{
    font-size:28px;
    font-weight:bold;
}

.field-detail-bkgnd ul{
    position:absolute;
    z-index:9;
    left: 0;
    bottom:0;
    height:30px;
    width:100%;
}

.field-detail-bkgnd ul>li{
   list-style:none;
   text-align: center;
   padding:0 15px;
   max-width:200px;
   flex-shrink:0;
}


.field-detail-bkgnd ul>li>a{
    font-size:18px;
    color:#333;
    display: inline-block;
    text-decoration: none;
    position:relative;
    transition: all .3s;
}

.field-detail-bkgnd ul>li>.current-item, .field-detail-bkgnd ul>li>a:hover{
    color:#B00007;
}

.field-detail-bkgnd ul>li>.current-item::after, .field-detail-bkgnd ul>li>a:hover::after{
   position: absolute;
   content:"";
   left:0;
   right:0;
   bottom:-10px;
   height:4px;
   background-color:#B00007;
}



.canfold{
	overflow-y:visible;
	display:flex;
}
.expanditem{
	overflow-y:visible;
	display:flex;
}
.fold-button{
	margin-right:10px;
	cursor:pointer;
	width:20px;
	height:20px;
}
		
.news-nav{
	background-color: #F6F6F6;
    height:60px;
}
.news-nav >a{
    flex:1;
    line-height:60px;
    text-align: center;
    cursor:pointer;
    font-weight:bold;
	color:#333;
	text-decoration:none;
}

.news-nav >a:hover{
	text-decoration:none;
}

.news-item-sel{
    background: url(/template/images/news/seled.png);
    color:#fff !important;
}

.news-image-item{
    width:200px;
    height:150px;
    flex-shrink: 0;
    overflow: hidden;
	margin-right:20px;
}

.news-image-item:hover >img{
    transform: scale(1.03);
}

.news-title-img{
    margin:10px 10px 10px 0;
    padding:10px;
    object-fit: cover;
	border:2px solid #FFFFFF;
    box-sizing: border-box;
    transition: all .3s ease-out;
}

.news-newsitem{
    margin:20px 0;
}

.news-title-img:hover{
    border:2px solid #B00007;
    box-sizing: border-box;
}

.news-itemright{
}

.newstype a{
    text-decoration:none;
}

.newstype a:hover{
    text-decoration:none;
    color:#B00007;
}


.news-itemright >.itemtitle{
    margin-bottom:16px;
    font-size:18px;
    font-weight:bold;
    display: block;
    color:#000;
}
.news-itemright >.itemtitle:hover{
    text-decoration: none;
    color:#B00007;
}

.news-itemright >.itemcontent{
    margin-bottom:16px;
    font-size:16px;
}

.right-newsarray{
    background-color:#f6f6f6;
    margin-top:10px;
}

.right-newsarray .point{
   width:5px;
   height:5px;
   border-radius:50%;
   background-color:#B00007;
   margin-right:5px;
   flex-shrink: 0;
}

.right-newsarray a{
    text-decoration:none;
}

.right-newsarray a:hover .one-line{
    color:#B00007;
}

.team-nav{
    display:flex;
    flex-wrap:wrap;
    padding:10px;
	flex:1;
}

.team-nav >div{
    text-align: center;
    cursor:pointer;
    padding:5px 10px;
    background-color:#fff;
    margin:5px 10px 5px 10px;
    font-size:16px;
    border-radius:4px;
}
.team-item-sel{
    background: linear-gradient(180deg, #C8000F 0%, #B10007 100%);
    color:#fff;
}





.field-title{
    margin:5px 20px;
    color: #999;
    padding-top:20px;
}
.team-nav{
    display:flex;
    flex-wrap:wrap;
    padding:10px;
}
.team-nav >div{
    text-align: center;
    cursor:pointer;
    padding:5px 10px;
    background-color:#fff;
    margin:5px 10px 5px 10px;
    font-size:15px;
    border-radius:4px;
}
.teacher-item{
    background-color:#FFF;
}


.teacher-item >div{
    flex-shrink: 0;
    width:100%;
    background-color:#F6F6F6;
    height:186px;
}
.teacher-item .avatar{
    width:40%;
    height:100%;
    flex-shrink: 0;
    border-bottom:3px solid #B00007;
    transition: all .3s ease-in;
}

.teacher-item:hover .avatar{
    border-bottom:3px solid #FF0000;
}

.teacher-item .avatar >img{
    object-fit: cover;
}

.avatar-wrap{
    width:140px;
    height:0;
    padding-bottom:186px;
    position:relative;
    flex-shrink:0;
}
.avatar-wrap >div{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-bottom: 3px solid #B00007;
    transition: all .3s ease-in;
}
.avatar-wrap >div>img {
    object-fit: cover;
}
.avatar-wrap >div:hover{
    border-bottom:3px solid #FF0000;
}

.team-item-sel{
    background: linear-gradient(180deg, #C8000F 0%, #B10007 100%);
    color:#fff;
}
.teacher-name{
    width:100%;
    flex-shrink: 0;
}
.teacher-name >.name{
    font-weight: bold;
    font-size:18px;
	color:#333;
}
.teacher-name >.name:hover{
	text-decoration:none;
	color:#B00007;
}

.teacher-name >.label{
    background-color:#F1DCDE;
    color:#B00007;
    padding:5px 10px;
    border-radius:5px;
    font-weight: bold;
    margin-left:10px;
}
 .teacher-info{
    width:100%;
    flex-shrink: 0;
    margin-top:20px;
}
.teacher-info >div{
   display:flex;
   flex-direction:row;
   align-items:center;
   margin-right:20px;
}
.teacher-info >div >img{
    width:12px;
    height:12px;
    margin-right:5px;
}
.teacher-info .info-text{
    color:#999;
}

.teacher-skill{
    margin-top:20px;
    color:#999;
    align-self: flex-start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.interval-v{
    margin:0;
}
    
@media (max-width:996px) {
    .homenews{
        height:auto;
    }
    .interval-v{
        margin-bottom:35px;
    }
    .newslist{
        height:auto;
    }
    .area-list{
        margin-left:0;
        flex-wrap:wrap;
        justify-content:center;
    }
    .area-item{
        margin:5px 0;
    }
    .area-panel{
        height:auto;
    }
    .mainview{
        padding:0 10px;
        overflow-x:hidden;
    }
    .education{
        margin-top:10px;
    }
    .jingji-item{
        width:auto;
    }
    .team-item{
        margin-bottom:10px;
    }
    .area-head{
        width:0;
    }
    .news-nav{
        height:40px;
        line-height: 40px;
    }
    .news-nav >div{
        height:40px;
        line-height: 40px;
    }
    .news-image-item{
        width:100px;
        height:75px;
    }
	.news-nav >a{
    line-height:40px;
	}
	.banner-img {
		padding-bottom:70%;
	}
}

@media (max-width:576px) {
	.aboutus-nav{
        display: -webkit-box;
        overflow-x: scroll;
        width:100%;
        margin-bottom:10px;
		
    }
	.aboutus-nav a{
        width:120px;
    }
	
    .aboutus-nav >div{
        white-space:nowrap;
        height:40px;
        padding:0 10px;
        line-height: 40px;
        margin:10px 10px 10px 0;
    }
     .field-item >div{
        padding-bottom:30%;
    }
	.news-nav >a{
    line-height:40px;
	}
	.canfold{
		max-height:100px;
		overflow-y:hidden;
	}
	.education .tabbutton{
		width:auto;
	}
	.banner-img {
		padding-bottom:100%;
	}
	.field-detail-bkgnd ul{
		overflow-x:scroll;
		padding-bottom:10px;
	}
    .fit-img{
        width:100%;
        height:auto;
    }
}