@charset "utf-8";
body{ min-width: 1200px; }


.header{ width: 100%; height: 120px; margin: auto; background: #005bac; }
.header .head{ width: 1200px; height: 120px; margin: auto; overflow: hidden; }
.header .head .logo{ float: left; padding: 20px 0;}
.header .head .logo a,
.header .head .logo a img{ display: block; width: auto; height: 100%;}


.nav{ width: 100%; height: 50px; margin: auto; background: #003b70; }
.nav-list{ width: 1200px; height: 50px; margin: auto;  }
.nav-list>li{ position: relative; float: left; width: 10%; height: 50px; }
.nav-list>li>a{ display: block; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; color: #fff; }
.nav-list>li:hover>a{ background: #fb6400;  }
.nav-list .sub{ position: absolute; top: 50px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li a{ display: block;  padding: 10px; text-align: center; font-size: 13px; line-height: 20px; color: #fff; background: #005bac; }
.nav-list .sub li:nth-child(even) a{background: #205381; }
.nav-list .sub li a:hover{ background: #fb6400; }


.slider{ position: relative; width: 100%; height: 600px; z-index: 0; overflow: hidden;}
.slider .bd ul { width: 100% !important;}
.slider .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center;}


.row{ width: 100%;}
.row:after{ content: ''; display: block; clear: both;}


.row .row-con{ width: 100%; max-width: 1200px; margin: auto; overflow: hidden;}


.box-tit{ position: relative; padding: 15px 0; overflow: hidden; text-align: right;}
.box-tit span{ float: left; font-size: 20px; line-height: 1.5; font-weight: bold; color: #222;}
.box-tit a.more{ display: inline-block; font-size: 14px; line-height: 1; vertical-align: middle; font-weight: bold; color: #005bac;}


.box-con:after{ content: ''; display: block; clear: both;}


.news-box{ width: 380px; padding: 20px 0;}
.news-box:nth-of-type(2){ margin: 0 30px;}


.news-list:after{ content: ''; display: block; clear: both;}
.news-list li{ padding-bottom: 10px;}
.news-list li a{ display: block; padding: 10px 15px; font-size: 14px; line-height: 2; background: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-left: 4px solid #000; border-radius: 4px 0 0 4px; transition: .3s;}
.news-list li a:hover{ box-shadow: 0 2px 5px rgba(0,0,0,.1);}


.news-list.red li a{ border-left-color: #FF4F00;}
.news-box:nth-of-type(2) .news-list.red li a{ border-left-color: #22885C;}
.news-box:nth-of-type(3) .news-list.red li a{ border-left-color: #003b70;}


.large-box{ padding: 20px 0 30px 0;}


.large-list:after{ content: ''; display: block; clear: both;}
.large-list li{ float: left; width: 380px;}
.large-list li:nth-child(2){ margin: 0 30px;}
.large-list li a{ display: block;}
.large-list li a .thumb{ height: 215px; overflow:hidden;}
.large-list li a .thumb .img{ transition: .3s;}
.large-list li a .caption{ margin: .5em 0; font-size: 16px; line-height: 1.75; font-weight: bold; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .3s;}
.large-list li a .desc{ font-size: 13px; line-height: 1.75; color: #999;; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; overflow: hidden;}
.large-list li a .date{ margin-top: 0.5em; border-bottom: 1px solid #eee; font-size: 16px; line-height: 2; font-weight: bold; color: #005bac;}
.large-list li a:hover .caption{ color: #005bac;}
.large-list li a:hover .thumb .img{ transform: scale(1.05);}


.img-box{ padding: 50px 0;}
.img-list li{ float: left; width: 380px; padding: 0 10px;}
.img-list li a{ display: block; width: 370px; height: 205px; border: 5px solid #fff;}
.img-list li a .thumb{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.img-list li a .thumb .img{ z-index: 1;}
.img-list li a .thumb:after{ content: ''; position: absolute; top: 0; left: 0; z-index: 9; width: 0; height: 100%; background: rgba(0,0,0,.3); opacity: 0; transition: .3s;}
.img-list li a:hover .thumb:after{ width: 100%; opacity: 1;}


.footer{ width: 100%; background: #005bac; }
.foot{ width: 100%; max-width: 1200px; margin: auto; padding: 50px; font-size: 14px; line-height: 1.75; text-align: center;}
.foot,
.foot a{ color: #fff;}





.column{ width: 100%; max-width: 1200px; padding: 20px 0; margin: auto; }
.column:after{ content: ''; display: block; clear: both; }
.column-left{ float: left; width: 260px; }


.column-main{ float: right; width: 910px; padding: 0 10px; background: #fff; }
.column-main .caption{ position: relative; height: 50px; }
.column-main .caption:before{ content: ''; position: absolute; right: 0; bottom: 0; display: block; width: 100%; height: 2px; background: #eee; z-index: 0;}
.column-main .caption strong{ position: relative; float: left; padding: 0 1em; font-size: 20px; line-height: 50px; color: #005bac; }
.column-main .caption strong:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 5px; height: 45%; margin: auto; background: #005bac; }


.bread-list{ position: absolute; top: 0; right: 0; bottom: 0; height: 40px; margin: auto; padding: 0 10px; line-height: 40px; font-size: 0; }
.bread-list span,
.bread-list a{ display: inline-block; font-size: 14px; color: #999; }
.bread-list span{ color: #666; font-weight: bold; }
.bread-list a:after{ content: '>'; display: inline-block; padding: 0 .25em; }
.bread-list a:last-child{ color: #2B70BB; }
.bread-list a:last-child:after{ display: none; }


.list-news{ padding: 5px 0; background: #fff; overflow: hidden; }
.list-news li{ border-bottom: 1px dotted #eee; }
.list-news li a{ position: relative; display: block; height: 54px; padding: 0 10px; line-height: 54px; }
.list-news li a span{ font-size: 16px; color: #333; }
.list-news li a i{ position: absolute; top: 0; right: 10px; font-size: 14px; color: #999; }
.list-news li a:before{ position: absolute; top: 0; bottom: 0; left: 0; content: ''; display: block; width: 4px; height: 4px; margin: auto; margin-right: .5em; background: #005bac; }
.list-news li a:hover{ background: #eee; }
.list-news li a:hover span,
.list-news li a:hover i{ color: #2B70BB }


.page{ padding: 10px 0; text-align: center; font-size: 0; background: #fff; }
.page span,
.page a{ display: inline-block; font-size: 12px; margin: 0 .5em; }


.left-nav a{ position: relative; display: block; padding: .5em 1.5em; font-size: 16px; line-height: 2; font-weight: bold; color: #003b70; background: #fafbfd; transition: .3s;}
.left-nav a:nth-child(even){ background: #f1f6fa;}
.left-nav a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 5px; height: 50%; margin: auto; background: #005bac; transition: .3s;}
.left-nav a:hover{ color: #fff; background: #005bac;}
.left-nav a:hover:before{ background: #005bac;}



.article-box{ padding: 10px 0; border-top: none; background: #fff; overflow: hidden; }
.article-box .art-tit{ padding: 5px 10px 15px; }
.article-box .art-tit h1{ font-size: 20px; text-align: center; line-height: 1.5; }
.article-box .art-info{ text-align: center; font-size: 14px; color: #999; padding-bottom: 9px; border-bottom: 1px dotted #ccc; }
.article-box .art-con{ padding: 10px 5px; font-size: 16px; line-height: 2; text-align: justify; }
.article-box .art-con img{ max-width: 840px; }
.article-box .art-btn{ padding: 10px 0; }
.article-box .art-btn a{ display: block; width: 120px; height: 30px; margin: auto; line-height: 30px; font-size: 12px; text-align: center; color: #fff; background: #2B70BB; }
#vsb_content p{margin: 5px 0;line-height: 110%;  text-indent:0em;font-size:14px;}