@charset "UTF-8";
body{ background: url('../img/bg.jpg') repeat-x #fff; }

.head{ width: 1000px; height: 180px; margin: auto; background: url(../img/head.png) no-repeat; }

.nav{ width: 1030px; height: 40px; margin: auto; background: url('../img/nav.png') no-repeat; }
.nav-list{ width: 1000px; height: 40px; margin: auto; }
.nav-list>li{ position: relative; float: left; }
.nav-list>li>a{ position: relative; display: block; width: 142px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; }
.nav-list>li>a:after{ content:''; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 1px; height: 30%; margin: auto; background: rgba(255, 255, 255, .5); }
.nav-list>li:last-child>a:after{ display: none; }
.nav-list .sub{ display:none; position:absolute; left:0; top: 40px; width:142px; z-index: 9; }
.nav-list .sub a{ display:block; font-size: 12px; line-height: 30px; text-align: center; color: #fff; background: #7db5de; }
.nav-list a:hover{ color:#FF0; }

.wrap{ width: 1000px; height: auto; padding: 20px 0; margin: auto; background: #fff; }
.wrap:after{ content: ''; display: block; clear: both; }
.slide-box{ position: relative; float: left; width: 400px; height: 300px; }
.slide-box .hd{ position: absolute; right: 5px; bottom: 12px; height: 16px; z-index: 3; }
.slide-box .hd ul{ overflow: hidden; text-align: right; font-size: 12; }
.slide-box .hd ul li{  float: left; width: 16px; height: 16px; text-align: center; line-height: 16px; color: #900010; background: #fff; margin-right: 5px; cursor: pointer }
.slide-box .hd ul li.on{ color: #fff; background: #900010; }
.slide-box .bd{ position: relative; height: 100%; z-index: 1; }
.slide-list{ width: 100%!important; height: 300px!important; overflow: hidden; }
.slide-list li{ width: 100%!important; height: 300px; }
.slide-list li a{ position: relative; display: block; }
.slide-list li a .thumb{ width: 100%; height: 300px; }
.slide-list li a .info{ position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-indent: 1em; background: url(../img/sbg.png) repeat-x; z-index: 2; }
.slide-box .prev,
.slide-box .next{ position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; opacity:0.5; z-index: 4;  }
.slide-box .next{ left:auto; right:10px; background-position:8px 5px; }
.slide-box .prev:hover,
.slide-box .next:hover{ opacity:1; }
.neko-box .tit{ position: relative; height: 34px; line-height: 34px; border: 1px solid #7db5de; border-bottom: none; border-radius: 4px 4px 0 0; background: url('../img/tit.jpg'); }
.neko-box .tit:before{ content: ''; position: absolute; top: 0; left: 5px; bottom: 0; display: block; width: 5px; height: 20px; margin: auto; background: #f8dc73; }
.neko-box .tit span{ position: relative; display: block; width: 6em; font-size: 14px; font-weight: bold; text-align: center; color: #000; }
.neko-box .tit a{ position: absolute; top: 0; right: 5px; font-size: 12px; color: #333; }
.neko-box .con{ padding: 9px; padding-top: 10px; border: 1px solid #ccc; border-top: none; border-radius: 0 0 4px 4px; }
.notice-box{ float: left; width: 580px; height: 300px; }
.notice-box .con{ height: 245px; }

.notice-list{}
.notice-list li{}
.notice-list li a{ display: block; height: 30px; line-height: 30px; overflow: hidden; }
.notice-list li a .date{ float: right; }
.notice-list li a .info{ float: left; }
.notice-list li a .info:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .5em; vertical-align: middle; background: #4b87e1; }
.events-box{ float: left; width: 330px; }
.events-box .con{ height: 240px; }
.events-list{ }
.events-list li{}
.events-list li a{ position: relative; display: block; height: 30px; font-size: 12px; line-height: 30px; color: #666; }
.events-list li a:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .5em; vertical-align: middle; background: #4b87e1; }
.events-list li a:hover{ color: #4b87e1; }
.events-list li a i{ position: absolute; top: 0; right: 0; }
.major-box{ float: left; width: 330px; }
.major-box .con{ height: 240px; }
.major-list{}
.major-list li{ float: left; width: 100%; }
.major-list li a{ display: block; height: 30px; font-size: 12px; line-height: 30px; text-indent: 1.5em; color: #666; background: url('../img/book.png') left center no-repeat; }
.major-list li a:hover{ color: #4b87e1; }
.contact-box{ float: left; width: 300px; margin-top: 20px; }
.contact-box .con{ height: 240px; font-size: 14px; line-height: 30px; text-align: left; }
.news-box{ float: left; width: 330px; margin-top: 20px; margin-right: 20px; }
.news-box .con{ height: 240px; }
.news-list{}
.news-list li{ }
.news-list li a{ display: block; height: 30px; font-size: 12px; line-height: 30px; color: #666; }
.news-list li a:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .5em; vertical-align: middle; background: #4b87e1; }
.news-list li a:hover{ color: #4b87e1; }
.pics-box{ float: left; width: 300px; }
.pics-box .con{ height: 240px; }
.pics-list{ }
.pics-list li{ }
.pics-list li a{ display: block; width: 280px; margin: auto; }
.pics-list li a .thumb{ width: 280px; height: 210px; }
.pics-list li a h1{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-weight: normal; }
.footer{ width: 1000px; margin: auto; }
.link-box{ width: 980px; height: 40px; line-height: 40px; padding: 0 10px; margin: auto; border-top: 5px solid #06477f; overflow: hidden; background: #eee; }
.link-box span{ float: left; font-size: 14px; line-height: 40px; font-weight: bold; color: #222; overflow: hidden; }
.link-box a{ float: left; margin-right: 1em; font-size: 13px; line-height: 40px; color: #000; }
.link-box a:hover{ font-weight: bold; color: #fff; }
.foot{ width: 1000px; padding: 20px 0; margin: auto; text-align: center; font-size: 14px; line-height: 24px; color: #333; }

.column{ width: 1000px; padding: 20px 0; margin: auto; }
.column:after{ content: ''; display: block; clear: both; }
.column-left{ float: left; width: 240px; }
.column-main{ float: right; width: 740px; }
.column-main .bread{ height: 40px; padding: 0 10px; line-height: 40px; border: 1px solid #ccc; border-top: 5px solid #06477f; font-size: 0; background: #f1f1f1;}
.column-main .bread span,
.column-main .bread a{ display: inline-block; font-size: 14px; color: #999; }
.column-main .bread span{ color: #666; font-weight: bold; }
.column-main .bread a:after{ content: '>'; display: inline-block; padding: 0 .25em; }
.column-main .bread a:last-child{ color: #4b87e1; }
.column-main .bread a:last-child:after{ display: none; }
.list-news{ padding: 9px; padding-top: 10px; border: 1px solid #ccc; border-top: none; background: #fff; overflow: hidden; }
.list-news li{ border-bottom: 1px dotted #eee; }
.list-news li a{ position: relative; display: block; height: 39px; padding: 0 10px; line-height: 39px; }
.list-news li a span{ font-size: 14px; color: #333; }
.list-news li a i{ position: absolute; top: 0; right: 10px; font-size: 14px; color: #999; }
.list-news li a:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: .5em; vertical-align: middle; background: #4b87e1; }
.list-news li a:hover{ background: #eee; }
.list-news li a:hover span,
.list-news li a:hover i{ color: #4b87e1 }
.page{ padding: 15px 0; text-align: center; font-size: 0; background: #fff; }
.page span,
.page a{ display: inline-block; font-size: 12px; margin: 0 .5em; }
.left-list{}
.left-list dt{ height: 34px; line-height: 34px; border: 1px solid #7db5de; border-bottom: none; border-radius: 4px 4px 0 0; background: url('../img/tit.jpg'); font-size: 14px; font-weight: bold; text-indent: 10px; }
.left-list dd{ padding: 9px; padding-top: 10px; border: 1px solid #ccc; border-top: none; }
.left-list dd a{ display: block; padding: 0 5px; font-size: 12px; line-height: 30px; color: #333; }
.left-list dd a:before{ content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 1em; vertical-align: middle; background: #999; }
.left-list dd a:hover{ color: #4b87e1; }
.article-box{ padding: 9px; padding-top: 10px; border: 1px solid #ccc; 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: 12px; color: #999; padding-bottom: 9px; border-bottom: 1px dotted #ccc; }
.article-box .art-con{ padding: 10px 5px; font-size: 15px; line-height: 1.75; 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: #4b87e1; }