html {

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

	line-height: 1.15;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body {

	margin: 0;

	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

	line-height: 1.6; /* 增加行高，提升可读�?*/

	font-size: 16px; /* 默认字体调整�?16px */

	min-width: 1430px; /* Adjust min-width for larger container */



	color: #333;

}

h1 {

	font-size: 2em;

	margin: .67em 0;

}

figure {

	margin: 1em 40px;

}

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}

a {

	-webkit-text-decoration-skip: objects;

	background-color: transparent;

}

abbr[title] {

	border-bottom: none;

	-webkit-text-decoration: underline dotted;

	text-decoration: underline dotted;

}

b, strong {

	font-weight: bolder;

}

dfn {

	font-style: italic;

}

mark {

	background-color: #ff0;

	color: #000;

}

small {

	font-size: 80%;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -.25em;

}

sup {

	top: -.5em;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

img {

	border-style: none;

}

svg:not(:root) {

	overflow: hidden;

}

button, input, optgroup, select, textarea {

	line-height: 1.42857143;

	margin: 0;

	outline: none;

}

body, button, input, select, textarea {

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: "liga", "kern";

}

button, input {

	overflow: visible;

}

button, select {

	text-transform: none;

}

button, html [type=button],/* 1 */ [type=reset], [type=submit] {

-webkit-appearance:button;

}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {

border-style:none;

padding:0;

}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {

outline:1px dotted ButtonText;

}

fieldset {

	padding: .35em .75em .625em;

}

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}

progress {

	display: inline-block;

	vertical-align: baseline;

}

textarea {

	overflow: auto;

}

[type=checkbox], [type=radio] {

box-sizing:border-box;

padding:0;

}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

height:auto;

}

[type=search] {

-webkit-appearance:textfield;

outline-offset:-2px;

}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {

-webkit-appearance:none;

}

::-webkit-file-upload-button {

-webkit-appearance:button;

font:inherit;

}

summary {

	display: list-item;

}

article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {

	display: block;

}

pre, code, kbd, samp {

	font-family: monospace, monospace;

	font-size: 1em;

}

audio, video, canvas {

	display: inline-block;

}

template, [hidden] {

display:none;

}

.clearfix {

	zoom: 1;

}

.clearfix:before, .clearfix:after {

	display: table;

	line-height: 0;

	content: "";

}

.clearfix:after {

	clear: both;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #1241a8;

}

ul {

	margin: 0;

	list-style: none;

	padding: 0;

}

.img-center {

	text-align: center;

	font-size: 0;

}

