body {
    font-family: "微软雅黑"
}

ul, li {
    list-style: none;
}

a {
    color: #333
}

a:hover {
    color: #002e73;
}

header {
    height: 140px;
    background: #002e73;
}

.logo {
    margin: 20px 0px 10px 0px
}

.logo img {
    max-width: 100%
}

.menu-bar {
    color: #fff
}

.menu-bar a {
    color: #fff;
}

.menu-bar ul li {
    background: url(/static/images/split.png) no-repeat left center;
}

.menu-bar ul li.no-bg {
    background: none
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 26px;
}

.nav>li.no-bg>a {
    padding-left: 0px;
}

.nav>li.last>a {
    padding-right: 0px;
}

.nav>li>a:hover, .nav>li>a:focus {
    background: none;
}

.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background: none;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    z-index: 99;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #d1d1d1;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.more {
    font-size: 12px;
    margin-top: 15px;
}

.tab-content ul {
    padding: 8px 0px 0px 0px;
}

.tab-content ul li {
    clear: both;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: url(/static/images/dot.png) no-repeat left center;
    padding-left: 10px
}
.tab-content ul li span.pull-left {
    max-width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab-content ul li .pull-right {
    font-family: Arile
}

.navbar-default .navbar-toggle .icon-bar {
    //background-color: #E00F0F;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #002e73;
    border: 1px solid #fff;
    border-bottom-color: transparent;
}

.img-list ul {
    padding: 0px
}

.img-list ul li {
    margin-bottom: 11px;
    height: 57px;
    line-height: 57px;
}
.img-list ul li a{display: block;
    height: 100%;}
.img-list ul li a.li-stu {
    background:#ade2f5 url(../images/stu.png) no-repeat left center;
    
}

.img-list ul li a.li-teac {
    background:#ade2f5 url(../images/teac.png) no-repeat left center;
    
}

.img-list ul li a.li-set {
    background:#ade2f5 url(../images/set.png) no-repeat left center;
    
}

.img-list ul li a {
    display: block;
    padding: 0px 40px 0px 0px;
    text-align: right;
    font-size: 20px;
    letter-spacing: 0.2em;font-weight: 600; color: #444; 
}

.img-list ul li a:hover {
    text-decoration: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000; 
}

.ads-list {
    margin-bottom: 10px
}

.ads-list img {
    border: 1px solid #ccc;
    padding: 1px;
    width: 100%
}

.ads-list a {
    display: block;
    text-align: center;
}

.ads-list a:hover {
    text-decoration: none;
    color: #fff
}

.ads-list a span {
    display: block;
    line-height: 40px;
    font-size: 16px;
}

.ads-list a:hover span {
    background: #002e73;
}

.firend {
    background: #eee;
    padding: 20px 0px 10px 0px;
}

.firend img {
    width: 100%;
    margin-bottom: 10px
}

.firend a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

footer {
    background-color: #084DB5;
    padding: 30px 0px 0px 0px;
    color: #e1e1e1;
    line-height: 30px;
    font-size: 13px
}

footer img {
    margin-top: 10px
}


footer .copy-text img {
    margin-top: -5px; margin-right: 5px
}


footer a {
    color: #e1e1e1
}

.copy-text {
    text-align: left;
}

@media (min-width: 1200px) {
    .container {
        width: 1054px;
    }
}

/***list***/
.panel-body ul {
    padding: 8px 0px 0px 0px;
}
.sub-list ul{min-height:158px}
.small-list .panel-body ul li,.sub-list .panel-body ul li  {
    clear: both;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: url(/static/images/dot.png) no-repeat left center;
    padding-left: 10px
}

.panel-body ul li .pull-right {
    font-family: Arile
}
/***手机端样式***/

@media screen and (max-width:770px) {
    .menu-bar .navbar-collapse ul li {
        background: url(/static/images/dot.png) no-repeat 10px center;
    }
    .menu-bar .navbar-collapse .nav>li.no-bg>a {
        padding: 10px 36px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #252525;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }
    .copy-text {
        text-align: center;
    }
    .img-list ul li a {
        padding: 0px 80px 0px 0px;
    }
    header {
        height: 130px; margin-bottom: 10px
        
    }
    
    .logo img {
        max-width: 80%
    }
}


/***手机端样式结束***/

/******sub*****/
.sub-banner img{width: 100%}
.sub-list .panel-heading a{font-size: 12px; color: #fff}
.sub-friend ul{padding:0px}
.sub-friend li{margin-bottom: 10px; padding:2px; border:1px solid #ccc;}
.m-t-b-15{margin-bottom: 15px; margin-top: 15px}
.sub-friend img{max-width: 100%;}
.cont {font-size: 16px; line-height: 30px; height: auto !important; min-height: 500px; height: 500px;}
.cont img{max-width:100%;    margin: 10px auto;    display: block;}
.cont table{margin:0px auto}
.sub-dh{font-size: 15px}
.sub-dh ul{padding:0px;border-top:1px solid #ddd;border-right:1px solid #ddd; border-left: 1px solid #ddd}
.sub-dh ul li{}
.sub-dh ul li a{height: 50px; line-height: 50px ; padding:0px 25px; display: block;clear: both;border-bottom: 1px solid #ddd; font-size: 16px}
.sub-dh ul li a.active,.sub-dh ul li a:hover{    background: #337ab7; color: #fff}



.small-list .panel-heading span{font-size: 12px; color: #444; margin-top: 4px}
.small-list .panel-heading span a{ color: #337ab7}

.small-list li span.pull-left,.sub-list li span.pull-left{max-width: 70%;overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;}

.small-list li span.pull-right{font-family: Arile; font-size: 13px}
.p-t-15{padding-top:15px}
.sub-link{text-align: center;}
.sub-link div{margin-bottom: 10px}
.sub-link a{width: 100%; font-size: 16px; display: block; padding:15px 0px; color: #fff; overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;}


.sub-link a:hover{background-color:#084DB5; color: #f1f1f1; border-color: #fff;text-decoration: none;}
.sub-link a:visited{color: #f1f1f1;}
.btn-f1 {
    color: #fff;
    background-color: #002e73;
    border-color: #fff;
}
.link-child{padding-top:0px; padding-bottom: 15px}
.link-child ul{padding:0px}
.link-child-title{border-bottom: 1px dotted #F34040; line-height: 50px}
.link-child ul.li-5 li{width: 18%; display: block; float: left; margin:10px 1%}
.link-child ul.li-4 li{width: 23%; display: block; float: left; margin:10px 1%}
.link-child ul li .btn-f1{width: 100%}
.link-child ul li a:hover{color: #fff}
.link-child ul li a:hover{background-color:#084DB5; color: #f1f1f1; border-color: #fff;text-decoration: none;}
.link-child ul li a:visited{color: #f1f1f1;}
.bg1{background: #F5F5F5}
.dx-imgs .bg-f1{ margin-bottom: 10px; background: #f1f1f1; padding:10px; text-align:center;}
.dx-imgs img{max-width: 100%}
@media screen and (max-width:770px) {
.sub-link a{ font-size: 14px;word-wrap:break-all ;}
.link-child ul.li-5 li{width: 48%; margin:10px 1%}
.link-child ul.li-4 li{width: 48%; margin:10px 1%}
}

/* new update */
.tc{text-align: center}
.icons-lists{padding:0}
.icons-lists h3,h3.h3-b{text-align: center; color: #084DB5; font-weight: bold; text-align: center}

.icons-lists a{text-decoration: none; display: block;background: #f5f5f5;
    padding: 35px 0;
    box-shadow: 0px 0px 13px -1px #c1c1c1;transition-duration: .3s;
	-moz-transition-property: transform;
	-moz-transition-duration: .3s;
	-webkit-transition-property: transform;
	-webkit-transition-duration: .3s;
	-o-transition-property: transform;
    -o-transition-duration: .3s;}
.icons-lists a:hover{transform: translateY(-10px);}
.icons-lists dl{margin-bottom: 30px;}
.icons-lists dl dt{ width: 60px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; border-radius: 50%; background-color: #f00}
.icons-lists dl dt i{ font-size: 32px; color: #fff; font-weight: normal}
.icons-lists dl dd{text-align: center; line-height: 40px}

.icons-lists dl dt.i-bg165,.icons-lists dl dt.i-bg172,.icons-lists dl dt.i-bg187,.icons-lists dl dt.i-bg189{background-color: #1E9FFF}
.icons-lists dl dt.i-bg166,.icons-lists dl dt.i-bg173{background-color: #2F4056}
.icons-lists dl dt.i-bg167,.icons-lists dl dt.i-bg174,.icons-lists dl dt.i-bg188,.icons-lists dl dt.i-bg190{background-color: #FF5722}
.icons-lists dl dt.i-bg168,.icons-lists dl dt.i-bg175{background-color: #393D49}
.icons-lists dl dt.i-bg169,.icons-lists dl dt.i-bg176{background-color: #01AAED}
.icons-lists dl dt.i-bg170,.icons-lists dl dt.i-bg177{background-color: #009688}
.icons-lists dl dt.i-bg161,.icons-lists dl dt.i-bg178{background-color: #FFB800}

a.btn:hover{color: #fff; background-color: #0086f7}


.ybd-person a{display: block; text-align: center;transition-property: transform;
    transition-duration: .3s;
    -moz-transition-property: transform;
    -moz-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-duration: .3s;
    -o-transition-property: transform;
    -o-transition-duration: .3s;}
  .ybd-person a p {
    width: 180px !important;
    height: 180px;
    overflow: hidden;
    border-radius: 50%;
    border: #0086f7 5px solid;
    margin: 0 auto
  }
  .ybd-person a p img {
    width: 180px !important;
    min-height: 180px;
  }
  
  .ybd-person a dl dt {
    min-height: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #005dc0;
  }
  .ybd-person a dl dd{color: #999}
  
  .ybd-person a:hover{  transform: translateY(-10px);}


        .yb-sub-aside .sub-dh ul li a {
   
    padding: 0px 10px;
 
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.yb-sub-aside .sub-dh ul {
    border: none;
}
.yb-sub-aside .panel-title{cursor: pointer;}

.carousel-indicators {
    bottom: 0px;
    right: 15px;
    left: 0;
    text-align: right;
   width: 98%;
    margin-left: 0;
 }

.carousel-caption {
    right: 0;
    left: 0;
    padding-bottom: 12px;
    bottom: 0;
    
    font-size: 18px;
    font-weight: bold;
}
.cont video{width: 80%;
    margin: 20px auto 0 auto;background: #000;display: block;}
@media screen and (max-width: 768px){

.carousel-caption {
   
    padding-bottom: 6px;
padding-top:6px;
    bottom: 0;
   
    font-size: 14px;
    font-weight: normal;
}

.cont video{    width: 100%;
    margin: 0;
    background: #000;}
}