@charset "utf-8";
body{  }

.header{ width: 1200px; height: 165px; margin: auto; background: #fa6e31; }
.head{ width: 1200px; height: 120px; margin: auto; background: url(../img/head.jpg) center top no-repeat;}


.nav{ width: 100%; height: 45px; background: #fa6e31; }
.nav-list{ width: 1200px; height: 45px; margin: auto; background: #fa6e31; }
.nav-list>li{ position: relative; float: left; }
.nav-list>li>a{ position: relative; display: block; width: 171px; height: 45px; line-height: 45px; 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, .1); }
.nav-list>li:last-child>a:after{ display: none; }
.nav-list>li.on>a{ background:#ff503f; }

.nav-list .sub{ display:none; position:absolute; left:0; top: 45px; width:109px; background: #900010; z-index: 9; }
.nav-list .sub a{ display:block; font-size: 13px; line-height: 40px; text-align: center; color: #fff7ce }
.nav-list .sub a:hover{ background:#fff7ce; color:#900010;  }


.banner{ width: 1200px; height: 410px; margin: auto; background: url(../img/banner.jpg) center top no-repeat; }


.wrap{ width: 1200px; margin: auto; }
.wrap:after{ content: ''; display: block; clear: both; }
.row-box{ width: 100%; padding: 30px 0; overflow: hidden; }
.row-box-grey{ background: #fafafa; }
.row-box .row-content{ width: 1200px; margin: auto; }
.row-box .row-content:after{ content: ''; display: block; clear: both; }

.slide-box{ position: relative; float: left; width: 600px; height: 400px; }
.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: #ff503f; background: #fff; margin-right: 5px; cursor: pointer }
.slide-box .hd ul li.on{ color: #fff; background: #ff503f; }
.slide-box .bd{ position: relative; height: 100%; z-index: 1; }

.slide-list{ width: 100%!important; height: 400px!important; overflow: hidden; }
.slide-list li{ width: 100%!important; height: 400px; }
.slide-list li a{ position: relative; display: block; }
.slide-list li a .thumb{ width: 100%; height: 400px; }
.slide-list li a .info{ position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; font-size: 16px; 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; }


.information-box{ float: left; width: 570px; height: 400px; margin-left: 30px; }
.information-box .tit{ position: relative; height: 35px; line-height: 35px; }
.information-box .tit span{ position: relative; display: inline-block; height: 100%; padding-right: .5em; font-size: 18px; color: #333; }
.information-box .tit span i{ padding-right: .5em; }
.information-box .tit:before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #fa6e31; }
.information-box .tit a{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999; }

.infor-sub-box{ margin-bottom: 10px; }
.infor-sub-box .caption{ position: relative; height: 30px; line-height: 30px; background: #fafafa; }
.infor-sub-box .caption span{ position: relative; display: inline-block; height: 100%; padding: 0 1em; font-size: 15px; color: #fa6e31; }
.infor-sub-box .caption span i{ padding-right: .5em; }
.infor-sub-box .caption a{ position: absolute; top: 0; right: 10px; font-size: 12px; color: #999; }
.infor-sub-box .content{ padding: 0 5px; }

.infor-list{ }
.infor-list li{ border-bottom: 1px dotted #eee; }
.infor-list li a{ position: relative; display: block; height: 29px; font-size: 14px; line-height: 29px; color: #666; }
.infor-list li a em{ margin-right: .5em; color: #aaa }
.infor-list li a i{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999 }

.information-list{ padding-top: 5px; }
.information-list li{ border-bottom: 1px dotted #eee; }
.information-list li a{ position: relative; display: block; height: 34px; font-size: 14px; line-height: 34px; color: #666; }
.information-list li a:before{ content: ''; display: inline-block; width: 14px; height: 100%; margin-right: .5em; vertical-align: middle; background: url('../img/file-alt.png') left center no-repeat; }
.information-list li a i{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999 }


.news-box{ float: left; width: 770px; margin-right: 30px; }
.news-box .tit{ position: relative; height: 35px; line-height: 35px;}
.news-box .tit span{ position: relative; display: inline-block; height: 100%; padding-right: .5em; font-size: 18px; color: #333; }
.news-box .tit span i{ padding-right: .5em; }
.news-box .tit:before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #fa6e31; }
.news-box .tit a{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999; }
.news-box .con{ height: 220px; overflow: hidden; }

.news-sub-box{ float: left; width: 375px; margin-top: 5px; }
.news-sub-box .caption{ position: relative; height: 30px; line-height: 30px; background: #fff; }
.news-sub-box .caption span{ position: relative; display: inline-block; height: 100%; padding: 0 1em; font-size: 15px; color: #fa6e31; }
.news-sub-box .caption span i{ padding-right: .5em; }
.news-sub-box .caption a{ position: absolute; top: 0; right: 10px; font-size: 12px; color: #999; }
.news-sub-box .content{ padding: 0 5px; }


.down-box{ float: left; width: 400px; }
.down-box .tit{ position: relative; height: 35px; line-height: 35px; }
.down-box .tit span{ position: relative; display: inline-block; height: 100%; padding-right: .5em; font-size: 18px; color: #333; }
.down-box .tit span i{ padding-right: .5em; }
.down-box .tit:before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #fa6e31; }
.down-box .tit a{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999; }
.down-box .con{ height: 220px; overflow: hidden; }

.news-list{ padding-top: 5px; }
.news-list li{ border-bottom: 1px dotted #eee; }
.news-list li a{ position: relative; display: block; height: 34px; font-size: 14px; line-height: 34px; color: #666; }
.news-list li a em{ margin-right: .5em; color: #aaa }
.news-list li a i{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999 }

.footer{ width: 1200px; margin: auto; margin-top: 20px; background: #ff503f; }

.link-box{ position: relative; width: 1200px; margin:30px auto; }
.link-box .tit{ position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; }
.link-box .tit span{ position: relative; display: inline-block; height: 100%; padding-right: .5em; font-size: 18px; color: #333; }
.link-box .tit span i{ padding-right: .5em; color: #fa6e31; }
.link-box .tit span:before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #fa6e31; }
.link-box .tit a{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999; }
.link-box .con{ height: 50px; padding: 10px 0; overflow: hidden; }

.link-box .con a{ display: inline-block; padding: 0 .5em; margin: 0 .5em; font-size: 13px; line-height: 25px; }

.foot{ width: 1200px; padding: 20px 0; margin: auto; text-align: center; font-size: 14px; line-height: 24px; color: #fff; }


.column{ width: 1200px; padding: 20px 0; margin: auto; }
.column:after{ content: ''; display: block; clear: both; }
.column-left{ float: left; width: 280px; background: url(../img/left.png) center top no-repeat #f4f4f4; }

.column-main{ float: right; width: 890px; }
.column-main .caption{ position: relative; height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; }
.column-main .caption h1{ position: relative; display: inline-block; padding-right: .25em; font-size: 18px; color: #fa6e31; }
.column-main .caption h1:before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #fa6e31; }
.column-main .bread{ position: absolute; top: 0; right: 0; height: 44px; line-height: 44px; font-size: 0; background: #fff; }
.column-main .bread span,
.column-main .bread a{ display: inline-block; font-size: 12px; color: #666; }
.column-main .bread span{ color: #333; }
.column-main .bread a:after{ content: '>'; display: inline-block; padding: 0 .25em; }
.column-main .bread a:last-child:after{ display: none; }

.list-news{  }
.list-news li{ padding: 15px 0 14px 0; border-bottom: 1px solid #eee; }
.list-news li a{ position: relative; display: block; overflow: hidden; text-align: center; }
.list-news li a .date{ float: left; position: relative; width: 54px; padding: 0 3px; margin-top: 10px; font-size: 12px; border-radius: 4px; line-height: 30px; color: #fff; background: #fa6e31; overflow: hidden; }
.list-news li a .date:before{ content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 50%; background: #ff503f; }
.list-news li a .date span{ position: relative; }
.list-news li a .info{ float: right; width: 815px; text-align: left; }
.list-news li a .info h1{ height: 30px; font-size: 15px; line-height: 30px; font-weight: normal; overflow: hidden; }
.list-news li a .info h5{ height: 40px; font-size: 12px; line-height: 20px; font-weight: normal; color: #999; overflow: hidden; }


.page{ padding: 15px 0; text-align: center; font-size: 0; background: #fff; }
.page span,
.page a{ display: inline-block; font-size: 12px; line-height: 2; margin: 0 .5em; }

.left-nav{ padding: 20px; }
.left-nav dt{ height: 45px; font-size: 18px; font-weight: bold; line-height: 45px; color: #ff503f; }
.left-nav dd{}
.left-nav dd a{ display: block; width: 100%; height: 39px; border-bottom: 1px dotted #ccc; font-size: 15px; line-height: 39px; color: #fa6e31; }
.left-nav dd a:before{ content: '>>'; padding-right: .5em; }

.left-list{ padding: 20px; }
.left-list dt{ height: 45px; font-size: 18px; font-weight: bold; line-height: 45px; color: #ff503f; }
.left-list dd{}
.left-list dd a{ display: block; width: 100%; height: 39px; border-bottom: 1px dotted #ccc; font-size: 14px; line-height: 39px; color: #666; overflow: hidden; }
.left-list dd a:before{ content: '+'; font-weight: bold; font-size: 16px; padding-right: .5em; color: #fa6e31; }

.article-box{ padding: 10px; background: #fff; overflow: hidden; }
.article-box .art-tit{ padding: 15px 10px; }
.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: #fa6e31; }

.fal{ display: inline-block; vertical-align: middle; }
.fal{ display: inline-block; vertical-align: middle; }

.fa-newspaper{ background: url(../img/newspaper.png) left center no-repeat; width: 18px; height: 100%; }
.fa-books{ background: url(../img/books.png) left center no-repeat; width: 18px; height: 100%; }
.fa-link{ background: url(../img/link.png) left center no-repeat; width: 18px; height: 100%; }
.fa-cloud-download{ background: url(../img/cloud-download.png) left center no-repeat; width: 18px; height: 100%; }
.fa-server{ background: url(../img/server.png) left center no-repeat; width: 14px; height: 100%; }
.fa-book{ background: url(../img/book.png) left center no-repeat; width: 14px; height: 100%; }
.fa-bell{ background: url(../img/bell.png) left center no-repeat; width: 14px; height: 100%; }
.fa-paper{ background: url(../img/paper.png) left center no-repeat; width: 14px; height: 100%; }