.img-center img {

	display: inline-block;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.img-cover {

	overflow: hidden;

	position: relative;

}

.img-cover span {

	display: block;

	width: 100%;

	background: no-repeat center / cover;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.container {

	padding: 0 15px;

	width: 1400px; /* Increase width for more spacious layout */

	margin: 0 auto;

}

.kf {

	width: 208px;

	position: fixed;/* right: 20px; */

	right: -208px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 10;

}

.kt-top {

	height: 40px;

	line-height: 40px;

	background: url(../images/kefu.png) 12px center no-repeat #1241a8;

	-ms-background-size: auto 20px;

	background-size: auto 20px;

	padding-left: 46px;

	font-size: 14px;

	color: #fff;

}

.kt-top span:hover {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}

.kt-top span {

	width: 18px;

	height: 16px;

	float: right;

	position: relative;

	margin: 10px 10px 0 0;

	cursor: pointer;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.kt-top span b {

	width: 100%;

	height: 2px;

	background: #fff;

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

}

.kt-top span b:first-child {

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

}

.kt-top span b:last-child {

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

}

.kf .con {

	overflow: hidden;

	background: #fff;

}

.kf .qq li {

	height: 36px;

	line-height: 36px;

	border-bottom: #f5f5f5 solid 1px;

	padding-left: 16px;

}

.kf .qq li a {

	height: 36px!important;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-decoration: initial;

	display: block;

}

.kf .qq li a img {

	padding-right: 6px;

}

.kf .con h5 {

	height: 26px;

	line-height: 26px;

	margin-top: 12px;

	background: url(../images/lianxi.png) 16px center no-repeat;

	padding-left: 45px;

	color: #666;

	font-size: 14px;

	margin-bottom: 0;

}

.kf .contact {

	margin-top: 1px;

	height: auto;

}

.kf .contact p {

	height: 26px;

	line-height: 26px;

	color: #666;

	font-size: 14px;

	padding-left: 22px;

	margin: 0;

}

.kf .contact p:nth-child(2n) {

	padding-left: 32px;

}

.kf .con h5.qr-icon {

	background: url(../images/erweima.png) 16px center no-repeat;

}

.kf .con .qr {

	margin-top: 10px;

	padding-left: 40px;

}

.kf .con .qr img {

	width: 110px;

	height: 110px;

}

.kf .backTop {

	width: 100%;

	height: 40px;

	margin-top: 10px;

	background: url(../images/huidaodingbu.png) center center no-repeat #1241a8;

	background-size: 18px auto;

	cursor: pointer;

}

.kf-side {

	padding: 18px 10px 10px;

	background: #1241a8;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	left: -34px;

	cursor: pointer;

}

.kf-side b {

	display: block;

	color: #fff;

	line-height: 18px;

	font-size: 14px;

	font-weight: 400;

}

.kf-side span.arrow {

	width: 12px;

	height: 12px;

	background: url(../images/jt-1.png) no-repeat;

	-ms-background-size: auto 12px;

	background-size: auto 12px;

	display: block;

	margin-top: 10px;

}

.kf-side span.on {

	background: url(../images/jt-2.png) no-repeat;

	-ms-background-size: auto 12px;

	background-size: auto 12px;

}

.header {
    background: #fff; /* 去掉背景图，改为纯白背景 */
}

.header .topbar {

	line-height: 40px;

	background-color: #f5f5f5; /* 改为浅灰色背�?*/

	color: #666; /* 改为深灰色文�?*/
    
    border-bottom: 1px solid #e5e5e5; /* 增加底部边框区分 */

}

.header .topbar a {

	color: #666; /* 链接也改为深灰色 */

}

.header .topbar a.wx {

	position: relative;

	display: block;

	padding-left: 30px; /* 增加左侧内边�?*/

}

.header .topbar a.wx::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px; /* (20/2) */
    width: 20px; /* 增大宽度 */
    height: 20px; /* 增大高度 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23666666' d='M17.49 11.23c0-2.83-2.65-5.13-5.91-5.13-3.27 0-5.92 2.3-5.92 5.13 0 2.83 2.65 5.13 5.92 5.13.71 0 1.39-.11 2.03-.31l1.45.76c.41.21.91-.12.87-.58l-.13-1.09c1.02-.99 1.69-2.35 1.69-3.91zM7.22 8.79c0-.49.4-.89.89-.89.49 0 .89.4.89.89 0 .49-.4.89-.89.89-.49 0-.89-.4-.89-.89zm7.04 0c0-.49.4-.89.89-.89.49 0 .89.4.89.89 0 .49-.4.89-.89.89-.49 0-.89-.4-.89-.89zm1.32 8.35c-2.38 0-4.31-1.68-4.31-3.75 0-2.07 1.93-3.75 4.31-3.75 2.38 0 4.31 1.68 4.31 3.75 0 1.13-.58 2.14-1.5 2.84l.09.8c.03.33-.33.57-.63.42l-1.06-.55c-.47.15-.96.24-1.48.24h.27zm1.18-4.22c.36 0 .65.29.65.65 0 .36-.29.65-.65.65-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65zm-2.95 0c.36 0 .65.29.65.65 0 .36-.29.65-.65.65-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; /* 确保完全填充 */
}

.header .topbar a.wx .img-center {

	position: absolute;

	left: 50%;

	top: 100%;

	padding: 10px;

	background-color: #fff;

	box-shadow: 0 5px 5px rgba(0,0,0,0.2);

	z-index: 10;

	width: 120px;

	height: 120px;

	line-height: 120px;

	border-radius: 10px;

	margin-left: -70px;

	display: none;

}

.header .topbar a.wx:hover .img-center {

	display: block;

}

.header .topbar ul {

	float: right;

}

.header .topbar li {

	float: left;

	color: #ddd;

}

.header .topbar li.pipe {

	padding: 0 10px;

}

/* Header Layout Refactoring */
.header .head-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.header .logo {
    float: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

.header .logo img {
    height: 60px;
    width: auto;
    vertical-align: middle;
}

.header .head-tel {
    display: flex;
    align-items: center;
}

.header .head-tel .icon {
    margin-right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.header .head-tel .text {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    font-family: Arial, sans-serif;
}

@media screen and (max-width: 991px) {
    .header .head-row {
        display: block;
        text-align: center;
        padding: 15px 0;
    }
    .header .logo {
        display: inline-block;
        margin-bottom: 0;
    }
    .header .head-tel {
        display: none;
    }
}

.header .nav {

	font-size: 0;

	background-color: #1241a8;

	color: #fff;



}

.header .nav li {

	display: inline-block;

	vertical-align: middle;

	border-right: 1px solid #0d307e;

}

.header .nav li a {

	display: block;

	font-size: 20px;

	line-height: 60px; /* 增加行高 */

	padding: 0 40px; /* 增加内边�?*/

	color: #fff;

}

.header .nav li .arr {

	float: right;

	height: 40px;

	width: 40px;

	position: relative;

	display: none;

}

.header .nav li .arr:after {

	content: '';

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	box-sizing: content-box;

	display: block;

	width: 8px;

	height: 8px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	right: 15px;

}

.header .nav li.dropdown {

	position: relative;

}

.header .nav .dropdown-box {

	position: absolute;

	left: 0;

	min-width: 100%;

	top: 100%;

	display: none;

	z-index: 10;

	text-align: center;

}

.header .nav .dropdown-box p {

	margin: 0;

}

.header .nav .dropdown-box a {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0 10px;

	font-size: 17px;

	background-color: rgba(0, 0, 0, 0.5) !important;

	line-height: 45px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.header .nav .dropdown-box a:hover {

	background-color: #0d307e !important;

}

.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {

	color: #fff;

	background-color: #0d307e;

}

.header .nav li.open .dropdown-box {

	display: block;

}

.header .sc-form {
    float: right;
    margin-top: 11px; /* (60-38)/2 = 11px */
    font-size: 0;
}

.header .sc-form input {
	float: left;
	padding: 0 15px;
	font-size: 14px; /* 字体加大 */
	border: 0;
    border-right: 0;
	width: 140px; /* 宽度加大 */
    height: 38px; /* 高度加大 */
    line-height: 38px;
    border-radius: 4px 0 0 4px;
    outline: none;
}

.header .sc-form button {
	float: left;
	padding: 0 25px; /* 内边距加�?*/
	border: none;
	cursor: pointer;
	height: 38px; /* 高度加大 */
    line-height: 38px;
	background: #ffc107;
    color: #333;
    font-size: 15px; /* 字体加大 */
    border-radius: 0 4px 4px 0;
    transition: background 0.3s;
    font-weight: bold;
}

}

.header .sc-form button:hover {
    background: #e0a800; /* 悬停加深黄色 */
}

.header .sc-form button::after {
    content: '搜索';
}

.menu-btn {

	display: none;

	padding: 6px 0;

	float: right;

	margin-left: 15px;

}

.menu-btn:before, .menu-btn:after, .menu-btn span {

	display: block;

	height: 2px;

	background-color: #1241a8;

	content: '';

}

.menu-btn:before {

	width: 24px;

}

.menu-btn:after {

	width: 18px;

	margin-left: 6px;

}

.menu-btn span {

	width: 12px;

	margin: 6px 0 6px 12px;

}

.footer-fix {

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: #fff;

	z-index: 10;

	display: none;

}

.footer-fix li {

	float: left;

	width: 25%;

}

.footer-fix li a {

	display: block;

	text-align: center;

	padding: 7px 0;

	font-size: 12px;

	line-height: 1;

}

.footer-fix li i {

	display: block;

	height: 20px;

	background: no-repeat center;

	background-size: contain;

	margin-bottom: 4px;

}

.footer-fix li i.i0 {

	background-image: url(../images/f_01.png);

}

.footer-fix li i.i1 {

	background-image: url(../images/f_02.png);

}

.footer-fix li i.i2 {

	background-image: url(../images/f_03.png);

}

.footer-fix li i.i3 {

	background-image: url(../images/f_04.png);

}

.swiper-pagination-bullet-active {

	background-color: #1241a8;

}

.str_wrap {

	position: relative;

	overflow: hidden;

}

.str_move {

	position: absolute;

	left: 0;

	width: 100%;

	top: 0;

}

.list-1 li {

	border-bottom: #d9d9d9 dotted 1px;

}

.list-1 li:last-child {

	border-bottom: 0;

}

.list-1 li a {

	display: block;

	line-height: 40px;

	padding-left: 15px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
    
    position: relative;

}

.list-1 li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #1241a8;
    border-radius: 50%;
}

.list-1 li span {

	float: right;

	color: #999;

}

.list-2 li {

	border-bottom: #d9d9d9 dashed 1px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.list-2 li a {

	display: block;

	padding-left: 15px;
    
    position: relative;

}

.list-2 li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    background-color: #1241a8;
    border-radius: 50%;
}

.list-2 li span {

	display: block;

	color: #999;

	font-size: 13px;

	margin-top: 5px;

}

.index-borad-1 {

	margin: 30px 0 0;

	float: left;

	background-color: #fff;

	width: 460px;

	border: #e8e8e8 solid 1px;

}

.home-hero {
	margin: 0;
	height: 460px;
	overflow: hidden;
	background: no-repeat center / cover;
	position: relative;
	display: block;
}

.home-hero-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.22) 100%), linear-gradient(90deg, rgba(13, 48, 126, 0.75) 0%, rgba(13, 48, 126, 0.35) 55%, rgba(13, 48, 126, 0.10) 100%);
}

