a{color: #191919;}
a:hover{ color: #e63939; text-decoration: none; }
/*导航*/
/*.navbar-brand{ padding: 0; margin-top: 5px; }
.header-nav{ background: #222; color: #fff;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ background: #fbfbfb; }
.navbar-inverse .navbar-toggle{ color: #fff; }*/
/*.nav-menu{ height:  }*/

/*.header-nav .logo{ margin-top: 10px; float: left; }*/

/*响应式导航*/
/*.navbar-inverse .navbar-nav >li > a{ color: #fff; }*/
.navbar-inverse .navbar-nav >li > a{ color: #fff; }
.header-nav .company-phone{ margin-top: 15px; color: #fff;}
.navbar-inverse .navbar-nav >li > a:hover{ background: #000; }

--正文部分--
.wrap{ padding-top: 50px; }
.article{position: relative; }
.article .content{ background: #fff; margin-right: 20px; }
.article .content h1.title{ margin:0; padding: 20px 10px; font-size: 28px; color: #191919; line-height: 38px; text-align: center; font-weight: 700;
word-wrap:break-word; tab-size:4; -moz-tab-size:4; text-align:left; text-align: center;}
.article .content p.article-info{ color: #999; font-size: 12px; text-align: center; }
.article .article-content{ margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; font-size: 16px; line-height:1.9; box-sizing:border-box;  outline:0; 
overflow: hidden; 
}
.article .article-content > p img{ display: block; max-width: 100%; margin:0 auto;  }
.article .article-content > div img{ display: block; max-width: 100%; margin:0 auto;  }
.article .article-content > div > p img{ display: block; max-width: 100%; margin:0 auto;  }
.article .article-content > p{ text-indent: 32px; }
.article .article-content > div{ text-indent: 32px; }

.article .sidebar-right{ border-top: 2px #fdd000 solid; background: #f9f9f9; margin:10px auto;}
.article .sidebar-right h3.title{  margin:10px; height: 25px; line-height: 25px; color: #191919; font-size: 16px; font-weight: 700; }
.article .sidebar-right .side-bar-content{ padding: 10px; margin-bottom: 10px; }
.article .ad{ border-top: 0;}
.article .ad img{ width: 100%; height: 200px; }
.article .contact ul{ list-style: none; padding-left: 0;  }
.article .contact ul li{ margin-bottom: 5px; overflow: hidden;}
/*.article .contact ul li strong{ float: left; display: inline-block; width: 80px;}
.article .contact ul li span{ float: left; display: inline-block; width: 160px; }*/

.article-about { overflow: hidden; }
.article-about p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.article-about p a{color: #191919;}
.article-about p a:hover{ color: #e63939; text-decoration: none; }
/*.article-about p{ float: left; width: 40%; overflow: hidden; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.article-about p.article-next{ float: right; }*/

/*banner*/
.banner img{ height: 380px; width: 100%;}

@media only screen and (max-width: 321px){
   .banner img{ height: 180px; }
}

/*面包屑导航*/
.bread { height: 50px; line-height: 58px; font-size: 14px; border-bottom: 1px #f0f0f0 solid; }
.bread span { margin-right: 8px; }
.bread span.active{ color: #999; }
.bread span a.active{ color: #999; }
/*推荐阅读*/
.more-read h3.title{ font-size: 18px; font-weight: bold; text-indent: 5px; border-left: 4px solid #fdd000; color: #191919; height: 19px;  }
.more-read ul{ padding-left: 10px; margin-left: 15px; }
.more-read ul li a{ color: #191919; font-size: 16px; line-height: 34px; }
.more-read ul li a:hover{ color: #e63939; text-decoration: none; }

.footer{ margin: 12px auto; padding: 15px 0; border-top: 1px solid #ddd; line-height: 30px;}
.footer p{ text-align: center; }
.footer a{}

/*文章列表*/
.article-list h3.title{ font-size: 18px; font-weight: bold; text-indent: 5px; border-left: 4px solid #fdd000; color: #191919; height: 19px;  }
.article-list ul{ padding-left: 10px; margin-left: 15px;}
.article-list ul li a{ color: #191919; font-size: 16px; line-height: 34px; }
.article-list ul li a:hover{ color: #e63939; text-decoration: none; }

/*客服*/
.kefu{ width: 60px; position: fixed; right: 0; top: 30%;}
.kefu ul{ list-style: none; padding-left: 0; }
.kefu ul li{ height: 60px; text-align: center; margin-bottom: 3px;  }
.kefu a{ display: block; width: 100%; height: 100%; background: #999;  color: #fff;}
.kefu ul li.active a{ color: #fff; background: #fdd000; font-size: 14px; } 
.kefu em{ font-style: normal; padding-top: 10px; display: inline-block; }
.kefu i{ display: block; margin:24px 0 0 20px; float: left;  width: 24px; height: 12px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKRSURBVHjaYvz//z8DMWDWrFn8QGo7lOuZlpb2kRh9AAHESIwFQMNFgdROIOaDCn0CYnegJa8J6QUIICYiDJcBUgeAmBWI7aEYxD4AlcMLAAKIiYDhylDDvwGxE9DFT0EYxIaKHYCqwQkAAogJj+GaQOogED8HYhfk4ICyXaByB6FqsQKAAGLCYbgBkDoExNegYY0RoVAxd6iaQ1A9GAAggJiwGG4BdflRIPYBGvQNl+ugcj5QtQehelEAQAAxoRkOCtt9QLwFiIOBBvwiFIlQNcFQPfugZsABQAAxIRnuB03nC4E4BqjxLwORAKo2Bqp3O9QsMAAIICao4dFAag0QTwDiLKCG/wwkAqieLKgZa6BmMgAEEOPMmTPTgPR0IK4HKmphoAIAGl4DpBqBOBMggEAWvANxgIZPZKAiAFqSD3I0QAAxElsWkQsAAoiJgcYAIIBobgFAANHcAoAAorkFAAFEcwsAAojmFgAEEM0tAAggUiwA1cnHoJifWE0AAURsRsNaJwMxwToZIICI8QHOOhkqhxcABBADyAd4sDIQ3wHi00AsiiQuChW7A1WD0wyAAMJnuCYQPwHiw0DMj0WeHyr3BKoWqzkAAYTLcAMgfg3Eu4CYC48juKBqXkP1YKgBCCBsmiyA+CMQbwBiNgJByABVswGqxwJdHiCA0BU7AfE3IF4KxMxEGA7DzFA936BmwOUAAghZkR8Q/wTi6UDMSILhMMwI1fsTahZYHCCAYJLRQPwLiDvJNBzZkk6oWSAzGQACCCSYBsR/gbiGAoPRcQ3UzDSAAAJx3gFxPhUNh2GQme8AAojmdTJAANG8NAUIIJpbABBANLcAIIBobgFAANHcAoAAorkFAAFEcwsAAgwAayIxKic9uoUAAAAASUVORK5CYII=) no-repeat 0 -20px; }
.kefu .goback a{ overflow: hidden; }
.kefu .wechat img{ width: 100%; height: 100%; }
.kefu ul li a:hover{ background: #666; }
.kefu ul li.active a:hover{ background: #ffba00; }

.page{ text-align: center; }
.page a{ display: inline-block; padding: 3px 12px; margin:20px 3px; border:1px solid #ddd; }
.page a.cur{ background: #fdd000; color: #fff; }
.page a:hover{ cursor: pointer; background: #fdd000; color: #fff;  }