@charset "utf-8";
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'segoe ui',Roboto,
    Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size:calc(100vw / 37.5);/*1rem = 20px*/
}
body {
    background:#f6f7fb;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size:1.5rem;
}

li{list-style: none;}
ul,li,p{padding:0;margin:0;}
a:hover {text-decoration: none;}
a:link,a:visited,a:active {text-decoration: none;}
img{border: 0;}
[v-cloak] {display: none;}

a{transition: all .25s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}

/*	链接样式	*/
a {color:#262626;}
a:hover {text-decoration: none;color: #005775;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#005775;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#f0ab49;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #a80000;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#1d6dc5;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1A325;}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

/*	字体颜色	 */
.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-dark {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: #EA644A;}
.text-warning {color: #F1A325;}
.text-success{color: #38B03F;}
.text-info{color: #03B8CF;}
.text-important{color:#BD7B46;}
.text-special{color: #8666B8}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-succes-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}




/* 遮罩层 */
.mdui-overlay {
  position: fixed;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  z-index: 2000;
  visibility: hidden;
  background: rgba(0, 0, 0, .4);
  opacity: 0;
  transition-duration: .3s;
  transition-property: opacity, visibility;

  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
}

/* 显示遮罩层 */
.mdui-overlay-show {
  visibility: visible;
  opacity: 1;
}
/* 取消 transition 过渡效果 */
.mdui-no-transition {
  transition-property: none !important;
}


.go-top{position: fixed;font-size:1.5rem;z-index: 10;right:1rem;bottom:2.5rem;width: 2rem;height: 2rem;text-align: center;line-height: 2rem;overflow: hidden;}
.mar-b-2rem{margin-bottom: 2rem;}
.mar-b-1rem{margin-bottom: 1rem;}
.mar-b-20{margin-bottom: 20px;}
.mar-b-50{margin-bottom: 50px;}
.mar-b-60{margin-bottom: 60px;}
.mar-b-100{margin-bottom: 100px;}
.mar-t-10{margin-top: 10px;}
.width-100{width: 100%;}
.empty{float: left;width: 100%;padding:3rem 1rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.empty .image{max-width: 40%;overflow: hidden;}
.empty .image img{float:left;width: 100%;}
.empty .name{padding:1rem 0;color:#999999;}

.x-empty{float: left;width: 100%;text-align: center;padding:10%;background-color:#ffffff;overflow: hidden;}
.x-empty i{
    width:80px;height:80px;line-height:80px;text-align:center;
    font-size:50px;background-color: #fafafa;border-radius: 50%;overflow: hidden;}

.x-msg{
    float: left;width: 100%;
    display: flex;flex-flow: column nowrap;
    align-content: center;align-items: center;
    overflow: hidden;}
.x-msg .ico-success{margin-top:2rem;padding:0;font-size:120px;color: #198754;}
.x-msg .ico-error{margin-top:2rem;padding:0;font-size:120px;color: #dc3545;}
.x-msg .msg-box{padding:2rem;width:100%;text-align: center;color: #adb5bd;}
.x-msg .btn-box{padding:2rem;width:100%;font-size:2rem;}

.index-zhuanlan-pic{width:95%; height:auto; display:table; margin:auto; text-align:center;}
.index-link{width: 100%;padding:0 .5rem;margin-bottom:2rem;overflow: hidden; }
.index-link ul{
    overflow-x:auto;flex-flow: row nowrap;justify-content: stretch;align-items: stretch;align-content: center;padding:0;}
.index-link ul a{float: left;padding:0;width:46.5%;overflow: hidden; display:table; margin-right: 1%; margin-left: 2%;}
.index-link li{ width:100%;height:100%; justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.index-link li .image{width: 100%;overflow: hidden; display:block; margin:auto; margin-top:20px;}
.index-link li .image img {width: 100%;}
.index-link li .info{color:#ffffff;width:100%; overflow: hidden; margin:auto; text-align:center; padding-bottom:15px;}
.index-link li .name{font-size:1.4rem;text-align:justify;overflow: hidden;}
.index-link li .name a{color: #0a53be;}
.index-link li .demo{font-size:1.2rem;text-align:justify;overflow: hidden;}
.index-link li:hover{box-shadow: 0 0 10px 2px #cccccc;}

/*.index-link .grid li{ width: 46%; margin-left: 2%; margin-right: 1%; float: left; margin-top: 10px;}*/
 .grid  a{ width: 100%;padding:0;overflow: hidden; display:table; margin-right: 0; margin-left:0;}
 .grid figure{width: 100%; margin: 0; margin-left: -2.0rem}
 .grid figure.effect-layla h2{ padding-top: 19%; font-size: 1.5rem; padding-left: 0; margin-left: 0;}



.zhuanye{float: left;width: 100%;padding:.5rem;overflow: hidden;}
.zhuanye ul{display: flex;flex-flow: row wrap;justify-content: center;align-content: center;align-items: stretch;}
.zhuanye ul li{flex:none;width:calc(33.33% - 1rem);border-radius:4px;margin:.5rem;background-color:#ffffff;padding:5px;overflow: hidden;}
.zhuanye ul li img{float:left;width:100%;height:100%;overflow: hidden;}



.text-overflow{text-overflow: ellipsis; }
.flex{display: flex;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.just-content-center{justify-content: center;}
.just-content-space-between{justify-content: space-between;}
.flex-none{flex:none;}
.flex-auto{flex:auto;}
.go-top{position:fixed;right:0;bottom:2rem;background-color:rgba(0,0,0,.5);color:#ffffff;opacity:50%;border-top-left-radius: 1.75rem;border-bottom-left-radius:1.75rem;text-align: center;width: 4rem;height: 3.5rem;line-height: 3.5rem;font-size:2rem;overflow:hidden;}
.swiper-slide img{float: left;width: 100%;}

header{
    position: fixed;z-index: 2500;
    float:left;width: 100%;height:5rem;padding:.5rem;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;
   color:#ffffff;border-bottom:1px solid #3170aa;
    overflow: hidden; background:url(../images/headerbg.png);}
.logo{height: 4rem; width:50%; float:left;}
.logo img{float:left;height: 4rem;}
.menu{width: 4rem;height: 4rem;line-height: 4rem;font-size:2rem;text-align: center;overflow: hidden; float:right;}
.banner{float:left;margin-top:5rem;width: 100%;overflow:hidden;}
.bottom{float: left;width: 100%;background-color: #3579b7;color:#ffffff;padding:2rem;font-size:1.4rem;overflow: hidden;}

.page-nav{width:100%;height:35px; line-height:35px;margin-bottom: 10px;border-bottom:1px solid #3579b7;}
.nyrttitle{width:30%; float:left;font-size: 16px;font-weight: bold;color: #0b63b9;line-height:35px; text-indent:6px;}


.index-date-board{
    float:left;width:100%;margin:0;background-color: #3580c4;padding:10px;
    display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;}
.index-date-board .date{flex:auto;float: left;width:  30%;margin-right:1rem;font-size:16px;line-height:25px;color:#ffffff;text-align:center;overflow: hidden;}
.index-date-board .week{flex:auto;float: left;width: 70%;height:50px;line-height:50px;font-size:18px;background-color:#ffffff;text-align:center;border-radius:4px;box-shadow:0 0 2px 2px #2a679e;overflow: hidden;}
.index-date-board .week span{color:#ff5500;font-weight: 600;}

.index-linka{float:left;width: 100%;margin-bottom:20px;padding:30px 0;background-color:#eeeeee;overflow: hidden; }
.index-linka-li{float: left;width: 20%; height:110px;text-align: center;overflow: hidden; border-radius:5px;background-color:#ffffff;  margin-left:2.5%; margin-right:2.5%; padding-bottom: 20px;font-size:14px;}
.index-linka-li:nth-child(5n){ margin-right: 0;}
.index-linka-li i{width:50px;height:65px; margin:auto;line-height:50px;font-size:40px;color:#ef9c05;overflow: hidden; display: block; padding: 15px 0;}
.index-linka-li:hover i{color:#05b9b9;}
.index-linka-li b{ clear:both;margin-top:10px;width: 100%;font-size:12px;text-align: center; font-weight:normal;overflow: hidden;}
.jxz1{ height:65px; background: #3580c4; color: #ffffff; line-height: 25px; padding: 8px 0;}
.jxz{ height: 30px; margin-top: 15px; line-height: 30px; text-align: center;}



.mdui-drawer{ background:rgba(53,121,183,.95); }
.nav{ width: 70%;position: fixed;z-index: 999;display: none;float: right;right:0;top:5rem;bottom:0;padding:3rem;background-color: rgba(53,121,183,.95);color:#ffffff;
    overflow-x: hidden;overflow-y: auto;}
.mdui-drawer .mdui-list{float: left;width: 100%;overflow: hidden;}
.mdui-drawer .mdui-list .nav-li{width: 100%; margin:auto;padding:13px 0;overflow: hidden; border-bottom:1px solid #5791c7;}
.mdui-drawer .mdui-list .nav-li .name{float: left;width: 60%;text-align: left;font-size:1.6rem;font-weight:normal;color:#ffffff;overflow: hidden; text-indent:20px;}
.mdui-drawer .mdui-list .nav-li .arow{ float:right; width:20%; text-align:center;}
.mdui-drawer .mdui-list .nav-li .name a{float:left;width:100%;color: #ffffff;}
.mdui-drawer .mdui-list .nav-li .drop-nav{float: left;overflow: hidden; width:100%; /*display:none;*/ height: 0;}
.mdui-drawer .mdui-list .nav-li .drop-nav ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start;}
.mdui-drawer .mdui-list .nav-li .drop-nav ul li{flex:auto;width: 100%;font-size:1.3rem;padding:5px 0;overflow: hidden; text-indent:20px;}
.mdui-drawer .mdui-list .nav-li .drop-nav ul li a{float:left;width:100%;color: #ffffff;opacity:80%;}
.nav-mark{position: fixed;z-index: 999;left:0;top:5rem;width: 50px;background-color: rgba(0,0,0,.5);bottom:0;display:block;overflow: hidden;}

.title-wrap{float: left;width: 100%;border-bottom:1px solid #3579b7;overflow: hidden; background:#fff;}
.title-wrap .name{ float: left;height:4rem;line-height:4rem;padding:0 1rem;color:#0b63b9;/*font-size:1.5rem; */ font-size:16px; font-weight:bold;overflow: hidden;}
.title-wrap .more{float: right;height:4rem;line-height:4rem;padding:0 1rem;color:#074e8e;font-size:1.2rem;overflow: hidden;}

.news-box{float: left;width: 100%;padding:1rem;overflow: hidden; background:#fff; margin-bottom:10px; padding-bottom:0; border-bottom:1px solid #eee;}
.news-text-li{float: left;width: 100%;background-color:#ffffff;padding:1rem; padding-left:0;line-height:2rem;text-align:justify;overflow: hidden; border-top:1px dotted #eee;}
.news-text-li:nth-child(1){ border-top:0;}

.news-text-li a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;}
.news-text-li .ico{flex:none;margin-right: 1rem; color: #337FE5; }
.news-text-li .title{flex:auto;}
.news-text-li .date{flex:none;margin-left: 1rem;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; }
.news-text-li .datey{font-size:1rem;color:#074e8e; text-align: 1.7rem;}

.news-text-li .newdate{ width:16%; height:45px;/* border:1px solid #0b63b9;*/ border-radius:5px; float:left;}
.news-text-li .newdate1{height:25px; line-height:25px; text-align:center; font-size:16px; border-radius:50%; background:#0b63b9; color:#ffffff; width:25px; margin:auto;}
.news-text-li .newdate2{ height:20px; line-height:20px; text-align:center; font-size:12px; /*background:#0b63b9; color:#ffffff;*/}
.news-text-li .nwtitle{ width:85%; height:45px; line-height:45px; float:right; overflow:hidden; margin-left:4%; text-overflow:ellipsis; white-space:nowrap;-o-text-overflow:ellipsis; }

.news-image-li{float: left;width: 100%;text-align:justify;padding:1rem 0;border-bottom:1px dotted #becfd7;overflow: hidden;}
.news-image-li a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;}
.news-image-li .topimage{ width:100%; height:auto; display:table;}
.news-image-li .topimage img{ width:100%; }
.news-image-li .newdate{width:16%; height:45px;  float:left;}
.news-image-li .newdate1{height:23px; line-height:23px; text-align:center; font-size:18px; font-weight:bold;}
.news-image-li .newdate2{ line-height:20px; text-align:center; font-size:12px;  color:#0b63b9;}

.news-image-li .nwtitle {width:82%; height:45px; line-height:45px; float:right; overflow:hidden; margin-left:2%; text-overflow:ellipsis; white-space:nowrap;-o-text-overflow:ellipsis;}


.news-image-li .image{flex:none;width: 40vw;margin-right: 1rem;margin-top:.25rem;overflow: hidden;}
.news-image-li .image img{float: left;width: 100%;}
.news-image-li .info{flex:auto;width: 100%;text-align:justify;line-height:2rem;overflow: hidden;}
.news-image-li .info .title{float:left;width: 100%;font-size:1.7rem;color:#074e8e;overflow: hidden;}
.news-image-li .info .demo{float:left;width: 100%;font-size:1.4rem;color:#5c5d5e;overflow: hidden;}
.news-image-li .info .date{float:left;width: 100%;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; }
.news-image-li .info .datey{float:left;width: 100%;font-size:1rem;color:#074e8e;}

.news-box2{float: left;width:100%; padding: 0 1rem; background:#fff; margin-bottom:10px; }
.news-li{width: 100%; overflow: hidden; height:60px; line-height:60px;  border-bottom:1px dotted #eee; text-indent:5px;  }
.news-li .info{flex:auto;width: 92%; margin:auto;text-align:justify;line-height:2rem;overflow: hidden;}
.news-li .info i{font-size: 0.8rem; color: #F1A325;}

.thumb-box{float: left;width: 100%;padding:1rem 1rem;overflow: hidden;}
.thumb-box .ul-a{float: left;width:100%;display:flex;flex-flow:row nowrap;overflow-x: auto;overflow-y: hidden;}
.thumb-box .ul-a li{flex:none;float: left;width:40vw;margin-right:1rem;overflow: hidden;}
.thumb-box .ul-a li .image{float: left;width: 100%;overflow: hidden;}
.thumb-box .ul-a li .image img{float: left;width: 100%;overflow: hidden;}
.thumb-box .ul-a li .title{float: left;width: 100%;text-align:center;height:3rem;line-height:3rem;background-color:#ffffff;padding:0 1rem;overflow: hidden;}

.page-nav{width: 100%;overflow: hidden; margin-top:15px;}
.category{display:none;float: left;width: 100%;background-color: #48c9fa;color: #ffffff;padding:.5rem;overflow: hidden;}
.category ul{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.category ul li{flex:auto;margin:.5rem;background-color: #ffffff;height: 3rem;line-height: 3rem;font-size:1.2rem;padding:0 1rem;overflow: hidden;}
.category ul li a{float: left;width: 100%;}

.page-main{float: left;width: 100%; /*padding:1rem;*/background-color:#ffffff;overflow: hidden; }
/*.page-main .page-ul{display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: flex-start;align-items: flex-start;}*/
.ntblank{ width:100%; height:5rem;}
.page-main .page-item{ margin:auto;width: 95%;text-align:justify;padding:10px 0;border-bottom:1px dotted #becfd7;overflow: hidden;}
.page-main .page-item a{/*display: flex;*/flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;}
.page-main .page-item .image{flex:none;width: 40vw;/*background-color:#ffffff;padding:.5rem;*/margin-right: 1rem;margin-top:.25rem;overflow: hidden;}
.page-main .page-item .image img{float: left;width: 100%;}
.page-main .page-item .info{flex:auto;width: 100%;text-align:justify;line-height:2rem;overflow: hidden;}
.page-main .page-item  .news_title{float:left;width: 100%;  line-height:2.5rem;color:#074e8e;overflow: hidden;}
.page-main .page-item  .demo{float:left;width: 100%;font-size:14px;color:#5c5d5e;overflow: hidden; line-height:20px;}
.page-main .page-item .info .date{float:left;width: 100%;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; }

.page-image-main{float: left;width: 100%;padding:.5rem;overflow: hidden;}
.page-image-main .page-image-item{float: left;width: 50%;padding:.5rem;overflow: hidden;}
.page-image-main .page-image-item .image{float: left;width: 100%;overflow: hidden;}
.page-image-main .page-image-item .image img{float: left;width: 100%; height:180px;}
.page-image-main .page-image-item .title{font-size:14px; float: left;width: 100%;padding:1rem;height:5rem;line-height:2rem;text-align:center;background-color:#ffffff;overflow: hidden;}
/*新闻列表*/
.news_time{ padding:2px 3px; line-height:20px; width:100%; color:#b9b9b9; font-size: 14px;}

.news_right .news_title{ height:auto; padding:5px 0; line-height:26px; font-size:16px; }

/*带图列表*/
.lyr_boder .news_item .news_left2{margin-right:15px;width:120px; float: left; overflow: hidden;}
.lyr_boder .news_item .news_left2 .newspic{ min-height:60px; overflow:hidden;}
.lyr_boder .news_item .news_left2 img{width:100%;}
.lyr_boder .news_item  .news_right {
    width: calc(100% - 135px);
	 height:auto;   overflow:hidden;
}

.lyr_boder .news_item .news_right .news_title {
   
    line-height:26px;
    /* height: .3rem;
	 font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
    width: 100%;
    color: #333;
    margin-bottom: .1rem;
}

.news_right .demo{
	font-size:14px;
	color:#ddd;
	}



.lyr_boder2 .news_item .news_title {
   /* font-size: 16px; */
    line-height: 55px;
    text-indent: 5px;
    width: 100%;
    color: #333;
    margin-bottom: .1rem;
}
.lyr_boder2 .news_item .news_title span{ float: right; color: #333; line-height: 55px;}

.lyr_boder .news_item .news_right .news_txt {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    opacity: 0.65;
    line-height: 28px;
    height: 52px;
    overflow: hidden;
    margin-top:10px;
}

.student{float: left;width: 100%;padding:2rem;background-color:#ffffff;overflow: hidden;}
.student .tips{width:100%; margin:auto;text-align:justify;color:#333333;line-height:30px;padding:15px 0;overflow: hidden;}
.student .tips b{font-size:20px;font-weight: 400;}
.student .form{
    width: 100%;
    margin:auto;
    display:flex;flex-flow:column wrap;
    justify-content:space-between;
    align-items:flex-start;
    align-content:flex-start;
}
.student .li{flex:auto;float: left;width:100%;padding:15px 0;
    display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden; }
.student .li .ipt{float: left;width: 100%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden; border:1px solid #eeeeee;}
.student .li .captcha{flex:auto;float: left;width: 70%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden;  border:1px solid #eeeeee;}
.student .li .verifyImg{float:left;cursor:pointer;margin-left: 20px;height: 40px;border-radius: 4px;overflow: hidden;}
.student .li .btn{float: left;cursor:pointer;border:0;height: 40px;padding:0 20px;background-color: #0dcaf0;color:#ffffff;border-radius: 4px;overflow: hidden;}
.student-result{float: left;width: 100%;background-color: #ffffff;padding:1rem;overflow: hidden; }
.student-result .res{
    display:none;
    float:left;width: 100%;padding:2rem;margin-bottom:0px;border-bottom: 1px solid #dbdbdb;
    background-color: #ffffff;border-radius: 5px;
    overflow: hidden;}
.student-result .res .message{float: left;width: 100%;font-size:22px;color:#ea644a;padding:15px 0;text-align:center;font-weight:400;overflow: hidden;}
.student-result .res .item{float: left;width: 100%;line-height: 35px;margin-bottom:10px;overflow: hidden;}
.student-result .res .item b{font-weight: 200;}
.student-result .res .item span{font-size:24px;font-weight: 300;}
.student-result .student-result-tips{display:none;border-radius: 5px;border-top:1px solid #fafafa;float:left;width: 100%;padding:1rem;text-align:justify;background-color: #ffffff;position: relative;}
.student-result .student-result-tips img{max-width: 100%;}



/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#1d50a3;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;overflow: hidden;}
.page ul li:hover{background-color: #00c07a;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #ea644a;color: #ffffff;}

.page-content{float:left;width: 100%;padding:1rem;background-color:#ffffff;text-align:justify;overflow: hidden;}
.page-content .content-title{float: left;width: 100%;font-size:2rem;text-align: center;overflow:hidden;}
.page-content .content-date{float: left;width: 100%;font-size:1.2rem;padding:.5rem 0;border:1px dashed #efefef;border-left:0;border-right:0;overflow:hidden;}
.page-content .content-demo{float: left;width: 100%;position: relative;background-color:#fafafa;border-left:4px solid #dbdbdb;padding:1rem 1rem 1rem 1rem;color:#aaaaaa;overflow: hidden;}
.page-content .content-text{float: left;width: 100%;font-size:1.7rem;overflow: hidden;}
.page-content .content-text img{ width: 100%; height:100%;}
.contact-map{float: left;width: 100%;height: 50vh;border-radius: 5px;border:1px solid #dbdbdb;margin:1rem 0;overflow: hidden;}
.page-content .content-text table{ width:100%; height:auto;}
.page-content .content-text table td{ border:1px solid #ccc;}

.page-content iframe{ width:100%;}



.page-content  .page-per-next{float: left;width: 100%;margin-bottom:2rem;padding-top:1rem;border-top:1px solid #dbdbdb;overflow: hidden;}
.page-content  .page-per-next ul li{float: left;width: 100%;background-color: #fafafa;margin-top:1rem;padding:1rem;border-radius:.5rem;overflow: hidden;}

/*职能部门*/
.page-itemli{width:42%; font-size: 12px; margin-top: 10px; float: left; margin-left: 5%; border: 1px solid #eeeeee; height: 45px; line-height: 45px; overflow: hidden;}




/*校长信箱*/
.liinput{width: 100%;height:45px;line-height:45px;margin: 0 auto;}
.liinput .lft{float:left; height:35px; line-height:35px; width:30%;}
.liinput .right{ float:right; height:35px; line-height:35px; width:67%; }
.inp{width: 80%;height: 30px;outline:none;border: 1px solid #c0c0c0;}
.liinput2{width: 100%;height:65px;margin: 0 auto; margin-bottom: 15px;}
.liinput2 .lft{float:left; height:35px; line-height:35px; width:30%;}
.liinput2 .right{ float:right; height:35px; line-height:35px; width:67%; }
.textarea1{ margin-top: 5px; width: 80%; height: 60px; border: 1px solid #c0c0c0; }
.ipt{width:40%;float: left;border: 1px solid #c0c0c0; height: 30px; margin-right: 5px;}
#submitBtn{ width:28%; height: 30px; background: #337FE5; line-height: 30px; text-align: center; border: 0; color: #ffffff;}
.quxiao{ width: 28%; height: 30px; background: #cccccc; line-height: 30px; text-align: center; border: 0; color: #000000;}

.nysubnav{ background:#ffffff;}
.pore{position:relative}
.nysubnav ul::-webkit-scrollbar{height:3px}
.nysubnav ul::-webkit-scrollbar-track{border-radius:5px;;background: rgba(255,255,255,.5)}
.nysubnav ul::-webkit-scrollbar-thumb{border-radius:5px;background:#ccc;}
.nysubnav ul li{display: inline-block;line-height: 22px;position: relative;font-size: 14px;padding: 14px 0;}
.nysubnav ul li:before,.nysubnav ul li:before{content: '';position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 2px;width: 0;opacity: 0; background: #286fb7;bottom: 0;z-index: 2;-webkit-transition: .3s;-o-transition: .3s;transition: .3s}
.nysubnav ul li.selected:after,.nysubnav ul li:hover:after{content: '';width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #286fb7;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom:0;z-index: 3}
.nysubnav ul li.selected:before,.nysubnav ul li:hover:before{width: .7rem;opacity: 1}
.nysubnav ul li.selected a{background: #286fb7;color: #fff;border-radius: .1rem}
.nysubnav ul li a{position: relative;display: block;height: 100%;padding: 0 .3rem}
.nysubnav ul{position: relative;z-index: 3;overflow-x: auto;white-space: nowrap;text-align: center;}
.nysubnav .scnav:after{content: ''; position: absolute;z-index: 0;height:1px ;width: 100%;left: 0;bottom: 0;background: #ddd}

/*机构设置右侧*/
.mainul{width:98%; margin: auto; display: table; height: auto; margin-top: 15px;}
.mainul .mnli{ margin: 10px auto;width:100%;  height: auto; display: table; }
.mainul .mnli .jgpic{width:100%; height: auto; display: table; float: left; position: relative;  color: #024992;}
.mainul .mnli .jgpic .titlebox{ height:40px; line-height:40px; background:url(../images/linedot.png); text-indent:10px; font-size: 14px;}
.mainul .mnli .jgpic .titlebox .titname{  width:130px; height: 40px; background: #ffffff; font-size: 16px; }
.mainul .mnli .jgli{width:100%; height: auto; display: table; float: right; }
.mainul .mnli .jgli ul li{width:90%; border: 1px solid #eeeeee; text-indent:10px;font-size:12px; height: 35px; line-height:35px; float: left; margin-left: 3%;  margin-top:10px; }
.mainul .mnli .jgli ul li:nth-child(4n){ margin-right: 0;}
.mainul .mnli .jgli ul li:hover{background:#3580c4; transition: background-color 320ms 0ms ease; color:#ffffff;}
.mainul .mnli .jgli ul li:hover a{ color:#ffffff;}
.mainul .mnli .jgli ul li i{ color:#286fb7;}
.mainul .mnli .jgli ul li:hover i{color:#ffffff;}