html {
    background-color: #f9f9f9;
}

body {
    /* background: url(../images/top-bg.jpg) top center repeat-x #f1f6fc; */

    background-image: url(../images/top-bg.jpg);
    background-repeat: no-repeat;
    /* 不重复 */
    background-size: 100% auto;
    /* 宽度100%，高度自动（保持宽高比）*/
    background-position: top center;
    /* 图片居中显示 */


    width: 100%;
    /* 或者你想要的任何宽度 */



    min-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-family: "Microsoft YaHei", "SimSun", "Arial Narrow";
    font-size: 16px;
}

.site-top {
    background: #4995e5;
    color: #fcf2f2;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
}

.wrap {
    width: 1116px;
    margin: 0 auto;
    padding: 0 12px;
    overflow: hidden;
}

.fn-left {
    float: left;
}

.fn-left,
.fn-right {
    display: inline;
}

.site-date {
    font-family: SimSun;
}

.fn-right {
    float: right;
}

.site-warp,
.site-banner {
    height: 177px;
    background: none;
}

.site-warp {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    height: 177px;
}

.logo-img>img {
    margin-top: 37px;
}

.site-search {
    border: 2px solid #025293;
    width: 270px;
    height: 45px;
    margin-top: 126px;
}

.site-search-txt {
    border: none;
    width: 208px;
    height: 39px;
    line-height: 26px;
    padding: 3px 5px;
    float: left;
}

input,
select,
textarea {
    font-size: 100%;
}


.site-search-submit {
    background: url(../images/select-btn.jpg);
    cursor: pointer;
    border: none;
    width: 52px;
    height: 45px;
    float: left;

}




.i-site {
    background-image: url(../images/select-btn.jpg);
    background-repeat: no-repeat;
}



.nav {
    width: 1140px;
    margin: auto;
    background: #305aae;
    font-size: 18px;
    /* font-weight: bold; */
    height: 60px;
    line-height: 60px;
    color: #ffffff;
}

.nav,
.nav-hover-wrap {
    height: 60px;
    background: #305aae;
}

ul.nav {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    /* margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
    padding-inline-start: 60px;
}

.nav li {
    position: relative;
    /* margin: 0 25px; */
    /* padding-left: 36px; */

    font-size: 18px;
    /* font-weight: bold; */
    display: inline;
    /* margin: 0 9px; */
    padding: 15px 0px;
}

.nav li:not(:last-child)::after {
    content: " |";
    padding-right: 25px;
    padding-left: 25px;
    /* 根据需要调整间距 */
    font-size: 14px;
}


/* 未访问的链接 */
.nav a:link {
    color: #ffffff;
    text-decoration: none;
}

/* 已访问的链接 */
.nav a:visited {
    color: #ffffff;
}

/* 鼠标悬停在链接上 */
.nav a:hover {
    color: #ffffff;
    text-decoration: underline;
}



/* 链接被激活时 */
.nav a:active {
    color: #ffffff;
    text-decoration: none;
}



.nav-child {
    background: #305aae;
    padding: 1px 0;
    top: 0px;

    position: absolute;
    left: -33px;
    top: 42px;
    z-index: 99;
    width: 100%;
    padding-top: 10px;
}

.nav-child li {
    height: 45px;
    line-height: 45px;
    display: block;
    padding: 0px 0px;
}

.nav-child li a {
    width: 100%;
    display: block;
    padding: 0;
    font-size: 16px;
    background: none;
    text-align: center;
}

.nav-child li:not(:last-child)::after {
    content: "";
    padding-right: 30px;
    padding-left: 30px;
    /* 根据需要调整间距 */
    font-size: 18px;
}



.i-index {
    background-position: 0 -1188px;
}


.bg-white-1200 {
    background-color: #ffffff;
    width: 1180px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}




.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
    margin: auto;
    /* 定义两列，每列占据可用空间的一部分 */
}


/* 公路新闻 begin */
.jdt-tab {
    display: inline-block;
    width: 594px;
    margin-top: 5px;
    margin-left: 0px;
}

/* 公路新闻 end */



/* 公路新闻 begin */
.list-tab1 {
    /* margin-right: 20px; */
    display: inline-block;
    width: 100%;
}

.right {
    margin-left: 10px;
}

.w580px {
    width: 580px;
}

.w437px {
    width: 437px;
}


.mt10 {
    margin-top: 0px;
}

