@charset "utf-8";
.mo{ margin: auto; }
.fl{ float: left; }
.fr{ float: right; }
a:hover{ text-decoration: none; }
body{ background: #fff; }

.header{ width: 100%; height: 130px; border-top: 2px solid #f00; }
.head, .wrap, .cpr{ width: 1100px; overflow: hidden; }

.head{ height: 130px; }
.head i{ float: left; width: 615px; height: 130px; background: url(../img/logo.png) no-repeat; }
.head b{ float: right; width: 400px; height: 130px; background: url(../img/name.png) left center no-repeat; }
.nav{ width: 1100px; height: 50px; background: #f00; margin: auto; }
.nav ul{ width: 1100px; height: 50px; margin: auto; overflow: hidden; text-align: center; }
.nav ul li{ display: inline-block; }
.nav ul li a{ display: block; padding: 0 2em; font-size: 16px; color: #fff; line-height: 50px; }
.banner{ width: 100%; height: 500px; background: url('../img/banner.jpg') center top no-repeat; }

.wrap{ padding: 20px 0; }
.btn-list{ width: 360px; margin-right: 20px; }
.btn-list a{ display: block; width: 100%; height: 80px; line-height: 80px; text-indent: 20px; margin-bottom: 20px; color: #fff; border-radius: 4px; font-size: 24px; }
.btn-list a span{ font-family: Georgia; font-size: 16px; color: #fff; font-weight: normal; margin-left: .5em; }
.btn-list a i{ font-size: 20px; font-weight: normal; padding-right: .5em; }

.imp-box{ width: 700px; overflow: hidden; border: 1px solid #eee; padding: 9px; padding-top: 0; margin-bottom: 20px; }
.imp-box .box-tit{ position: relative; height: 48px; line-height: 48px; border-bottom: 1px solid #eee;}
.imp-box .box-tit h1{ height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; color: #f00;}
.imp-box .box-tit h1 span{ font-family: Georgia; font-size: 14px; color: #ccc; font-weight: normal; margin-left: .5em; }
.imp-box .box-tit a.more{ position: absolute; right: 0; top: 0; font-size: 12px; color: #666; }
.imp-box .box-con{ height: 220px }
.imp-box .box-con .imp-page{ padding: 10px; font-size: 16px; font-weight: bold; line-height: 25px; }
.imp-box .box-con .imp-page p{ padding-bottom: .25em; }
.imp-box .box-con .imp-page b{ color: #f00 }

.g-box{ width: 520px; overflow: hidden; border: 1px solid #eee; border-top: 2px solid #f00; padding: 9px; padding-top: 0; margin-bottom: 20px; }
.g-box .box-tit{ position: relative; height: 48px; line-height: 48px; border-bottom: 1px solid #eee;}
.g-box .box-tit h1{ height: 48px; line-height: 48px; font-size: 18px; font-weight: bold; color: #f00;}
.g-box .box-tit h1 span{ font-family: Georgia; font-size: 14px; color: #ccc; font-weight: normal; margin-left: .5em; }
.g-box .box-tit a.more{ position: absolute; right: 0; top: 0; font-size: 12px; color: #666; }
.g-box .box-con{ overflow: hidden; }
.g-list{ overflow: hidden; padding: 10px 5px; }
.g-list li{ border-bottom: 1px dotted #eee; }
.g-list li.imp{ font-weight: bold; }
.g-list li a{ position: relative; display: block; height: 35px; line-height: 35px; font-size: 16px; color: #222; }
.g-list li a i{ font-weight: normal; font-size: 12px; vertical-align: middle; padding-right: .5em; }
.g-list li a span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #333; }
.g-list li:hover{ background: #f8f8f8; }

.notice-box{ border-top: 2px solid #f00; margin-right: 20px; }
.notice-box .box-tit h1{ color: #f00;}
.notice-box .g-list li a i{ color: #f00; }

.news-box{ border-top: 2px solid #f00; width: 700px; }
.news-box .box-tit h1{ color: #f00;}
.news-box .g-list li a i{ color: #f00; }

.branch-box{ border-top: 2px solid #f00;}
.branch-box .box-tit h1{ color: #f00;}
.branch-box .g-list li a i{ color: #f00; }
.branch-box .g-list li a em{ font-family: Georgia; font-size: 12px; padding-left: .5em; }

.phone-code{ width: 340px; height: 277px; border: 1px solid #eee; border-top: 2px solid #f00; padding: 9px; padding-top: 8px; margin-left: 20px; text-align: center; }
.phone-code h5{ font-size: 18px; color: #f00; line-height: 30px; padding: 5px 0; }
.phone-code h1{ font-size: 24px; font-weight: bold; line-height: 30px; }
.phone-code h1 img{ width: 133px; height: 133px; }

.foot{ width: 100%; text-align: center; line-height: 70px; font-size: 16px; border-top: 1px solid #dfdede; background: #f9f9f9; }

.list-box{ border: 1px solid #dfdede; padding: 0 14px 9px 14px; }
.list-box .title{ border-bottom: 2px solid #f00; line-height: 39px; font-size: 18px; }
.list-box .content{ overflow: hidden; }
.list{ overflow: hidden; padding: 5px 10px; }
.list li{ border-bottom: 1px dotted #eee; }
.list li.imp{ font-weight: bold; }
.list li a{ position: relative; display: block; height: 40px; line-height: 40px; font-size: 16px; color: #222; }
.list li a i{ font-weight: normal; font-size: 12px; vertical-align: middle; padding-right: .5em; }
.list li a span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #333; }
.list li:hover{ background: #f8f8f8; }
.list li:hover a,
.list li:hover span{ color: #f00; }

.show-box{ border: 1px solid #dfdede; padding: 0 14px 9px 14px; }
.show-box .title{ border-bottom: 2px solid #f00; line-height: 39px; font-size: 18px; }
.show-box .content{ overflow: hidden; }

.article-tit{ font-size: 24px; color: #000; text-align: center; line-height: 30px; padding-top: 20px;}
.article-time{ font-size: 14px; color: #333; text-align: center; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #eee; }
.article-con{ padding: 15px; font-size: 16px; line-height: 30px;}
.article-con img{ max-width: 1000px; }