/*public css*/
.gray{-webkit-filter : grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
li{list-style-type:none;}
.pd15{padding:0 15px;}
.glyphicon-stop,
.glyphicon-search{font-size:12px;top:0px;margin-right:4px;}
body{overflow-x: hidden;}

/*header*/
#header{margin-bottom:20px;}
.header-top{width:100%;background-color:#014165}
.header-top .header-top-left{color:#fff;background-color:#3b89ad;line-height:44px;text-align:center;}
.header-top .header-top-left a{color:#fff;display:inline-block;margin:0 4px;}
.header-top .header-top-left a:hover{color:red;}
.header-top .input-group{padding-top:7px;}
.header-top .header-top-right{text-align:right;color:#fff;padding-top:11px;}
.header-top .header-top-right a{color:#fff;}
.header-top .header-top-right a:hover{color:#f60;}
.header-logo{line-height:100px;}
.header-logo .logo{background:url(../images/logo.png) no-repeat;display:inline-block;width:100%;height:60px;vertical-align:middle;}
.header-logo #txt .a1,
.header-logo #txt .a2{font-size:14px;color:#034567;font-weight:700;display:block;overflow:hidden;width:0;margin-top:3px;white-space:nowrap;letter-spacing:10px;font-style:normal;position:absolute}
.header-logo #txt .a1{animation:m1 10s infinite;-webkit-animation:m1 8s infinite;}
.header-logo #txt .a2{animation:m2 10s infinite;-webkit-animation:m2 8s infinite;}
.header-bann{overflow:hidden;}
.header-bann .swiper-container{overflow:visible;width:975px;height:320px;}
.header-bann .swiper-slide img{width:100%;}
.header-bann .modelL,
#header .modelR{position:absolute;top:0;width:974px;height:320px;opacity:.6;background-color:#000;filter:alpha(opacity=50);z-index:999;}
.header-bann .modelL{left:-974px;}
.header-bann .modelR{right:-974px;}
.navbar{position:relative;}
.navbar .dropdown-menu{width:100%;padding:10px 200px;}
.navbar .dropdown-menu > li > a{font-size:13px;}
.navbar .dropdown-menu > li > a:hover{color:#f60;}
.navbar .dropdown-menu > li > a span{top:1px;color:#f60;margin-right:5px;}

/* index-left&right */
.left .nav > li > a{padding:10px 30px;}
.left .media:hover{background-color:#EAEEF2;}
.left .media:hover a{color:#f60}
.left .media .media-body{padding:0 20px;}
.left .media h5{color:#063f6c;font-size:15px;font-weight:600;margin-bottom:5px;}
.left .media p{margin:0;}
.left .nav-pills{position:relative;border-bottom:2px solid #f60;margin-bottom:20px;}
.left .nav-pills > a.more{position:absolute;top:10px;right:10px;color:#f60;}
.right{border:2px solid #eee;border-radius:8px;padding:15px 0;min-height:655px;}
.right .email p:first-child{font-size:16px;font-weight:600;color:#014165;}
.right .email .input-group{width:65%;margin:0 auto 10px;}
.right .menu{margin-top:20px;padding-left:40px;clear:both;display:table;content:" ";}
.right .menu ul li{padding:0;}
.right .menu ul li span{margin-right:6px;color:#5bafde;}
.right .menu ul li a{padding:8px 15px;font-size:14px;display:inline-block;font-weight:600;color:#333;letter-spacing:1px;}
.right .menu ul li a:hover{background-color:#eee;color:#f60;border-radius:10px;}
.right .menu ul li a:hover span{color:#f60;}
.right .dt p{ margin: 5px 15px 0; padding: 0 10px;}
.right .dt p:hover{background-color:#eee;border-radius: 10px;}
.right .dt a{font-size:14px;padding:5px 0;display:block;font-weight:600;color:#f60;display:table-cell;}
.right .dt span{display:table-cell;color:#f60;padding-right:10px;}

/*public-index-article*/
ul.home-list li{line-height:30px;}
ul.home-list li.two{display:inline-block;width:49%;}
ul.home-list li a{display:block;color:#6f6e6e;}
ul.home-list li a:hover,
ul.home-list li a:hover i{color:#f60;}
ul.home-list-teacher li{line-height:60px;position:unset;font-size:18px;}
ul.home-list-teacher li a{display:inline-block;font-weight:600;color:#333;}
ul.home-list-teacher li span{position:unset;}

/*list&read*/
.panel-default{border-color:#f60;}
.panel-default > .panel-heading{background-color:#f60;color:#fff;}
.panel-default > .panel-body .active a{color:#f60;font-weight:600;}
.panel > .panel-heading span.glyphicon{margin-right:5px;}
.panel-body span.glyphicon{margin-right:5px;font-size:12px;color:#f60;top:1px;}
.panel-body ul li{padding-bottom:15px;}
.panel-body ul li.se{padding-left:15px;}
.article-title,
.article-longtitle,
.article-time{text-align:center;}
.article-title{margin:25px 0;}
.article-longtitle{margin-top:25px;font-size:18px;}
.article-time{margin:25px 0;}
.article-line{height:2px;width:100%;background-color:#e5e5e5;}
.article-cont{padding-top:20px;}
.article-cont p{font-size:16px;text-indent:2em;line-height:35px;letter-spacing:1px;}
.article-cont p.icss{text-indent:0!important;text-align:center;}
.article-cont p.tcss{text-indent:0!important;text-align:center;margin:0 0 20px 0!important;line-height:20px!important;}

/* pic-read */
h4.pic_bann{ display: inline-block;width: 100%;line-height: 50px;color: #fff;font-weight: 600; margin: 20px 0 0; text-align: center; }
h4.bei{background-color: #014165;}
h4.xi{background-color: #3b89ad; margin-bottom: 20px;}
#pic{ margin: 0;} 
#pic li{ margin-bottom: 20px; }
#pic li span{ display: block; }
.vbox{display:none;position:fixed;z-index:9999;top:0;bottom:0;left:0;overflow:hidden;width:100%;height:100%;opacity:1;background:rgba(0,0,0,.85);zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b4b4b,endColorstr=#4B4B4B)}
.vbox-img{text-align:center;margin:100px auto 0}
.vbox-close{position:fixed;z-index:10000;top:0;right:0;display:block;overflow:hidden;width:40px;height:40px;cursor:pointer;transition:.25s background-color ease;white-space:nowrap;text-indent:120%;background-color:#fff200}
.vbox-close:before{font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;content:'X';transition:.25s color ease;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-indent:0;color:#181818}

/* search */
.search h4{ color: #0e9d56; border-bottom: 2px dashed #ccc; font-weight: 600; margin-top: 20px; padding-bottom: 20px; }
.search ul li{ position: relative; font-size: 15px; padding-left: 15px; margin: 20px 0 10px; }
.search ul li span.typename{ font-weight: 600; }
.search ul li span.time{ position: absolute; right: 15px; }
.search .page_botton{ margin-top: 30px; padding-left: 20px; }

/*footer*/
#footer{margin-top:20px;}
.footer-zt{background-color:#f8f8f8;}
.footer-zt ul{margin-bottom:0;padding:20px 5px;text-align:center;}
.footer-zt ul li{display:inline-block;margin:0 4px;}
.footer-zt ul li img{width:150px; border-radius: 10px;}
.footer-lx{background-color:#014165;padding:30px 0 10px;}
.footer-lx h4{color:#fff;font-weight:600;font-size:16px;}
.footer-lx p{font-size:14px;color:#fff;margin-bottom:8px;}
.footer-lx p span{ display: inline-block; margin-right: 24px }
.footer-lx p span a{ color: #fff; }
.footer-lx p span a:hover{ text-decoration: underline; }
.footer-lx img.gzh{width:150px;margin-top:10px; border-radius: 5px;}
.footer-lx .line{ border-bottom:2px dashed #004f7b; margin-bottom:25px; padding-bottom:10px; }
.footer-lx .bm-name li{display:inline-block;margin:4px 6px 0 0;}
.footer-lx .bm-name li a{color:#7b7d8a}
.footer-lx .bm-name li a:hover{color:#f60}
.footer-lx .footer-logo{background:url(../images/logo_footer.png) no-repeat;display:inline-block;width:100%;height:60px;vertical-align:middle;margin-bottom:15px;}

/*教师节*/
.js-wrap{ margin: 0 auto 30px; }
.js-name{ background:url(../images/teacher/js_bg.jpg) no-repeat; margin-top: 15px; padding: 135px 25px 30px; }
.js-name p{ font-size: 15px; color: #333; text-indent: 28px; line-height: 250% }
.js-name p b{ font-size: 15px }
.js-name ul li{ display: inline-block; text-indent: 28px; margin-bottom: 10px}
.js-cont{ margin-top: 15px; height: 300px; overflow: hidden; }
.js-cont .tit{ background-color: #EB3D00; color: #FDFA00; text-align: center; line-height: 50px; font-size: 22px; font-weight: 600; letter-spacing: 3px }
.js-cont .list{ margin: 0 auto; position: relative; overflow: hidden; direction: ltr; backface-visibility: hidden; z-index: 1; padding: 10px 15px 10px 0;}
.js-cont .list p{ width: 200px; line-height: 33px; text-align: center; }
.js-pagination {position: absolute;right: 20px;text-align: right;bottom:20px;width: 100%; z-index:1000;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}

/*组织架构图start*/
.tree-wrap {
    width: 100%;
}
.tree-wrap a {
    text-decoration: none;
    font-size: 15px;
    color: #000;
}
.tree-wrap ul,
.tree-wrap li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.tree-ul2 {
    display: flex;
    justify-content: space-between;
}

ul.tree-ul3 {
    display: flex;
    justify-content: space-between;
}
.first-a {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
    padding: 6px 0;
}
.first-a::before {
    content: '';
    position: absolute;
    top: 42px;
    right: 35%;
    transform: translate(-50%,0);
    width: 1px;
    height: 45px;
    background-color: #000;
}
.second-a {
    display: block;
    text-align: center;
    border: 1px solid #000;
    line-height: 30px;
    position: relative;
    margin-bottom: 40px;
    padding: 6px 0;
}
.tree-ul3 {

}
.tree-ul-third {
    width: 23%;
}
.tree-ul-third-right {
    width: 48%;
}
.tree-ul-second:first-child {
    width: 60%;
}
.tree-ul-second:last-child {
    width: 30%;
}

.second-a-right::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%,0);
    width: 34%;
    height: 1px;
    background-color: #000;
}
.second-a-left {

}

.third-a {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    line-height: 30px;
    position: relative;
    margin-bottom: 20px;
    padding: 6px 0;
}
.third-a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0,-100%);
    width: 1px;
    height: 40px;
    background-color: #000;
}

.tree-ul4 a {
    display: block;
    font-size: 14px;
    word-wrap: break-word;
    width: 100%;
    border: 1px solid #000;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    padding: 6px 0;
}
.tree-ul4 a:hover {
    background-color: #0c7ed9;
    color: #fff;
}
.tree-ul4 a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0,-100%);
    width: 1px;
    height: 20px;
    background-color: #000;
}
/*组织架构图end*/


/*热点新闻纯列表start*/
.hot-news-list li { display: flex; flex-wrap: wrap;}
.hot-l { width: calc(100% - 100px); }
.hot-r { width: 80px; }
.hot-pagination { text-align: center;margin: 10px 0 5px 0 }
.hot-pagination .page-number { margin: 0 10px; }
/*热点新闻纯列表end*/

/* piaofu */
#piao{ position:fixed; right:0; top:280px; z-index:10000;}
#piao .close{position:absolute;left:0;top:0;cursor:pointer;}

/*phone css*/
@media screen and (min-width:1920px){
	.navbar .dropdown-menu{padding: 10px 400px;}
}
@media screen and (min-width:769px){
	.navbar-brand{display:none;}
}
@media only screen and (max-width:769px){
	#header{margin-bottom:0;}
	.header-top .input-group{padding-bottom:7px;}
	.header-logo{line-height:80px;}
	.header-logo .logo{background:url(../images/logo2.svg) no-repeat center center;background-size:100%;height:80px;}
	.header-logo #txt .a1, .header-logo #txt .a2{ display: none; }
	.header-bann .swiper-container{width:100%;height:auto;}
	.header-bann .swiper-container img{width:100%;}
	.navbar .dropdown-menu{padding:10px 0;}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 0;}
	.left .nav-pills{margin-top:20px;}
	.left .nav > li > a{padding:10px;}
	.right{margin-top:20px;}
	.article-cont p img{width: 100% !important;height: 100% !important;}
	.footer-zt ul{padding-bottom:0;}
	.footer-zt ul li{width:43%;margin-bottom:20px;}
	.footer-zt ul li img{width:100%;}
	.footer-lx{padding:20px 0 10px;}
	.footer-lx .lx{margin-bottom:20px;}
	.footer-lx .footer-logo{background:url(../images/logo_footer.svg) no-repeat;background-size:auto 60px;}
	.footer-lx p span{ display: block; margin-bottom: 8px; }
	.breadcrumb{margin-top:20px;}
	.vbox-img img{width: 100%;}
	#piao{ display: none; }
	.navbar-toggle .icon-bar.hover1{ transition: transform .26s; transform: rotate(45deg) translate(5px,5px);}
	.navbar-toggle .icon-bar.hover2{ transition: opacity .26s; opacity: 0;}
	.navbar-toggle .icon-bar.hover3{ transition: transform .26s; transform: rotate(-45deg) translate(6px,-6px);}
}
@keyframes m1{
	0%{width:0;opacity:0;}
	5%{width:10%;opacity:1;}
	10%{width:20%;opacity:1;}
	15%{width:30%;opacity:1;}
	20%{width:40%;opacity:1;}
	25%{width:50%;opacity:1;}
	30%{width:60%;opacity:1;}
	35%{width:70%;opacity:1;}
	40%{width:80%;opacity:1;}
	45%{width:100%;opacity:1;}
	50%{opacity:0;}
	100%{opacity:0;}
}
@-webkit-keyframes m2{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	55%{width:10%;opacity:1;}
	60%{width:20%;opacity:1;}
	65%{width:30%;opacity:1;}
	70%{width:40%;opacity:1;}
	75%{width:50%;opacity:1;}
	80%{width:60%;opacity:1;}
	85%{width:70%;opacity:1;}
	90%{width:80%;opacity:1;}
	95%{width:100%;opacity:1;}
	100%{width:100%;opacity:0;}
}