body{background: #ffffff; font-family: "微软雅黑", "Microsoft YaHei";}
ul,li{list-style: none; margin: 0; padding: 0;}

.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both; content: "";}

.header{background: #0287bf url(../images/top_bg.png);}
.header .head{width: 1200px; margin: auto;}
.header .head .logo{float: left; padding: 20px 0;}
.header .head .logo img{width: 750px;}
.header .head .search{float: right; width: 245px; margin-top: 30px;}

.search .top-info{text-align: right; padding-bottom: 10px;}
.search .top-info span{padding-left: 10px; margin-left: 10px; line-height: 30px; color: #ffffff; cursor: pointer; background: url(../images/t-arr.png) left center no-repeat;}
.search-form{background: rgba(234,234,234,.8); width: 245px; padding: 5px;}
.search-form .keyword-input{outline: none; border: none; background: transparent; width: 190px; float: left;}
.search-form .btn-search{background: url(../images/search.png) center no-repeat; outline: none; float: right; border: none; width: 30px; margin: 0; padding: 0;}

.nav {background: #eaeaea;}
.nav > ul{margin: 0 auto; width: 1200px; padding: 0; border-top: 3px solid #eaeaea;}
.nav > ul li.item{float: left; width: 132px; text-align: center; line-height: 45px; list-style: none; position: relative;}
.nav > ul li.item > a{color: #333333; font-size: 16px; display: block;}
.nav > ul li.item .sub_nav{display: none;}
.nav > ul li.item:hover{background: #0287bf; cursor: pointer;}
.nav > ul li.item:hover a{color: #ffffff;}
.nav > ul li.item:hover .sub_nav{display: block; position: absolute; left: 0; right: 0; top: 45px; background: #0287bf; margin: 0; padding: 0; z-index: 2000;}
.nav > ul li.item:hover .sub_nav li{float: left; list-style: none; width: 100%; line-height: 30px; padding: 0; margin: 0;}
.nav > ul li.item:hover .sub_nav li a{color: #ffffff; font-size: 12px; text-align: center; display: block;}
.nav > ul li.item:hover .sub_nav li a:hover{background: #01567a;}

.banner{height: 550px; position: relative; overflow: hidden;}
.banner .bd ul{margin: 0; padding: 0; height: 550px;}
.banner .bd ul li{height: 550px; list-style: none;}
.banner .bd ul li .banner-item{background-size: auto 100%; background-repeat: no-repeat; background-position: center; display: block; height: 550px;}
.banner .hd{ bottom: 20px; left: 0; right: 0; position: absolute; top: 10;}
.banner .hd ul{width: 100%; margin: 0; padding: 0; text-align: center;}
.banner .hd ul li{cursor:pointer; margin: 0 3px; border-radius: 50%; height: 15px; width: 15px; background: #eaeaea; display: inline-block;}
.banner .hd ul li.on{ background:#0287bf;}

.focus{height: 270px; position: relative; overflow: hidden;}
.focus .bd ul{margin: 0; padding: 0; height: 270px;}
.focus .bd ul li{height: 270px; list-style: none;}
.focus .bd ul li .banner-item{background-size: auto 100%; background-repeat: no-repeat; background-position: center; display: block; height: 270px;}
.focus .hd{ bottom: 5px; left: 0; right: 0; position: absolute;}
.focus .hd ul{width: 100%; margin: 0; padding: 0; text-align: center;}
.focus .hd ul li{cursor:pointer; margin: 0 3px; height: 8px; width: 8px; background: #eaeaea; display: inline-block;}
.focus .hd ul li.on{ background:#0287bf;}


.body{width: 1200px; min-height: 500px; margin: 25px auto; background: url(../images/line.png) repeat-y;}

.index-body{background-position: 790px 100%;}

.slide-box {width: 385px; padding-bottom: 10px;}
.index-ad{height: 160px; width: 760px; margin-bottom: 10px; overflow: hidden;}
.index-news,.index-box{width: 760px; margin-bottom: 10px;}
.index-news .title,.index-box .title,.slide-box .title{padding: 10px 0;}
.index-news .title span,.index-box .title span,.slide-box .title span{display: inline-block; color: #0287bf; font-size: 14px; font-style: oblique; text-transform: uppercase;}
.index-news .title span.t,.index-box .title span.t,.slide-box .title span.t{padding-right: 10px; font-size: 16px; font-weight: bold; font-style: normal;}
.index-news .title a,.index-box .title a,.slide-box .title a{float: right; color: #7d7d7d;}

.index-news .lists,.index-news .focus{width: 370px;}
.index-news .lists li{padding-bottom: 10px;}
.index-news .lists li span{display: block; color: #0287bf; font-size: 14px;}
.index-news .lists li p{color: #888888; margin: 0; padding: 0;}

.index-box .lists{width: 370px;}
.index-news .ad{height: 150px; overflow: hidden;}
.index-news .ad img{ width: 100%; }
.index-box .lists .content li,.slide-box .lists li{float:left; background: url(../images/dot.png) no-repeat left center; padding: 5px 0 5px 10px; width: 100%;}
.index-box .lists .content li span.tit,.slide-box .lists li span.tit{float: left; color: #333333;}
.index-box .lists .content li span.time,.slide-box .lists li span.time{float: right; color: #999999;}

.slide-box .nav-link{border: 1px solid #e5e5e5;}
.slide-box .nav-link li{float: left; width: 25%; padding: 10px;}
.slide-box .nav-link li img{width: 50px; display: block; margin: auto;}
.slide-box .nav-link li span{display: block; line-height: 30px; text-align: center; color: #333333}

.notice{background: url(../images/box-line.png) bottom repeat-x; padding-bottom: 15px;}

.app{padding-top: 10px;}

.index-img li{float:left; width: 50%; height: 120px; overflow: hidden;}
.index-img li a{padding: 10px; display: block;}
.index-img li img{height: 120px; width: 100%;}

.page-body{background-position: 290px 100%; margin: 0 auto 25px auto;}
.page-body .page-left{float:left; width: 270px;}
.page-body .page-left .left-nav{background: #ffffff; border-top: 2px solid #0287bf;}
.page-body .page-left .left-nav .title{border-bottom: 1px solid #efefef;}
.page-body .page-left .left-nav .title span{font-size: 16px; font-weight: bold; padding: 10px; color: #333333; display: block;}
.page-body .page-left .left-nav .content{padding: 10px 0;}
.page-body .page-left .left-nav .content ul{padding-left: 0; margin: 0;}
.page-body .page-left .left-nav .content ul li{list-style: none; line-height: 40px; width: 100%; border-bottom: 1px dotted #efefef; display: block;}
.page-body .page-left .left-nav .content ul li:after{content: " > "}
.page-body .page-left .left-nav .content ul li a{color: #333333;}

.page-body .page-content{float: right; width: 890px;}

.art-list .item{margin-bottom: 15px; background: #ffffff; padding: 10px; border: 1px solid #cccccc;}
.art-list .item .img{float:left; width: 215px; height: 150px; overflow: hidden;}
.art-list .item .img img{width: 215px; display: inline-block;}
.art-list .item .info{float:left; padding-left: 15px; width: 625px;}
.art-list .item .info .title{display: block; padding-bottom: 10px; font-size: 16px;}
.art-list .item .info .title a{color: #333333;}
.art-list .item .info .title a:hover{color: #215a2d;}
.art-list .item .info .desc{color: #666666; line-height: 25px; font-size: 12px;}
.art-list .item .info .desc a{color: #666666;}
.art-list .item .info .foot{padding-top: 10px;}
.art-list .item .info .foot span{font-size: 12px; color: #999999; margin-right:20px;}

.art-detail{background: #ffffff; border-top: 2px solid #0287bf; padding: 10px; min-height: 780px;}
.art-detail .title{text-align: center; font-size: 20px; font-weight: bold; padding: 10px 0;}
.art-detail .detail-info{padding: 15px; text-align: center;}
.art-detail .detail-info span{display: inline-block; font-size: 12px; color: #666666; padding: 0 10px;}
.art-detail .desc{background: #efefef; border: 1px dotted #cccccc; padding: 10px; font-size: 12px; color: #333333; margin: 10px;}
.art-detail .content{padding: 10px;}

.breadcrumb{padding: 15px 0; color: #0287bf; width: 1200px; margin: auto;}
.breadcrumb ul{margin: 0; padding: 0; display: inline-block;}
.breadcrumb li{display: inline-block;}
.breadcrumb li a:after{content: " >"}
.breadcrumb li:last-child a:after{content: ""}
.breadcrumb li a{color: #0287bf;}

.page .PrevDisabled,.page .Next,.page .Prev,.page .NextDisabled{border: 1px solid #215a2d !important; padding: 10px 15px !important; height: auto !important; line-height: auto !important;}
.page .defaultButtonStyle{background: #215a2d; padding: 10px 15px !important; color: #ffffff; border: none; height: auto !important; line-height: auto !important;}
.page .defaultInputStyle{border: 1px solid #215a2d !important; text-align: center; width: 60px !important; padding: 9px 5px !important; height: auto !important; line-height: auto !important; margin-left: 0 !important; margin-right: 10px !important;}

.search-page{background: #ffffff; border: 1px solid #cccccc; padding: 10px;}

.link{background: url(../images/link_bg.png);}
.link-main{margin: auto; width: 1200px;}
.link-main .title{padding: 20px 0;}
.link-main .title span{color: #088259; padding-right: 10px; font-size: 16px;}
.link-main .title span.sub{font-style: oblique; font-size: 14px;}
.link-main .content{padding: 10px 0; margin: 0 -10px; padding-top: 0px;}
.link-main .content ul li{float: left; width: 182px; margin: 10px; border: 1px solid #e5e5e5; background: #ffffff; padding: 0;}
.link-main .content ul li img{float: left; width: 100%;}

.footer{background: #0287bf; padding: 20px 0; text-align: center; font-size: 12px; color: #ffffff;}
.footer p{padding: 0; margin: 0; line-height: 25px;}
.footer a{color: #ffffff;}
.foot-count span{display: inline-block; height: 20px; line-height: 20px; overflow: hidden; padding: 0 2px;}