@charset "utf-8";
html,
body{ width: 100%; min-width: 1280px;}
.header{ width: 100%; min-width: 1280px; height: 190px; background: url('../img/header.jpg') center top no-repeat;}
.head{ width: 1280px; height: 190px; }



.nav{ width: 100%; height: 45px; margin: auto; background: #00499b;}



.nav-list{ width: 1280px; height: 45px; }
.nav-list>li{ position: relative; float: left; height: 45px; }
.nav-list>li.nLi:before{ content: ''; position: absolute; top: 0; bottom: 0; left: -0.5px; display: block; width: 1px; height: 10px; margin: auto; background: white;}
.nav-list>li.nLi:first-child:before{ display: none;}
.nav-list>li>a{ display: block; padding: 0 1.8em; font-size: 15px; line-height: 45px; text-align: center; color: #fff; }
.nav-list>li:hover>a{ background: #FF8000;  }
.nav-list .sub{ position: absolute; top: 45px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li{}
.nav-list .sub li a{ display: block; text-align: center; font-size: 13px; line-height: 45px; color: #222; background: #eee; }
.nav-list .sub li a:hover{ background: #00499b; color: #fff; }



.search{ padding: 14px 0; font-size: 0;}
.search input{ display: inline-block; height: 32px; line-height: 32px; font-size: 14px; border: none; background: white;}
.search input[type=text]{ padding: 0 .5em; border-radius: 4px 0 0 4px;}
.search input[type=submit]{ width: 32px; border-radius: 0 4px 4px 0; background: #FF8000; font-family: 'Font Awesome 5 Pro'; color: #fff; cursor: pointer;}



.container{ width: 100%; overflow: hidden; background: url('../img/bg.jpg') center top no-repeat;}
.wrapper{ width: 1280px; padding-top: 24px; background: #fff;}
.wrapper:after{ content: ''; display: block; clear: both;}



.slide-box{ float: left; width: 1280px; margin-bottom: 25px; background: white;}



.slide-box .box-tit{ position: relative; overflow: hidden;}
.slide-box .box-tit .cn{ float: left; height: 40px; padding:0 14px; font-size: 18px; line-height: 40px; color: #fff; background: #003ba8;}
.slide-box .box-tit .more{ float: right; padding-left: 1em; margin: 5px; border: 1px solid #ccc; font-size: 14px; line-height: 28px; color: #003ba8; background: #fff;}
.slide-box .box-tit .more:after{ content: '+'; float: right; width: 28px; height: 28px; margin-left: 14px; border-left: 1px solid #ccc; font-size: 20px; line-height: 28px; text-align: center; color: #ff7100; background: #fff; }



.slide-box .box-con{ overflow: hidden; padding-top: 10px;}




.slide{ position: relative; float: left; width: 600px; height: 400px; overflow: hidden;}
.slide .hd{ position: absolute; right: 0; bottom: 0; width: 100%; height: 13px; z-index: 3; }
.slide .hd ul{ width: 100%; overflow: hidden; text-align: center; font-size: 0; }
.slide .hd ul li{  display: inline-block; width: 30px; height: 3px; margin: 5px; cursor: pointer; text-indent: -99999px; background: #fff; font-size: 0; }
.slide .hd ul li.on{ background: #00499b; }
.slide .bd{ position: relative; height: 100%; z-index: 1; }



.slide .bd ul{ width: 100%!important; height: 400px!important; overflow: hidden; }
.slide .bd ul li{ width: 100%!important; height: 400px; }
.slide .bd ul li a{ position: relative; display: block; width: 100%; height: 400px; }




.topic-list{ float: right; width: 655px;}
.topic-list dt{ border-bottom: 1px solid #e0e0e0; margin-bottom: 10px;}
.topic-list dt a{ display: block; overflow: hidden; font-size: 20px; line-height: 39px; font-weight: bold;}
.topic-list dt a span{ display: block; color: #00499b; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}



.topic-list dd a{ position: relative; display: block; width: 100%; font-size: 14px; line-height: 30px;}
.topic-list dd a i{ float: right; color: #9e9e9e;}
.topic-list dd a span{ display: block; color: #303030; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}



.notice-box{ float: left; width: 410px;; margin-bottom: 25px; margin-right: 25px; background: white;}
.notice-box .box-tit{ position: relative; overflow: hidden; background: #57c1ff;}
.notice-box .box-tit .cn{ float: left; height: 35px; padding:0 14px; font-size: 18px; line-height: 40px; color: #fff;}
.notice-box .box-tit .more{ float: right; padding: 0 1em; font-size: 14px; line-height: 40px; color: #fff; background: #48b5ff; }
.notice-box .box-con{ overflow: hidden; padding-top: 10px;}



.notice-list dt{ border-bottom: 1px solid #e0e0e0;}
.notice-list dt a{ position: relative; display: block; width: 100%; font-size: 14px; line-height: 34px;}
.notice-list dt a i{ float: right; color: #9e9e9e;}
.notice-list dt a span{ display: block; color: #ff330a; font-weight: bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}



.notice-list dd a{ position: relative; display: block; width: 100%; font-size: 14px; line-height: 35px;}
.notice-list dd a i{ float: right; color: #9e9e9e;}
.notice-list dd a span{ display: block; color: #303030; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}



.common-box{ float: left; width: 410px; margin-bottom: 25px; background: white;}
.common-box .box-tit{ position: relative; overflow: hidden; background: #f2f2f2;}
.common-box .box-tit .cn{ float: left; height: 40px; padding:0 14px; font-size: 18px; line-height: 40px; color: #fff; background: #003ba8;}
.common-box .box-tit .more{ float: right; padding-left: 1em; margin: 5px; border: 1px solid #ccc; font-size: 14px; line-height: 28px; color: #003ba8; background: #fff;}
.common-box .box-tit .more:after{ content: '+'; float: right; width: 28px; height: 28px; margin-left: 14px; border-left: 1px solid #ccc; font-size: 20px; line-height: 28px; text-align: center; color: #ff7100; background: #fff; }
.common-box .box-con{ padding-top: 10px;}



.news-list{ overflow: hidden;}
.news-list li{}
.news-list li a{ position: relative; display: block; width: 100%; font-size: 14px; line-height: 35px;}
.news-list li a:before{ content: ''; position: absolute; top: 0; left: 2px; bottom: 0; display: block; width: 2px; height: 2px; margin: auto; background: #003a08;}
.news-list li a i{ float: right; color: #cfcfcf;}
.news-list li a span{ display: block; padding-left: 10px; color: #303030; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}



.video-box{ float: left; width: 100%; margin-bottom: 25px; background: white;}
.video-box .box-tit{ osition: relative; overflow: hidden; background: #f2f2f2;}
.video-box .box-tit .cn{ float: left; height: 40px; padding:0 14px; font-size: 18px; line-height: 40px; color: #fff; background: #003ba8;}
.video-box .box-tit .more{ float: right; padding-left: 1em; margin: 5px; border: 1px solid #ccc; font-size: 14px; line-height: 28px; color: #003ba8; background: #fff;}
.video-box .box-tit .more:after{ content: '+'; float: right; width: 28px; height: 28px; margin-left: 14px; border-left: 1px solid #ccc; font-size: 20px; line-height: 28px; text-align: center; color: #ff7100; background: #fff; }
.video-box .box-con{ position: relative; padding-top: 10px;}

.video-list{ padding-top: 10px;}
.video-list .bd{ width: 100%; }
.video-list .bd ul{ overflow:hidden; zoom:1; }
.video-list .bd ul li{ float:left; width: 20%; overflow:hidden;}
.video-list .bd ul li a{ display: block; width: 100%; height: 172px; padding: 0 10px;}
.video-list .bd ul li a .thumb{ display: block; width: 100%; height: 100%; overflow: hidden;}

.video-list .prev,
.video-list .next{ position:absolute; right: 34px; top: -34px; width: 24px; height: 24px; z-index: 2; font-size: 12px; color: #999; text-align: center; line-height: 24px; background: #F3F3F3; cursor: pointer; }
.video-list .next{ right: 10px;}
.video-list .prev:hover,
.video-list .next:hover{ color: #c00;}



.footer{ width: 100%; background: #f2f2f2;}
.foot{ width: 1280px; padding: 24px 0; text-align: center; font-size: 14px; line-height: 2; color: #222}
.foot a{ color: #222;}





.column{ width: 1280px; padding: 24px 0; background: white; min-height: 500px;}
.column:after{ content: ''; display: block; clear: both;}



.column-left{ float: left; width: 200px;}
.navigation{}
.navigation .thumb{ padding: 10px; background: #c00;}
.navigation .thumb img{ width: 100%;}
.navigation .caption{ padding: 10px 0; font-size: 18px; font-weight: bold; text-align: center; color: white; background: #57c1ff;}



.list-nav a{ display: block; padding: 10px 0; border-bottom: 1px solid #fff; font-size: 14px; text-align: center; background: #f5f5f5;}
.list-nav a.on{ color: white; background: #c00;}




.column-main{ float: right; width: 1055px;}
.column-main .caption{ position: relative; overflow: hidden; color: #00499b;}
.column-main .caption:after{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: #ddd;}
.column-main .caption i{ float: left; width: 45px; height: 45px; font-size: 20px; text-align: center; line-height: 45px; color: white; background: #c00;}
.column-main .caption .title{ float: left; padding-left: 10px; font-size: 20px; font-weight: bold; line-height: 45px;}
.bread{ position: absolute; top: 0; right: 0; bottom: 0; margin: auto; font-size: 0; line-height: 45px;}
.bread span,
.bread a{ font-size: 14px; color: #999;}
.bread a:after{ content: '>'; padding: 0 .5em;}
.bread a:last-child:after{ display: none;}



.wrap-list{ overflow: hidden; padding: 10px;}
.wrap-list .itm{ display: block; width: 100%; font-size: 14px; line-height: 40px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.wrap-list .itm span{ overflow: hidden;}
.wrap-list .itm i{float: right; color: #ccc}



.wrap-channel{ overflow: hidden; padding: 10px; font-size: 16px; line-height: 1.75;}
.wrap-channel img{ display: inline-block; max-width: 100%;}



.article-box{ padding: 0 20px; overflow: hidden; }
.article-box .article-tit{ padding-bottom: 20px; }
.article-box .article-tit h1{ font-size: 28px; font-weight: normal; text-align: center; line-height: 1.5; color: #00499b; }



.article-box .article-info{ text-align: center; font-size: 16px; color: #666; padding-bottom: 17px; border-bottom: 2px solid #00499b; }



.article-box .article-con{ padding-top: 20px; font-size: 18px; line-height: 1.75; text-align: justify; }
.article-box .article-con img{ max-width: 800px; }



.article-box .article-btn{ padding-top: 20px; }
.article-box .article-btn a{ display: block; width: 140px; height: 40px; margin: auto; line-height: 40px; font-size: 14px; text-align: center; color: #fff; background: #00499b; }
#vsb_content p{margin: 5px 0;line-height: 110%;  text-indent:0em;font-size:14px;}