ul,
ol,
li,
dt,
dd {
    list-style: none;
}

ul.comlist1 {
    margin-left: 0px;
    padding-inline-start: 10px;
    margin: 5px 10px 0px 0px;
}

ul.comlist1 li {
    background: url(../images/list.png) left center no-repeat;
    padding-left: 14px;
}

ul.comlist1 li span {
    float: right;
    color: #999999;
    font: 16px / 36px "微软雅黑";
}

ul.comlist1 li a {
    font: 16px / 36px "微软雅黑";
    color: #555555;
    display: block;
    padding-right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.comlist1 a:hover { 
    text-decoration: underline;
}


a {
    text-decoration: none;
    cursor: pointer;
    border: 0;
    color: #555555;
}

.pr {
    position: relative;
}

.clearfix {
    zoom: 1;
}

.comtit a:hover,
.comtit a.cur {
    color: #666666;
    /* background-color: #2c74e0; */
    border-bottom: 2px solid #2c74e0;
}

.comtit a {
    display: inline-block;
    text-align: center;
    /* background-color: #eff7ff; */
    float: left;
    font: 18px / 44px "微软雅黑";
    color: #666666;
    padding: 0 20px;
    margin-right: 0px;

}



.tab-hd1 {
    border-bottom: 2px solid #dbdbdb;
    height: 44px;
}

.tab-hd1 span {
    float: right;
    padding: 10px 20px;
}

.tab-hd {
    border-bottom: 2px solid #dbdbdb;
    height: 44px;
}

.tab-hd span {
    float: right;
    padding: 10px 20px;
}

.tab-hd-a {
    display: inline-block;
    text-align: center;
    /* background-color: #eff7ff; */
    float: left;
    font: 18px / 44px "微软雅黑";
    color: #666666;
    padding: 0 20px;
    margin-right: 0px;
    border-bottom: 2px solid #2c74e0;

}



.tab-more {
    display: none;
}

/* 公路新闻 end */


/* 信息公开 */
.xxgk {
    margin-top: 10px;
    text-align: left;
}

.xxgk a {
    display: inline-block;
    width: 139px;
    padding-left: 48px;
}


.container2 {
    display: grid;
    grid-template-columns: 0.62fr 0.38fr;
    height: auto;
    margin: auto;
    /* 定义两列，每列占据可用空间的一部分 */
}

ul.videoImg {
    display: block;
    list-style-type: disc;
    padding-inline-start: 5px;
    margin: 5px 0px;

}

.videoImg li {
    position: relative;
    /* display: inline; */
    display: inline-block;
}

.index-list .videoImg li a {
    display: block;
    /* 使得a标签内部的内容（图片和span）按块级元素处理 */
    text-decoration: none;
    /* 移除链接的下划线 */

    text-align: center;
}

.videoImg-bg {
    display: block;
    width: 290px;
    height: 165px;
    object-fit: cover;
}



.index-list .videoImg li .videoImg-span {
    display: block;
    /* 使得文本占满整个a标签剩余的空间，并且独自占据一行 */
    text-overflow: ellipsis;
    width: 290px;
    white-space: nowrap;
    /* 防止文本换行 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
}

.videoImg-img {
    position: absolute;
    top: 58px;
    left: 111px;
}


.hover-zoom {
    height: auto;
    /* 保持图片比例 */
    transition: transform 0.5s ease;
    /* 过渡效果，这里指定了变换（transform）属性在0.5秒内平滑过渡 */
}

.hover-zoom:hover {
    /* 鼠标悬停时的样式 */
    transform: scale(1.03);
    /* 放大到原来的1.1倍 */
    text-decoration: underline;
}


.footer {
    height: 165px;
    background-color: #3a8ce4;
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中，如果需要的话 */
}

.foot1 {
    position: absolute;
    top: 8px;
    right: 10px;
}
.foot2 {
    position: absolute;
    top: -2px;
    left: 10px;
}

.footer .wrapper {
    position: relative;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}

.foot-p {
    text-align: center;
}

.foot-p span {
    padding: 0 4px;
    font: 16px / 28px "微软雅黑";
    color: #fff;
}

/*分页*/
.navigation{
    margin-top: 20px;
    text-align: center;
}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	/* display: block; */
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #3a8ce4;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #3a8ce4;
	border-color: #3a8ce4;
}
.page-num-current:hover {
	color: #fff;
}