.inmain { border-top: 1px solid #8e172c; padding-bottom: 30px }
.inbanner { width: 100%; height: 379px; color: #fff; text-align: center; background-position: center center; background-repeat: no-repeat }
.inbanner h1 { font-size: 30px; text-transform: uppercase; line-height: 30px; padding-top: 150px; padding-bottom: 20px }
.inbanner h2 { font-size: 14px; line-height: 20px }
.navbar { margin-top: 30px; margin-bottom: 50px; font-size: 16px; color: #777; line-height: 38px; }
.navbar a { display: inline-block; padding: 0 40px; }
.navbar a.on, .navbar a:hover { color: #8e172c; position: relative; }
.navbar a.on { font-weight: bold; }
.navbar a.on:after { content: ''; position: absolute; bottom: -8px; left: 50%; margin-left: -20px; background: #8e172c; width: 40px; height: 4px; }
.mainc { font-size: 14px; color: #333; line-height: 2em }
.mainc .contact { margin-top: 30px }
.mainc .contactw { width: 700px; float: left; border-right: 1px dashed #ddd; padding-right: 20px }
.mainc .liuyanw { width: 500px; float: right; padding-left: 20px }
.parlist { }
.parlist ul { padding-left: 36px }
.parlist ul li { float: left; margin-right: 20px; margin-bottom: 20px; width: 266px; height: 118px; background: #fff; border: 1px solid #ddd; text-align: center }
.parlist ul li img { max-width: 100%; max-height: 100%; opacity: 0.4; filter: opacity(40); }
.parlist ul li:hover img { opacity: 1; filter: opacity(100) }
.prolist { width: 100%; overflow: hidden }
.prolist ul { width: 1240px }
.prolist ul li { float: left; width: 270px; height: 270px; margin-right: 40px; margin-bottom: 40px; background: #fff; border: 1px solid #efc586; border-radius: 6px; overflow: hidden }
.prolist ul li .img { position: relative; width: 228px; height: 184px; margin: 20px auto; border: 1px solid #eeeeee }
.prolist ul li .img:after, .newslist ul li .img:after { display: none; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2) url(../images/Magnifier.png) no-repeat center center; z-index: 2; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.prolist ul li .img:hover:after, .newslist ul li .img:hover:after { display: block }
.prolist ul li .img:hover { border-color: #efc586 }
.prolist ul li .img img, .newslist ul li .img img { width: 100%; height: 100% }
.prolist ul li .name { width: 100%; text-align: center; line-height: 30px; font-size: 16px; color: #666 }
.newslist { width: 100%; overflow: hidden }
.newslist ul { width: 1350px }
.newslist ul li { float: left; width: 318px; margin-right: 123px; margin-bottom: 40px }
.newslist ul li .img { position: relative; width: 100%; height: 220px; background: #fff; overflow: hidden }
.newslist ul li .img:after { background: rgba(0, 0, 0, 0.2) url(../images/gonews.png) no-repeat center center }
.newslist ul li .name { width: 100%; line-height: 30px; font-size: 16px; color: #333; margin: 10px 0; height: 30px }
.newslist ul li .txt { width: 100%; line-height: 20px; font-size: 12px; color: #777; height: 40px; overflow: hidden }
.posi { font-size: 14px; color: #888; padding: 30px 0 }
.article { padding: 40px 20px; border: 1px solid #d2d2d2 }
.article .a-title { padding-bottom: 20px; text-align: center }
.article .a-title .h1 { width: 100%; line-height: 34px; font-size: 24px; margin-bottom: 14px; color: #8e172c; font-weight: bold }
.article .a-title .info { width: 100%; line-height: 20px; font-size: 14px; color: #888 }
.article .a-title .info em { margin-right: 28px }
.article .a-body { padding: 20px 40px; line-height: 2.4em; font-size: 14px; color: #666 }
.page_control { width: 100%; border-top: 1px solid #ddd; padding-top: 40px; padding-bottom: 20px; color: #888 }
.page_control .button { width: 66px; height: 36px; line-height: 34px; margin: 0 auto; font-size: 14px; padding: 0; text-align: center; margin-top: -18px }
.page_control .page_go { width: 50%; font-size: 12px }
.page_control .page_go a { line-height: 33px; font-size: 13px }
.page { text-align: center; font-size: 14px; display: block; clear: both; height: 30px; line-height: 30px; margin-top: 18px }
.page a { margin: 0 5px 0 0; padding: 8px 14px; background: #fff; color: #666; font-size: 14px; border: 1px solid #ffe287 }
.page a:hover { background: #8e172c; color: #fff; border-color: #7e0b1e }
.page a.active { background:rgb(233,77,38) ; color: #fff; border-color: #7e0b1e }