.home-hero-inner {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-hero-inner .container {
	display: flex;
	justify-content: center;
}

.home-hero-card {
	display: inline-block;
	padding: 26px 44px;
	background: rgba(13, 48, 126, 0.72);
	border-radius: 0;
	box-shadow: none;
}

.home-hero-card-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	color: #fff;
	font-size: 42px;
	font-weight: 900;
	letter-spacing: 3px;
	line-height: 1.2;
	text-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

.home-hero-card-title i {
	display: inline-block;
	width: 1px;
	height: 46px;
	background: rgba(255, 255, 255, 0.30);
}

.home-hero-card-desc {
	margin-top: 12px;
	font-size: 15px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.92);
	text-align: center;
	max-width: 720px;
}

.index-borad-1 .swiper-slide a {

	display: block;

}

.index-borad-1 .swiper-slide .img-cover {

	height: 306px;

}

.index-borad-1 .swiper-slide dl {

	margin: 0;

	overflow: hidden;

	padding: 20px 20px 20px 10px;

}

.index-borad-1 .swiper-slide dt {

	float: left;

	border-right: 1px solid #e8e8e8;

	text-align: center;

	width: 100px;

	line-height: 1;

	color: #999;

	font-size: 12px;

	padding: 3px 0;

}

.index-borad-1 .swiper-slide dt strong {

	display: block;

	font-size: 20px;

	margin-bottom: 6px;

}

