@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; }

.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: 95% 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; }
.head-layer2 .head-layer2-fr .nav > li > ul a { 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: 26px; 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 {display: block; padding: 15px 20px; font-size: 20px; 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 {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;}
@media (max-width: 750px) {
	.inner_box .container { margin-top: initial; }
	.sidebar {width: 100%; padding: 0 15px;}
	.sidebar h4 {text-align: left; padding-left: 20px; font-size: 20px; line-height: 50px;}
	.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: 3px; 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;}
}

.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 {font-size:32px;color:#14509e;font-weight:600;line-height:1.5;text-align:center;margin-bottom:15px;padding:.8em 0 .2em;}
.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 { padding: 0.4em 0; margin: 20px 0 0; background: #f9f9f9; font-size: 16px; line-height: 2; color: #666; text-align: center; }
.articles .content { padding: 30px 0 40px; border-bottom: 1px solid #ddd; }
.articles .show_content p { 
text-align: left; 
    font-size: 21px;
    line-height: 1.6!important;
    color: #0e0e0e;
    text-indent: 2em;
    margin-top: 20px;
    word-break: break-all;
    text-align: justify;
 }
.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 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: 18px; 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.08; 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%; 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: 15px 20px; 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 .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; font-weight: bold; }
.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: 4/3; 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,
.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,
.r1l_thumb .swiper-pagination-bullet { background: #fff; }
.r1l_thumb .swiper-pagination { bottom: 150px; right: 10px; left: unset; width: auto; }

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

  
.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.06; }
.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 { width: 50%; float: right; }
.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::before { content:''; position: absolute; right: 0; bottom: 0; width: 30%; height: 100%; background: url(../images/school_logo_w.png) no-repeat 90px 20px / 50% auto; opacity: 0.4;  transition: opacity .3s;  }
.r3r li:hover:before { opacity: 1;}
*/


.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; padding: 0.6em 0; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.r3r li .info {font-size: 16px; line-height: 1.5; color: #666; }
.r3r li .thumb { width: 30%; float: right; }
.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.08; }
.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 {font-size: 36px; font-weight: bold; line-height: 1;}
.news_c .year {font-size: 14px; margin-top: 5px;}
.news_c .info {flex: 1; min-width: 0; padding-right: 20px;}
.news_c .text {font-size: 20px; line-height: 1.4; font-weight: bold;  margin-bottom: 8px;}
.news_c .des {font-size: 17px; 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: 320px; 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; }


.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:29.68px;height: 29.68px;background:#1846B4;transition: .3s;z-index: 5;color: #fff;text-align: center;border-radius: 21.2px ;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:-5.3px!important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.navShow .menu-btn .line-3{margin-top:-5.3px!important;-webkit-transform:rotate(-45deg);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: #f00; display: flex; 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:#1A3678;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}


@media (max-width:767px){
	.m-header .logo{position: relative; }
	.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: 18.55px}
				.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; }
	.big-nav .scroll dl dt{font-size: 16px}
	.big-nav .scroll dl dd ul li{font-size: 14px}
	.big-nav .links .link2 a{font-size: 14px;}
	.big-nav .links .link1 a{font-size: 14px;}
	.big-nav .links .link1 a img{height: 16px;margin-right: 5px;}
}
/* ******************** */

@media (max-width: 1200px) {
	.footer .address p {white-space: normal;}
	.footer .links li {width: 100%;}
}
@media (max-width: 767px) {
	:root { --container-width: 100%; --container-max-width: unset; }
	
	body { padding-top: 60px; }

	
	.r1l,
	.r1l ul.r1l_list,
	.r1l_thumb,
	.r1r,
	.r3l,
	.r3r { width: 100%; }
	.r1l ul.r1l_list { padding-left: 0; }
	
	.r1l .rbd { flex-wrap: wrap; }
	
	.head-layer2,
	.sidenav.showdiv { display: none; }
	
    .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;}
}