html,body{ margin: 0px; padding: 0px; min-width: 1200px;}
ul,li,ol,dd,dl{ list-style: none; margin: 0px; padding: 0px;}
a{ color: #707070; text-decoration: none;}
.header-margin{ clear: both; display: block; width: 100%; height: 127px; }
.header{ display: flex; width: 100%; position: absolute; left: 0px; top: 0px; height: 127px; align-items: center; justify-content: space-between; z-index: 400; background: #fff; }
.header-con{ display: flex; width: 1200px; margin: 0px auto; padding: 20px 0px; justify-content: space-between;}
.logo{ display: flex;}
.logo a img{ border: 0px;}
.head-r{ display: flex; height: 60px; justify-content: center; align-items: end;}
.head-link{ display: flex;}
.head-link a{ display: flex; height: 20px; justify-content: center; align-items: center; padding: 0px 6px; background-color: #EDB617; font-size: 12px; border-radius: 3px; margin-right: 10px; color: #fff;}
.head-search{ display: flex; margin-right: 35px;}
.head-search form{ display: flex; width: 100%; margin: 0px; padding: 0px;}
.head-search .searchInt{ display: flex; width: 200px; height: 26px; border: 2px solid #3EA6A9; padding: 0px; margin: 0px;}
.head-search .searchBtn{ display: flex; width: 75px; height: 30px; justify-content: center; align-items: center; margin: 0px; background-color: #3EA6A9; color: #fff; border: none; cursor: pointer;}
.head-other{ display: flex; text-decoration: none; font-weight: bold; font-size: 16px; transition: color 0.3s ease; font-size: 18px; justify-content: flex-end; }
.head-other a{ display: flex; align-items: center; color: #EDB617; height: 30px; }
.head-other a:hover{ text-decoration: underline; }
.head-other img{ height: 23px; border: 0px; margin-right: 5px; opacity: 0.7; }
/* menu style */
.menuBox{ display: none;} /*移动端菜单*/
.menu-nav { background: rgba(0,0,0,0.5); /* background: linear-gradient(135deg, #3EA6A9, #1e3a8a);*/ position: absolute; width: 100%; left: 0px; top:127px; z-index: 400; }
.nav-menu { display: flex; justify-content: space-between; list-style-type: none; width: 1200px; margin: 0px auto; }
/* .nav-menu > li { position: relative; } */
.nav-menu > li > a { display: block; padding: 15px 20px; color: #fff; text-decoration: none; font-size: 16px; transition: transform 0.3s ease; }
.nav-menu > li:hover > a { background-color: #3EA6A9; /* transform: scale(1.1); */ }
/* 横向菜单 */
.submenu {display: none; position: absolute; top:52px;left: 0; width: 100%; background-color: rgba(151,115,67,0.6);z-index: 1000; transition: all 0.4s; }
.nav-menu > li:hover .submenu { display: flex; justify-content: center; /* background: rgba(151,115,67,0.6); */ transition: all 0.4s; }
.submenu-con{ display: flex; width: 1200px; box-sizing: border-box; }
.submenu li { list-style-type: none; }
.submenu a { display: block; padding: 15px 25px; color: #fff; text-decoration: none; white-space: nowrap; transition: background-color 0.3s ease; }
.submenu a:hover { color: #3EA6A9; }
.nav-menu li:nth-child(3) .submenu-con{ padding-left: 180px;}
.nav-menu li:nth-child(5) .submenu-con{ padding-left: 230px;}
.nav-menu li:nth-child(6) .submenu-con{ padding-left: 80px;}
.nav-menu li:nth-child(7) .submenu-con{ padding-left: 650px;}
.nav-menu li:nth-child(8) .submenu-con{ padding-left: 780px;}
.nav-menu li:nth-child(9) .submenu-con{ padding-left: 900px;}
.nav-menu li:last-child .submenu-con{ justify-content: end;}
/* 纵向菜单
.submenu {display: none;position: absolute;top: 100%;left: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 1000; }
.nav-menu > li:hover .submenu { display: block; }
.submenu li { list-style-type: none; }
.submenu a { display: block; padding: 10px 20px; color: #fff; text-decoration: none; white-space: nowrap; transition: background-color 0.3s ease; }
.submenu a:hover { background-color: rgba(0, 0, 0, 0.5); }
*/
/* pc Banner styles */
.swiper-container-banner { clear: both; display: block; width: 100%; margin: 0px auto; padding: 0px; overflow: hidden; position: relative; background-color: #fff; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; height: 546px; line-height: 80px; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px #444; background-size: cover; background-repeat: no-repeat; }
.swiper-container-banner .swiper-slide a{ clear: both; display: block; width: 100%; height: 100%;}
.swiper-container-banner .swiper-slide img{ border: 0px; width: 100%; height: auto; border: 0px;}
.swiper-container-banner .swiper-pagination-bullet{ }
.swiper-banner-pagination{ position: absolute; width: 100%; bottom: 30px; display: flex; justify-content: center; z-index: 300; }
.swiper-banner-pagination span{ width: 34px; height: 5px; margin: 0px 5px 40px; border-radius: 0px; background-color: #3EA6A9; z-index: 800; }
.swiper-banner-next{ position: absolute; top: 50%; right: 20px; width: 60px; height: 60px; margin-top: -30px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; border-radius: 30px; }
.swiper-banner-next:hover{ background-color: rgba(0,0,0,6); }
.swiper-banner-prev{ position: absolute; top: 50%; left: 20px; width: 60px; height: 60px; margin-top: -30px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300; border-radius: 30px;}
.swiper-banner-prev:hover{ background-color: rgba(0,0,0,6); }
/* pc Banner styles */
.swiper-container-banner-m { clear: both; display: none; width: 100%; margin: 0px auto; padding: 0px; overflow: hidden; position: relative; background-color: #fff; }
.swiper-container-banner-m .swiper-slide{ clear: both; display: flex; width: 100%; line-height: 80px; align-items: center; justify-content: center; text-align: center; font-size: 40px; font-weight: bold; color: #fff; text-shadow: 2px 2px 4px #444; background-size: cover; background-repeat: no-repeat; }
.swiper-container-banner-m .swiper-slide a{ clear: both; display: block; width: 100%; height: 100%;}
.swiper-container-banner-m .swiper-slide img{ border: 0px; width: 100%; height: auto; border: 0px;}
.swiper-container-banner-m .swiper-pagination-bullet{ }
/* mobile banner style */
.swiper-banner-m-pagination{ position: absolute; width: 100%; bottom: 30px; display: flex; justify-content: center; z-index: 300; }
.swiper-banner-m-pagination span{ width: 34px; height: 5px; margin: 0px 5px 40px; border-radius: 0px; background-color: #3EA6A9; z-index: 800; }
.swiper-banner-m-next{ position: absolute; top: 50%; right: 20px; width: 60px; height: 60px; margin-top: -30px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; border-radius: 30px; }
.swiper-banner-m-prev{ position: absolute; top: 50%; left: 20px; width: 60px; height: 60px; margin-top: -30px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300; border-radius: 30px;}
/* index title */
.index-tit{ margin-bottom: 30px; display: flex; justify-content: space-between; border-left: 3px solid #3EA6A9; padding-left: 6px; }
.index-tit-left{ display: flex; }
.index-tit-left strong{ font-size: 24px; font-weight: 900; color: #333333; line-height: 22px; }
.index-tit-left span{ color:#bababa; font-size:14px; font-weight:100; margin-left:8px;}
.index-tit-right{ display: flex; }
.index-tit-right a{ color: #8a8a8a; padding-right:15px; background:url(../images/gaozhong/more-tit.png) no-repeat center right; background-size:13px; font-weight: 100; }
/* 新闻 */
.news{ display: flex; }
.news-con{ display: flex; flex-direction: column; width: 1200px; margin: 0px auto; padding: 40px 0px;}
.news-con-c{ display: flex; justify-content: space-between;}
.news-left{ display: flex; flex-direction: column; width: 780px; }
/* 左侧新闻-顶部 */
.swiper-container-newstop { clear: both; display: block; width: 100%; height: 230px; position: relative; overflow: hidden; }
.swiper-container-newstop .swiper-slide{ width: 100%; overflow: hidden;}
.swiper-container-newstop .swiper-slide a{ display: flex; width: 100%; justify-content: space-between;}
.newstop-pic{ display: flex; width: 370px;}
.swiper-container-newstop .swiper-slide a:hover{ opacity: 0.8;}
.newstop-pic img{ display: flex; width: 100%; height: 230px;}
.newstop-txt{ display: flex; flex-direction: column; width: 390px;}
.newstop-txt strong{ display: flex; width: 100%; line-height: 30px; font-size: 18px; color: #333; font-weight: 900; margin-bottom: 10px; }
.newstop-txt p{ display: flex; font-size: 12px; color: #7a7a7a; }
.newstop-txt span{ display: flex; font-size: 12px; color: #9e9e9e; margin: 20px 0px 15px; }
.news-top-arr{ display: flex; left: 390px; bottom: 0px; z-index: 400; position: absolute;}
.swiper-newstop-prev, .swiper-newstop-next{ width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; background-color: #EDB617; color: #fff; font-size: 1.4rem; z-index: 300; cursor: pointer; }
.swiper-newstop-next{ background-color: #3EA6A9;}
.swiper-newstop-prev:hover{ opacity: 0.8;}
.swiper-newstop-next:hover{ opacity: 0.8;}
/* 左侧新闻-底部 */
.news-bottom{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.news-bottom li{ display: flex; width: 49%; margin: 8px 0px;}
.news-bottom li a{ display: flex; width: 100%;}
.news-bottom-time{ display: flex; flex-direction: column; background: #3EA6A9; border: 1px solid #3EA6A9; width: 55px; height: 58.5px; }
.news-bottom-time strong{ display: flex; width: 100%; justify-content: center; font-size:30px; text-align:center; color:#fff;}
.news-bottom-time span{ display: flex; width: 100%; justify-content: center; color:#bababa; font-size:12px; background: #ffffff; }
.news-bottom-tit{ display: flex; flex-direction: column; margin-left: 10px; flex: 1;}
.news-bottom-tit span{ color: #333; font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis; /* 根据你的字体和布局调整行高 */}
.news-bottom-tit p{ color: #7a7a7a; font-size: 12px; margin-top: 3px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; /* 根据你的字体和布局调整行高 */ }
.news-bottom li a:hover .news-bottom-time{ background-color: #EDB617; border: 1px solid #EDB617; color: #EDB617;}
.news-bottom li a:hover .news-bottom-time span{ color: #EDB617;}
.news-bottom li a:hover .news-bottom-tit span{ color: #EDB617;}
.news-bottom li a:hover .news-bottom-tit p{ color: #EDB617;}
/* 右侧新闻-顶部 */
.news-right{ display: flex; flex-direction: column; width: 385px; }
.news-right-top{ display: flex; width: 100%; position: relative;}
.news-right-top span{ display: flex; width: 100%;}
.news-right-top span img{ display: block; width: 100%; border: 0px; }
.news-right-top p{ margin: 0px; padding: 0px; position: absolute; width: 100%; left: 0px; bottom: 0px; display: flex; background: rgba(0, 0, 0, 0.3); padding: 10px 5px; color: #fff; box-sizing: border-box;}
/* 右侧新闻-底部 */
.swiper-container-newsbottom { clear: both; display: block; width: 100%; position: relative; overflow: hidden; }
.swiper-container-newsbottom .swiper-slide{ width: 100%; overflow: hidden;}
.swiper-container-newsbottom .swiper-slide a{ display: flex; width: 100%; justify-content: space-between; color: #666; font-size: 14px; border-bottom: 1px solid #e3e3e3; align-items: center; padding: 5px 0px;}
.swiper-container-newsbottom .swiper-slide a:hover{ color: #333; }
.swiper-container-newsbottom .swiper-slide a p{ display: flex; flex: 1; margin: 0px; padding: 0px;}
.swiper-container-newsbottom .swiper-slide a span{ display: flex; margin: 0px; padding: 0px;}
.news-right-tit{ display: flex; margin-top: 10px; height: 30px; align-items: center;}
.news-right-tit-txt{ color: #333; font-size: 16px;}
.news-bottom-arr{}
.news-bottom-arr{ display: flex; position: absolute; right: 0px; }
.swiper-newsbottom-prev, .swiper-newsbottom-next{ width: 21px; height: 21px; display: flex; justify-content: center; align-items: center; background-color: #EDB617; color: #fff; font-size: 1rem; z-index: 300; cursor: pointer; }
.swiper-newsbottom-next{ background-color: #3EA6A9;}
.swiper-newsbottom-prev:hover{ opacity: 0.8;}
.swiper-newsbottom-next:hover{ opacity: 0.8;}
/* 名师风采 */
.honor{ background:#f5f5f5; padding: 40px 0; }
.honor-con{ width: 1200px; margin: 0px auto;}
.honor-m-swiper{ display: none;}
.honor-swiper{ clear: both; display: block; width: 100%; position: relative; margin: 0px auto; z-index: 100; }
.swiper-honor-next{ position: absolute; top: 50%; right: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; }
.swiper-honor-next:hover{ background-color: rgba(0,0,0,1); border: 1px solid rgba(255, 255, 255, 0.6);}
.swiper-honor-prev{ position: absolute; top: 50%; left: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300;}
.swiper-honor-prev:hover{ background-color: rgba(0,0,0,1); border: 1px solid rgba(255, 255, 255, 0.6);}
.honor-list { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.honor-list .swiper-slide{ width: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.honor-list .swiper-slide img{ border: 0px; clear: both; display: block; width: 300px; }
/* 校园风采 */
.xiaoyuan{ display: flex; flex-direction: column; width: 1200px; padding: 40px 0px; margin: 0px auto; position: relative;}
.xiaoyuan-con{ width: 1200px; margin: 0px auto; }
.index-xiaoyuan-m-swiper{ display: none;}
.index-xiaoyuan-swiper{ clear: both; display: block; width: 100%; position: relative; margin: 0px auto; z-index: 100; }
.swiper-xiaoyuan-next{ position: absolute; top: 50%; right: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; }
.swiper-xiaoyuan-next:hover{ background-color: rgba(0,0,0,1); border: 1px solid rgba(255, 255, 255, 0.5);}
.swiper-xiaoyuan-prev{ position: absolute; top: 50%; left: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300;}
.swiper-xiaoyuan-prev:hover{ background-color: rgba(0,0,0,1); border: 1px solid rgba(255, 255, 255, 0.5);}
.index-xiaoyuan-list { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.index-xiaoyuan-list .swiper-slide{ width: 240px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.index-xiaoyuan-list .swiper-slide img{ border: 0px; clear: both; display: block; width: 100%; border: 1px solid #e0e0e0; }
/* 底部导航 */
.footer{ display: flex; width: 100%; background-color: #1a1a1a; border-top:4px solid #EDB617; padding: 40px 0px;}
.footer-con{ display: flex; justify-content: space-between; width: 1200px; margin: 0px auto;}
.footer-menu{ display: flex; width: 700px; justify-content: space-between;}
.footer-menu li{ display: flex; flex-direction: column; margin-right: 1%;}
.footer-menu li a{ color: #ccc;}
.footer-menu li strong{ color: #dadada; font-size: 16px; font-weight: bold; border-bottom: 1px solid #484848; padding-bottom: 10px; margin-bottom: 5px;}
.footer-menu li p{ margin: 0px; padding: 0px; }
.footer-menu li p a{ font-size: 12px;}
.footer-menu a:hover{ color:#fff; }
/* 底部留言 */
.footer-feed{ display: flex; flex-direction: column; width: 450px; }
.feed-tit{ display: flex; width: 100%; }
.feed-tit strong{ color:#ffffff; font-weight:18px; font-weight:900; margin-bottom:10px;
}
.feed-tit span{ font-size:14px; color:#b2b2b2; font-weight:100; margin-left:10px; }
.feed-input{ display: flex; width: 100%; margin-bottom: 9px; justify-content: space-between;}
.feed-input input{ display: flex; flex: 1; margin-right: 2%;}
.feed-input input:last-child{ margin-right: 0;}
.feed-text{ display: flex; width: 100%; margin-bottom: 9px; justify-content: space-between;}
.feed-text textarea{ display: flex; width: 100%; height: 50px;}
.feed-btn{ display: flex; width: 100%; justify-content: space-between;}
.feed-btn input{ display: flex; flex: 1; margin-right: 2%; cursor: pointer;}
.feed-btn input:first-child{ }
.feed-btn input:last-child{ background-color: #3EA6A9; margin-right: 0; margin-left: 2%;}
.feedform input, .feedform textarea{ border: 0 solid #ddd; background-color: #313131; color: #fff; font-size: 14px; line-height: 16px; width: 100%; padding: 5px 10px; outline: medium; font-family: "tt_1",Arial,'微软雅黑'; -webkit-appearance: none; box-sizing: border-box; transition: 0.4s; }
.feedform input:focus, .feedform textarea:focus{ background:#000; }
.copyright{ display: flex; width: 100%; background-color: #000;}
.copyright-con{ display: flex; width: 1200px; margin: 0px auto; line-height: 50px; color: #acacac; font-size: 12px;}
.copyright-con a{ margin-left: 15px;}
/* 客服 */
.fix{ position: fixed; right: 0px; top: 180px; z-index: 400; border-bottom: 16px solid #3EA6A9}
.fix-close{ display: flex; width: 40px; height: 45px; justify-content: center; align-items: center; color: #fff; background-color: #7D7D7D; font-size: 20px; cursor: pointer; z-index: 500; margin-left: -40px;}
.fix-open{ display: none; width: 40px; height: 45px; line-height: 45px; text-align: center; color: #fff; background-color: #7D7D7D; position: fixed; right: 0px; top: 180px; font-size: 20px; cursor: pointer; z-index: 200;}
.fix-con{ display: block; flex-direction: column; width: 170px; background: #fff; border-bottom: 3px solid #EDB617; z-index: 300; border-left: 1px solid #e3e3e3; }
.fix-tit{ display: flex; width:100%; height:45px; line-height:45px;background: #3EA6A9;border-bottom: 5px solid #EDB617;color:#fff;font-size: 16px;text-indent:22px;}
.fix-tit span{ display: flex;}
.fix-chat{ display: flex; margin: 0px 14px; border-bottom: 1px solid #e3e3e3; height: 45px; align-items: center; }
.fix-chat img{ border: 0px; margin-right: 15px; width: 30px; height: auto;}
.fix-tel{ display: flex; color: #333; font-size: 18px; flex-direction: column;}
.fix-tel li{ display: flex; flex-direction: column; padding: 12px 14px; }
.fix-qr{ display: flex; flex-direction: column; align-items: center; padding: 10px 0px 5px 0px; border-top: 1px solid #e3e3e3; margin: 0px 14px;}
.fix-qr p{ display: flex;}
.fix-qr p img{ border: 0px; width: 100%;}
.fix-qr span{ display: flex;}
/* 搜索结果 */
.search-con{ display: flex; flex-direction: column; width: 80%; max-width: 1000px; margin: 0px auto;}
.search-tit{ display: flex; justify-content: center; align-items: center; font-size: 18px; color: #3EA6A9; padding: 20px 0px;}
/* page banner */
.page-banner{ display: flex; width: 100%; flex-direction: column;}
.page-banner-pic{ display: flex; width: 100%;}
.page-banner-pic img{ border: 0px; display: flex; width: 100%;}
.page-banner-name{ display: flex; width: 1200px; margin: 0px auto 0px; position: relative;}
.page-banner-name-con{ display: flex; flex-direction: column;width: 240px; border-top: 5px solid #EDB617; background: #3EA6A9; position: absolute; bottom: 0; left: 0; padding: 20px 0; color: #fff;}
.page-banner-name-con strong{ font-size: 24px; text-indent: 2rem;}
.page-banner-name-con span{ font-size: 14px; text-indent: 2rem; text-transform: uppercase; font-weight: 100; opacity: 0;}
.page-con{ display: flex; width: 1200px; margin: 0px auto; justify-content: space-between; }
/* page-left */
.left{ display: flex; flex-direction: column; width: 240px; margin-bottom: 60px;}
.left-pic{ clear: both; display: block; }
.left-pic img{ border: 0px; width: 100%; clear: both; display: block;}
.left-list{ display: flex; flex-direction: column;}
.left-list ul{ display: flex; flex-direction: column;}
.left-list ul li a{ display: flex; flex-direction: column; width: 100%; height: 50px; justify-content: center; font-size: 16px; color: #333; background: url(../images/gaozhong/left-icon.png) 30px center no-repeat #f5f5f5; text-indent: 3.5rem;}
.left-list ul li a:hover,.left-list ul .cur a{ background: url(../images/gaozhong/left-icon-hover.png) 30px center no-repeat #3EA6A9; color: #fff;}
/* page-right */
.page-right{ display: flex; width: 930px; flex-direction: column;}
.location{ display: flex; width: 100%; justify-content: space-between; margin-top: 35px; }
.location .classname{ display: flex; color: #3d3d3d; font-size: 24px; font-weight: 900; border-bottom: 2px solid #3EA6A9; line-height: 24px; padding-bottom: 7px;}
.location .classurl{ display: flex; flex: 1; justify-content: flex-end; color: #c3c3c3; font-size: 12px; line-height: 33px; border-bottom: 2px solid #e6e6e6;}
.location .classurl a{ color: #7e7e77; }
/* 招生问答 - 列表 */
.page-wenda-list{ display: flex; flex-direction: column; width: 100%; margin-top: 35px;}
.page-wenda-list li{ display: flex; margin-bottom: 20px; padding: 20px; background: #f5f5f5; overflow: hidden; position: relative; transition: opacity 0.5s; }
.page-wenda-list li:hover{ opacity: 0.9;}
.page-wenda-list li a{ display: flex; width: 100%; justify-content: space-between; }
.page-wenda-txt{ display: flex; flex-direction: column; width: 750px; }
.page-wenda-txt-tit{ display: flex; font-size: 16px; color: #4c4c4c; line-height: 30px; margin-top: 6px;}
.page-wenda-txt-tit strong{ display: flex; justify-content: center; align-items: center; background-color: #3EA6A9; width: 30px; height: 30px; color: #fff; font-size: 16px; border-radius: 50%; margin-right: 10px;}
.page-wenda-txt-tit span{ display: flex; flex: 1; }
.page-wenda-txt-txt{ display: flex; font-size: 14px; color: #333; line-height: 22px; margin-top: 12px;}
.page-wenda-txt-txt strong{ display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; background-color: #EDB617; color: #fff; font-size: 16px; border-radius: 15px; margin-right: 10px;}
.page-wenda-txt-txt span{ display: flex; flex: 1; }
/* 新闻 - 列表 */
.page-news-list{ display: flex; flex-direction: column; width: 100%; margin-top: 35px;}
.page-news-list li{ display: flex; margin-bottom: 20px; padding: 20px; background: #f5f5f5; overflow: hidden; position: relative; transition: opacity 0.5s; }
.page-news-list li:hover{ opacity: 0.9;}
.page-news-list li a{ display: flex; width: 100%; justify-content: space-between; }
.page-news-pic{ display: flex; width: 237px; max-height: 170px; overflow: hidden; }
.page-news-pic img{ display: block; width: 100%; border: 0px; }
.page-news-txt{ display: flex; flex-direction: column; width: 545px; }
.page-news-txt-tit{ display: flex; font-size: 16px; color: #333; line-height: 30px; margin-top: 6px;}
.page-news-txt-txt{ display: flex; font-size: 12px; color: #8a8a8a; line-height: 22px; margin-top: 12px;}
.page-news-time{ display: flex; flex-direction: column; width: 55px; justify-content: center; align-items: center;}
.page-news-txt-day{ display: flex; font-size: 40px; color: #8c8c8c}
.page-news-txt-year{ display: flex; font-size: 12px; color: #8c8c8c}
/* news content */
.page-news-con-tit{ display: flex; justify-content: center; color: #333333; font-size: 20px; font-weight: 900; text-align: center; margin-top: 20px;}
.page-news-con-info{ display: flex; justify-content: center; font-size: 12px; color: #7e7e77;}
.page-news-con-pic{ display: flex; justify-content: center; }
.page-news-con-pic img{ border: 0px; max-width: 100%; margin: 20px 0px; }
.page-news-con-txt{ clear: both; display: block; margin-top: 35px; color: #707070; font-size: 14px; margin-bottom: 60px; line-height: 30px;}
.page-news-con-txt img{ max-width: 100%; height: auto;}
/* 图文 - 列表 */
.page-pic-list{ display: flex; flex-wrap: wrap; width: 100%; margin-top: 35px; justify-content: space-between; align-items: end;}
.page-pic-list li{ display: flex; width: 300px; margin-bottom: 20px; transition: opacity 0.5s; }
.page-pic-list li:hover{ opacity: 0.7;}
.page-pic-list li a{ display: flex; flex-direction: column; width: 100%; }
.page-pic-list li a p{ display: flex; width: 100%; margin: 0px; padding: 0px; max-height: 380px; align-items: start; overflow: hidden; }
.page-pic-list li a p img{ display: block; width: 100%; border: 0px; }
.page-pic-list li a strong{ color: #333; line-height: 30px; padding: 5px 0px; }
.page-pic-list li a span{ font-size: 12px; color: #808080; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 40px; max-height: 40px; line-height: 20px; }
/* 分页 */
.pageList{ display: flex; justify-content: center; align-items: center; padding: 50px 0px 60px;}
.pageList a, .pageList b{ display: flex; margin-left: 5px; padding: 5px 10px; border: 1px solid #e0e0e0; font-size: 12px; background-color: #fff;}
.pageList b, .pageList a:hover{ background-color: #3EA6A9; color: #fff; border: 1px solid #3EA6A9;}
.page-list{ display: flex; flex-direction: column; margin: 20px 0px 40px; padding-top: 30px; font-size: 16px; line-height: 30px; border-top: 1px solid #c3c3c3; }
@media screen and (max-width:1000px){
html{ min-width: 100%;}
body{ min-width: 100%;}
/* header */
.header-margin{ clear: both; display: block; height: 72px;}
.header{ width: 100%; padding: 10px 2%; box-sizing: border-box; position: fixed; left: 0px; top: 0px; z-index: 900; background: #fff; border-bottom: 1px solid #e3e3e3; height: auto; }
.header-con{ width: 100%; padding: 0px 0px; }
.logo a img{ height: 40px; }
.head-r{ height: auto; align-items: center; }
.head-link{ display: none;}
.head-search{ display: none;}
.head-other{ font-size: 14px; }
.head-other img{ display: none; }
/* banner */
.swiper-container-banner{ display: none;}
.swiper-container-banner-m{ display: block;}
/* 移动端导航 */
.head-menu-icon{ display: flex; width: 60px;}
.menu-handler{ display: block;}
/* always display scrollbars */
.menu-handler { display: block; width: 60px; height: 60px; cursor: pointer; /* position: absolute; right: 0px; top: 0px; */ position: fixed; right: 0px; top: 3px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 901;
}
.menu-handler .burger { width: 28px; height: 3px; background: #3EA6A9; display: block; position: absolute; z-index: 5; top: 22px; left: 50%; margin: 0px 0px 0px -14px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 30px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger{ background-color: #3EA6A9;}
.menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position: fixed; right: 0px; top:-100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; z-index: 899; background-color: rgb(255,255,255); -webkit-transition: 0.4s; transition: 0.4s; }
.menuBox a:link, .menuBox a:visited { color: #969696;}
.menuBox a:active,.menuBox a:hover { color: #3EA6A9;}
.navMobile{ text-align: center; margin: 60px auto; padding: 38px 0px 0px;}
.navMobile dd{ overflow: hidden; width: 100%; height: 52px; position: relative; -webkit-transition: 0.4s; transition: 0.4s; }
.navMobile dd p { padding: 10px 0px; overflow: hidden;}
.navMobile dd p a{ position: relative; height: 32px; line-height: 32px; font-size: 15px; display: inline-block; padding: 0px 4px;}
.navMobile dd p a .line{ width: 0%; position: absolute; left: 50%; bottom: 0px; height: 2px; background-color: #3EA6A9; -webkit-transition: 0.3s; transition: 0.3s; }
.navMobile dd p a:hover .line{ width: 100%; left: 0%;}
.navMobile dd .msubnav{ position: absolute; overflow: hidden; background-color: #fff; width: 180px; text-align:left; display: none; border-bottom: 1px solid #e3e3e3;}
.navMobile dd .msubnav .back_btn{ width: 90%; padding: 0px 5%; background-color: #3EA6A9; color: #fff; height: 52px; line-height: 52px; display: none;}
.navMobile .msubnav li{ display: block; height: 52px; line-height: 52px; font-size: 15px; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; height: 0px;}
.navMobile .msubnav li a{ display: block; padding: 0px 5%;}
.navMobile .msubnav li a:hover{ background-color: #F7F7F7;}
.navMobile dd .msubnav{ position: fixed; right: 0px; top: 70px; width: 100%; display: block;}
.top.open-sub{ background-color: #fff; border-bottom: 1px solid #e4e4e4;}
.top.open-sub .serachBox{ display: none;}
.menuBox.open{ right: 100%; overflow-x: visible; overflow-y: visible; }
.menuBox.open .navMobile dd.cur .msubnav .back_btn{ display: block;}
.menuBox.open .navMobile dd.cur .msubnav li{ height: 52px; opacity: 1;}
.bg-mask{ display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor:pointer; z-index: 800; }
.loader{position:fixed;top:0;width:100%;height:100%;z-index:9999; overflow: hidden;}
.loader-icon,.page-loader-icon{width:108px;height:91px;margin:-45px 0 0 -54px}
.page-loader-icon{position:absolute;top:50%;left:50%}
/* 移动端导航end */
.nav-menu{ display: none; width: 100%; overflow: scroll; }
.page-banner-name{ display: none;}
.page-con{ width: 100%; flex-direction: column;}
/* index */
.news-con{ width: 100%; flex-direction: column; padding: 2%; box-sizing: border-box;}
.xuesheng{ width: 100%; flex-direction: column; padding: 40px 2%; box-sizing: border-box;}
.news-con-c, .swiper-container-newstop .swiper-slide a, .news-bottom, .xuesheng-con{ flex-direction: column;}
.xuesheng-left, .xuesheng-list{ width: 100%;}
/* 新闻 */
.news-left{ width: 100%;}
.swiper-container-newstop{ height: auto;}
.newstop-pic{ width: 100%;}
.newstop-pic img{ width: 100%; display: block; height: auto;}
.newstop-txt strong{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; /* 根据你的字体和布局调整行高 */ }
.newstop-txt p{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; /* 根据你的字体和布局调整行高 */ }
.newstop-txt{ width: 100%;}
.newstop-txt p{ margin: 0px;}
.newstop-txt span{ margin: 20px 0px 0px 0px;}
.news-top-arr{ left: 100%; margin-left: -64px;}
.news-bottom li{ width: 100%;}
.news-right{ width: 100%;}
.swiper-container-newsbottom .swiper-slide a{ height: auto; padding: 10px 0px;}
/* 教师 */
.honor-swiper{ display: none;}
.honor-con{ width: 100%; padding: 0px 2%; box-sizing: border-box;}
.honor-m-swiper{ clear: both; display: block; width: 100%; position: relative; margin: 0px auto; z-index: 100; }
.swiper-honor-m-next{ position: absolute; top: 50%; right: 0px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; }
.swiper-honor-m-prev{ position: absolute; top: 50%; left: 0px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300;}
.honor-m-list { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.honor-m-list .swiper-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.honor-m-list .swiper-slide img{ border: 0px; clear: both; display: block; width: 100%; }
/* 校园风采 */
.xiaoyuan{ width: 100%; padding: 40px 2%; box-sizing: border-box; overflow: hidden;}
.index-xiaoyuan-swiper{ display: none;}
.index-xiaoyuan-m-swiper{ clear: both; display: block; width: 100%; position: relative; margin: 0px auto; z-index: 100; }
.swiper-xiaoyuan-m-next{ position: absolute; top: 50%; right: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); transform: rotate(180deg); cursor: pointer; z-index: 300; }
.swiper-xiaoyuan-m-prev{ position: absolute; top: 50%; left: 0px; margin-top: -20px; width: 30px; height: 40px; background: url(../images/gaozhong/swiper-arr.png) center 50% no-repeat rgba(0,0,0,0.3); cursor: pointer; z-index: 300;}
.index-xiaoyuan-m-list { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.index-xiaoyuan-m-list .swiper-slide{ width: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.index-xiaoyuan-m-list .swiper-slide img{ border: 0px; clear: both; display: block; width: 190px; height: 123px; border: 1px solid #e0e0e0; }
/* page left */
.left{ width: 100%; margin-bottom: 0px; }
.left-pic{ display: none;}
.left-list{ padding: 30px 0px;}
.left-list ul{ flex-direction: row; flex-wrap: wrap; justify-content: center;}
.left-list ul li{ margin-bottom: 1px; margin-right: 1px;}
.left-list ul li a{ text-indent: 0; background: #f5f5f5; padding: 0px 16px; width: auto; align-items: center; }
.left-list ul li a:hover, .left-list ul .cur a{ background: #3EA6A9; }
/* page right */
.page-right{ width: 100%; padding: 0px 2%; box-sizing: border-box;}
.location{ display: none;}
.page-news-con-txt{ width: 100%; margin-top: 0px; }
.page-pic-list{ margin-top: 0px; }
.page-pic-list li{ width: 48%;}
.page-news-list{ margin-top: 0px; }
.page-news-list li a{ flex-direction: column;}
.page-news-pic{ display: block; width: 100%; max-height: 100%;}
.page-news-txt{ width: 100%;}
.page-news-time{ flex-direction: row-reverse; width: auto; justify-content: end;}
.page-news-txt-day{ font-size: 12px; margin-left: 10px; }
.page-wenda-list{ margin-top: 0px;}
.page-wenda-list li a{ flex-direction: column;}
.page-wenda-txt{ width: 100%;}
.page-news-time{ display: flex; width: 100%; }
/* footer */
.footer-con{ width: 100%;}
.footer-menu{ display: none;}
.footer-feed{ padding: 0px 10px;}
.copyright-con{ width: 100%; display: block; text-align: center; line-height: 30px; padding: 15px 10px;}
.footer-feed{ width: 100%;}
/* fix kefu */
.fix-con{ display: none; }
.fix-open{ display: block; }
}