body {background-color: #F3F3F3;}
.wrapper {width: 1200px;margin: 0 auto;}
a:hover {transition: all .3s;}
.header-box {background-color: #fff;padding: 20px 0 0;}
.header-box .logo {width: 340px;position: relative;height: 100px;overflow: hidden;z-index: 0;}
.header-box .logo img {display: block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.header {display: flex;flex-flow: row nowrap;align-items: flex-end;justify-content: start;}
.mainnav {position: relative;z-index: 9;}
.mainnav>li {float: left;}
.mainnav h4 a {font-weight: 700;font-size: 17px;color: #666;display: block;line-height: 50px;padding: 0 14px;}
.mainnav>li:hover h4 a {color: #c03136;box-shadow: 0 -3px 0 0 #c03136 inset;}
.mainnav .sub-box {transition: all .3s;position: fixed;top: 119px;left: 0;right: 0;background-color: rgba(255, 255, 255, .9);height: 0;z-index: -2;overflow: hidden;}
.mainnav>li:hover .sub-box {height: 80px;z-index: 20;}
.mainnav .sub-box .sub {padding: 0 80px;display: flex;flex-flow: row nowrap;align-items: center;}
.mainnav .sub a {display: block;line-height: 80px;padding: 0 22px;color: #4A4A4A;}
.mainnav .sub a:hover {color: #C03136;}
.body-box {background-color: #fff;display: flex;flex-flow: row nowrap;align-items: stretch;justify-content: flex-start;min-height: 400px;}
.box-left {width: 288px;flex-shrink: 0;}
.box-right {flex: 1;}
.box-left h2 {display: block;height: 114px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 36px;color: #fff;font-weight: 700;background-color: #CC0001;background: url(../images/bg.png) no-repeat center;}
.box-left .leftNav a {height: 100px;display: block;line-height: 100px;padding-left: 110px;color: #666;}
.box-left .leftNav .on a {height: 100px;display: block;line-height: 100px;padding-left: 110px;color: #C03136;}
.box-left .leftNav a:hover,.box-left .leftNav a.on {color: #C03136;}
.box-left .leftNav {border-right: 1px solid #eee;}
.box-left .leftNav li+li {border-top: 1px solid #eee;}
.crumbs {line-height: 44px;height: 44px;border-bottom: 1px solid #EEEEEE;}
.box-right {padding: 10px 35px;font-size: 14px;color: #666;}
.box-right a {color: #222;padding: 0 10px;}
.body-box a:hover {color: #C03136;}
.box-right span {padding: 0 10px;}
.crumbs .tit {font-size: 16px;color: #C03136;font-weight: 700;display: inline-block;padding: 0 10px;box-shadow: 0 -3px 0 0 #C03136 inset;}
.box-right .content-box {font-size: 16px;color: #333;line-height: 2;padding: 20px 0;}
.footer-box {background-color: #B60005;}
.copyright {background-color: #680104;}
.copyright,.footer-box {color: #fff;font-size: 14px;line-height: 2;padding: 16px 0;}
.footer-box .fl i {width: 16px;text-align: center;font-size: 16px;}
.footer-box .fr {display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;text-align: center;line-height: 40px;width: 300px;}
.footer-box .fl h4 {font-size: 18px;display: block;margin-bottom: 15px;padding: 5px 0;border-bottom: 1px dashed;height: 43px;}
.footer-box .fl h4 span {font-weight: 700;display: inline-block;border-bottom: 3px solid;}
.footer-box .footer {padding-left: 10px;}
.page-box {display: flex;padding: 35px 20px;flex-flow: row nowrap;white-space: nowrap;align-items: center;justify-content: center;font-size: 14px;}
.page-box a {background-color: #f7f7f7;color: #666;}
.page-box a:hover,.page-box span {background-color: #EA594F;color: #fff;}
.page-box a,.page-box span {display: block;height: 32px;line-height: 32px;text-align: center;padding: 0 12px;border-radius: 3px;overflow: hidden;}
.page-box li+li {margin-left: 20px;}
.inside-newslist li {border-bottom: 1px solid #EEEEEE;padding: 14px 0;display: flex;flex-flow: row nowrap;align-items: flex-start;justify-content: stretch;}
.inside-newslist li .img {display: block;position: relative;flex-shrink: 0;width: 116px;height: 88px;margin-right: 10px;}
.inside-newslist li .text {flex: 1;}
.inside-newslist li .tov {height: 34px;line-height: 34px;color: #222;font-size: 14px;font-weight: 700;}
.inside-newslist a:hover {color: #C03136;}
.inside-newslist li .cont{font-size: 12px;color: #666;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inside-newslist li .clb{ padding: 2px 0;font-size: 12px;color: #666;line-height: 16px;}
.inside-news-detail .tit h2{color: #C03136;font-weight: 700;font-size: 24px;line-height: 34px;}
.inside-news-detail .tit h6{color: #666;font-size: 12px;line-height: 20px; padding: 20px;}
.inside-news-detail .tit{padding: 20px 10px 10px; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.inside-news-detail .cont{ padding: 10px 35px;line-height: 2;font-size: 16;color: #333;}
.inside-news-detail .cont span{ padding: 0;}









.inside-piclist {display: table; width:100%;}
.inside-piclist li {display: flex;flex-flow: column nowrap;padding-bottom: 20px;font-size: 14px;text-align: center;float: left;width: 31%;margin-right:3.5%;}
.inside-piclist li:nth-child(3n){margin-right:0;}

.inside-piclist li .picimg {width: 100%;overflow: hidden; height:180px; line-height:178px;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .06);}
.inside-piclist li .picimg img { max-width:100%;vertical-align:middle;}
.inside-piclist li p {display: block;width: 100%;padding: 10px;background-color: #fff;box-sizing: border-box;padding-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 7px;}
#popup-imgshow {position: fixed;z-index: 1000;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .5);}
#popup-imgshow .btn-close {width: 80px;height: 80px;background-color: #fff;position: absolute;right: 20px;top: 20px;opacity: .9;cursor: pointer;z-index: 2;}
#popup-imgshow .btn-close::before {height: 2px;width: 80%;background-color: #666;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#popup-imgshow .btn-close::after {height: 2px;width: 80%;background-color: #666;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#popup-imgshow img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: 100%;max-height: 100%;z-index: 1;}
.hide {display: none;}