.index-borad-1 .swiper-slide dd {

	margin-left: 120px;

	font-size: 16px;

	height: 44px;

	overflow: hidden;

}

.index-borad-1 .swiper-button-prev, .index-borad-1 .swiper-button-next {

	margin-top: -63px;

}

.index-borad-1 .swiper-pagination {

	bottom: 94px;

	text-align: right;

}

.index-borad-1 .swiper-pagination-bullet {

	margin: 0 10px 0 0 !important;

}

.index-borad-2 {

	float: left;

	margin: 30px 0 0 -1px;

	background-color: #fff;

	border: #e8e8e8 solid 1px;

	padding: 24px;

	width: 430px;

	height: 350px;

}

.index-borad-2 .tit {

	font-size: 0;

	margin-bottom: 20px;

}

.index-borad-2 .tit span {

	display: inline-block;

	vertical-align: middle;

	line-height: 41px;

	padding: 0 20px 0 15px;

	font-size: 20px;

	background: #1241a8;

	color: #fff;
    
    position: relative;
    
    border-left: 5px solid #ffc107;

}



.index-borad-2 .tit .more {

	float: right;

	font-size: 16px;

	line-height: 41px;

}

.index-borad-2 .list-1 li:first-child a {

	font-size: 18px;

	color: #1241a8;

}

.index-borad-3 {

	float: right;

	background-color: #fff;

	border: #e8e8e8 solid 1px;

	padding: 24px;

	height: 350px;

	margin: 30px 0 0;

	width: 400px;

}

.index-borad-3 .tit {

	margin: 0 0 20px;

	font-size: 20px;

	color: #1241a8;

	border-bottom: #e8e8e8 solid 1px;

	padding-bottom: 10px;

}

.index-borad-3 .tit .more {

	float: right;

	font-size: 16px;

	line-height: 28px;

}

.index-borad-3 .list-2 {

	height: 290px;

	overflow: hidden;

}

.panel {

	background-color: #fff;

	border: #e8e8e8 solid 1px;

	margin-top: 20px;

	border-radius: 3px;

	padding: 0 20px 16px;

}

.panel .tit {

	margin-bottom: 10px;

	padding: 14px 0;

	border-bottom: #e8e8e8 solid 1px;

}

.panel .tit span {

	font-size: 20px;

	display: block;

	color: #1241a8;

	padding-left: 15px;
    
    position: relative;

}

.panel .tit span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 20px;
    background: #1241a8;
}

.panel .tit .more {

	float: right;

	font-size: 16px;

	line-height: 28px;

}

.panel .list-1 {

	margin-top: -5px;

}

.col-1, .col-2 {

	margin-left: -10px;

}

.col-1 .col-item {

	float: left;

	margin-left: 10px;

	width: 460px;

}

.col-2 .col-item {

	float: left;

	margin-left: 10px;

	width: 460px;

}

.gg {

	width: 260px !important;

}

.gg .panel {

	height: 271px;

	background: url(../images/picTz01.jpg) no-repeat center / 100% 100%;

	border: 0;

	padding: 0;

}

.gg a {

	display: block;

	height: 90px;

}

.ad-1 {

	margin-top: 20px;

}

