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 {
            margin: auto;
            height: 145px;
            background: none;
            width: 1200px;
        }

        .site-banner{
            background: url(../images/top-bg.jpg) top center repeat-x #f1f6fc;
        }

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

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

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

        .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: 29px;
            padding-left: 29px;
            /* 根据需要调整间距 */
            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;
        }
        .i-index  img{
            vertical-align: middle;
            margin: -5px 5px 0 0;
        }

        .i-info-site img{
            vertical-align: middle;
            margin: -5px 5px 0 0;
        }


        .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;
            /* 水平居中，如果需要的话 */
        }
		
		.footCenter{
			 position: absolute;
              top:116px;	
			 left:207px;
		}

        .foot1 {
            position: absolute;
            top: -23px;
            right: 10px;
        }

        .footer .wrapper {
            position: relative;
        }

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

        .foot-p {
            text-align: center;
        }
		
		.foot-p  a{
           color: #ffffff;
        }

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

        /* 服务热线 */
        .fwyx{
            padding-left: 30px;
            font-size: 18px;
        }
        .wxcode{
            padding-left: 30px;
            padding-top: 10px;
        }