/* page-main */
.page-main { padding: 30px 0; width: 100%; }

/* page-left */
.page-left { float: left; width: 270px; }
.left-box { margin-bottom: 20px; width: 100%; border: 5px solid #147B32; }
.left-box > .title { width: 100%; height: 110px; color: #FFFFFF; background: #147B32; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.left-box > .title > h1 { font-size: 36px; font-weight: bold; }
.left-box > .title > p { margin-top: 10px; font-size: 18px; font-family: Arial; text-transform: uppercase; }
.left-nav { padding: 10px; width: 100%; }
.left-nav li { margin-bottom: 15px; width: 100%; position: relative; }
.left-nav li > a { display: block; padding-left: 30px; width: 100%; line-height: 40px; font-size: 16px; color: #FFFFFF; background: #147B32; transition: 0.3s; }
.left-nav li > dl { display: none; }
.left-nav li > dl > dd { margin-top: 5px; padding-left: 15px; width: 100%; }
.left-nav li > dl > dd > a { display: block; width: 100%; line-height: 24px; font-size: 14px; color: #666666; transition: 0.3s; }
.left-nav li.on > a { background: #148636; }
.left-nav li > dl > dd > a:hover { color: #148636; }

.left-tj { padding: 10px; width: 100%; }
.left-tj li:nth-of-type(2n) { margin-right: 0; }
.left-tj li { float: left; margin: 0 2% 5px 0; width: 49%; }
.left-tj li > .tj-img { padding: 2px; width: 100%; height:120px; border: 1px solid #DDDDDD; }
.left-tj li > .tj-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.left-tj li > .tj-img > a > img { width: 100%; height: 100%; object-fit: contain; }
.left-tj li > .tj-info { padding: 0 5px; width: 100%; }
.left-tj li > .tj-info > a { display: block; line-height: 24px; text-align: center; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.left-lx { padding: 10px; width: 100%; line-height: 24px; text-align: justify; font-size: 14px; color: #434343; }

/* page-right */
.page-right { float: right; padding-bottom: 30px; width: 900px; }

.sobtitle { margin-bottom: 20px; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #D9D9d9; display: flex; align-items: center; justify-content: space-between; }
.sobtitle .title { padding-left: 15px; line-height: 22px; font-size: 18px; color: #147B32; border-left: 6px solid #147B32; }
.sobtitle .info { height: 30px; display: flex; align-items: center; }
.sobtitle .info i { display: block; margin-right: 10px; width: 14px; height: 14px; background-position: -129px -30px; }
.sobtitle .info p { line-height: 30px; font-size: 14px; color: #666666; }
.sobtitle .info a { color: #666666; transition: 0.3s; }
.sobtitle .info a:hover { color: #147B32; }

/* feedbackForm */
.page-message { padding: 15px; width: 100%; }
#feedbackForm { padding: 40px; }
.chongzhi-adds { position: absolute; bottom: 0; left: 15%; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc }
.el-form-item__label { width: 90px; }
.el-form-item__content { margin-left: 90px; }

/* page-cp */
.page-cp { width: 100%; }
.page-cp > li:nth-of-type(3n) { margin-right: 0; }
.page-cp > li { float: left; margin: 0 20px 15px 0; width: calc((100% - 40px) / 3); }
.page-cp > li > .cp-img { padding: 2px; width: 100%; height: 217px; border: 1px solid #DDDDDD; transition: 0.5s; }
.page-cp > li > .cp-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.page-cp > li > .cp-img > a > img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s; }
.page-cp > li > .cp-info { padding: 0 15px; width: 100%; }
.page-cp > li > .cp-info > a { display: block; width: 100%; line-height: 40px; text-align: center; font-size: 14px; color: #656565; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.page-cp > li:hover > .cp-img { box-shadow: 0 0 15px #AAAAAA; }

/* page-pages */
.page-pages { padding-top: 20px; width: 100%; text-align: center; }
.page-pages a, .page-pages span { display: inline-block; padding: 0 10px; line-height: 25px; font-size: 14px; color: #333333; border: 1px solid #CCCCCC; }
.page-pages a:hover, .page-pages span { color: #FFFFFF; background: #147B32; border-color: #147B32; }

/* page-cpxq */
.page-cpxq { padding: 40px 0; width: 100%; }
.cpxq-js { padding: 20px; width: 100%; background: #F3F3F3; display: flex; align-items: center; justify-content: space-between; }
.cpxq-js .fl { width: 45%; }
.cpxq-js .fl img { width: 100%; height: 100%; object-fit: contain; }
.cpxq-js .fr { width: 50%; }
.cpxq-js .fr > h1 { line-height: 46px; font-size: 24px; color: #333333; font-weight: normal; border-bottom: 1px solid #CCCCCC; }
.cpxq-js .fr > h2 { margin: 10px 0; line-height: 25px; font-size: 16px; font-weight: bold; color: #5D5D5D; }
.cpxq-js .fr > p { height: 80px; line-height: 20px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.cpxq-js .fr > span { display: block; margin: 10px 0; font-size: 16px; color: #333333; }
.cpxq-js .fr > span > em { font-size: 26px; color: #147B32; font-weight: normal; }
.cpxq-js .fr > a { display: block; width: 135px; line-height: 40px; text-align: center; color: #FFFFFF; background: #147B32; border-radius: 5px; }

/* cpxq-xx */
.cpxq-xx { padding: 25px 0; width: 100%; }
.cpxq-title { margin-bottom: 20px; width: 100%; height: 45px; background: url(../images/cpxq-title.png) no-repeat center left; }
.cpxq-title > span { float: left; width: 110px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; }
.cpxq-title > p { float: left; margin-left: 40px; padding-top: 10px; line-height: 35px; font-size: 16px; color: #FFFFFF; text-transform: capitalize; }
.cs-item { width: 100%; padding: 0 25px; }
.xx-content { padding: 20px; width: 100%; background: #F3F3F3; }
.xx-content .box-con { line-height: 24px; font-size: 14px; color: #333333; }

/* page-sx */
.page-sx { padding: 20px; width: 100%; background: #F8F8F8; }
.page-sx p { line-height: 24px; font-size: 14px; }

/* page-xw */
.page-xw { padding-top: 20px; width: 100%; }
.page-xw > li { padding: 20px; width: 100%; transition: 0.5s; }
.page-xw > li > a { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.page-xw > li .xw-img { padding: 3px; width: 180px; height: 137px; border: 1px solid #CCCCCC; display: flex; align-items: center; justify-content: center; }
.page-xw > li .xw-img > img { width: 100%; height: 100%; object-fit: contain; }
.page-xw > li .xw-info { width: 660px; }
.page-xw > li .xw-info > h1 { line-height: 35px; font-size: 18px; color: #434343; }
.page-xw > li .xw-info > span { display: block; margin: 5px 0; line-height: 20px; font-size: 14px; color: #999999; }
.page-xw > li .xw-info > p { line-height: 30px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page-xw > li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

/* page-detail */
.page-detail { padding: 15px; width: 100%; line-height: 24px; font-size: 14px; color: #666666; }
.show-detail { width: 100%; }
.show-detail > .title { text-align: center; font-size: 18px; color: #333333; font-weight: bold; }
.show-detail > .date { margin: 10px 0; line-height: 30px; text-align: center; font-size: 12px; color: #999999; border-bottom: 1px solid #E0E0E0; }
.show-detail > .image { padding: 20px; width: 100%; display: flex; align-items: center; justify-content: center; }
.show-detail > .image img { max-width: 100%; }
.show-detail > .content { padding: 30px; width: 100%; line-height: 20px; font-size: 14px; color: #333333; }
.show-detail > .page-sx { padding: 20px; width: 100%; background: #F8F8F8; }
.show-detail > .page-sx p { line-height: 24px; font-size: 14px; }