@charset "UTF-8";

body { background: none;}
a:hover { text-decoration: none;}

/* header -------------------------- */
.header { position: relative; z-index: 1; }
.container { max-width: 1200px; margin: 0 auto;}
.top-bg { position: absolute; left: 0; top: 0; width: 100%; min-width: 1200px;}
.banner img { max-width: 1920px; height: auto; width: 100%;}

.topBar .elderlyMode { display: none !important;}


/* logo */
#logo { width: 150px;float: left;position: static; width: 150px; margin-right: 10px;}
#logo img { margin-top:3px; max-width: 100%;}


/* content -------------------------- */
.content { background: #E3F6F7 url(../img/bg-03.jpg) no-repeat center; }

/* box-default */
.box-default .hd { display: flex; align-items: center; justify-content: space-between; line-height: 50px; height: 50px; padding-top: 40px; margin-bottom: 40px; }
.box-default .hd h3 { font-size: 35px; font-family: "Source Han Serif CN"; font-weight:bold;  display: flex; align-items: center; justify-content: space-between; }
.box-default .hd h3 a { color: #246A79; padding: 0 50px;}

.box-default .hd::before,
.box-default .hd::after,
.box-default .hd h3::before,
.box-default .hd h3::after { display: block; content: ""; }

.box-default .hd::before,
.box-default .hd::after { flex: 1; height: 1px; background-color: #246A79;}
.box-default .hd h3::before,
.box-default .hd h3::after { width: 23px; height: 16px; background: url(../img/dot.png) no-repeat; }
.box-default .hd h3::after { background: url(../img/dot2.png) no-repeat; }


/* info-list */
.info-list { display: flex; justify-content: space-between; text-align: left; font-size: 16px; flex-wrap: wrap; }
.info-list li { padding: 10px; width: 580px; height: 70px; min-width: 0; flex-shrink: 0; background: url(../img/bg-01.png) no-repeat center; margin-bottom: 10px; transition: 0.4s; }
.info-list li a { display: block; line-height: 70px; height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 45px; box-sizing: border-box; }
.info-list li:hover { background: url(../img/bg-02.png) no-repeat center; }
.info-list li:hover a { color: #fff; }

/* top-list */
.top-list { display: flex; justify-content: space-between; text-align: left; font-size: 16px; flex-wrap: wrap; }
.top-list li { min-width: 0; width: 48%; }
.top-list .t { display: flex; gap: 30px; position: relative; padding: 70px 30px 30px; margin-bottom: 15px; background-color: #fff; box-sizing: border-box; border: 1px solid #E1EBED; border-radius: 10px; box-shadow: 0px 0px 20px rgba(136, 170, 177, 0.25); }
.top-list .t .pic,
.top-list .t .pic img { width: 260px; height: 160px; }
.top-list .t .pic { overflow: hidden; }
.top-list .t .pic img { transition: 0.4s;}
.top-list .t .pic:hover img { transform: scale(1.1)}
.top-list .t .con { flex: 1; }
.top-list .t .title { font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 30px; top: 20px; height: 40px; line-height: 40px; width: 90%; }
.top-list .t .intro { font-size: 14px; color: #777; line-height: 2.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.top-list .n { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 54px; height: 54px; border-bottom: 1px solid #E1EBED; }
.top-list .n .date { float: right; font-size: 14px; padding-left: 20px; color: #747474;}

/* video-list */
.video-list { display: flex; flex-wrap: wrap; gap: 40px; padding-bottom: 40px; }
.video-list li { width: 373px; height: 305px; padding: 30px 30px 0; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(136, 170, 177, 0.25); border: 1px solid #E1EBED; border-radius: 10px;}
.video-list .pic,
.video-list .pic img { width: 313px; height: 200px; }
.video-list .pic { overflow: hidden; margin-bottom: 12px; position: relative; }
.video-list .pic img { transition: 0.4s;}
.video-list .pic:hover img { transform: scale(1.1)}
.video-list .pic a::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 35px; height: 35px; background: url(../img/icon-video.png) no-repeat; background-size: cover; transform: translate(-50%,-50%);}
.video-list .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; text-align: center; line-height: 40px; height: 40px; }

/* news-list */
.news-list { text-align: left; font-size: 16px; }
.news-list li { padding: 10px 50px; height: 70px; position: relative; line-height: 70px; background: url(../img/bg-04.png) no-repeat center; transition: 0.4s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-list li:hover { background: url(../img/bg-05.png) no-repeat center; }
.news-list li:hover a { color: #fff; }
.news-list .date { float: right; color: #777; padding-left: 20px; font-size: 14px; }
.news-list li a::after { display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.news-list li:hover .date { color: #fff;}

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden; }
.page a,
.page span { font-size: 14px; display: inline-block; *display: inline; zoom: 1; background-color: #fff; border: 1px solid #E1E1E1; padding: 0px 12px; margin: 0 3px 5px 0; line-height: 30px; height: 30px; }
.page a:hover,
.page span:hover { border: 1px solid #246A79; text-decoration: none; color: #246A79; cursor: pointer; }
.page .current { background: #246A79; border: 1px solid #246A79; color: #fff !important; font-weight: bold; }
.page select,
.page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* mainBox */
.mainBox .hd { display: flex; align-items: center; justify-content: space-between; line-height: 50px; height: 50px; padding-top: 40px; margin-bottom: 20px;}
.mainBox .hd h3 { font-size: 35px; font-family: "Source Han Serif CN"; font-weight:bold;  display: flex; align-items: center; justify-content: space-between; color: #246A79; }
.mainBox .hd::after,
.mainBox .hd h3::after { display: block; content: ""; }
.mainBox .hd::after { flex: 1; height: 1px; background-color: #246A79;}
.mainBox .hd h3::after { width: 23px; height: 16px; background: url(../img/dot.png) no-repeat; margin-left: 20px; }
.mainBox .hd h3::after { background: url(../img/dot2.png) no-repeat; }
.mainBox .breadcrumb { order: 1; padding-left: 20px;}


/* QrCodepic */
.QrCodepic { margin-top: 20px !important;}
.QrCodepic img { border-color: #b6d2d4 !important;}
.QrCodepic i { color: #6F9D9F;}

/* footer -------------------------- */
#footer { background: #3F4C62;}