.notice-tabs {
	display: flex;
	clear: both;
	margin: 30px 0 20px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

.notice-tabs-aside {
	width: 280px;
	padding: 34px 18px 26px;
	background: linear-gradient(180deg, #1241a8 0%, #0d307e 100%);
	color: #fff;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.notice-tabs-title {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 22px;
}

.notice-tabs-buttons {
	margin-top: 10px;
}

.notice-tabs-copy {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	color: rgba(255, 255, 255, 0.86);
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	text-align: center;
}

.notice-tab-btn {
	display: block;
	padding: 13px 14px;
	margin: 12px 0;
	border-radius: 8px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.10);
	text-decoration: none;
	transition: all 0.2s ease;
}

.notice-tab-btn:hover {
	background: rgba(255, 255, 255, 0.18);
}

.notice-tab-btn.active {
	background: #fff;
	color: #1241a8;
	border-color: rgba(255, 255, 255, 0.55);
	font-weight: 700;
}

.notice-tabs-main {
	flex: 1;
	min-width: 0;
	padding: 18px 26px 16px;
	box-sizing: border-box;
}

.notice-quick {
	display: flex;
	gap: 12px;
	background: #f6f8fc;
	border: 1px solid #e6ecf7;
	border-radius: 10px;
	padding: 12px 14px;
	margin-bottom: 12px;
}

.notice-quick-item {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #333;
}

.notice-quick-item .k {
	flex: none;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(18, 65, 168, 0.12);
	color: #1241a8;
	font-weight: 700;
	letter-spacing: 1px;
}

.notice-quick-item a {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.notice-quick-item a:hover {
	color: #1241a8;
}

.notice-quick-item .d {
	flex: none;
	color: #888;
	font-size: 12px;
}

.notice-tabs-main-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
	margin-bottom: 6px;
}

.notice-tabs-current {
	font-size: 22px;
	font-weight: 700;
	color: #333;
}

.notice-tabs-more {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

.notice-tabs-more:hover {
	color: #1241a8;
}

.notice-tabs-tools {
	display: flex;
	align-items: center;
	gap: 10px;
}

.notice-search {
	display: flex;
	align-items: center;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 999px;
	overflow: hidden;
	height: 38px;
}

.notice-search input {
	border: 0;
	padding: 0 14px;
	height: 38px;
	line-height: 38px;
	width: 220px;
	font-size: 14px;
	box-sizing: border-box;
}

.notice-search button {
	border: 0;
	height: 38px;
	line-height: 38px;
	padding: 0 16px;
	background: #1241a8;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.notice-search button:hover {
	background: #0d307e;
}

.notice-tab-panel {
	display: none;
}

.notice-tab-panel.active {
	display: block;
}

.notice-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.notice-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 16px;
	line-height: 50px;
	border-bottom: 1px dotted #ddd;
	color: #333;
	text-decoration: none;
	position: relative;
	font-size: 16px;
}

.notice-list li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	background: #1241a8;
	border-radius: 50%;
	opacity: 0.9;
}

.notice-list li a:hover {
	color: #1241a8;
}

.notice-list li a .t {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 18px;
}

.notice-list li a .d {
	flex: none;
	font-size: 13px;
	color: #888;
}

@media screen and (max-width: 767px) {
	.notice-tabs {
		display: block;
		margin: 18px 0 14px;
	}

	.notice-tabs-aside {
		width: auto;
		padding: 16px 14px;
		display: block;
	}

	.notice-tabs-title {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.notice-tabs-buttons {
		display: flex;
		gap: 10px;
	}
	
	.notice-tabs-copy {
		margin-top: 12px;
		padding-top: 10px;
		font-size: 12px;
		letter-spacing: 0;
	}

	.notice-tab-btn {
		flex: 1;
		margin: 0;
		padding: 10px 8px;
		font-size: 14px;
		border-radius: 6px;
	}

	.notice-tabs-main {
		padding: 14px;
	}

	.panel {
		margin-top: 12px;
		padding: 0 15px 12px;
	}

	.notice-tabs-main-hd {
		display: block;
	}

	.notice-tabs-tools {
		margin-top: 10px;
		justify-content: space-between;
	}

	.notice-search input {
		width: 180px;
	}

	.notice-quick {
		display: block;
		padding: 10px 12px;
	}

	.notice-quick-item {
		padding: 8px 0;
		border-bottom: 1px solid #e6ecf7;
	}

	.notice-quick-item:last-child {
		border-bottom: 0;
	}

	.notice-tabs-current {
		font-size: 18px;
	}

	.notice-list li a {
		line-height: 42px;
		font-size: 14px;
	}

	.notice-list li a .d {
		font-size: 12px;
	}
}

.tupian .swiper-slide a {

	display: block;

}

.tupian .swiper-slide .img-center {

	height: 213px;

	line-height: 213px;

}

.tupian .swiper-slide p {

	margin: 10px 0 0;

	text-align: center;



	overflow: hidden;

}

.tupian .swiper-pagination {

	position: static;

	margin-top: 10px;

}

.ztzl {

	background-color: #fff;

	border: #e8e8e8 solid 1px;

	margin-top: 10px;

	padding: 20px;

}

.ztzl .tit {

	float: left;

	width: 72px;

	height: 72px;

	background: url(../images/ztzlTz_h2.gif) no-repeat center/ contain;

	font-size: 0;

}

.ztzl ul {

	margin-left: 90px;

	overflow: hidden;

}

.ztzl li {

	float: left;

	width: 33.333333%;

}

.ztzl li a {

	display: block;

	line-height: 36px;

	background: url(../images/icoTz10.png) no-repeat left center;

	padding-left: 20px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-left: 20px;

}



.main {

	background-color: #fff;

	padding: 20px;

}

.ct2-sd {

	float: left;

	width: 260px;

}

.ct2-mn {

	float: right;

	width: 880px;

}

.ct2-sd .panel {

	background-color: #f6f6f6;

	border: 0;

}

.panel-sd {

	margin-bottom: 20px;

	background-color: #f6f6f6;

}

.panel-sd:last-child {

	margin-bottom: 0;

}

.panel-sd .tit {

	text-align: center;

	color: #fff;

	font-size: 20px;

	background-color: #1241a8;

	padding: 15px 0;

}

.panel-sd .tit span {

	display: block;

	text-transform: uppercase;

	font-size: 14px;

	color: #b5d9ff;

}

.lanmu li {

	border-bottom: 1px dotted #ddd;

}

.lanmu li:last-child {

	border-bottom: 0;

}

.lanmu li>a {

	display: block;

	line-height: 44px;

	padding: 0 0 0 25px;

	font-size: 18px;

}

.lanmu li .arr {

	float: right;

	height: 45px;

	width: 40px;

	position: relative;

	cursor: pointer;

}

.lanmu li .arr:after {

	content: '';

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	box-sizing: content-box;

	display: block;

	width: 8px;

	height: 8px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	right: 15px;

}

.lanmu-box {

	display: none;

}

.lanmu-box p {

	margin: 0;

	border-top: 1px dotted #ddd;

	padding-left: 15px;

}

.lanmu-box p a {

	padding: 0 25px;

	display: block;

	line-height: 40px;

}

.lanmu li>a:hover, .lanmu li.active>a {

	color: #1241a8;

	font-weight: bold;

}

.lanmu li.open .lanmu-box {

	display: block;

}

.lanmu li.open .arr:after {

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

}

.position {

	padding: 0 0 15px 25px;

	border-bottom: #f0f0f0 solid 2px;

	margin-bottom: 15px;

    position: relative;
    
    font-size: 16px; /* 明确字体大小 */
    
    color: #666;

}

.position::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%230056D2' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pages {

	margin: 20px 0 0;

	text-align: center;

	font-size: 0;

}

