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

.nav{ width: 100%; height: 60px; margin: auto; background: #c00;}

.nav-list{ width: 1410px; height: 60px; margin: auto;  }
.nav-list>li{ position: relative; float: left; height: 60px; }
.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 2em; font-size: 18px; line-height: 60px; text-align: center; color: #fff; font-weight:bold }
.nav-list>li:hover>a{ background: #FF8000;  }
.nav-list .sub{ position: absolute; top: 60px; right: 0; width: 100%; z-index: 99; display: none; }
.nav-list .sub li{}
.nav-list .sub li a{ display: block; padding: 10px; text-align: center; font-size: 14px; line-height: 30px; color: #fff; background: #a00; }
.nav-list .sub li:nth-child(even) a{background: #c00; }
.nav-list .sub li a:hover{ background: #FF8000; }

.nav-list>li:last-child{ float: right;}

.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: url('../img/search.png') center center no-repeat #FF8000; background-size: 80%; cursor: pointer;}

.container{ width: 100%; overflow: hidden;}
.wrapper{ width: 1410px; padding-top: 30px;}
.wrapper:after{ content: ''; display: block; clear: both;}

.common-box{ float: left; width: 450px; min-height: 365px; padding: 20px; padding-bottom: 10px; margin-bottom: 30px; background: white; box-shadow: 0 0 10px rgba(0,0,0,.05);}

.common-box .box-tit{ position: relative; overflow: hidden;}
.common-box .box-tit:after{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #c00;}
.common-box .box-tit .ico{ float: left; width: 45px; height: 45px; text-align: center; font-size: 24px; line-height: 45px; color: white; background: #c00;}
.common-box .box-tit .cn{ float: left; height: 45px; padding-left: 10px; font-size: 22px; font-weight: bold; line-height: 45px; color: #c00;}
.common-box .box-tit .more{position: relative; z-index: 1; float: right; font-size: 14px; line-height: 45px; color: #FF8000}
.common-box .box-tit .en{ position: absolute; top: 0; right: 0; z-index: 0; font-size: 30px; font-weight: bold; line-height: 45px; text-transform: uppercase; color: #efefef;}

.common-box .box-con{ padding-top: 10px; min-height: 290px;}

.banner{ float: left; width:100%; height: 140px; margin: 0 0 30px 0; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.banner a,
.banner a img{ display: block; width:100%; height: 140px;}

.list-slide{ position: relative; width: 100%; height: 100%; }

.list-slide li{ width: 100%!important; }
.list-slide li a{ position: relative; display: block; }
.list-slide li a .thumb{ width: 100%; height: 285px; }
.list-slide li a .info{ width: 100%; padding: 7px 14px; font-size: 16px; line-height: 1.75; color: #fff; background: #d00}

.list-slide .prev,
.list-slide .next{ position:absolute; left: 0; top: 110px; width:40px; height:40px; opacity:0.5; z-index: 2; font-size: 20px; color: white; text-align: center; line-height: 40px; cursor: pointer; }
.list-slide .next{ left: auto; right: 0;}
.list-slide .prev:hover,
.list-slide .next:hover{ opacity:1; color: #c00;}

.list-news{ overflow: hidden;}
.list-news li{}
.list-news li a{ display: block; width: 100%; line-height: 40px;}
.list-news li a i{ float: left; color: #c00;}
.list-news li a em{ float: left; color: #c00; font-size: 0;}
.list-news li a em:before{ content: ''; display: inline-block; width: 4px; height: 4px; background: #c00; vertical-align: middle;}
.list-news li a span{ display: block; padding-left: 10px; color: #222; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}

.member-box{ position: relative; float: left; width: 450px; height: 365px; overflow:hidden; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.member-box iframe{ width:100%; height: 365px; }

.album-box{ float: left; width: 100%; padding: 10px; padding-bottom: 20px; margin-bottom: 30px; background: white; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.album-box .box-tit{ position: relative; padding: 0 10px; overflow: hidden;}
.album-box .box-tit .ico{ float: left; width: 45px; height: 45px; text-align: center; font-size: 24px; line-height: 45px; color: #c00;}
.album-box .box-tit .cn{ float: left; height: 45px; font-size: 22px; font-weight: bold; line-height: 45px; color: #c00;}
.album-box .box-con{ position: relative;}

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

.list-album .prev,
.list-album .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; }
.list-album .next{ right: 10px;}
.list-album .prev:hover,
.list-album .next:hover{ color: #c00;}

.footer{ width: 100%; background: #c00;}
.link-box{ width: 100%; background: #a00;}
.link-box .box-con{ width: 1410px; height: 50px; font-size: 0; color: white;}
.link-box .box-con span{ float: left; font-size: 16px; line-height: 50px;}
.link-box .box-con i{ float: left; font-size: 14px;}
.link-box .box-con i:after{ content: '　｜　'}
.link-box .box-con i:last-child:after{ display: none;}
.link-box .box-con i a{ font-size: 14px; line-height: 50px; color: white}
.link-box .box-con i a:hover{ font-weight: bold;}

.foot{ width: 1410px; padding: 30px 0; text-align: center; font-size: 14px; line-height: 35px; color: white}
.foot a{ color: white;}


.column{ width: 1410px; padding: 20px; margin: 30px auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.column:after{ content: ''; display: block; clear: both;}

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

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


.column-main{ float: right; width: 1080px;}
.column-main .caption{ position: relative; overflow: hidden; color: #c00;}
.column-main .caption:after{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #c00;}
.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 svg{ float: left; height: 45px;}
.column-main .caption .title{ float: left; padding-left: 10px; font-size: 22px; 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;}
.wrap-list .itm{ position: relative; display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; padding: 10px 0 10px 20px; overflow: hidden;}
.wrap-list .itm:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 8px; display: block; width: 4px; height: 4px; margin: auto; background: #c00}
.wrap-list .itm .date{ float: left; width: 80px; height: 80px; text-align: center; background: #f7f8fa;}
.wrap-list .itm .date b{ display: block; font-size: 20px; font-weight: normal; line-height: 45px; color: #222; background: #efefef;}
.wrap-list .itm .date i{ display: block; font-size: 16px; line-height: 35px; color: #999;}
.wrap-list .itm span{ float: left; width: 90%; font-size: 16px; line-height: 30px;}
.wrap-list .itm b{ float:right; font-size: 14px; line-height: 30px; font-weight: normal; color: #999;}
.wrap-list .itm:hover span{ color: #c00;}
.wrap-list .itm:hover .date b{ background: #c00; color: white;}

.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: #c00; }

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

.article-box .article-con{ padding-top: 20px; font-size: 21px; line-height: 2; text-align: justify; font-family: '仿宋'; }
.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: #c00; }

.page-style{ padding: 10px 0; margin-top: 20px; background: #fafafa}
.page-style>table{ margin: auto}
.page-style *{ font-size: 14px!important; line-height: 1.5!important; font-family: "Microsoft YaHei UI", "Microsoft YaHei UI Light", sans-serif, Arial, "Arial Narrow", "微软雅黑", "宋体"!important;}
.page-style a,
.page-style span,
.page-style input{ display: inline-block!important; border: none!important; height: auto!important; background: #fff!important; padding: .25em .75em!important; margin: 0 .5em!important}
#vsb_content p{margin: 5px 0;line-height: 110%;  text-indent:0em;font-size:14px;}