@charset "utf-8";
/* 悬停图片放大 */
.img-scale { overflow: hidden; }
.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.img-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

html, body { max-width: 1920px; min-width: 320px; margin: 0 auto; }

.container { width: 92%; max-width: 1360px; margin: 0 auto; }

.column { padding: 20px 0 20px 44px; background-image: url(); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; border-bottom: 2px solid #d3d3d3; }
.column a { float: right; margin: -4px 0 0; padding: 0 10px 0 15px; font-size: 12px; line-height: 25px; color: #5c5c5c; text-align: center; border: 1px solid #bfbfbf; }
.column a:hover { color: #015198; border-color: #015198; }
.column h3 { height: 22px; padding-left: 12px; font-size: 20px; line-height: 21px; color: #222; text-align: left; border-left: 1px solid #f39800; }

.list li { border-bottom: 1px dashed #cfcfcf; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.list li a { display: block; padding: 0 0 0 15px; font-size: 15px; line-height: 44px; color: #222; text-align: left; background-image: url("../images/li_bg.png"); background-repeat: no-repeat; background-position: 1px 50%; background-color: transparent; }
.list li span { float: right; font-size: 13px; line-height: normal; color: #999; text-align: left; line-height: 45px; }
.list li:hover { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.list li:hover a { color: #015198; background-image: url("../images/li_bg_hover.png"); }

.teacher-list .column { padding-bottom: 10px; border-bottom: 1px solid #015198; }
.teacher-list .column h3 { font-size: 18px !important; }
.teacher-list ul { padding: 5px 0 15px; font-size: 0; }
.teacher-list ul li { display: inline-block; width: 12.5%; text-indent: 5px; margin-top: 5px; }
.teacher-list ul li a { font-size: 16px; color: #666; display: inline-block;  line-height: 35px; }
.teacher-list ul li a:hover { color: #015198; }
/* 顶部 */
.head-layer1 { background-image: url("../images/header_bg.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.head-layer1 .container { height: 150px; overflow: hidden; }
.head-layer1 .logo {  margin: 35px 0; }
.head-layer1 .logo img { max-height: 80px; vertical-align: top; }
.head-layer1 .link-search { position: relative; }
.head-layer1 .link-search .link { margin: 50px 0 0; display: inline-block;  }
.head-layer1 .link-search .link li { display: inline-block;  }
.head-layer1 .link-search .link li a { font-size: 16px; line-height: 25px; color: #444444; text-align: left; vertical-align: middle; }
.head-layer1 .link-search .link li a:hover { color: #015198; }
.head-layer1 .link-search .link li i { margin: 0 20px; font-size: 12px; line-height: normal; color: #6293bf; text-align: left; font-style: normal; }
.head-layer1 .link-search .link li.search-btn a { display: inline-block;  width: 22px; height: 22px; background-image: url("../images/icon_search.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.head-layer1 .link-search .search { display: none; font-size: 0; width: 245px; height: 32px; border: 1px solid #f2f2f2; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px #aaa; -moz-box-shadow: 0px 0px 3px 0px #666666; -o-box-shadow: 0px 0px 3px 0px #666666; box-shadow: 0px 0px 3px 0px #aaa; opacity: 0; position: absolute; top: 85px; right: -20px; bottom: auto; left: auto; z-index: 99; }
.head-layer1 .link-search .search input { width: 200px; height: 30px; margin: 0 0 0 10px; font-size: 14px; line-height: 30px; color: #666; text-align: left; background: transparent; vertical-align: top; }
.head-layer1 .link-search .search button { width: 30px; height: 30px; cursor: pointer; vertical-align: top; background-image: url("../images/icon_search.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }

.head-layer2 { background: #015198; }
.head-layer2 .nav { height: 55px; white-space: nowrap; overflow:hidden; font-size: 0;}
.head-layer2 .nav > li { float: left; position: relative; width: 9.09%; }
.head-layer2 .nav > li > a { display: block; padding: 0 0; border: 1px solid transparent; font-size: 18px; line-height: 53px; color: #fff; text-align: center; }
.head-layer2 .nav > li > ul { position: absolute; top: 55px; right: auto; bottom: auto; left: 0; z-index: 999; background: #fff; -webkit-box-shadow: 0px 1px 4px 0px #bbb8b5; -moz-box-shadow: 0px 1px 4px 0px #bbb8b5; -o-box-shadow: 0px 1px 4px 0px #bbb8b5; box-shadow: 0px 1px 4px 0px #bbb8b5; height: 0; opacity: 0; overflow: hidden; }
.head-layer2 .nav > li > ul li { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.head-layer2 .nav > li > ul li:last-child { border-bottom: 1px solid #e5e5e5; }
.head-layer2 .nav > li > ul li a { padding: 0 65px 0 30px; display: block; font-size: 15px; line-height: 40px; color: #666; text-align: left; }
.head-layer2 .nav > li > ul li a:hover { color: #fff; background: #015198; }
.head-layer2 .nav > li:hover > a { color: #015198; background: #fff; border-color: #d3d3d3; }

.head-layer3 { height: 460px; overflow:hidden; }
.head-layer3 .swiper-slide a { display: block; }
.head-layer3 .swiper-slide img { width: 100%; vertical-align: top; }
.head-layer3 .pagination { position: absolute; top: auto; right: auto; bottom: 42px; left: 45%; z-index: 9; }
.head-layer3 .pagination span { display: inline-block;  width: 14px; height: 14px; margin: 0 6px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #d2d4dc; }
.head-layer3 .pagination span.swiper-active-switch { background: #ffae00; }

/* 底部 */
.footer { background: #113888; }
.footer .foot-layer1 { padding: 20px 0 25px; }
.footer .foot-layer1 .foot-links { width: 42.27%; position: relative; }
.footer .foot-layer1 .foot-links h6 { margin: 0 0 10px; font-size: 18px; line-height: 28px; color: #fff; text-align: left; }
.footer .foot-layer1 .foot-links ul { font-size: 0; }
.footer .foot-layer1 .foot-links ul li { display: inline-block;  width: 260px; }
.footer .foot-layer1 .foot-links ul li a { display: block; padding-left: 15px; font-size: 15px; line-height: 30px; color: #d5d9e5; text-align: left; background-image: url("../images/li_bg2.png"); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; }
.footer .foot-layer1 .foot-links ul li a:hover { color: #fff; }
.footer .foot-layer1 .contact { position: relative; width: 40.07%; padding: 0 115px; height: 218px; display: table; font-size: 15px; line-height: 38px; color: #fff; text-align: left; }
.footer .foot-layer1 .contact p { display: inline-block;  }
.footer .foot-layer1 .contact .table-cell { display: table-cell; vertical-align: middle; }
.footer .foot-layer1 .watch { width: 17.64%; padding: 30px 0 0 95px; }
.footer .foot-layer1 .watch img { width: 144px; height: 144px; }
.footer .foot-layer1 .watch p { font-size: 15px; line-height: 35px; color: #fff; text-align: center; }
.footer .foot-layer1 .line-r { position: absolute; top: 32px; right: 0; bottom: auto; left: auto; z-index: 1; width: 1px; height: 170px; background: #335498; }
.footer .copy { background: #06286e; font-size: 14px; line-height: 50px; color: #b9bdcd; text-align: center; }

/* 首页 */
.sect-layer1 { height: 438px; padding: 15px 0 55px; }

.sect-layer2 { padding: 52px 0; background-image: url("../images/search-bg.png"); background-repeat: no-repeat; background-position: 100% 50%; background-color: #f4f4f4; }

/* 学院新闻 */
.xyxw { width: 967px; }
.xyxw .column { background-image: url("../images/icon_xw.png"); border: none; }
.xyxw .xyxw-swiper { width: 450px; height: 300px; margin: 6px 0 0; overflow: hidden; }
.xyxw .xyxw-swiper a { display: block; height: 300px; position: relative; }
.xyxw .xyxw-swiper a p { width: 100%; position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 9; font-size: 16px; line-height: 46px; color: #fff; text-align: left; text-indent: 10px; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#99000000',endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#99000000', endColorstr='#99000000')"; }
.xyxw .xyxw-swiper .swiper-btn { position: absolute; top: 40%; right: auto; bottom: auto; left: auto; z-index: 9; width: 20px; height: 33px; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; }
.xyxw .xyxw-swiper .swiper-btn.swiper-left { left: 20px; background-image: url("../images/swiper-left.png"); }
.xyxw .xyxw-swiper .swiper-btn.swiper-right { right: 20px; background-image: url("../images/swiper-right.png"); }
.xyxw .xyxw-swiper .pagination { position: absolute; top: auto; right: 14px; bottom: 13px; left: auto; z-index: 10; }
.xyxw .xyxw-swiper .pagination span { display: inline-block;  width: 8px; height: 8px; margin: 0 3px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #fff; }
.xyxw .xyxw-swiper .pagination span.swiper-active-switch { background: #f4a308; }
.xyxw .list { width: 490px; margin: -8px 0 0; }

/* 通知公告 */
.tzgg { width: 355px; }
.tzgg .column { background-image: url("../images/icon_tz.png"); }
.tzgg .column h3 { border-color: #00c1ba; }
.tzgg ul li { padding: 13.5px 0; border-bottom: 1px solid #dedede; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.tzgg ul li a { float: right; width: 280px; padding-left: 18px; font-size: 15px; line-height: normal; color: #222; text-align: left; }
.tzgg ul li .date { width: 70px; font-size: 13px; line-height: normal; color: #999; text-align: left; text-align: center; border-right: 1px solid #bfbfbf; }
.tzgg ul li .date p:first-child { font-size: 24px; color: #666; }
.tzgg ul li:hover { background-color: #f6f6f6; border-bottom-right-radius: 25px; }
.tzgg ul li:hover a { color: #015198; }

/* 科学研究 */
.kxyj, .djgz { width: 466px; height: 394px; padding: 5px 20px 18px; background: #fff; }
.kxyj .column, .djgz .column { background-image: url("../images/icon_yj.png"); }
.kxyj .column h3, .djgz .column h3 { border-color: #0f87da; }
.kxyj .first, .djgz .first { padding: 20px 0 10px; }
.kxyj .first .text, .djgz .first .text { width: 278px; }
.kxyj .first .text a, .djgz .first .text a { font-size: 15px; line-height: 25px; color: #222; text-align: left; }
.kxyj .first .text a:hover, .djgz .first .text a:hover { color: #015198; }
.kxyj .first .text p, .djgz .first .text p { margin: 10px 0 0; font-size: 12px; line-height: 18px; color: #999; text-align: left; }
.kxyj .first .img-scale, .djgz .first .img-scale { display: block; width: 132px; height: 97px; }
.kxyj .first .img-scale img, .djgz .first .img-scale img { height: 100%; }

/* 党建工作 */
.djgz { margin-left: 37px; }
.djgz .column { background-image: url("../images/icon_dj.png"); }
.djgz .column h3 { border-color: #ed1d1d; }

/* 学生工作 */
.xsgz { width: 352px; height: 394px; padding: 5px 20px; background: #fff; }
.xsgz .column { background-image: url("../images/icon_xs.png"); }
.xsgz .column h3 { border-color: #fe7a47; }
.xsgz ul li { padding: 10px 0 18px; border-top: 1px dashed #cfcfcf; }
.xsgz ul li a { font-size: 15px; line-height: 32px; color: #222; text-align: left; }
.xsgz ul li a:hover { color: #015198; }
.xsgz ul li p { font-size: 13px; line-height: normal; color: #999; text-align: left; margin-top: 2px; }
.xsgz ul li:first-child { border: none; }

/* 列表页 */
.head-layer3.decoration { height: 300px; overflow: hidden; }
.head-layer3.decoration img { width: 100%; height: auto; }

.section { position: relative; z-index: 9; }
.section .sidebar { width: 240px; margin: -15px 0 50px; }
.section .sidebar h3 { padding: 14px 20px 14px 28px; font-size: 24px; line-height: 32px; color: #fff; text-align: left; background: #015198; }
.section .sidebar > ul > li { border: 1px solid #d3d3d3; margin: 10px 0 0;  }
.section .sidebar > ul > li.on { border-color: #015198; }
.section .sidebar > ul > li > a { background-image: url("../images/tr.png"); background-repeat: no-repeat; background-position: 92% 50%; background-color: transparent; }
.section .sidebar > ul > li > ul > li a:hover, .section .sidebar > ul > li.on a { color: #015198; }
.section .sidebar ul a {  display: block; font-size: 16px; line-height: 38px; color: #666; text-align: left; text-indent: 22px;  }
.section .sidebar > ul > li > a:hover,  .section .sidebar > ul > li.cur > a { color: #015198; }
 .section .sidebar > ul > li.cur { border-color: #015198;  }
 .section .sidebar > ul > li.cur > a{ background-image: url("../images/tr_hover.png");  } 
.section .main-box { width: 1085px; min-height: 350px; margin: -15px 0 0; padding: 22px; background: #fff; }
.section .main-box .current { height: 25px; margin: 0 0 20px; padding-left: 15px; border-left: 5px solid #f39800; }
.section .main-box .current h3 { font-size: 20px; line-height: 25px; color: #222; text-align: left; }
.section .main-box .current .place { float: right; font-size: 14px; line-height: 25px; color: #666; text-align: left; }
.section .main-box .current .place a { color: #666; }
.section .main-box .current .place a:hover { color: #015198; }

/* 内容页 */
.articles { border-top: 1px solid #d3d3d3; padding: 25px 0 60px; }
.articles h1 { font-size: 24px; line-height: 35px; color: #000; text-align: center; }
.articles .sub { font-size: 13px; line-height: normal; color: #999; text-align: left; margin: 15px 0 20px; text-align: center; }
.articles .content { padding: 0 0 30px; font-size: 16px; line-height: 42px; color: #000; text-align: left; text-indent: 42px; }
.articles .content table p { text-indent: 0; }
.articles .content table, .articles .content img { height: auto !important; max-width: 100% !important; margin: 10px 0; }
.articles .content table { margin: 0 auto; }
.articles .con-page { padding: 15px 0 0; border-top: 1px solid #d3d3d3; }
.articles .con-page a { display: block; font-size: 15px; line-height: 36px; color: #015198; text-align: left; }
.articles .con-page a:hover { text-decoration: underline !important; }

#page-list {font-family: Arial; text-align: center; margin: 30px 0 40px;}
#page-list .p_pages a,#page-list span{font-size: 14px; width: auto; height: auto;}
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 7px 9px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover{background: #015198; font-weight: bold; color: #fff; border-color: #015198;}
#page-list .p_t{ padding: 0 25px 0 0; color: #777;}
#page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;}
#page-list .p_pages span{color: #aaa;}

.pad-page-box { display: none; }

.nav-btn { display: none; width: 36px; height: 34px; font-size: 0; padding: 8px 0 0; margin: 0 0 0 .15rem; border-radius: 4px; text-align: center; vertical-align: top; cursor: pointer; background: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
.nav-btn i { display: inline-block; width: 24px; height: 2px; margin: 6px 0 0; background: #0851b3; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.nav-btn i:nth-child(1) { margin-top: 0; }
.nav-btn.close i:nth-child(1) { -webkit-transform: translate(0, 8px) rotate(45deg); -moz-transform: translate(0, 8px) rotate(45deg); -ms-transform: translate(0, 8px) rotate(45deg); -o-transform: translate(0, 8px) rotate(45deg); transform: translate(0, 8px) rotate(45deg); }
.nav-btn.close i:nth-child(2) { opacity: 0; }
.nav-btn.close i:nth-child(3) { -webkit-transform: translate(0, -8px) rotate(-45deg); -moz-transform: translate(0, -8px) rotate(-45deg); -ms-transform: translate(0, -8px) rotate(-45deg); -o-transform: translate(0, -8px) rotate(-45deg); transform: translate(0, -8px) rotate(-45deg); }

html.overflow { height: 100vh; overflow: hidden; }

.head-layer1 { position: relative; z-index: 10001; }
.pad-header { position: fixed; top: 10%; left: 0; z-index: 1000; width: 100%; height: 100%; padding: 85px 4% 30px; background: #f6f6f6; background-size: cover; visibility: hidden; opacity: 0; transition: all .6s ease; overflow: hidden; }
.pad-header.show { visibility: visible; opacity: 1; top: 0; }
.pad-search { border-radius: 30px; overflow: hidden; }
.pad-search form { display: flex; }
.pad-search .input { width: calc(100% - 55px); height: 38px; padding: 0 10px 0 15px; font-size: 15px; line-height: 38px; color: #333; border: 1px solid #0851b3; border-radius: 30px 0 0 30px; }
.pad-search .input::placeholder { color: #999; }
.pad-search .submit { width: 55px; height: 38px; background: url("../images/search1.png") no-repeat 50% 50% #0851b3; }
.pad-nav { height: calc(100% - 58px); margin: 20px 0 0; padding: 10px 3%; overflow-y: auto; background: #fff; border-radius: 10px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12); }
.pad-nav > li { position: relative; padding: 0 10px; border-bottom: 1px solid #ddd; }
.pad-nav > li .down { position: absolute; width: 50px; height: 50px; top: 0; right: 0; z-index: 2; background: url("../images/down2.png") no-repeat 50% 50%; background-size: 8px; transition: all .3s; }
.pad-nav > li .down.close { transform: rotate(90deg); }
.pad-nav > li > a { display: block; padding: 0 10px 0 15px; font-size: 17px; line-height: 50px; color: #000; background: url("../images/li_bg_hover.png") no-repeat 0% 50%;  }
.pad-nav > li ul { display: none; padding: 0 0 10px 20px; }
.pad-nav > li ul a { font-size: 15px; line-height: 36px; color: #666; }

.pad-b { display: none; }

.pad-sidebar { display: none; background: #015198; padding: 0 4%; font-size: 23px; line-height: 52px; color: #fff; text-align: center; }
.pad-sidebar h3 { position: relative; display: flex; justify-content: space-between; align-items: center; }
.pad-sidebar h3 .return-sup { width: 52px; height: 52px; background: url("../images/down2.svg") no-repeat 50% 50%; background-size: 29px; }
.pad-sidebar h3 i { width: 52px; height: 52px; background: url("../images/subNav.svg") no-repeat 50% 50%; background-size: 24px; }

@media screen and (max-width: 1360px) {
    .head-layer1 { background-size: cover; }
    .head-layer1 .container { display: flex; justify-content: space-between; align-items: center; height: auto; padding: 20px 0; }
    .head-layer1 .logo { width: 50%; margin: 0; }
    .head-layer1 .logo img { max-width: 100%; }
    .head-layer1 .link-search { top: -15px; }
    .head-layer1 .link-search .link { margin: 0; }
    .head-layer1 .link-search .search { top: 38px; }
    .head-layer2 .nav > li { width: 10%; }
    .head-layer2 .nav > li > a { padding: 0;width: 100%; font-size: 17px; }
    .head-layer3 { width: 100%; height: auto; }
    .head-layer3 .pagination { bottom: 20px; }
    .xyxw { width: 71%; }
    .tzgg { width: 26%; }
    .xyxw .xyxw-swiper { width: 46.5%; height: auto; }
    .xyxw .xyxw-swiper .img-scale img { height: 100%; object-fit: cover;  } 
    .xyxw .xyxw-swiper a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 92px; }
    .xyxw .list { width: 50.5%; }
    .list li { width: 100%;  display: flex; flex-direction: row-reverse; }
    .list li a { width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .tzgg ul li .date { width: 62px }
    .tzgg ul li a { width: calc(100% - 62px); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .kxyj, .djgz { width: 32%; }
    .djgz { margin-left: 2%; }
    .xsgz { width: 32%; }
    .kxyj .first .text, .djgz .first .text { width: calc(100% - 142px); }
    .kxyj .first .text a, .djgz .first .text a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .kxyj .first .text p, .djgz .first .text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .xsgz ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .footer .foot-layer1 .foot-links ul li { width: 50%; }
    .footer .foot-layer1 .foot-links { width: 60%; }
    .footer .foot-layer1 .contact {  width: auto; padding: 0 15px; }
    .footer .foot-layer1 { display: flex; justify-content: space-between; align-items: center; }
    .footer .foot-layer1 .watch { padding: 0 0 0 15px ; }
    .head-layer3.decoration { height: auto; }
    .section .sidebar { width: 210px; }
    .section .main-box { width: calc(100% - 240px); }
}
@media screen and (max-width: 1024px) {
    .head-layer1 { background-image: url("../images/header_bg2.jpg"); border-bottom: 3px solid #335498; }
    .head-layer1 .link-search { display: none; }
    .head-layer1 .container { padding: 10px 0; overflow: visible; }
    .head-layer2 { display: none; }
    .nav-btn { display: block; }
    .head-layer3 .pagination { bottom: 10px; }
    .head-layer3 .pagination span  { width: 10px; height: 10px; }
    .head-layer3 .swiper-slide img { height: 40vw; object-fit: cover; }
    .sect-layer1 { display: flex;  flex-direction: column-reverse; height: auto; padding: 15px 0 30px; }
    .xyxw { width: 100%; float: none; }
    .tzgg, .xsgz { width: 100%; float: none; }
    .kxyj, .djgz { width: 100%; float: none; margin: 0 0 20px; }
    .sect-layer2 { padding: 25px 0; background-position: 100% 100%; }
    .footer .foot-layer1 { flex-wrap: wrap; }
    .footer .foot-layer1 .foot-links { width: 100%; }
    .footer .foot-layer1 .line-r, .footer .foot-layer1 .contact .line-r { display: none; }
    .footer .foot-layer1 .contact p { display: block; }
    .section .sidebar { width: 100%; margin: 0; }
    .head-layer3.decoration img { vertical-align: top; }
    .section .main-box { width: 100%; padding: 0; margin: 18px 0 0; }
    .section .sidebar > ul { display: none; }
    .section .sidebar h3 { display: none; padding: 0; line-height: 54px; text-align: center; }
    .pad-sidebar { display: block; }
}
@media screen and (max-width: 768px) {
    .head-layer3 .swiper-slide img { height: 45vw; object-fit: cover; }
    .xyxw { display: flex; flex-direction: column-reverse; margin: 0 0 10px; }
    .xyxw .xyxw-swiper a { height: 61vw; }
    .xyxw .xyxw-swiper { width: 100%; margin: 0 0 18px; }
    .xyxw .list { width: 100%; }
    .xyxw .xyxw-swiper .swiper-btn { display: none; }
    .pad-b { display: block; }
    .pad-n { display: none; }
    .footer .foot-layer1 .watch { width: auto; }
    .head-layer1 .logo { width: 70%; }
    .section .main-box .current h3 { display: none; }
    .section .main-box .current .place { float: none; }
.teacher-list ul li { 16.666% }
}
@media screen and (max-width: 520px) {
.head-layer1 .logo { width: 76%; }
    .sect-layer1 { padding: 0 0 10px; }
    .kxyj, .djgz, .xsgz { height: auto; padding: 0 12px; }
    .kxyj .first, .djgz .first { display: flex; flex-direction: column-reverse; }
    .kxyj .first .img-scale, .djgz .first .img-scale { width: 100%; height: auto; margin: 0 0 10px; }
    .kxyj .first .text, .djgz .first .text { width: 100%; }
    .list li { flex-direction: column-reverse; padding: 8px 0; }
    .list li a { width: 100%; text-overflow: clip; white-space: initial; line-height: 25px; background: none !important; padding: 0 }
    .list li span { line-height: 30px; }
    .footer .foot-layer1 .foot-links ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .footer .foot-layer1 .foot-links ul li { width: 50%; }
    .footer .foot-layer1 .foot-links ul li a { font-size: 13px; }
    .footer .foot-layer1 .contact { width: 100%; height: auto; margin: 0 0 10px; padding: 0; text-align: center; }
    .footer .foot-layer1 .contact .table-cell { display: block; }
    .footer .foot-layer1 .watch { width: 100%; padding: 0; text-align: center; }
.head-layer3.decoration img { height: 34vw; }
.pad-sidebar { line-height: 44px; font-size: 20px; }
.pad-sidebar h3 .return-sup, .pad-sidebar h3 i { height: 44px; }
.pad-page-box { display: block; }
.pc-page-box { display: none; }#page-list .p_t { padding: 0 8px 0 0; }
.teacher-list ul li { width: 25%; }
}
@media screen and (max-width: 410px) {
.footer .foot-layer1 .foot-links ul { justify-content: flex-start; }
 .footer .foot-layer1 .foot-links ul li { width: auto; }
    .footer .foot-layer1 .foot-links ul li a { font-size: 13px; padding: 0 20px 0 0; background: none; }
}