.pages a {

	display: inline-block;

	font-size: 14px;

	line-height: 35px;

	padding: 0 14px;

	margin: 5px;

	background-color: #f5f5f5;

	border-radius: 3px;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.pages a:hover, .pages a.active {

	background-color: #1241a8;

	color: #fff;

}

.list-3 {

	border-bottom: #dadada dashed 1px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.list-3 li a {

	display: block;

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 16px;

}

.list-3 li span {

	float: right;

	color: #999;

}

.list-3 .line {

	border-bottom: #dadada dashed 1px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.bordernone {

	border-bottom: none;

}

.fengmian-tit {

	border-bottom: 2px solid #e2e2e2;

	margin-bottom: 15px;

}

.fengmian-tit .more {

	float: right;

	line-height: 28px;

}

.fengmian-tit span {

	display: inline-block;

	font-size: 20px;

	background: url(../images/icoTz09.png) no-repeat 0 5px;

	padding-left: 15px;

	color: #1241a8;

	border-bottom: 2px solid #1241a8;

	margin-bottom: -2px;

	padding-bottom: 10px;

}

.news-wrap {

	padding: 30px 40px;

}

.news-title {
	border-bottom: 1px solid #eee; /* Very subtle separator */
	padding-bottom: 30px;
	margin-bottom: 40px;
	text-align: center;
    position: relative;
}

.news-title h1 {
    margin: 0 0 20px;
    font-size: 38px;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
    position: relative;
    padding-bottom: 15px; /* Space for the pseudo-element */
}

.news-title h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px; /* Center the 80px line */
    width: 80px;
    height: 4px;
    background: #1241a8; /* Primary blue */
    border-radius: 2px;
}

.news-title p {
	margin: 20px 0 0;
	font-size: 0;
    text-align: center; /* Center align meta info */
}

.news-title p span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999;
	margin: 0 15px; /* Increased spacing */
}

.news-content {

	line-height: 1.8;

}

