@charset "utf-8";
* { padding: 0; margin: 0; border: none; }

a { text-decoration: none; font-family: "微软雅黑"; color: #333; }

ul li { list-style-type: none; }

.topper { height: 184px; min-width: 1170px; background: url("../img/top.jpg"); background-size: 100% 135%; }

.top-ctn { width: 1170px; height: 184px; margin: 0 auto; position: relative; /*导航*/ }
.top-ctn .top-half { position: relative; }
.top-ctn .top-half input { color: #89b4d5; font-family: "微软雅黑"; font-size: 14px; }
.top-ctn .top-half .logo { display: block; float: left; margin-top: 29px; width: 390px; height: 65px; }
.top-ctn .top-half .logo img { width: 390px; height: 65px; }
.top-ctn .top-half:after { display: block; content: ""; clear: both; }
.top-ctn .top-half ul { display: inline-flex; float: right; margin-top: 26px; }
.top-ctn .top-half ul li { color: #89b4d5; }
.top-ctn .top-half ul li a { color: #89b4d5; font-size: 16px; }
.top-ctn .top-half .search { position: absolute; width: 268px; height: 40px; border: solid 1px rgba(7, 118, 214, 0.59); right: 0; top: 64px; }
.top-ctn .top-half .search .in-search { outline: none; background: #003a6a; width: 208px; height: 40px; padding-left: 14px; display: block; float: left; }
.top-ctn .top-half .search .img-search { margin-top: 10px; margin-left: 10px; outline: none; }
.top-ctn .nav { display: block; position: absolute; bottom: 0; width: 100%; }
.top-ctn .nav:after { display: block; content: ""; clear: both; }
.top-ctn .nav ul li { /*width: 12.4%;*/width: 11.03%; height: 50px; float: left; position: relative; background-color: #004884; border-right: solid 1px rgba(7, 118, 214, 0.59); z-index: 10; }
.top-ctn .nav ul li .active { color: #fecd0b; }
.top-ctn .nav ul li .down-arrow { width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 15px; background: url("../img/down-arrow.png") no-repeat center; }
.top-ctn .nav ul li div { display: none; background: #003a6a; }
.top-ctn .nav ul li div a { display: block; font-size: 16px; line-height: 50px; text-align: center; overflow: hidden; font-weight: normal; border-bottom: solid 1px rgba(7, 118, 214, 0.59); }
.top-ctn .nav a { line-height: 50px; font-size: 18px; display: block; text-align: center; height: 50px; margin-top: 0px; color: #89b4d5; }
.top-ctn .nav a:hover { color: #ffffff; }
.top-ctn .hover-effect { border-bottom: solid 3px #fecd0b; }

.mid-up { height: 413px; width: 100%; min-width: 1170px; background: url("../img/mid-up.png") no-repeat center; background-size: 100% 100%; }
.mid-up .mid-up-ctn { width: 1170px; height: 400px; margin: 0 auto; }
.mid-up .mid-up-ctn .artical { width: 330px; height: 400px; margin: 6px 0; background-color: #003a6a; float: left; }
.mid-up .mid-up-ctn .artical .artical-ctn { display: none; }
.mid-up .mid-up-ctn .artical .artical-show { display: block; }
.mid-up .mid-up-ctn .artical .artical-title { width: 250px; font-family: "MicrosoftYaHei"; font-size: 22px; line-height: 48px; letter-spacing: 0px; color: #7ca8cb; margin: 0 auto; margin-top: 50px; margin-bottom: 20px; text-align: center; }
.mid-up .mid-up-ctn .artical .artical-abstract { width: 275px; font-family: "MicrosoftYaHei"; font-size: 14px; line-height: 36px; letter-spacing: 0px; color: #89b4d5; margin-left: 40px; }
.mid-up .mid-up-ctn .artical .btn { color: #f7f7f7; line-height: 36px; width: 103px; border: solid 1px #f7f7f7; border-radius: 25px; display: block; text-align: center; margin-left: 40px; margin-top: 106px; }
.mid-up .mid-up-ctn .artical .btn:hover { color: #89b4d5; }

.mid-down { width: 1170px; margin: 0 auto; }
.mid-down:after { display: block; content: ""; clear: both; }
.mid-down a:hover { color: #004884; }
.mid-down .gzrl { width: 265px; }
.mid-down .xyxw { width: 350px; }
.mid-down .tzgg { width: 350px; }
.mid-down .kstd { width: 160px; margin-right: 0 !important; }
.mid-down .kstd ul li { width: 100%; background-color: #eeeeee; height: 50px; position: relative; margin-bottom: 14px; }
.mid-down .kstd ul li a { display: block; margin-left: 18px; line-height: 50px; font-size: 14px; position: absolute; z-index: 20; }
.mid-down .kstd-show { background-color: #4782b2 !important; }
.mid-down .kstd-color { color: #ffffff !important; }

.bg { position: absolute; width: 100%; height: auto; background-color: aqua; z-index: 10; bottom: 0; }

.maininfo { float: left; margin-right: 15px; font-family: "微软雅黑"; color: #333; }
.maininfo:after { display: block; content: ""; clear: both; }
.maininfo .ctn { margin-top: 25px; }
.maininfo .ctn .time { float: right; width: 19%; line-height: 44px; }

.title-header { width: 100%; height: 48px; margin-top: 20px; border-bottom: solid 2px #cecece; }
.title-header span { font-size: 20px; line-height: 48px; display: block; float: left; width: 90px; border-bottom: solid 3px #0d528d; }
.title-header a { margin-top: 14px; display: block; float: right; }

.title-li { white-space: nowrap; overflow: hidden; line-height: 44px; width: 74%; padding-left: 2px; }

.mid-down:after { display: block; content: ""; clear: both; }

.footer { margin-top: 50px; }
.footer .function { width: 100%; min-width: 1170px; height: 146px; background-color: #efefef; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.footer .function .function-ctn { width: 1170px; margin: 0 auto; }
.footer .function .function-ctn a { display: block; float: left; width: 19.8%; height: 146px; text-align: center; border-right: 1px solid #cecece; position: relative; }
.footer .function .function-ctn a .download { width: 100%; height: 100px; background: url("../img/download.png") no-repeat center; }
.footer .function .function-ctn a .mail { width: 100%; height: 100px; background: url("../img/mail.png") no-repeat center; }
.footer .function .function-ctn a .order { width: 100%; height: 100px; background: url("../img/order.png") no-repeat center; }
.footer .function .function-ctn a .schoolfellow { width: 100%; height: 100px; background: url("../img/schoolfellow.png") no-repeat center; }
.footer .function .function-ctn a .link { width: 100%; height: 100px; background: url("../img/link.png") no-repeat center; }
.footer .function .function-ctn a p { position: absolute; font-family: "微软雅黑"; font-size: 18px; line-height: 36px; bottom: 26px; left: 78px; color: #666666; }
.footer .function .function-ctn a:hover { background-color: #f7f7f7; }
.footer .function .function-ctn a:hover .download { background: url("../img/download-after.png") no-repeat center; }
.footer .function .function-ctn a:hover .mail { background: url("../img/mailbox-after.png") no-repeat center; }
.footer .function .function-ctn a:hover .order { background: url("../img/order-after.png") no-repeat center; }
.footer .function .function-ctn a:hover .schoolfellow { background: url("../img/schoolfellow-after.png") no-repeat center; }
.footer .function .function-ctn a:hover .link { background: url("../img/link-after.png") no-repeat center; }
.footer .function .function-ctn a:hover p { color: #003a6a; }
.footer .copyright { width: 100%; min-width: 1170px;    padding: 23px 0 40px; /* height: 70px; */background-color: #004884; }
.footer .copyright p { font-family: "微软雅黑"; font-size: 14px; color: #89b4d5; line-height: 1.5; text-align: center; }

.banner { width: 100%; height: 400px; position: relative; overflow: hidden; }
.banner .img { width: 500%; position: absolute; left: 0px; top: 0px; }
.banner .img img { width: 100%; height: 400px; }
.banner .img li { float: left; width: 20%; }
.banner .num { position: absolute; bottom: 4px; font-size: 0px; right: 30px; }
.banner .num img { width: 97px; height: 57px; margin: 7px 3px; cursor: pointer; border: solid 2px #fff; }
.banner .num li { display: inline-block; }
.banner .num li a { display: block; height: 70px; width: 110px; }
.banner .btn { width: 30px; height: 50px; background-color: #808080; opacity: 0.5; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; text-align: center; line-height: 50px; font-size: 40px; color: #fff; font-family: "宋体"; display: none; }
.banner .btn_l { left: 0px; }
.banner .btn_r { right: 0px; }
.banner:hover .btn { display: block; }
.banner .on { border: solid 2px #fecd0b !important; }
.banner .on-arrow { background: url("../img/on-arrow.png") no-repeat center 0; }

.banner1 { width: 100%; height: 187px; position: relative; overflow: hidden; }
.banner1 .img { width: 500%; position: absolute; left: 0px; top: 0px; }
.banner1 .img img { width: 100%; height: 187px; }
.banner1 .img li { float: left; width: 20%; }
.banner1 .num { position: absolute; width: 100%; bottom: 14px; right: -32%; text-align: center; font-size: 0px; z-index: 30; }
.banner1 .num li { width: 30px; height: 4px; background-color: #eeeeee; display: inline-block; margin: 0px 3px; cursor: pointer; }
.banner1 .on { background-color: #fecd0b !important; }
.banner1 .btn { width: 30px; height: 50px; background-color: #808080; opacity: 0.5; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; text-align: center; line-height: 50px; font-size: 40px; color: #fff; font-family: "宋体"; display: none; }
.banner1 .btn_l { left: 0px; }
.banner1 .btn_r { right: 0px; }
.banner1:hover .btn { display: block; }
.banner1 .bg { position: absolute; bottom: 0; width: 355px; height: 35px; z-index: 20; opacity: 0.6; /*filter:alpha(opacity=70);*/ background-color: black; background-size: 100% 100%; }

.xyxw-picture-tt { position: absolute; color: #ffffff; z-index: 30; bottom: 12px; margin-left: 10px; font-size: 14px; }

.topper { height: 130px; }
.topper .top-ctn .top-half span { color: #ffffff; font-size: 36px; font-family: "微软雅黑"; line-height: 125px; margin-left: 21px; }

.schoolfellow-logo { width: 100%; min-width: 1170px; height: 302px; background: url("../img/schoolfellow-logo.png") no-repeat center; background-size: 100% 100%; }

.mid-ctn { width: 1170px; margin: 0 auto; padding-bottom: 20px; }
.mid-ctn .ctn-show { width: 100%; background-color: #ffffff; }
.mid-ctn .ctn-show:after { display: block; content: ""; clear: both; }
.mid-ctn .ctn-show .left-nav { width: 240px; float: left; margin-right: 50px; margin-left: 20px; }
.mid-ctn .ctn-show .left-nav .column-name { background: url("../img/yygk.png") no-repeat center; background-size: 100% 100%; height: 85px; margin-top: 40px; }
.mid-ctn .ctn-show .left-nav .xyh-nav .xyh-display { display: block; }
.mid-ctn .ctn-show .left-nav .xyh-nav li { display: block; position: relative; border-bottom: 1px solid #eff5f8; background-color: #efefef; width: 240px; height: 50px; }
.mid-ctn .ctn-show .left-nav .xyh-nav a { display: block; position: absolute; width: 100%; height: 50px; line-height: 50px; border-radius: 6px; background-color: #e1ecf1; }
.mid-ctn .ctn-show .left-nav .xyh-nav a:hover { color: #003a6a; background-color: #eff5f8; }
.mid-ctn .ctn-show .left-nav .xyh-nav a p { margin-left: 65px; font-family: "微软雅黑"; font-size: 16px; color: #004884; font-weight: 600; }
.mid-ctn .ctn-show .left-nav .xyh-nav span { position: absolute; top: 0; line-height: 50px; z-index: 20; display: none; }
.mid-ctn .ctn-show .left-nav .xyh-arrow { right: 15px !important; display: block !important; }
.mid-ctn .ctn-show .left-nav .xyh-bg { background-color: #eff5f8 !important; }
.mid-ctn .ctn-show .ctn { width: 790px; margin-left: 20px; float: left; }
.mid-ctn .ctn-show .ctn:after { display: block; content: ""; clear: both; }
.mid-ctn .ctn-show .ctn .now-position:after { display: block; content: ""; clear: both; }
.mid-ctn .ctn-show .ctn .now-position .breadcrumb { display: flex; height: 55px; float: right; margin-top: 20px; }
.mid-ctn .ctn-show .ctn .now-position .breadcrumb li { line-height: 50px; }
.mid-ctn .ctn-show .ctn .now-position .breadcrumb li a { font-family: "微软雅黑"; color: #333; font-size: 16px; }
.mid-ctn .ctn-show .ctn .now-position .breadcrumb li a:hover { color: #004884; }
.mid-ctn .ctn-show .ctn .title { font-size: 24px; font-family: "微软雅黑"; text-align: center; color: #004884; padding-bottom: 12px; border-bottom: 1px dashed #cecece; }
.mid-ctn .ctn-show .ctn .second-list { width: 790px; min-height: 500px; }
.mid-ctn .ctn-show .ctn .second-list:after { display: block; content: ""; clear: both; }
.mid-ctn .ctn-show .ctn .second-list ul { border-top: 1px dashed #cecece; }
.mid-ctn .ctn-show .ctn .second-list .list-title { width: 100%; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #cecece; }
.mid-ctn .ctn-show .ctn .second-list .list-title .spot { font-weight: 900; display: block; float: left; line-height: 36px; color: #fecd0b; margin: 0 6px; }
.mid-ctn .ctn-show .ctn .second-list .list-title a { font-family: "微软雅黑"; color: #333; font-size: 16px; }
.mid-ctn .ctn-show .ctn .second-list .list-title a:hover { color: #004884; }
.mid-ctn .ctn-show .ctn .second-list .list-time { width: 20%; float: right; text-align: right; line-height: 40px; font-size: 16px; font-family: "微软雅黑"; color: #333; }
.mid-ctn .ctn-show .ctn .second-content { width: 790px; min-height: 500px; }
.mid-ctn .ctn-show .ctn .second-content:after { display: block; content: ""; clear: both; }
.mid-ctn .ctn-show .ctn .second-content .content-middle { margin-top: 10px; font-family: 微软雅黑; color: #666; font-size: 16px; line-height: 30px; }

.tt{
  font-size: 24px;
  font-family: 微软雅黑;
  color: #333;
  padding-top: 34px;
}
.detail{
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-family: 微软雅黑;
  color: #666;
}

/*# sourceMappingURL=schoolfellow.css.map */