@charset "UTF-8";
body{ background: #fff; }
.header{ width: 100%; background: #cf6210;}
.head{ position: relative; width: 1000px; height: 120px; margin: auto; background: url('../img/header.png') center center no-repeat; }
.head .change{ position: absolute; right: 0; top: 10px; font-size: 0; }
.head .change a{ display: inline-block; font-size: 12px; color: #fff; }
.head .change a:after{ content:'|'; padding: 0 .5em; }
.head .change a:last-child:after{ display: none; }
.nav{ width: 100%; height: 45px; background: #c05200; }
.nav-list{ width: 1000px; height: 45px; margin: auto; }
.nav-list>li{ position: relative; float: left; }
.nav-list>li>a{ display: block; width: 200px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; }
.nav-list .sub{ display:none; position:absolute; left:0; top: 45px; width:200px; background: #fff; z-index: 9; }
.nav-list .sub a{ display:block; padding: 10px 0; font-size: 13px; line-height: 20px; text-align: center; }
.nav-list .sub a:hover{ background:#c05200; color:#fff;  }
.nav-list>li.on>a{ background:#fff; color:#c05200;   }
.slider{ width: 100%; height: 400px; background: #f8f8f8; }
.slide{ position: relative; width: 1000px; height: 400px; margin: auto; background: #000; }
.slide .hd{ position: absolute; right: 0; bottom: 0; height: 10px; padding: 10px; z-index: 3; }
.slide .hd ul{ overflow: hidden; text-align: right; font-size: 0; }
.slide .hd ul li{ display: inline-block; width: 10px; height: 10px; background: rgba(255, 255, 255, .6); border-radius: 50%; margin-right: 5px; }
.slide .hd ul li.on{ background: #fff; }
.slide .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; left: 10px; bottom: 10px; z-index: 2; }
.slide-list li a .info h1{ display: inline-block; font-size: 18px; line-height: 1; padding: .5em ; color: #fff; background: rgba(192, 82, 0, .9); }
.slide-list li a .info span{ display: block; width: 70%; padding: 10px; margin-top: .5em; font-size: 13px; line-height: 1.75; color: #2a2a2a; background: rgba(255, 255, 255, .9); }
.slide .prev,
.slide .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 .next{ left:auto; right:10px; background-position:8px 5px; }
.slide .prev:hover,
.slide .next:hover{ opacity:1; }

.wrap{ width: 1000px; padding: 20px 0; margin: auto; overflow: hidden; }
.news-box{ float: left; width: 560px; margin-right: 40px; }
.news-box .box-tit{ position: relative; width: 100%; overflow: hidden; padding-bottom: 10px; }
.news-box .box-tit:after{ content:''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #cf6210; }
.news-box .box-tit h1{ float: left; font-size: 18px; line-height: 30px; text-transform: uppercase; color: #cf6210; }
.news-box .box-tit a{ float: right; font-size: 12px; line-height: 30px; }
.news-box .box-con{ padding-top: 10px; overflow: hidden; }
.coop-box{ float: left; width: 400px; }
.coop-box .box-tit{ position: relative; width: 100%; overflow: hidden; padding-bottom: 10px; }
.coop-box .box-tit:after{ content:''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #cf6210; }
.coop-box .box-tit h1{ float: left; font-size: 18px; line-height: 30px; text-transform: uppercase; color: #cf6210; }
.coop-box .box-tit a{ float: right; font-size: 12px; line-height: 30px; }
.coop-box .box-con{ padding-top: 10px; overflow: hidden; }
.news-list{ overflow: hidden; }
.news-list li{ width: 100%; border-bottom: 1px dotted #eee; }
.news-list li a{ position: relative; display: block; width: 100%; font-size: 12px; height: 35px; line-height: 35px; text-indent: 1em; }
.news-list li a:before{ content:''; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; margin-top: -2px; background: #cf6210; }
.news-list li a span{ position: absolute; right: 0; top: 0; display: block; font-size: 12px; color: #999; }
.news-list li a:hover span{ color: #cf6210; }
.row-g{ width: 100%; padding: 30px 0; background: #f8f8f8; overflow: hidden; }
.album-box{ width: 1000px; margin: auto; }
.album-list{ width: 100%; }
.album-list li{ float: left; width: 250px; }
.album-list li a{ display: block; padding: 5px; }
.album-list li a .thumb{ width: 240px; height: 180px; }
.album-list li a .info{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 12px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1) }
.footer{ width: 100%; height: 110px; background: #cf6210; }
.foot{ width: 1000px; height: 40px; padding: 35px 0; margin: auto; background: #0062AC url('../img/footer.jpg') center center no-repeat; font-size: 12px; text-align: center; color: #fff; line-height: 20px;}

.banner{ position: relative; width: 1200px; height: 240px; margin: auto; background: url('../img/banner.jpg') center center no-repeat; z-index: 1; }
.column{ width: 1000px; height: auto; margin: auto; }
.column:after{ content:''; display: block; clear: both; }
.column-left{ float: left; width: 240px;  }
.class-list{ position: relative; width: 240px; margin-top: -40px; overflow: hidden; z-index: 2; }
.class-list dt{ width: 240px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #cf6210; }
.class-list dd{ width: 240px; background: #fff; }
.class-list dd a{ display: block; width: 240px; padding: 10px 0; margin-top: 1px; line-height: 20px; text-align: center; font-size: 14px; background: #eee; }
.class-list dd a.on{ background: #cf6210; color: #fff; }
.column-main{ float: right; width: 740px; }
.column-main .main-tit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #cf6210; overflow: hidden; }
.column-main .main-tit h1{ float: left; font-size: 18px;  color: #cf6210; font-weight: normal; }
.column-main .main-tit h1:before{ content:''; display: inline-block; vertical-align: middle; width: 5px; height: 20px; background: #cf6210; margin-right: 10px; }
.column-main .main-tit .bread{ float: right; text-align: left; font-size: 0; }
.column-main .main-tit .bread span,
.column-main .main-tit .bread a{ display: inline-block; font-size: 12px; height: 40px; line-height: 40px; }
.column-main .main-tit .bread a:after{ content:'>'; padding: 0 .5em; }
.column-main .main-tit .bread a.active{ color: #cf6210 }
.column-main .main-tit .bread a.active:after{ display: none; }
.column-main .main-con{ width: 100%; }
.list-news{ width: 100%; overflow: hidden; }
.list-news li{ width: 100%; border-bottom: 1px dotted #eee; }
.list-news li a{ position: relative; display: block; width: 100%; font-size: 12px; height: 35px; line-height: 35px; text-indent: 1em; }
.list-news li a:before{ content:''; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; margin-top: -2px; background: #cf6210; }
.list-news li a span{ position: absolute; right: 0; top: 0; display: block; font-size: 12px; color: #999; }
.list-news li a:hover span{ color: #cf6210; }
.list-img{ overflow: hidden; }
.list-img li{ float: left; width: 245px; padding-top: 20px; }
.list-img li a{ display: block; width: 230px; margin: auto; }
.list-img li a i{ display: block; width: 230px; height: 170px; }
.page{ padding: 15px 0 5px; text-align: center; font-size: 0; }
.page span,
.page a{ display: inline-block; font-size: 12px; margin: 0 .5em; }
.article-box{ overflow: hidden; }
.article-box .art-tit{ padding: 15px 0; }
.article-box .art-tit h1{ font-size: 16px; text-align: center; font-weight: normal; 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 0; text-align: justify; word-break: break-all; }
.article-box .art-con img{ max-width: 710px; }