.news-content img {

	max-width: 100% !important;

	width: auto !important;

	height: auto !important;

}

 @media screen and (max-width: 1199px) {

body {

	min-width: 320px;

	padding-top: 50px;

	padding-bottom: 50px;

}

.container {

	width: auto;

}

.kf {

	display: none;

}

.footer-fix {

	display: block;

}

.header {

	padding: 10px 0;

	position: fixed;

	z-index: 10;

	width: 100%;

	top: 0;

	left: 0;

	box-shadow: 0 0 10px #ddd;

	background-size: auto 50px;

	background-position: right 0;

}

.header .topbar, .header .sc-form {

	display: none;

}

.header .head-row {
	display: flex;
	
	position: relative;
	padding: 0 15px;
}

.header .logo {

	float: none;

	padding: 0;

}

.header .logo img {
	height: 30px;
	width: auto;
	display: block;
}

.menu-btn {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	float: none;
	margin-left: 0;
}

.header .nav {

	margin: 10px 0 -10px;

	text-align: left;

	display: none;

	background-color: transparent;

	border-bottom: 0;

}

.header .nav ul {

	margin: 0 -15px;

}

.header .nav li {

	display: block;

	margin: 0;

	border-top: 1px solid #eee;

	border-right: 0;

}

.header .nav li a {

	line-height: 40px;

	padding: 0 15px;

	color: #333;

	font-size: 16px;

}

.header .nav li .arr {

	display: block;

}

.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {

	background-color: transparent;

	color: #1241a8

}

.header .nav li.open .arr:after {

	border-color: #1241a8;

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

}

.header .nav .dropdown-box {

	position: static;

	background-color: #f5f5f5;

	min-width: auto;

	text-align: left;

}

.header .nav .dropdown-box a {

	color: #333 !important;

	border-top: 1px dotted #ddd;

	padding: 0 15px;

	line-height: 40px;

	background-color: transparent !important;

	border-bottom: 0;

}

.menu-btn {

	display: block;

}

.index-borad-1 {

	width: auto;

	float: none;

	margin-top: 10px;

}

.home-hero {
	height: 260px;
}

.home-hero-inner .container {
	padding: 0 20px;
}

.home-hero-card {
	padding: 16px 18px;
	border-radius: 0;
}

.home-hero-card-title {
	font-size: 22px;
	gap: 16px;
	letter-spacing: 1px;
}

.home-hero-card-title i {
	height: 26px;
}

.home-hero-card-desc {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.75;
}

.index-borad-1 .swiper-slide .img-cover {

	height: auto;

	padding-top: 66.6%;

}

.index-borad-1 .swiper-slide dl {

	padding: 15px 15px 15px 0;

}

.index-borad-1 .swiper-slide dt {

	width: 75px;

}

.index-borad-1 .swiper-slide dd {

	margin-left: 90px;

}

.index-borad-1 .swiper-button-prev, .index-borad-1 .swiper-button-next {

	-webkit-transform: scale(0.5);

	transform: scale(0.5);

}

.index-borad-1 .swiper-pagination {

	bottom: 85px;

}

.index-borad-2 {

	margin: 10px 0 0;

	width: auto;

	height: auto;

	float: none;

	padding: 15px;

}

.index-borad-2 .tit {

	margin-bottom: 10px;

}

.index-borad-2 .tit span {

	font-size: 18px;

	line-height: 36px;

	padding-left: 12px;

}

.index-borad-2 .tit .more {

	line-height: 36px;

}

.index-borad-3 {

	margin: 10px 0 0;

	width: auto;

	height: auto;

	float: none;

	padding: 15px;

}

.index-borad-3 .tit {

	margin-bottom: 15px;

	font-size: 18px;

}

.index-borad-3 .tit .more {

	line-height: 25px;

	font-size: 14px;

}

.col-1 .col-item, .col-2 .col-item {

	float: none;

	width: auto;

}

.panel .tit span {

	font-size: 18px;

}

.panel .tit .more {

	font-size: 14px;

	line-height: 25px;

}

.gg {

	display: none;

}

.ztzl {

	padding: 15px;

}

.ztzl .tit {

	float: none;

	background: none;

	font-size: 18px;

	height: auto;

	width: auto;

	color: #1241a8;

	margin-bottom: 10px;

}

.ztzl ul {

	margin: 0;

}

.ztzl li {

	float: none;

	width: auto;

}

.ztzl li a {

	margin-left: 0;

}

}

.footer {
    background: #222;
    padding: 40px 0 30px;
    color: #bbb;
    margin-top: 50px;
    text-align: center;
}

.footer-links {
    font-size: 0;
    margin-bottom: 18px;
}

.footer-links a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 0 16px;
    position: relative;
    line-height: 1.4;
}

.footer-links a::after {
    content: '|';
    position: absolute;
    right: -2px;
    top: 0;
    color: rgba(255,255,255,0.35);
}

.footer-links a:last-child::after {
    content: '';
}

.footer-links a:hover {
    color: #1241a8;
}

.footer-lines p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.9;
    color: #bbb;
}

.footer-lines a {
    color: #bbb;
    text-decoration: none;
    margin: 0 6px;
}

.footer-lines a:hover {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .footer {
        padding: 30px 0 20px;
    }
    .footer-links a {
        padding: 0 10px;
        font-size: 14px;
    }
    .footer-lines p {
        padding: 0 15px;
        font-size: 13px;
    }
}

/* Sidebar Layout Refactoring */
.main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0;
    background-color: transparent !important; /* Force transparent background */
}

.ct2-sd {
    display: block !important;
    width: 300px; /* Increased width */
    background: #fff; /* White background for sidebar */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Optional subtle shadow */
}

.ct2-mn {
    display: block !important;
    float: none !important;
    width: calc(100% - 320px) !important; /* Adjusted for wider sidebar */
    background: #fff; /* White background for main content */
    min-height: 500px;
    padding: 30px; /* Internal padding for content */
    box-sizing: border-box; /* Ensure padding is included in width */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Optional subtle shadow */
}

/* About Page (Single Page) Full Width Style */
.about-mn {
    display: block;
    width: 100%;
    background: #fff;
    min-height: 500px;
    padding: 0; /* Let news-wrap handle padding */
   
}

@media screen and (max-width: 767px) {
    .about-mn {
        padding: 0;
    }
}

/* Sidebar Styles */
.panel-sd .tit {
    font-size: 24px; /* Larger font */
    color: #fff;
    background: #1241a8;
    padding: 30px 20px; /* Larger background area */
    margin-bottom: 0;
    text-align: center; /* Centered text */
}

.panel-sd .tit span {
    color: #fff !important; /* Ensure span is white */
    font-size: inherit !important; /* Inherit larger font */
    background: none !important; /* Remove any old background */
    padding: 0 !important; /* Reset padding */
}

