.w1400{width: 1400px;margin: 0 auto;}
@charset "utf-8";
/* reset style */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, figure, figcaption, header, footer, menu, nav, section, summary, audio, video { margin: 0; padding: 0; border: 0 none transparent; outline: none; font-size: inherit; font-family: inherit; }
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block; }
html, body {position: relative;width: 100%;min-width: 1400px;}
/*html, body { scroll-behavior:smooth; }*/

html.freeze, html.freeze body { overflow-x: hidden; overflow-y: hidden; }
body {
    /* user-select: none;
    -webkit-user-select: none;
    -webkit-font-smoothing: antialiased; */
    font: 12px/1.5 Microsoft YaHei UI, Microsoft YaHei, tahoma, arial, Hiragino Sans GB, SimSun, Segoe UI, Tahoma, Helvetica, Sans-Serif, sans-serif, \5b8b\4f53;
    color: #333;
    font-size: 15px;
    line-height: 1.6rem;
    word-break: break-all;
    overflow-x: hidden;
    min-width: 1400px;
    }
a { color: #333; }
a:hover { color: #144b8f; }
.clearfix:after { display: block; visibility: hidden; clear: both; content: '.'; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.clearfix {
 *zoom: 1; display: block; }
li, h2, p, h3 { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.hide { display: none; }
/* transition */
.tran { transition: all 0.5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
/* box-sizing */
div, .box, li, h2, h3 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#bsWXBox { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.triangle { border-color: transparent transparent #fff #fff; border-style: solid; border-width: 8px; bottom: -8px; box-sizing: border-box; content: ""; display: block; height: 0; position: relative; transform: rotate(135deg); transform-origin: center center; width: 0; margin-left: 48px; }
.gray { opacity: 0.5; -webkit-filter: grayscale(1); }
a, button { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none; outline: 0; }
/* 单行限制 */
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; }
/* 多行限制 */
.clamp2 { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.clamp3 { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: pre-wrap; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.web { width: 1200px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 {width: 1300px;margin: 0 auto;}
.w1400 { width: 1400px; margin: 0 auto; height:100%;}
.w1440 { width: 1440px; margin: 0 auto; }
.fl { float: left }
.fr { float: right }
.inlineB { font-size: 0; }
/* forms */

html.firefox fieldset { display: table-cell !important; }
button, input[type='button'], input[type='reset'], input[type='submit'] { overflow: visible; background-color: transparent; cursor: pointer; }
 .search-box input::-webkit-input-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input::-moz-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input:-moz-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
 .search-box input:-ms-input-placeholder {
 color: #cfcfcf;
 font-size: 16px;
}
/* ie6 ~ ie7 css */

button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover { text-decoration: none; }
button:hover span { text-decoration: underline; }
input { padding: 0; border: 0 none transparent; outline: 0; }
input[type='submit'] { height: 28px; line-height: 24px; }
input[type='radio'], input[type='checkbox'] { width: 14px; height: 14px; }
input[type='image'] { height: auto; margin: 0; padding: 0; border: 0; }
input[disabled='disabled'] { background-color: #ebebeb; color: #959595; }
select { height: 28px; line-height: 24px; padding: 1px 0 1px 3px; border: 1px solid #dedede; background-color: #fff; }
select[disabled='disabled'] { background-color: #ebebeb; color: #959595; }
textarea { min-height: 80px; padding: 1px 3px; border: 1px solid #dedede; line-height: 25px; }
/* other */

iframe.pdf { width: 100%; height: 600px; margin-top: 30px; margin-bottom: 30px; }
mark { background-color: transparent; }
[data-style='list'] .target { display: none; color: #000; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; display: none; }
img { border: 0 none transparent; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img { max-width: 100%; }
b, strong { font-weight: 600; }
i, em, dfn, cite, address { font-style: normal; }
small { font-size: 90%; }
sup, sub { position: relative; font-size: 0.9em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
del { text-decoration: line-through; }
label { cursor: pointer; }
ol, ul, li { list-style: none; }
legend { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; font-size: 0; line-height: 0; }
caption { height: 1px; font-size: 0; line-height: 0; }
 @-webkit-keyframes fadeInDown { from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInDown { from {
 opacity: 0;
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInUp { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30px, 0);
 transform: translate3d(0, 30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInUp { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 30px, 0);
 transform: translate3d(0, 30px, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(3%, 0, 0);
 transform: translate3d(3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInRight { from {
 opacity: 0;
 -webkit-transform: translate3d(3%, 0, 0);
 transform: translate3d(3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-3%, 0, 0);
 transform: translate3d(-3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-3%, 0, 0);
 transform: translate3d(-3%, 0, 0);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @-webkit-keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px)
}
}
 @keyframes flipInX { 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px)
}
}
 @-webkit-keyframes z { from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
 @keyframes z { from {
 -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
 transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
to { -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1); }
}
.flipInX { visibility: visible !important; visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @keyframes fadeInUp2 { from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @-webkit-keyframes visual-button {  0% {
 width: 0
}
 100% {
 width: 100%
}
}
 @keyframes visual-button {  0% {
 width: 0
}
 100% {
 width: 100%
}
}
.fadeInUp2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
/* 站群表格样式 */
#vsb_content table { border: 0px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; width: 100%; margin: 20px auto }
#vsb_content table tr td { border-left: 0px; border-top: 0px; line-height: 23px; padding: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #ddd; border-bottom-color: #ddd; }
#vsb_content table tr td p { text-indent: 0em; padding: 0px; margin: 0px; text-align: center; }
/* ie8提示 */
#browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9999; }
#browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: .9; z-index: -1 }
#browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px }
#browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px }
#browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px }
#browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px }
#browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../img/bro.png) no-repeat 0 0 }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../img/bro.png) no-repeat 0 -100px }
#browser-modal .browser-content .browser-item .iconopera { background: url(../img/bro.png) no-repeat 0 -200px }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../img/bro.png) no-repeat 0 -300px }
#browser-modal .browser-content .browser-item a { cursor: pointer; display: block }
#browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px }
#browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700 }
/* 头部 */
.header {width:100%;height: 111px;background: url(../img/headerbg.png) no-repeat;}
.header .w1400{position: relative;}
.head { height: 100%; }

.head .logo { height: 100%; position: relative; width: 45%; }
.head .logo img { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.head .search {position: absolute;left: 725px;top: 25px;width: 307px;}
.head .search .text { line-height: 38px; height: 38px;width: 245px; padding-left: 20px; color: #c0c0c0;font-size: 14px;}
.head .search .submit {background: url(../img/icon.png) no-repeat center center;position: absolute;right: 4px;top: 0;width: 38px;height: 38px;background-color: #2f69b1;}

.head .link{width:255px;margin-top: 15px;position: relative;}
.head .link ul li { float: left;line-height: 45px; width:85px;}
.head .link ul li a {font-size: 16px;display: block;color: #ffffff;float: left;margin-right: 10px;}
.head .link ul li span{display: block;color: #ffffff;float: left;}
.head .link ul li a:hover { text-decoration: underline;color: #ffffff;}


/*导航*/

.nav{height:45px;line-height:45px;/* background-color:#195094; */}
.nav li{float:left;/* width:200px; */height:45px;line-height:45px;position:relative;text-align:center;}

.nav li:hover a{color:#e6a23c;}
.nav li li{
    line-height: 35px;
    height: 35px;
    width: 100%;
}
.nav li a:after{content:'';display:inline-block;border-right: 1px solid #333;width:1px;height:20px;position:absolute;right:0;top: 12px;}
.nav .last a:after{display:none;}
.nav li a{color: #333;font-size:18px;padding: 0px 63.5px;}
.nav li ul:before{content:'';display:block;width:20px;height:10px;margin-top:-10px;margin-left:40%;}
.nav li ul{width:100%;position:absolute;left:0px;top:45px;z-index:45;display:none;background: rgba(25,80,148,0.7);}
.nav li ul li a{display: block;color: #fff;font-size: 17px;padding: 0;}
.nav li ul li:hover{background:#e6a23c;}
.nav li ul li:hover a{color:#ffffff;}
.nav li ul li a:after{display:none;}

/* footer */
.footer{background: url(../img/footbg.png) no-repeat;width: 100%;height: 173px;}
.footer .w1400{position: relative;}
.footer .yqlj{display: block;width: 362px;}
.footer .yqlj li{float: left;margin: 30px 0 30px 30px;}
.footer .yqlj li:nth-child(1){margin: 30px 0;}
.footer .yqlj li a span{margin-left: 30px;}
.footer .yqlj li a{font-size: 14px;color: #ffffff;}
.footer .copyright{position: absolute;color: #ffffff;font-size: 14px;top: 110px;left: 0;width: 50%;}
.footer .zsjy{background: url(../img/zsjy.png) no-repeat;width: 403px; height:97px;position: absolute;top:30px;left:700px;padding: 25px 60px 25px 100px;}
.footer .zsjy p{font-size: 14px;color: #ffffff;}
.footer .sydw{width: 53px;height: 65px;top:50px;position: absolute;right:132px}
.footer .ewm{width: 100px;height: 100px;position: absolute;top: 36px;right: 0;}
/* video and glgd list */
.news-container {
    width: auto;
    display: flex;
    gap: 20px;
    max-width: 1400px;
    margin-top: 22px;
}

.news-video {
    flex: 0.79;
    min-width: 0;
}

.jrxw h2 {
    color: #333;
    font-size: 26px;
    border-bottom: 2px solid #3498db;
    padding-bottom: 38px;
    width: 130px;
    font-weight: normal;
}
.video-wrapper {
     position: relative;
    overflow: hidden;
    width: 577px;
    height: 302px;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 右侧新闻列表 */
.news-list {
  flex: 1;
  background: #f8fbff;
  padding: 0px 0px 10px 0px;
  width: 501px;
  height: 392px;
}
.news-list h2 {
  margin-top: 30px;
  width: 100%;
  color: #333;
  font-size: 26px;
  padding-bottom: 8px;
  font-weight: normal;
}
.news-list ul {
  list-style: none;
  padding: 1px  0px 17px 32px;
  line-height: 44px;
}
.news-list li {
  padding: 13px 0;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}
.news-title {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
  flex: 1;
  margin-right: 10px;
}
.news-title:hover {
  color: #3498db;
}
.news-date {
    color: #808080;
  font-size: 14px;
 
}

/* 响应式设计：小屏幕时堆叠排列 */
@media (max-width: 768px) {
  .news-container {
    flex-direction: column;
  }
}

.news-video span {
    color: #144b8f;
    margin-right: 6px;
    font-weight: bold;
}

.news-list spana {
    color: #144b8f;
    margin-right: 7px;
    font-weight: bold;
}

h2.jrxw {
    margin-top: 30px;
    width: 130px;
    color: #333;
    font-size: 26px;
    padding-bottom: 35px;
    font-weight: normal;
}

span.xwglgd {
    color: #144b8f;
    margin-right: 16px;
    font-weight: bold;
}
a.more {
    float: right;
    font-size: 14px;
    color: #b2b2b2;
}