body{background-color: #f5f5f5;}

.banner{height:325px;background: #f5f5f5 url('b03.jpg') no-repeat center top;background-size:cover;padding-top: 25px;}
.banner img{max-height: 60px;max-width: 100%;width:auto;height:auto;}
.banner,.banner a{color:#FFF;font-size: 16px;}
.banner li{display: inline-block;padding-right: 10px;}

#page-cont .banner{background-image: url('b02.jpg');}
#page-cover .banner, #home-list .banner{background-image: url('b01.jpg');}

.banner .text-right{padding-top:10px;}
.banner .txt{font-family: 'Microsoft Yahei'}
.banner .fh{font-size: 20px}
header a:hover{ text-decoration: none;color:#eee; }

.site-menus{display:none;}

header nav{background-color: #0099CC;position: relative;height:50px;}
.main-nav{margin:0px 10px;position: relative;background-color: #fff;box-shadow: 0px 5px 5px rgba(102, 102, 102, 0.35);top:-20px;height:50px;}
.main-nav li{display: inline-block;position:relative;}
.main-nav a.main-nav-a{display: block;float: left;width:auto;padding:0 13px;font-size: 16px;font-family: 'Microsoft Yahei';font-weight: bold;line-height: 50px;height:50px;}
a.main-nav-a:hover,.current a{color:#0099CC;}
.main-nav li a:hover{background-color: #F7F7F7}
.current{background-color: #f5f5f5}
.main-nav li.so{background-color: #e5f9ff}
.main-nav li.so a .fh{font-size: 20px;font-weight: 100}

.main-nav ul{position: absolute;background-color: #FFF;left:-5px;z-index: 999999;display: none;padding:0 10px 10px 10px;border: 1px #00bfff solid;border-top-width: 3px;top: 50px;min-width:68px;}
.main-nav ul{display: none;min-width:100%;}
.main-nav ul li{white-space:nowrap;border-bottom: 1px #dedede dotted;position: relative;text-align: left;display:block;}
.main-nav ul li a {font-size: 12px;display:block;padding:5px 3px;color:#333;}
.main-nav ul li a:hover{background-color: #F7F7F7;color:#00bfff;}
.main-nav li.active > ul{display:block;}
.main-nav li a.nav:hover{color:#00bfff;}
.main-nav li ul ul{top:0px;left:99%;}

#headline{background-color: #0099CC;padding-top: 50px}
#headline .inner{float: none;margin: 0px auto;}
#headline h3{width:80%;text-align: left;margin-bottom: 15px}
#headline h3 a{font-weight: 700;font-size: 24px;color:#FFF;line-height:30px;}
#headline article{width:42%;background-color: #fff;padding:15px;height:280px;text-align: left;}
#headline p.desc{height:100px;}
#headline article a{line-height:25px;font-size: 14px}

#headline aside{width:50%;}

section.container{background-color: #fff;}

footer, footer *{color:#FFF;}
footer .foot-main{padding-top:20px;}
footer{background-color: #2961A0;border-bottom-width: 15px;border-bottom-color: #003366;border-bottom-style: solid; }
address {display:block;font-style: normal;line-height:1.6;}
#footerlinks{margin:20px 20%;border-bottom: 1px #FFF dotted;padding:20px 0;border-bottom-color: rgba(255,255,255,0.5)}
#copyright{padding-top: 0;padding-bottom: 20px;}
#totop .fh-top{border-radius: 50%;height:40px;}



/*list*/

#listPage li,#coverPage li{min-height:20px;padding-right: 100px;position: relative;padding-top:10px;}
#listPage li span, #coverPage li span{position: absolute;right:0;font-size: 12px;color:#888;top:12px;}
#listPage li.dot{padding-bottom: 15px;margin-bottom: 10px;border-bottom: 1px #dedede dotted;}
#listPage li a{font-size:14px;}

.list-up{}
.list-up h1{padding: 15px 0;margin: 0;font-size: 18px;line-height: 140%}
.list-up .info{background-color: #f7f7f7;}
.list-up p{margin: 0}
.list-up .col-5 a{display: block;overflow: hidden;width: 100%}
.list-up .data{padding: 15px 0;color: #999}
.list-cont{font-size: 14px;line-height: 160%;}
.list-cont h1{ text-align: center;border-bottom: 1px #dedede dotted;line-height: 180%;margin-top: 0;}
.list-cont a{color: rgb(18,170,190);border-bottom: 1px rgb(18,170,190) dotted;padding: 0 1px}
.list-cont a:hover{border-bottom: none;text-decoration: none;color: #FFF;background-color: rgb(18,170,190);}
.list-cont td{border: 1px #dedede solid;padding: 5px 6px}
.list-cont td p{margin: 0;}

.list-post{}
.list-post h2{margin: 0;font-size: 16px;padding-bottom: 10px;line-height: 160%}
.list-post h4{margin: 0}
.list-post .cat{margin-right: 10px;}
  .cover-0 .cat{display: none;}
.list-post h4 .fa {color: rgb(0,192,179);}
.list-post h4 .cat a{color: #0099cc;}
.list-post h4 .taglink a{font-weight: normal;border-bottom: 1px #999 dotted;margin-right: 6px;}
.list-post h4 .taglink a:hover{text-decoration: none;border-bottom: none;}
.list-post p{}
.data-post {color: #999;font-family: Tahoma;}
.data-post .mob-one{margin-bottom: 0;padding-bottom: 0;}
.list-post .share a{color: #ddd;font-size: 15px;margin-left: 10px;position: relative;}
.list-post .share a .fa-weibo{font-size: 16px;}
.list-post .share a:hover{color: #333;}
.list-post .share a:hover .fa-weibo{color: #f80000}
.list-post .share a:hover .fa-wechat{color: green}
.list-post .share a:hover .fa-link{color: #0099cc}

hr.list {border:none;border-bottom: 1px #dedede solid;margin-top: 20px;margin-bottom: 20px;}

  .pages { padding: 12px 0; height: 39px; display: block; }
  .pages li { float: left; width: 42px; display: block; }
  .pages a { font: bold 12px/39px Tahoma; width: 39px; height: 37px; color: #fff; display: block; text-decoration: none; background: #0099cc; text-align: center;border:1px #0099cc solid;text-decoration: none; }
  .pages .active>a, .pages a:hover { background-color: rgb(254,247,246);color: #0099cc;text-decoration: none; }

.cover-links h2{margin-top: 0;}
.cover-links h2 a{padding-top:5px;display: inline-block;border-top: #09c 4px solid;font-size: 16px;}
.cover-links ol {padding-bottom: 50px;}
.cover-links ol li{position:relative;padding-right: 100px;}
.cover-links ol li:before{content:"▫ ";}
.cover-links ol li a{font-size: 14px;line-height:2;}
.cover-links ol li span{color:#999;font-size: 10px;position: absolute;right:10px;top:5px;}

.page-list{padding:20px 15px;}
#page-list .arcPos{border-bottom: 1px #dedede solid;margin-bottom: 20px;padding-bottom: 5px;}
#page-list aside{margin-top: 21px;}

aside.nomp dl{margin-bottom: 40px;}
aside.nomp .inner{padding-left: 30px;}
#right-side dt,#mcommend dt{position: relative; margin-bottom: 10px;border-bottom: 1px #0099cc solid;}
#right-side dt strong,#mcommend dt strong{border-top: 4px #0099cc solid;padding: 10px 0px;display:block;width:auto;float: left;}
#right-side dt, #right-side dt a, #recommend dl{font-size: 18px;font-weight: bold;}
#right-side dd,#recommend dd{clear:both;}
#right-side ul li{position: relative;
    line-height: 32px;
    padding: 7px 0px 7px 20px;
    border-bottom: 1px solid #d5d5d5;}
#right-side ul li a{font-size: 14px;}
#picList img{width:100%; height:auto;}
#picList dd{padding-top: 10px;}
#right-side ol li{border-bottom: 1px #dedede dotted;line-height:2;padding-top: 10px;}
#name-desc{padding-top:100px;}
#name-desc dt{font-size: 24px;margin-bottom: 5px;}
#name-desc dd{max-width: 600px}

#teacher-cont{overflow-y:scroll;}
#teacher-banner{height:360px;background-image: none;background-color: #f7f7f7;}
#teacher-banner .inner{background: url('img/bg-teacher2.jpg') no-repeat right 5px;-webkit-background-size: auto 80%;
background-size: auto 80%;}
#avatar{padding:20px;}
#avatar .extra-wrapper{-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);border-radius: 5px}
#avatar a{padding-top:125%;}

#teacher-cont main dt{font-size: 16px;font-weight: bold;border-bottom: 1px #dedede solid;}
#teacher-cont main dt strong{display:inline-block;line-height:2.5;padding:0 15px;border-top-right-radius: 5px;border-top-left-radius: 5px;background-color: #f5f5f5;}
#teacher-cont main dd{padding-left:2em;margin-left: 0;line-height:1.8;}
#brief .inner{margin:15px 20px 0 0px;background-color: #f5f5f5;padding:15px 15px 15px 15px;}
#brief h4{border-bottom: 1px #dedede solid;font-size: 16px;margin-top: 0;height:24px;margin-bottom: 15px;}
#brief li{height: 30px}
#brief li a{color:#0099cc;border-bottom: 1px #0099cc solid;}
#teacher-cont main .info{border-top: 1px #dedede solid;margin-top: 10px;padding-top:10px;margin-bottom: 40px;}
#teacherNav{padding:10px 0px;text-align: center;}
#teacherNav ul{}
#teacherNav ul a{background-color: #DAD8CB;display: block;margin: 3px;font-weight: 500;border: 1px #DAD8CB solid;
    border-radius: 5px;
    color: #64605D;
    font-size:16px;
    line-height: 200%;
    padding-top: 5px;
    padding-bottom: 5px;}
#teacherNav li.active a{background-color: #f7f7f7;border-bottom:none;border-color: #DAD8CB;border-bottom-right-radius: 0;border-bottom-left-radius: 0;
	box-shadow: 0 -2px 2px #DAD8CB}
#teacherNav ul a:hover{text-decoration: none;}

#msg.info{border-top: 1px #dedede solid;margin:0 20px;text-align: center;padding:10px;}

.en-cont{font-size: 14px;line-height:2;padding:10px;}
.cat-en{margin:0 15px;border-bottom: 1px #dedede solid;padding-top:20px;font-size: 16px;font-weight: bold;}



#mob-nav{margin:0 10px 10px 10px;padding:10px;background-color: #fff;width: calc(100vw - 20px);}
#mob-nav li{line-height:2;width:50%;float: left;}


.thumbnail {
 height:270px;
}

@media only screen and (min-width:1200px) {


}

@media only screen and (max-width:1080px) and (min-width: 901px)  {
}

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

/*移动端*/
@media only screen and (max-width:900px) {
}


/*平板竖屏及全面屏横屏*/
@media only screen and (min-width:768px) and (max-width:959px) {

}

/*常规横屏模式*/
@media only screen and (min-width:640px) and (max-width:767px) {

}

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

/*非全面屏手机*/
@media only screen and (max-width:767px) {
  #mob-menu *{color:#FFF; font-size: 18px;}
  #mob-menu a{display:inline-block;padding:15px 20px;}
  #mob-menu .pull-left a{width:80%;}
  .main-nav{display:none;}
  #right-side{display:none;}
  aside.nomp .inner{padding-left: 0;}
  #zhengce .per{margin-bottom: 15px;}
  #footerlinks{margin:20px;}
  .banner{background-image: url(b03m.jpg);}
  #page-cont .banner{background-image: url('b02m.jpg');}
  #page-cover .banner, #home-list .banner{background-image: url('b01m.jpg');}
.thumbnail {height:auto}
}

/*手机，竖屏*/
@media only screen and (max-width:639px) {
}


/*未知区域*/
@media only screen and (min-width:480px) and (max-width:639px) {

}
@media only screen and (min-width:433px) and (max-width:479px) {

}


/*ip+ android+*/
@media only screen and (min-width:376px) and (max-width:432px) {
}
/*ipx, ip6, andriod big*/
@media only screen and (min-width:360px) and (max-width:375px) {

}

/*ip4,android*/
@media only screen and (min-width:320px) and (max-width:359px) {

}

/*超老机型*/
@media only screen and (max-width:319px) {

}