.panel-sd .lanmu {
    border: none; /* Remove border for cleaner look */
   
    background: #fff;
}

.panel-sd .lanmu li a {
    display: block;
    padding: 18px 30px; /* More breathing room */
    font-size: 16px; /* Slightly larger text */
    color: #333;
    border-bottom: 1px dashed #eee;
    transition: all 0.3s;
    position: relative;
}

.panel-sd .lanmu li:last-child a {
    border-bottom: none;
}

.panel-sd .lanmu li.active a,
.panel-sd .lanmu li a:hover {
    color: #1241a8;
    background: #f9f9f9;
    padding-left: 40px; /* Increased indentation on hover */
}

.panel-sd .lanmu li.active a::before,
.panel-sd .lanmu li a:hover::before {
    content: '';
    position: absolute;
    left: 20px; /* Adjusted position */
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1241a8;
}

/* Mobile Adaptation for Main Content */
@media screen and (max-width: 767px) {
    .main {
        display: block;
        padding: 15px;
    }
    .ct2-sd {
        display: none !important;
        width: 100%;
        margin-bottom: 20px;
    }
    .ct2-mn {
        width: 100% !important;
    }
}

.position {

	font-size: 16px; /* 统一�?16px */

	padding-left: 25px; /* 留出图标空间 */

	padding-bottom: 10px;

	margin-bottom: 10px;
    
    background: none; /* 清除背景 */

}

.pages {

	margin-top: 15px;

}

.pages a {

	font-size: 12px;

	line-height: 30px;

	padding: 0 12px;

}

.list-3 {

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.list-3 li a {

	font-size: 16px;

	line-height: 42px;

}

.fengmian-tit {

	margin-bottom: 10px;

	margin-top: 15px;

}

.fengmian-tit span {

	font-size: 18px;

	background-position: 0 3px;

}

.fengmian-tit .more {

	line-height: 25px;

}

.news-wrap {

	padding: 0;

}

.news-title {

	padding-bottom: 10px;

	margin-bottom: 10px;

	text-align: center;

}

.news-title h1 {

	font-size: 28px;

}

.news-title p {

	margin-top: 10px;

}

.news-title p span {

	font-size: 12px;

	margin: 0 5px;

}

}
/* Pagination Optimization */
.ab_pages {
    clear: both;
    padding: 40px 0 20px;
    margin-top: 40px; /* Separate from content above */
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #eee; /* Visual separation line */
}

.ab_pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    font-size: 0; /* Remove gaps between inline-blocks */
}

.ab_pages ul a {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 16px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    border-radius: 4px; /* Rounded corners */
    transition: all 0.3s;
    text-decoration: none;
    float: none; /* Remove float */
}

.ab_pages ul a:hover {
    color: #fff;
    background-color: #1241a8;
    border-color: #1241a8;
}

.ab_pages ul a.page-num-current {
    color: #fff;
    background-color: #1241a8;
    border-color: #1241a8;
    font-weight: bold;
}

/* Mobile Pagination Adaptation */
@media screen and (max-width: 767px) {
    .ab_pages {
        padding: 20px 0;
        margin-top: 20px;
    }
    .ab_pages ul a {
        padding: 6px 10px;
        margin: 0 3px;
        font-size: 12px;
    }
}

/* Hero Banner Styles */
.hero-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
    margin-bottom: 0;
    position: relative;
    color: #fff;
    text-align: center;
    background-color: #1241a8; /* Fallback color */
}

/* Overlay for better text readability */
.hero-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.hero-banner .container {
    position: relative;
    z-index: 1;
}
.topbar .container {font-size: 14px;}

.hero-content h1 {
    font-size: 36px;
    margin: 0 0 20px;
    font-weight: normal;
    letter-spacing: 2px;
}

.hero-position {
    font-size: 14px;
    opacity: 0.9;
}

.hero-position a {
    color: #fff;
    margin: 0 5px;
}

.hero-position a:hover {
    text-decoration: underline;
}

/* Mobile Adaptation for Hero Banner */
@media screen and (max-width: 767px) {
    .hero-banner {
        padding: 40px 0;
    }
    .hero-content h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .hero-position {
        font-size: 12px;
    }
}

/* Content Search Form */
.content-search {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.content-search form {
    position: relative;
    max-width: 100%;
}

.content-search input {
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0 100px 0 15px; /* Space for button */
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    transition: all 0.3s;
    outline: none;
}

.content-search input:focus {
    border-color: #1241a8;
}

.content-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 44px;
    border: none;
    background: #1241a8;
    color: #fff;
    font-size: 15px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: background 0.3s;
}

.content-search button:hover {
    background: #0d307e;
}

/* Back to List Button */
.back-list-btn {
    text-align: center;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.back-list-btn a {
    display: inline-block;
    padding: 10px 40px;
    background-color: #1241a8;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s;
}

.back-list-btn a:hover {
    background-color: #0d307e;
}

.news-content img{ max-width:100%; height:auto !important}