@charset "utf-8";
a,blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;box-sizing:border-box}
body,button,input,select,textarea{font:16px/1.5 Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:lighter}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none!important}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;border:none;outline:0}
table{border-collapse:collapse;border-spacing:0}
.clearfix{zoom:1}
.clearfix:after{display:block;content:"";clear:both}
.clearfix:before{display:table;content:""}
.clear{content:"";clear:both;zoom:1}
.fl{float:left}
.fr{float:right}

:root { --container-width: 88%;--container-max-width: 1500px; }

.r1l_thumb img,
.r3l img,
.ir2 img { filter: brightness(1.03) contrast(1.05) saturate(1.03); }
/* 悬停图片放大 */
.img-scale { display: block; overflow: hidden; }
.img-scale img { width: 100%; height: auto; min-height: 100%; -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); }

.title { font-size: 16px; line-height: 28px; color: #000000; text-align: left; }

.info { font-size: 13px; line-height: 25px; color: #999999; text-align: left; }

html, body { margin: 0 auto; }

.container {width: var(--container-width); max-width: var(--container-max-width); margin: 0 auto;}


.column { margin: 0 0 28px; }
.body_home .column a { transition: all 0.3s ease; float: right; font-size: 15px; height: 56px; color: #004ea1; text-align: left; background: url(../images/more_bg.png) no-repeat center 3px / auto 32px; width: 80px; padding-top: 35px; text-align: right;  letter-spacing: 3px; }
.column h3 { display: inline-block; *display: inline; *zoom: 1; font-size: 26px; line-height: 2; color: #000000; text-align: left; font-weight: bold; border-bottom: 3px solid #1484b7; padding: 0 0.3em; 
/* font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, serif, "Arial","\u5b8b\u4f53", Tahoma, Geneva, sans-serif; */
 }

.column a:hover { letter-spacing: 0; }

/* 顶部 */
.head-layer1 { position: relative; max-height: 683px; overflow: hidden; }
.banner {width: 100%; position: relative; overflow: hidden;}
.banner .swiper-wrapper {display: flex;}
.banner .swiper-slide {width: 100%; flex-shrink: 0;}
.banner .swiper-slide a {display: block; width: 100%;}
.banner .swiper-slide img { width: 100%; display: block; height: 37.53vw; object-fit: cover; }

.banner .swiper-button-next, 
.banner .swiper-button-prev { background: transparent; }
.banner .swiper-button-next, 
.banner .swiper-button-prev {position: absolute; top: auto; bottom: 20px; transform: none; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.8); z-index: 11; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; color: #333;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover {background-color: #e0ab38; color: #fff;}
.banner .swiper-button-prev {left: auto; right: 70px;}
.banner .swiper-button-next {right: 20px;}
.banner .swiper-button-prev:after {content: "\276E"; font-size: 18px;}
.banner .swiper-button-next:after {content: "\276F"; font-size: 18px;}

.head-layer2 { height: 200px; padding: 24px 0 0; position: fixed; top: 0; right: 0; bottom: auto; left: 0; z-index: 1000; background:linear-gradient(to bottom, #14509e, #1484b7aa, #1484b700); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.head-layer2 .logo img { height: 60px; }
.head-layer2 .head-layer2-fr { margin: -10px 0 0; text-align: right; }
.head-layer2 .head-layer2-fr .top-links { display: inline-block; *display: inline; *zoom: 1; height: 15px; margin-right: 10px; vertical-align: middle; }
.head-layer2 .head-layer2-fr .top-links a { margin: 0 8px; padding-right: 21px; vertical-align: top; font-size: 13px; line-height: 15px; color: #fff; text-align: center; border-right: 1px solid #8a9096; }
.head-layer2 .head-layer2-fr .search { display: inline-block; *display: inline; *zoom: 1; }
.head-layer2 .head-layer2-fr .search input { vertical-align: top; width: 0px; height: 24px; padding: 0 0px; font-size: 13px; line-height: 22px; color: #fff; text-align: left; background-color: transparent; border-radius: 22px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.head-layer2 .head-layer2-fr .search button { vertical-align: top; width: 24px; height: 24px; cursor: pointer; background-image: url("../images/iconSearch.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; }
.head-layer2 .head-layer2-fr .search button[type="submit"] { display: none; }
.head-layer2 .head-layer2-fr .search:hover input { width: 150px; padding: 0 12px; border: 1px solid #fff; }
.head-layer2 .head-layer2-fr .search:hover button[type="submit"] { display: inline-block; *display: inline; *zoom: 1; }
.head-layer2 .head-layer2-fr .search:hover button[type="button"] { display: none; }
.head-layer2 .head-layer2-fr .nav { margin: 18px 0 0; }
.head-layer2 .head-layer2-fr .nav > li { display: inline-block; *display: inline; *zoom: 1; height: 45px; position: relative; }
.head-layer2 .head-layer2-fr .nav > li > a { display: block; padding: 0 20px 0 0px; font-size: 18px; line-height: 36px; color: #fff; text-align: center; background-image: url("../images/iconJianTou.png"); background-repeat: no-repeat; background-position: 98% 50%; background-color: transparent; font-weight: bold; }
.head-layer2 .head-layer2-fr .nav > li > ul { position: absolute; top: 45px; right: auto; bottom: auto; left: 50%; z-index: -1; width: 0; text-align: center; border-top: 3px solid #14509e; background: #fff; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: 0px 2px 5px 0px #bbb; -moz-box-shadow: 0px 2px 5px 0px #bbb; -o-box-shadow: 0px 2px 5px 0px #bbb; box-shadow: 0px 2px 5px 0px #bbb; width: auto; }
.head-layer2 .head-layer2-fr .nav > li > ul a { white-space: nowrap; padding: 0 1em; display: block; height: 3em; font-size: 14px; line-height: 3; color: #666; text-align: center; border-bottom: 1px solid #d7d7d7; overflow: hidden; }
.head-layer2 .head-layer2-fr .nav > li > ul a:hover { color: #1484b7; border-color: #1484b7; background-color: #eee; }
.head-layer2 .head-layer2-fr .nav > li:hover > ul { min-width: 100%; left: 0; z-index: 1000; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.head-layer2.scroll { height: 100px; padding: 10px 0 0; background: linear-gradient(to right, #14509e, #1484b7); -webkit-box-shadow: 0px 0px 6px 2px #666666; -moz-box-shadow: 0px 0px 6px 2px #666666; -o-box-shadow: 0px 0px 6px 2px #666666; box-shadow: 0px 0px 6px 2px #666666; }
.head-layer2.scroll .logo { padding: 6px 0 0; }
.head-layer2.scroll .head-layer2-fr { margin: 0; }

/* 列表页 */
.inner_banner img { width: 100%; }

.inner_box .container { margin-top: -250px; z-index: 2; position: relative; padding-bottom: 5em; }
.inner_box .sidebar,
.inner_box .main-region { background: #fff; box-shadow: 0 5px 15px #0000001c; }



.sidebar {width: 300px; background-color: #fff; box-sizing: border-box; position: sticky; top: 150px; }
.sidebar h4 {font-size: 22px; line-height: 70px; color: #fff; text-align: center; background: #14509e; margin: 0; position: relative; font-weight: bold;}
.sidebar .m-toggle-btn {display: none;}
.sidebar ul {list-style: none; padding: 0; margin: 0;}
.sidebar > ul > li {border-bottom: 1px solid #eef2f7; position: relative;}
.sidebar > ul > li > a { text-align: center; display: block; padding: 10px; font-size: 18px; color: #333; text-decoration: none; transition: all 0.3s ease;}
.sidebar > ul > li > i {position: absolute; right: 20px; top: 20px; width: 16px; height: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-style: normal; transition: transform 0.3s ease;}
.sidebar > ul > li > i:before {content: "\276F"; font-size: 14px; color: #666;}
.sidebar > ul > li.cur > i {transform: rotate(90px);}
.sidebar > ul > li.cur > i:before {color: #14509e;}
.sidebar > ul > li.cur > a, .sidebar > ul > li > a:hover {color: #14509e;}
.sidebar ul ul {display: none; background-color: #f7f9fc;}
.sidebar ul ul li {border-top: 1px solid #eef2f7;}
.sidebar ul ul li a { text-align: center; display: block; padding: 12px 20px 12px 40px; font-size: 16px; color: #555; text-decoration: none; transition: all 0.3s ease;}
.sidebar ul ul li a:hover, .sidebar ul ul li.cur a {color: #14509e; font-weight: bold;}

.main-region { width: calc( 100% - 340px ); padding: 50px; }
.main-region .column { margin-bottom: 15px; padding: 0 0 25px; border-bottom: 1px solid #eee; }
.main-region .column h3 { border: none; line-height: 1; color: #333; font-weight: lighter; }
.main-region .place { float: right; font-size: 18px; line-height: normal; color: #666; }
.main-region .place a { float: none; color: #666; }
.main-region .place a:hover { color: #004ea1; }


/* 内容页 */
.articles .show_title,
.articles .show_subtitle { color: #0c64af; font-size: 30px; padding-bottom: 30px; text-align: center; 
font-weight: bold; }
.articles .show_subtitle {font-size: 26px; }
.articles .show_title + .show_subtitle {padding: 0.5em 0; background: #f5f8ff; color: #4a4a4a; border: 1px solid #e7edfe; }
.articles .sub { border-top: #d5d5d5 1px solid; background-color: #f9f9f9; line-height: 48px; text-align: center; margin-bottom: 30px; }
.articles .sub > span + span {  margin-left: 20px; }
.articles .content { padding: 30px 0 40px; border-bottom: 1px solid #f5f5f5; }
.articles .extend_meta { padding: 1em; background: #f2fbff; border: 1px solid #1484b7;  }
.articles .extend_meta,
.articles .extend_meta p { text-align: center; }
.articles .extend_meta p { margin: 0; line-height: 1.5; }
.articles .content p { color: #4c4c4c; line-height: 24px; margin-bottom: 10px; text-indent: 26px; font-size:17px; line-height:23px;    text-align: justify; }
.articles .content a { color: #333; }
.articles .content a:hover { color: #14509e; }
.articles .content img { margin:5px auto; }
.articles .content img, 
.articles .content table, 
.articles .content iframe, 
.articles .content video { max-width: 100%; }

.articles .con-page { padding: 20px 0 30px; }
.articles .con-page a { display: block; font-size: 17px; line-height: 2.5; color: #555; text-align: left; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.articles .con-page a span { color: #004ea1; font-weight: bold; }
.articles .con-page a:hover { color: #004ea1; -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); }



#page-list {text-align: center; margin: 30px 0 50px;}
#page-list .p_pages a,#page-list span{font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 8px 10px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover{background: #004ea1; font-weight: bold; color: #fff; border-color: #004ea1;}
#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;}


#vsb_content table{width:80%;margin:0 auto;}
#vsb_content table td{padding:10px !important;}
#vsb_content table p{text-indent:0;line-height: 20px;}


/* ***************************************** */
.ir1 { position: relative; padding: 40px 0 70px; }
.ir1 .container { z-index: 2; position: relative; }
.ir1:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 1; opacity: 0.12; background: linear-gradient(to right, #0006, transparent), url(../images/r1_bg.png?v=6) no-repeat -8% bottom / 57% auto;}

.r1l {width: 67%; }
.r1l .rbd { display: flex; background: #fff; box-shadow: 0 6px 15px #00000017; overflow: hidden; justify-content: space-between; }

.xszx ul li a { display: block; padding: 13px 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.xszx ul li .text { padding-right: 0.5em; 
/* font-weight: bold; */
 }
.xszx ul li .date p:first-child { font-size: 24px; color: #fff; background: #0f3b74; }

.r1l ul.r1l_list { width: 48%; padding: 18px 0 0 25px; float: left; }
.r1l li {position: relative; transition: all 0.3s ease; overflow: hidden;}
.r1l li:before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: transparent; z-index: 1; transition: width 0.5s ease; }
.r1l li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/r1l_bg.png) no-repeat 90% center / auto 100%; opacity: 0; z-index: 1;  }
.r1l li .con { border-top: 1px solid #1484b7;  display: flex; align-items: center; text-decoration: none; position: relative; z-index: 2; color: #333; transition: color 0.3s ease;}
.r1l li:first-child .con { border: none; padding-top: 10px; }
.r1l li .con:after { 
/* content: "";  */
position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: transparent transparent #14509eaa transparent; transition: border-color 0.3s ease; }


.r1l li .date {flex-shrink: 0; width: 80px; text-align: center; border-right: 1px solid #e0e0e0; margin-right: 20px; transition: border-color 0.3s ease; color: #e0ab38;}
.r1l li .day {font-size: 26px; font-weight: bold; line-height: 1;}
.r1l li .year {font-size: 14px; margin-top: 4px; color: #666;}

.r1l li .text {font-size: 16px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; flex-grow: 1;}

.r1l li:hover:before { background: linear-gradient(45deg, #14509e 8%, #1484b7); width: 100%; }
.r1l li:hover:after { opacity: 0.1; }
.r1l li:hover .date { background: transparent; color: #fff;}
.r1l li:hover .con {color: #fff;}
.r1l li:hover .con:after {border-color: transparent transparent #fff transparent;}
.r1l li:hover .year { color: #fff;}


.r1l_thumb {position: relative; width: 49.5%; float: right; overflow: hidden; margin: 0; }
.r1l_thumb .swiper-wrapper {display: flex;}
.r1l_thumb .swiper-slide {position: relative; overflow: hidden;}
.r1l_thumb .swiper-slide a {display: block; width: 100%; height: 100%; text-decoration: none; position: relative; overflow: hidden;}
.r1l_thumb .pic {width: 100%; overflow: hidden;}
.r1l_thumb .pic img { display: block; aspect-ratio: 16/9; width: 100%; object-fit: cover; transition: transform 0.5s ease;}
.r1l_thumb .swiper-slide a:hover .pic img {transform: scale(1.1);}
.r1l_thumb .date {position: absolute; left: 15px; top: 15px; z-index: 10; flex-shrink: 0; width: 75px; text-align: center; background-color: #e0ab38; padding: 7px 0; color: #fff;}
.r1l_thumb .day {font-size: 32px; font-weight: bold; line-height: 1;}
.r1l_thumb .year {font-size: 14px; margin-top: 5px;}
.r1l_thumb .title_box { font-weight: bold; text-align: center; padding: 5px 15px; background: #1484b7;  z-index: 1; position: relative; }
.r1l_thumb .txts { box-sizing: border-box; z-index: 10; font-size: 18px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.5; margin: 0.5em 0; }
.r1l_thumb .des,
.r3l .des { font-weight: normal; box-sizing: border-box; z-index: 10; font-size: 16px; color: #b6f1fb; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 2; }
.r1l_thumb .des { display: none; }

.r1l_thumb .swiper-button-prev,
.r1l_thumb .swiper-button-next { background: transparent; }
.r1l_thumb .swiper-button-next, .r1l_thumb .swiper-button-prev {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.8); z-index: 11; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; color: #333; opacity: 0.8; }
.r1l_thumb .swiper-button-next:hover, .r1l_thumb .swiper-button-prev:hover {opacity: 1; background-color: #e0ab38; color: #fff;}
.r1l_thumb .swiper-button-prev {left: 10px;}
.r1l_thumb .swiper-button-next {right: 10px;}
.r1l_thumb .swiper-button-prev:after {content: "\276E"; font-size: 18px;}
.r1l_thumb .swiper-button-next:after {content: "\276F"; font-size: 18px;}

.r1r { width: 29%; }
.r1r ul { background: linear-gradient(to right, #f9fafa, #fff); padding: 18px 25px; }
.r1r ul.list li {display: flex; align-items: center; justify-content: space-between; padding: 16.5px 0; border-bottom: 1px solid #1484b7; min-height: 56px; box-sizing: border-box;}
.r1r ul.list li:last-child { border-bottom: none; }

.r1r ul.list li a {font-size: 16px; line-height: 1.4; color: #333; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; flex: 1; transition: transform 0.3s ease; padding-right: 20px; text-align: left; }
.r1r ul.list li a:has(span:only-child) {display: block; text-align: center;}
.r1r ul.list li:hover a { transform: translateX(2px); }
.r1r ul.list li span {font-size: 16px; line-height: 1.4; color: #666; flex-shrink: 0; white-space: nowrap; }


.ir2 { padding: 50px 0 60px; }
.ir2 .swiper-container {width: 100%; position: relative; padding-bottom: 40px; }
.ir2 .swiper-slide {box-sizing: border-box; }
.ir2 .swiper-slide a {display: block; text-decoration: none; transition: transform 0.3s ease;}
.ir2 .thumb {width: 100%; aspect-ratio: 16/9; overflow: hidden; background-color: #000; position: relative; }
.ir2 .thumb::after,
.r1l_thumb .pic::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;box-shadow: inset 0 0 30px #0002;  pointer-events: none;  z-index: 1;
}
.r1l_thumb .pic::after {box-shadow: inset -20px 0px 30px #0002;}

.ir2 .date { color: #14509e; text-align: right; }
.ir2 .thumb img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}
.ir2 .swiper-slide a:hover .thumb img {transform: scale(1.06);}
.ir2 .title { margin-top: 0; padding: 15px 15px 10px; background:#f2fbff; box-sizing: border-box;  z-index: 1; }
.ir2 .title p {font-size: 17px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; box-sizing: border-box; height: 2.8em; color: #333; 
/* font-weight: bold; */
 }
.ir2 .swiper-pagination {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; z-index: 10;}
.ir2 .swiper-pagination-bullet,
.r3l .swiper-pagination-bullet,
.r3r .swiper-pagination-bullet,
.r1l_thumb .swiper-pagination-bullet {width: 12px; height: 12px; background-color: #14509e22; border-radius: 50%; opacity: 1; cursor: pointer; transition: all 0.3s ease;}

.r3l .swiper-pagination-bullet,
.r3r .swiper-pagination-bullet,
.r1l_thumb .swiper-pagination-bullet { background: #fff; }
.r1l_thumb .swiper-pagination { bottom: 75px; right: 10px; left: unset; width: auto; }

.ir2 .swiper-pagination-bullet-active,
.r3l .swiper-pagination-bullet-active,
.r3r .swiper-pagination-bullet-active,
.r1l_thumb .swiper-pagination-bullet-active {background-color: #e0ab38; width: 30px; border-radius: 6px;}

/* .r3r .swiper-pagination-bullet-active { height: 30px; width: 12px; } */
  
.ir2 .swiper-slide a:hover { }





.ir3 { position: relative; padding: 50px 0; background: linear-gradient(-45deg, #14509e, #1484b7); overflow: hidden; }
.ir3 .container { z-index: 2; position: relative; }
.ir3:before,
.ir3:after { content: ''; display: block; position: absolute; top: 0; width: 50%; height: 100%; z-index: 1; opacity: 0.12; }
.ir3:before { left: 0; background: url(../images/r2l_bg.png?v=3) no-repeat -5% 70% / 60% auto;}
.ir3:after { left: 56%; background: url(../images/r2r_bg.png) no-repeat right bottom / auto 70%; }

.ir3 .column a,
.ir3 .column h3 { color: #fff; border-color: #fff; }
.ir3 .column a { background-image: url(../images/more_bg_w.png) ; }


.r3l { width: 46%; float: left; }
.r3l .swiper-container {width: 100%; position: relative;  padding-bottom: 2em; }
.r3l .swiper-wrapper {display: flex; align-items: stretch;}
.r3l .swiper-slide { height: auto; box-sizing: border-box; }
.r3l .swiper-slide a { height: 100%; overflow: hidden; display: block; text-decoration: none; color: #333; background: #f2fbff; padding: 1em; }
.r3l .pic {width: 100%; position: relative; aspect-ratio: 16/9; overflow: hidden; background-color: #f0f0f0;}
.r3l .pic img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}
.r3l .swiper-slide a:hover .pic img {transform: scale(1.1); }
.r3l .date {position: absolute; left: 0; bottom: 0; background-color: #14509e; color: #fff; font-size: 16px; padding: 6px 15px; z-index: 5;}
.r3l .txts { font-weight: bold; position: relative; color: #333; font-size: 17px; line-height: 1.4; margin: 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.3s ease;}
.r3l .txts:before { transition: width 0.3s; display: block; width: 5px; height: 100%; background: #fff; position: absolute; left: 0; bottom: 0; }
.r3l .des { color: #666; -webkit-line-clamp: 3; line-height: 1.5; }
.r3l a:hover .txts:before { width: 2px; }

.r3l .swiper-pagination { display: inline; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.r3r .swiper-pagination { bottom: 0; }

.r3r { width: 50%; float: right; }
.r3r .swiper-container-m { display: none; }
.r3r .swiper-wrapper { padding-bottom: 2em; }
.r3r ul {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.r3r li { margin-bottom: 30px; background-color: #fff ; position: relative; box-sizing: border-box;}
.r3r li:last-child { margin-bottom: 0; padding-bottom: 0;}


.r3r li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background-color: #e0ab38; transition: width 0.3s ease; z-index: 2;}

.r3r li a { overflow: hidden; display: block; text-decoration: none; padding: 20px 25px; height: 100%; box-sizing: border-box; position: relative;}
.r3r li .text {width: 67%; float: left;}
.r3r li .title { position: relative; font-size: 17px; font-weight: bold; line-height: 1.4; margin: 0.6em 0; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.r3r li .info {font-size: 16px; line-height: 1.5; color: #666; }
.r3r li .thumb { width: 30%; float: right; position: relative; }
.r3r li .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;box-shadow: inset 0 0 16px #0001;  pointer-events: none;  z-index: 1;
}
.r3r li .thumb img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }

.r3r li:hover .title {color: #14509e;}

.footer { overflow: hidden; position: relative; background: linear-gradient(to top, #14509e, #1484b7); padding: 40px 0 0; color: #fffd; font-size: 14px;}
.footer:before,
.footer:after { content: ''; display: block; position: absolute; top: 0; width: 50%; height: 100%; z-index: 1; opacity: 0.12; }
.footer:before { left: 0; background: url(../images/footer_left_bg.png?v=1) no-repeat -20% bottom / auto 80%;}
.footer:after { left: 55%; background: url(../images/footer_right_bg.png?v=2) no-repeat right bottom / auto 50%; }
.footer .container {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.footer a {color: #fffd; transition: color 0.3s ease;}
.footer a:hover {color: #fff;}

.footer .address, .footer .bottom_logo, .footer .qr, .footer .links { z-index: 2; box-sizing: border-box; position: relative;}
.footer .address {flex: 2; padding-right: 30px;}
.footer .address p {line-height: 1.8; white-space: nowrap;}

.footer .bottom_logo { flex: 2; text-align: center; padding: 0 30px;}
.footer .bottom_logo .logo { float: none; }
.footer .bottom_logo img {height: 80px; width: auto; max-width: 100%; object-fit: contain; display: inline-block; vertical-align: middle;}
.footer .qr {flex: 0.7; text-align: center; padding: 0 30px;}
.footer .qr img {height: 100px; width: auto; max-width: 100%; object-fit: contain; display: block; margin: 0 auto 8px;}
.footer .qr p {font-size: 14px; text-align: center;}

.footer .links {flex: 1.8; padding-left: 30px;}
.footer .links h3 {font-size: 18px; color: #fff; margin: 0 0 15px 0; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-weight: normal;}
.footer .links ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px 25px;}
.footer .links li { line-height: 1.5;}
.footer .bottom_logo:before, 
.footer .qr:before, 
.footer .links:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 140px; background-color: #fff1;}
.footer .clear {display: none;}

.copy { font-size: 14px; color: #fff9; border-top: 1px solid #fff1; text-align: center; line-height: 1.5; padding: 0.8em 0; margin-top: 1.6em; font-weight: lighter; }



.news_c ul.news_list {list-style: none; padding: 0; margin: 0; }
.news_c ul.news_list li {position: relative; transition: all 0.3s ease; overflow: hidden; border-top: 1px solid #bed3e9;}
.news_c ul.news_list li:first-child {border-top: none;}
.news_c ul.news_list li:before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #f7f9fd; z-index: 1; transition: width 0.5s ease;}
.news_c ul.news_list li:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/r1l_bg.png) no-repeat 80% center / auto 100%; opacity: 0; z-index: 1; transition: opacity 0.3s ease;}
.news_c ul.news_list li a { display: flex; align-items: center; text-decoration: none; position: relative; z-index: 2; color: #333; padding: 20px; transition: color 0.3s ease; box-sizing: border-box;}
.news_c ul.news_list li .text { color: #333;}
.news_c .date {flex-shrink: 0; width: 80px; text-align: center; border-right: 1px solid #bed3e9; margin-right: 20px; transition: border-color 0.3s ease; color: #14509e;}
.news_c .day { color: #14509e; font-size: 30px; font-weight: bold; line-height: 1;}
.news_c .year { color: #666; font-size: 14px; margin-top: 5px;}
.news_c .info {flex: 1; min-width: 0; padding-right: 20px;}
.news_c .text {font-size: 17px; line-height: 1.4; font-weight: bold;  margin-bottom: 8px;}
.news_c .des {font-size: 15px; line-height: 1.5; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.3s ease;}
.news_c .thumb {flex-shrink: 0; width: 155px; aspect-ratio: 16 / 9; overflow: hidden; background-color: #f0f0f0;}
.news_c .thumb img {width: 100%; height: 100%; object-fit: cover; display: block;}

.news_c ul.news_list li:hover:before {width: 100%;}
.news_c ul.news_list li:hover:after {opacity: 0.05;}
.news_c ul.news_list li:hover a,
.news_c ul.news_list li:hover .text { }
.news_c ul.news_list li:hover .date { }
.news_c ul.news_list li:hover .des { }


.teacher-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.teacher-card { cursor: pointer; display: flex; background: #f8f8f8; border-radius: 2px; overflow: hidden; transition: all .3s; height: 100%; }
.teacher-card:hover { background: #14509e; color: #fff; box-shadow: 0 5px 15px rgba(152, 27, 30, .3); transform: translateY(-2px); }
.teacher-card:hover .teacher-name { color: #fff; }
.teacher-card:hover .teacher-detail { color: rgba(255, 255, 255, .9); }
.teacher-img { width: 180px; height: 240px; object-fit: cover; flex-shrink: 0; background: #ccc; }

.shine_img:before{position:absolute;top:0;left:-90%; display:block;content:"";width:50%;height:100%;opacity:.25;pointer-events:none; background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); transform:skewX(-25deg);z-index: 3}
@keyframes shine{
	100%{left:125%}
}
.shine_img:hover:before{ animation:shine .75s}

.teacher-info { flex: 1; padding: 15px; display: flex; flex-direction: column; justify-content: center; }
.teacher-name { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 10px; }
.teacher-detail { font-size: 16px; color: #666; line-height: 1.5; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;}


.sidenav {position:fixed;right: 5px;z-index:50; top: 30%; width:140px;background: #f9fafa;opacity: 0;transition:0.7s}
.sidenav.showdiv {opacity:1;transform:none;}
.sidenav .con{padding: 20px 0px;}
.sidenav .news_list .news:first-child .news_content { position:absolute; left: -150px; background:#fff; box-shadow:0 3px 10px #00000029; top: -60px; display: none; }
.sidenav .news_list .news:first-child .news_content img{ width:140px; padding: 5px; }
.sidenav .news_list .news:first-child:hover .news_content{display:block;}

.sidenav li {  text-align: center; }
.sidenav a { display: block; font-size:15px;font-weight:bold; color: #1484b7; line-height: 2.5; }
.sidenav a:hover {background: #e0ab38; color:#fff; text-underline-offset: 6px;text-decoration: underline;}
.sidenav .news_list .news .news_title{color:#fff;transition: 0.7s;}

/* ******************** */

.header .navBtn{display: none;align-items: center;}
.header .navBtn>.showSear{font-size: 18.02px;margin-right: 21.2px;color: #fff}
.header .navbtn{width: 30px;height: 30px; transition: .3s;z-index: 5;color: #fff;text-align: center; display: flex;align-items: center;justify-content: center;}
.menu-btn{overflow:hidden;width:12.72px;height:15.9px;background:0 0;opacity:1;position:relative;z-index:999;cursor: pointer;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;left:0;display:block;width:12.72px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px}
.menu-btn .line-1{margin-top:-4.77px;}
.menu-btn .line-3{margin-top:3.71px;}


body.navShow .menu-btn .line-1{visibility:hidden}
body.navShow .menu-btn .line-2{margin-top:-3px; transform:rotate(45deg)}
body.navShow .menu-btn .line-3{margin-top:-3px; transform:rotate(-45deg)}

.pubg{background: linear-gradient(to right,#35a62b,#077443);}
.scrollDown .m-header{top: -68.9px}
.m-header { position: fixed;left: 0;right: 0;z-index: 999;top: 0;transition: .3s; background: linear-gradient(to right, #14509e, #1484b7); display: none; justify-content: space-between; }

.m-header .top-nav{padding: 5.3px 0 7.95px}

 
.m-header .logo img {height: 33.92px;user-select: none;transition: .3s}
.m-header .logos{opacity: 0;visibility: hidden;position: absolute;left: 0;top: 50%;margin-top: -18.02px}

.navShow .headers{box-shadow: none}
 
.big-nav{position: fixed;z-index: 100;left: 0;top: 0;right: 0;bottom: 0;background: #1484b7;background-size: 100% auto; opacity: 0;visibility: hidden;transition:  .3s;backdrop-filter:blur(5px)}
 
.big-nav .links{display: none}
.big-nav .links .link2{font-size: 0}
.big-nav .links .link2 a{font-size: 12.72px;margin-bottom: 7.95px;display: inline-block;color: #fff}
.big-nav .links .link2 a img{height: 16.96px;margin-right: 5.3px}
.big-nav .links .link2 a+a:before{content: '/';display: inline-block;margin: 0 10.6px;color: #fff;opacity: .5}
.big-nav .links .link1 a{font-size: 12.72px;display: flex;align-items: center;margin: 0 7.95px 7.95px}
.big-nav .links .link1 a img{height: 14.84px;margin-right: 5.3px;}
.big-nav .links .link1{margin-bottom: 15.9px}
.big-nav .scroll .links .wp:after{display: none}
.big-nav .links{margin-bottom: 15.9px;text-align: center;}
.big-nav .scroll{position:absolute;z-index:1;left:0;right:0;top:98.05px;bottom:0;overflow-y:auto;padding-bottom: 31.8px}
.big-nav .scroll::-webkit-scrollbar{display: none}
.big-nav .scroll dl{margin-bottom: 15.9px;width:12.28%;margin: 0 1%;text-align: center;}
.big-nav .scroll dl dt{font-size: 12.72px;margin-bottom: 10.6px;position: relative;font-weight: bold;}
.big-nav .scroll dl dt i.plus{position: absolute;right: 0;top: 2.65px;display: block;width: 15.9px;height: 15.9px;text-align: center;line-height: 15.9px;transition: .3s;font-size: 10.6px;display: none;color:  rgba(255,255,255,.4)}
.big-nav .scroll dl dt i.plus.show{transform: rotate(180deg);}
.big-nav .scroll dl dt:after{content: '';height: 2px;width: 0;position: absolute;left: 50%;bottom: 0;background:#0093be;transform:translateX(-50%);display: none }
.big-nav .scroll dl dt a{color: #fff}
.big-nav .scroll dl dd ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.big-nav .scroll dl dd ul li{width: 100%;margin-bottom: 6.36px;font-size: 8.48px;line-height: 1.4em}
.big-nav .scroll dl dd ul li a{color: rgba(255,255,255,.8)}
.big-nav .scroll dl dd ul li a:hover{color: #fff}
.big-nav .scroll .wp{margin-left: 45.05px;margin-right: 45.05px;width: auto;max-width: inherit;}
.big-nav .scroll .wp:after{width: 31.333%;display: inline-block;content: '';display: none}
body.navShow .big-nav {opacity: 1;visibility: visible;}

body.navShow .big-nav .scroll dl dt:after{width: 21.2px;transition:width .6s 1.3s linear}


/* ************* */
.ser-layer{background:rgba(0,0,0,.8);background-size: cover;position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{display: flex;align-items: center;justify-content: center; height: 28px;width: 28px; color: #fff;font-size: 21px;position: absolute;top: 14px;right: 14px;z-index: 5;cursor: pointer;border-radius: 50%}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;-webkit-transform: translateY(105px);transition: .2s .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.ser-layer .serform .input-group{max-width:385px;margin:0 auto }
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width:56px;height:35px;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0 5px 5px 0;background: #14509e}
 
.ser-layer .serform .input-group .inp{height:35px;border:0;border-right:0;padding-right:63px;width:100%;padding-left:11px;background: #fff;border-radius: 5px 10px 10px 5px;border: 1px solid #ddd;border-right: 0}
.topSer{margin-left: 14px}
.topSer .inp{width: 126px;padding: 0 35px 0 11px;border-radius: 21px;border: 1px solid #fff;color: #fff;line-height: 25px;font-size: 11px;transition: .3s;height: 27px}
.topSer .sub{position: absolute;top: 0;right: 0;bottom: 0;background: transparent;width: 32px;text-align: center;line-height: 25px;color: #fff;
  font-size: 17px;cursor: pointer;}
.topSer .inp:focus{width: 154px}
.navShow .ser-layer .serclose{top: 28px}

.back-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#e0ab38;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.back-to-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top-btn:hover{background-color:#204198;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.back-to-top-btn:before{content:"";width:12px;height:12px;border-left:3px solid #fff;border-top:3px solid #fff;transform:translateY(3px) rotate(45deg);transition:transform .3s ease}
.back-to-top-btn:hover:before{transform:translateY(-1px) rotate(45deg)}

.sidenav { display: none; }
.sidenav.is-active { display: block; opacity: 1; }

.sidenav-toggle {position:fixed;right: 5px;top: 26%;z-index:99;width:60px;height:60px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);font-size:12px;transition:.3s;}

@keyframes r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.sidenav-toggle .line {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px dashed #14509e;
  border-radius: 999px;
}
.sidenav-toggle .line::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/banner-map-dot.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: r 9s infinite linear;
    animation: r 9s infinite linear;
    background-size: contain;
	opacity: .6;
}
.sidenav-toggle .icon { width: 40px; height: 40px; margin: 10px; background:#1484b7; border-radius: 50%; }
.sidenav-toggle img { width: 100%; }

.sidenav-toggle:hover { background: #e0ab38; }


@media (max-width: 1630px) {
	.container { width: 98%; }
}
@media (max-width: 1460px) {
	.head-layer2.scroll .logo { padding: 20px 0 0; }
	.head-layer2 .logo img { height: 45px; }
	.head-layer2 .head-layer2-fr .nav > li > a { font-size: 17px; padding-right: 16px; }
}
@media (max-width: 1300px) {
	.head-layer2 { height: 120px; padding: 16px 0 0;}
	.head-layer2 .head-layer2-fr .top-links a { font-size: 12px; line-height: 1em; padding-right: 10px; margin: 0 5px; }
	.head-layer2 .head-layer2-fr .nav { margin: 6px 0 0; }
	.head-layer2 .head-layer2-fr .nav > li > a { font-size: 16px; }
	.r1r ul { padding: 5px 20px; }
	.r3r li a { padding: 10px 20px; }
}
@media (max-width: 1220px) {
	.head-layer2 .logo img { height: 40px; }
	.head-layer2 .head-layer2-fr .nav > li > a { font-size: 15px; padding-right: 14px; background-position: 100% 55%;  }
	.footer .address p {white-space: normal;}
	.footer .links li {width: 100%;}
}
@media (max-width: 1120px) {
	:root { --container-width: 100%; --container-max-width: unset; }
	
	body { padding-top: 60px; }
	
	.sidenav,
	.sidenav-toggle { display: none; }
	
	.m-header { display: flex; }
	.m-header .logo{position: relative; }
	.ser-layer .serclose{right: 3vw;top: 21px;font-size: 21px;  }
	.ser-layer .serform .input-group .sub{width:70px;height:42px;}
	.ser-layer .serform .input-group .inp{height:42px;padding-right:84px;padding-left:11px;}
	.ser-layer .serform .input-group{max-width: 490px;}
	.totop{width: 42px;height: 42px;line-height: 42px}
	.totop svg{width: 24px;height: 24px}
	
	.navShow .m-header .top .wp{transform: translateY(13.25px);}
	.big-nav .scroll dl{transform: translateY(53px);opacity: 0;}
	body.navShow .big-nav .scroll dl{transform: translateY(0);opacity: 1;}
	.m-header .logo{padding-top: 0}
	.m-header .top-nav{padding: 7.95px 0}
	.m-header .wp { margin: 0 15px; }
	.m-header .logo img{height: 37.1px}
	.m-header .navBtn{top: 7.95px ;display: flex; align-items: center; }
	.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3{width: 19px}
	.menu-btn .line-1{margin-top: -8px}
	.menu-btn .line-3{margin-top: 6px}
	.m-header .navbtn{width:42.4px;height: 26.5px;}
	.menu-btn{width: 18.55px}
	.big-nav .scroll .wp{margin-left: 21.2px;margin-right: 21.2px}
	.big-nav .scroll{top: 79.5px}
	.big-nav .links{display: block;}

	.big-nav .scroll dl{width:100%;text-align: left;}
	.big-nav .scroll dl{margin-top: 5.3px;margin-left: 0;margin-right: 0}
	.big-nav .scroll dl dt{margin-bottom: 7.95px;padding-bottom: 5.3px;font-size: 14.84px}
	.big-nav .scroll dl dd ul li{font-size: 12.72px}
	.big-nav .scroll dl dd ul li{margin-bottom: 10.6px}


	.m-header{padding: 10px 0}
	.m-header .logo img{height: 30px}
	.m-header .showSear{ margin-right: 10px; }
	.m-header .navbtn{width: 35px;height: 35px; display: flex; align-items: center; }
	.news_c .text,
	.big-nav .scroll dl dt{font-size: 16px}
	.teacher-detail,
	.news_c .des,
	.r1r ul.list li span { font-size: 15px; }
	.main-region .place,
	.big-nav .scroll dl dd ul li,
	.big-nav .links .link2 a,
	.big-nav .links .link1 a{font-size: 14px;}
	.big-nav .links .link1 a img{height: 16px;margin-right: 5px;}
	
	.column { margin-bottom: 20px; }
	
	.r1l,
	.r1l ul.r1l_list,
	.r1l_thumb,
	.r1r,
	.r3l,
	.r3r,
	.main-region { width: 100%; }
	.r1l,
	.r1r,
	.r3l,
	.r3r,
	.ir2 { padding-left: 15px; padding-right: 15px;  }
	
	.r1r ul { padding: 0; }
	
	.ir1,
	.r1r,
	.ir3,
	.ir2,
	.r3r { padding-top: 16px; padding-bottom: 16px; }
	
	.r1l .rbd { box-shadow: none; }
	.r1l_thumb .title_box { padding: 8px 16px 16px; }
	.r1l_thumb .swiper-pagination { bottom: 155px; }
	.r1l li .text,
	.r1l_thumb .des { -webkit-line-clamp: 3; }
	.r1r ul.list li:first-child { padding-top: 0; }
	.r1r ul.list li { flex-wrap: wrap; padding: 10px; }
	.r1r ul.list li span { order: 1; }
	.r1r ul.list li a { flex: 1 1 100%; order: 2; }
	
	.r1l ul.r1l_list { padding-left: 0; }
	.news_c .date,
	.r1l li .date { width: 70px; margin-right: 15px; }

	.news_c .day,
	.r1l li .day { font-size: 20px; }
	.news_c .year,
	.r1l li .year { font-size: 12px; }
	
	.r1l .rbd { flex-wrap: wrap; }
	
	.head-layer2,
	.sidenav.showdiv,
	.links,
	.ir3::before,
	.ir3::after,
	.bottom_logo { display: none; }
	
	.banner .swiper-button-next, .banner .swiper-button-prev { bottom: 40%; background-color: #fffa; }
	.banner .swiper-button-prev::after,
	.banner .swiper-button-next::after { font-size: 12px; }
	.banner .swiper-button-next, .banner .swiper-button-prev { width: 1.6em; height: 1.6em; }
	.banner .swiper-button-prev { left: 10px; right: auto; }
	.banner .swiper-button-next { right: 10px; }

	
	.r3l .swiper-container { padding-bottom: 0; }
	.r3l .swiper-slide a { padding-bottom: 3em; }
	.r3l .swiper-pagination { bottom: 20px; }
	.r3l .swiper-pagination-bullet { background-color: #14509e22; }
	.r3l .swiper-pagination-bullet-active { background-color: #e0ab38; }
	
	.r3r .swiper-container-pc { display: none; } 
	.r3r .swiper-container-m { display: block; } 
	
	.ir2 .swiper-pagination { bottom: 10px; }
	
	.articles .show_title,
	.column h3 { font-size: 22px; }
	.teacher-name,
	.r1l_thumb .txts { font-size: 17px; }
	.r1l_thumb .txts { -webkit-line-clamp: 2; }
	.r1l li .text,
	.r1r ul.list li a,
	.r3l .txts,
	.r3r li .title,
	.ir2 .title p,
	.articles .con-page a	{ font-size: 16px; }
	.r3l .des,
	.r3r li .info,
	.r1l_thumb .des,
	.articles .sub	{ font-size: 14px; }
	.footer .address p,
	.footer .qr p { font-size: 12px; }
	.copy { font-size: 11px; }
	.r3r li .title { -webkit-line-clamp: initial; }
	
	.body_home .column a { width: auto; padding: 15px 15px 0 0; height: auto; font-size: 13px; padding-top: 15px; letter-spacing: 0; background: transparent;  }
	
    .teacher-grid { grid-template-columns: 1fr; }
    .teacher-card { padding: 0; }
    .teacher-img { width: 100px; height: 130px; }

	.r3r li {width: 100%; margin-right: 0;}
	.footer {padding: 30px 20px;}
	.footer .container {flex-direction: column; align-items: stretch; gap: 30px;}
	.footer .address, .footer .bottom_logo, .footer .qr, .footer .links {flex: none; width: 100%; padding: 0; text-align: left;}
	.footer .bottom_logo, .footer .qr {text-align: center;}
	.footer .bottom_logo:before, .footer .qr:before, .footer .links:before {display: none;}
	.footer .links h3 {border-bottom: none; margin-bottom: 10px;}
	.footer .links ul {gap: 10px;}
	.footer .links li {width: auto;}
	
	.main-region { padding: 15px; }
	.news_c ul.news_list li a { flex-wrap: wrap; padding: 12px 0; } 
	.news_c .des,
	.news_c .thumb { display: none; }
	
	.inner_box .container { margin-top: initial; }
	.sidebar { position: relative; top: initial; width: 100%; padding: 0 5px;}
	.inner_box .sidebar { box-shadow: initial; }
	.sidebar h4 {text-align: center; font-size: 18px; line-height: 2.5em; }
	.sidebar .m-toggle-btn {display: block; position: absolute; right: 20px; top: 15px; width: 24px; height: 20px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; z-index: 10;}
	.sidebar .m-toggle-btn span {display: block; width: 100%; height: 2px; background-color: #fff; transition: all 0.3s ease;}
	.sidebar .m-toggle-btn.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
	.sidebar .m-toggle-btn.active span:nth-child(2) {opacity: 0;}
	.sidebar .m-toggle-btn.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}
	.sidebar > ul {display: none; border: 1px solid #eef2f7; border-top: none;}
	.sidebar > ul > li { background: #f9fafa; }
	.sidebar > ul > li:last-child { border-bottom: none; }
	.sidebar > ul > li > a { text-align: center; font-weight: bold; padding: 10px 20px; font-size: 16px; }
	
	.back-to-top-btn{ bottom: 8px; right: 8px; width: 36px; height: 36px; }
	
	.inner_box .container { padding-bottom: 2em; }
	.articles .sub > span { display: block; float: none; }
	.articles .content { padding: 0em 0 2em; }
	.articles .con-page { padding-bottom: 0; }
	.articles .con-page a { line-height: 1.5; margin-bottom: 0.7em; }
	.inner_box .sidebar, .inner_box .main-region { box-shadow: none;}

	#vsb_content_4 P { font-size: 12pt !important; }
}

@media (max-width: 992px){
	.r3r li a { padding: 20px; }
	.r3r li .text,
	.r3r li .thumb { width: 100%; float: none; }
	.r3r li .thumb { padding-top: 10px; }
}
@media (max-width: 579px){
	.ser-layer .serclose{right: 5vw;top: 28px;font-size: 28px}
	.ser-layer .serform .input-group .sub{width:84px;height:49px;}
	.ser-layer .serform .input-group .inp{height:49px;padding-right:84px;padding-left:11px;}
	.ser-layer .serform .input-group{max-width: inherit;}
	.ser-layer{padding-bottom: 15%}
}
@media (max-width: 360px){
	.m-header .logo img { height: auto; width: 70vw; }
}