@charset "UTF-8";
.fl { float: left !important; }

.fr { float: right !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; overflow: hidden; }

.clearfix { zoom: 1; }

.hide { display: none !important; }

/* 栏目页  */
.con_wrap { width: 1200px; margin: 0 auto; }

.com-tab__tle { height: 50px; line-height: 50px; background: #642d26; text-align: center; }

.com-tab__tle a { position: relative; display: inline-block; padding: 0 17px; margin-left: 30px; font-size: 22px; font-weight: 700; color: #fff; }

.com-tab__tle a:first-child { margin-left: 0; }

.com-tab__tle a.active { background: #8b6c40; }

.com-tab__tle a.active:after { position: absolute; bottom: -7px; left: 50%; width: 0; height: 0; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 7px solid #8b6c40; content: ""; }

.com-tab__container { padding: 30px 20px; background: #fff; }

.com-banner { position: relative; width: 350px; height: 222px; overflow: hidden; }

.com-banner .banner-hd { position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; height: 40px; }

.com-banner .banner-hd ul { position: absolute; top: 50%; right: 20px; margin-top: -4px; }

.com-banner .banner-hd ul li { float: left; width: 8px; height: 8px; margin-left: 7px; background: #fff; cursor: pointer; border-radius: 50%; }

.com-banner .banner-hd ul li:first-child { margin-left: 0; }

.com-banner .banner-hd ul li.on { background: #8b6c40; }

.com-banner .banner-bd li { position: relative; vertical-align: middle; }

.com-banner .banner-bd li img { width: 350px; height: 222px; }

.com-banner .banner-tle { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; padding: 0 106px 0 10px; background: url(../images/opa-5.png); background: rgba(0, 0, 0, 0.5); }

.com-banner .banner-tle h3 { font-size: 13px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.com-banner .banner-btn { position: absolute; top: 50%; z-index: 10; display: block; width: 38px; height: 38px; margin-top: -19px; background: url(../images/arrow-sprites.png) no-repeat; }

.com-banner .banner-btn:focus { outline: none; }

.com-banner .banner-btn-prev { left: 10px; }

.com-banner .banner-btn-next { right: 10px; background-position: 0 -48px; }

.art-tle { position: relative; }

.art-tle:after { position: absolute; top: 21px; left: 0; right: 0; height: 2px; background: #642d26; content: ""; }

.art-tle h3 { position: relative; display: inline-block; z-index: 1; height: 38px; line-height: 38px; padding: 0 20px; font-size: 16px; font-weight: 700; color: #fff; background: #8b6c40; }

.art-tle h3:after { position: absolute; bottom: 0; right: -5px; width: 0; height: 0; border-top: 15px solid #642d26; border-right: 5px solid transparent; content: ""; }

.art-list li { position: relative; padding-left: 20px; font-size: 16px; line-height: 50px; border-bottom: 1px dashed #a4a4a4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.art-list li:after { position: absolute; top: 50%; left: 5px; width: 6px; height: 6px; margin-top: -3px; background: #666; border-radius: 50%; content: ""; }

.art-list li a { color: #333; }

.art-list li a:hover { color: #8b6c40; text-decoration: underline; }

.art-list li span { font-size: 16px; color: #999; }

.zhyw .art-list { width: 590px; }

.art-mod + .art-mod { margin-top: 30px; }

.art-mod .art-list { margin-top: 15px; }

.contact { padding: 15px 20px; background: #642d26; text-align: center; color: #fff; }

.art-null { color: #999; text-align: center; }

/* 不忘初心页面
---------------------------------------------------------------- */
.mod-banner { margin: 24px 0 0; }

.mod-tt { margin: 30px 0 0; }

.mod-tt__tle { float: left; width: 70px; height: 220px; padding: 40px 20px 0; margin: 0 30px 0 0; font-size: 26px; font-weight: 700; color: #fff; line-height: 1.2em; text-align: center; background: url("../images/tle-bg.png") no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod-tt__tle a{color:#fff;}

.mod-tt__tle__icon { display: inline-block; width: 24px; height: 24px; margin: 10px 0 0; line-height: 24px; font-size: 18px; font-family: "Sim Sun"; font-weight: 400; border-radius: 50%; background: #d01a0b; }

.mod-tt__con { overflow: hidden; }

.mod-tt__con__tle { padding: 0 0 13px; font-size: 28px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #999; }

.mod-tt__con__tle a { color: #cb1e0c; }

.mod-tt__con__tle a:hover { text-decoration: none; color: #b31a0b; }

.mod-tt__con--col-2 .mod-art { margin: 15px 0 0; float: left; width: 50%; }

.mod-tt__con--col-2 .mod-art__item { float: none; width: auto; }

.mod-art { overflow: hidden; }

.mod-art__item { float: left; width: 50%; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mod-art__item a { display: block; line-height: 32px; padding-right: 10px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mod-art__item a:hover { color: #cb1e0c; text-decoration: underline; }

.mod-tt__con--single .mod-art { float: none; width: auto; }

.mod-art--full .mod-art__item { float: none; width: auto; }

.mod-art--sm .mod-art__item a { line-height: 28px; }

.mod-art-group { margin: 35px -20px 0 -20px; overflow: hidden; }

.mod-artbox { float: left; width: 50%; height: 277px; overflow: hidden; padding: 0 20px; margin: 0 0 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mod-artbox__tle { position: relative; height: 38px; line-height: 38px; padding: 0 20px; background: #cb1e0d; }

.mod-artbox__tle:after { position: absolute; bottom: -12px; left: 0; width: 0; height: 0; border-left: 15px solid transparent; border-top: 12px solid #850e07; content: ""; }

.mod-artbox__tle__txt { display: inline-block; font-size: 16px; font-weight: 700; color: #fff; }

.mod-artbox__tle__more { float: right; font-size: 13px; color: #fff; }

.mod-artbox__tle__more:hover { color: #fff; text-decoration: underline; }

.mod-artbox__con { padding: 15px 0 0 12px; }