@charset "utf-8";

@media (min-width: 992px) {
.container { width: 1170px; }
}
body { line-height: 1.9; font-family: "微软雅黑"; font-size: 12px; padding: 40px 0 0; }
html, div, ol, ul, i, li, form, p, h1, h2, h3, h4, h5, h6, dd, dl, dt, span, em, input { margin: 0; padding: 0; border: 0; }
li { list-style: none }
a { color: #333; }
a:hover, a:focus { color: #b40000; }
p { color: #5f5f5f; }
img { max-width: 100%; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr0 { margin-right: 0 !important }
.mb10 { margin-bottom: 10px; }
.fa { color: #333; font-size: 16px; vertical-align: middle }
.header { height: 61px; }
.siteLogo { float: left; padding: 10px 0 10px 0; }
.channelLogo { float: left; font-family: "微软雅黑", simhei; font-size: 22px; line-height: 44px; padding-left: 25px; padding-top: 7px; font-weight: bold }
.channelLogo a { color: #b40000; }
.navbar { min-height: 40px; border: none; border-radius: 0; }
.navbar .container { background-color: #b40000; }
.navbar-default { background-color: #b40000; font-size: 20px }
.navbar-brand { font-size: 18px; padding: 12px 12px 11px; height: auto }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand { color: #fff; padding: 12px 75px 11px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; text-decoration: underline }
.navbar-toggle { margin-top: 5px; margin-bottom: 0; }
.navbar .container .navbar-brand { padding-left: 18px; padding-right: 15px; }
.media-heading { font-weight: bold }

@media (max-width: 991px) {
.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin: 7.5px -5px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
}
.navbar-nav { width: 100%; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.cproducts { float: left; display: block; width: 275px; margin-right: 10px; text-align: center; height: 35px; line-height: 32px; background: #f2f2f2; border: 1px solid #e4e4e4; color: #333; font-size: 18px; }
.carousel-control { width: 5%; }
.carousel-control .arrows { top: 45%; font-size: 34px; font-weight: bold; }
.carousel-caption { left: 10%; right: 10%; }
h3 { font-weight: bold; font-size: 24px; }

@media (max-width: 991px) {
body { padding-top: 10px; }
.carousel-caption { bottom: -5px; }
.navbar-default .navbar-nav > li > a { padding: 5px 23px; font-size: 16px; }
}

@media (max-width: 767px) {
h3 { font-size: 16px; }
}
.domPC { display: block; }
.domMobile { display: none; }
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 20px 0; }
.xh-fall-fallTitle h2 { font-size: 22px; color: #333; line-height: 50px; float: left; border-bottom: 3px solid #b40000; padding: 0 10px; }

.ej_list { margin-top: 10px; overflow: hidden; }
.ej_list li { border-bottom: 1px solid #ededed; padding-bottom: 5px; background: url(http://www.piyao.org.cn/ej/images/ej_doc.jpg) no-repeat left 11px; padding-left: 15px; overflow: hidden; margin-top: 10px; }
.ej_list li h2 { float: left; width: 600px; height: 24px; font-size: 16px; color: #333; overflow: hidden; }
.ej_list li h2 a { font-weight: normal; color: #333; }
[data-type=txt] .ej_list li h2 a+a { margin-left: 0.5em; }
.ej_list li p { float: right; font-size: 12px; color: #999; padding-right: 5px; }
.xpage-more-btn { width: 659px; height: 34px; text-align: center; margin: 0 auto; margin-left: auto; margin-right: auto; background: #ededed; line-height: 34px; cursor: pointer; margin-top: 25px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }


div.copyright { border-top-color: #b40000; }
.copyright { width: 100%; padding: 40px 0 40px 0; border-top: 3px solid #ccc; text-align: center; margin-top: 50px; font-size: 16px; }

@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.con_left { width: 100%; height: auto; overflow: hidden; }
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 10px 0; }
.xh-fall-fallTitle h2 { font-size: 1.75rem; color: #333; line-height: 50px; float: left; border-bottom: 3px solid #b40000; padding: 0 10px; }

.ej_list { padding: 0 2% 0 2%; margin-top: 10px; overflow: auto; }
.ej_list li { border-bottom: 1px solid #ededed; padding-bottom: 15px; background: url(http://www.piyao.org.cn/ej/images/ej_doc.jpg) no-repeat left 11px; padding-left: 15px; overflow: hidden; margin-top: 10px; }
.ej_list li h2 { float: left; width: 100%; height: auto; font-size: 1.5rem; color: #333; overflow: hidden; line-height: 25px; }
.ej_list li h2 a { font-weight: normal; color: #333; }
.ej_list li p { float: right; font-size: 12px; color: #999; padding-right: 5px; }
.xpage-more-btn { width: 100%; height: auto; text-align: center; margin: 0 auto; margin-left: auto; margin-right: auto; background: #ededed; line-height: 34px; cursor: pointer; margin-top: 25px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }
}