body{background: #f3f4f7;}
.list-menu{background: #fff; box-shadow: 0 0 5px #f1f1f1; padding: 10px 0; width: 80%; margin:30px auto 0px auto; border-radius: 10px; overflow: hidden;}
.list-menu ul,.list-menu ol{margin: 10px 30px; line-height: 40px; border-bottom: 1px solid #f1f1f1; overflow: hidden;}
.list-menu ul{padding-bottom: 10px;}
.list-menu ol{border: 0;}
.list-menu span{float: left; font-size: 16px; margin-right: 10px;}
.list-menu ul li,.list-menu ol li{float: left; margin-right: 20px;}
.list-menu ul li a,.list-menu ol li a{display: block; padding: 0 15px; border-radius: 5px;}
.list-menu ul li a:hover,.list-menu ol li a:hover{background: #cee0ff;}

.list-info{padding: 0 10%; overflow: hidden;}
.list-info ul li{width: 23.5%; background: #fff; box-shadow: 0 0 5px #f1f1f1; float: left; text-align: center; margin: 30px 2% 0 0; overflow: hidden;}
.list-info ul li:nth-child(4n){margin-right: 0;}
.list-info ul li a{position: relative; display: block; overflow: hidden;}
.list-info ul li a.pic img{display: block; width: 100%; min-height: 5.5rem;}
.list-info ul li a.pic dl{position: absolute; top: 0px; width: 100%; height: 5.5rem;}
.list-info ul li a.pic dl dt{ display: table-cell; vertical-align: middle; width: 3.76rem; height: 5.5rem;}
.list-info ul li a.pic dl dt span{display: none; border: 2px solid #fff; color: #fff; font-size: 18px; max-width: 60%; padding: 6px 15px;}
.list-info ul li:hover a.pic dl{background: rgba(0, 0, 0, 0.1);}
.list-info ul li:hover a.pic dl dt span{display: inline-block;}
.list-info ul li h4{font-size: 15px; margin-top: 5px; line-height: 50px; padding: 0 20px; font-weight: 500;}
.list-info ul li h4 a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.pages{text-align: center; line-height: 40px; margin: 40px 0; overflow: hidden;}
.pages span,.pages a{border: 1px solid #dedede; border-radius: 2px; display: inline-block; padding: 0 17px; margin: 0 4px; cursor: pointer;}
.pages span:hover,.pages a:hover{border: 1px solid #2776fc; background: #2776fc; color: #fff;}

.page{margin-top: 30px; overflow: hidden;}
.page span{float: left; max-width: 46%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.page span:last-child{float: right;}

.top-ad{width: 80%; margin: 30px auto 0 auto; box-shadow: 0 0 5px #f1f1f1; border-radius: 10px; overflow: hidden;}
.top-ad img{display:block; width: 100%; max-height: 2rem;}


.show{width: 80%; padding: 10px; margin:20px auto; overflow: hidden;}
.show .lt{background: #fff; float: left; box-shadow: 0 0 5px #f1f1f1; padding: 30px; width: calc(75% - 60px); border-radius: 10px; overflow: hidden;}
.show .lt .tt{font-size: 26px; text-align: center;}
.show .lt .pic{margin-top: 30px; overflow: hidden;}
.show .lt .pic img{max-width: 100%;}
.show .lt article{margin-top: 30px; font-size: 18px; line-height: 40px; color: #555; overflow: hidden;}
.show .lt article img{max-width: 100%;}
.show .rt{float: right; width: calc(25% - 30px);}
.show .rt .m1{border-radius: 10px; background: #fff; padding: 30px; box-shadow: 0 0 5px #f1f1f1; overflow: hidden;}
.show .rt .m1 a{display: block; line-height: 50px; text-align: center; background: #2776fc; color: #fff; font-size: 16px; border-radius: 5px; box-sizing: border-box;}
.show .rt .m1 a:last-child{border: 1px solid #dedede; background: none; color: #333; margin-top: 20px;}
.show .rt .m1 a span{font-size: 20px; margin-right: 10px;}
.show .rt .m1 a:hover{background: #4186fb;}
.show .rt .m1 a:last-child:hover{border: 1px solid #2776fc; color: #2776fc; background: none;}
.show .rt .m2{margin-top: 30px; background: #fff; border-radius: 10px; padding:15px 30px; line-height: 40px; box-shadow: 0 0 5px #f1f1f1; overflow: hidden;}
.show .rt .m2 ul li span{float: right;}

.spa{width: 80%; margin:30px auto 0 auto; background: #fff; box-shadow: 0 0 5px #f1f1f1; border-radius: 10px 10px 0 0; overflow: hidden;}
.spa .tt{line-height: 50px; padding: 0 30px; background: #f9f9f9; overflow: hidden;}
.spa .tt a{float: left; padding: 0 40px; font-size: 16px; border-top: 2px solid #f9f9f9;}
.spa .tt a:hover{background: #fff; color: #2776fc; font-weight: bold; border-top: 2px solid #2776fc;}
.spa article{margin: 30px; line-height: 40px; font-size: 18px; color: #555; text-align: justify-all; overflow: hidden;}
.spa article img{max-width: 100%;}

.newslist{width: 80%; margin: auto; padding:0 10px; overflow: hidden;}
.newslist ul li{float: left; box-sizing: border-box; margin: 30px 30px 0 0; width: calc(50% - 15px); padding: 20px; background: #fff; box-shadow: 0 0 10px f1f1f1; border-radius: 10px; overflow: hidden;}
.newslist ul li:nth-child(2n){margin-right: 0px;}
.newslist ul li .pic{float: left; width: 45%; box-sizing: border-box; border: 1px solid #f1f1f1; padding: 1px; overflow: hidden;}
.newslist ul li .pic img{display: block; width: 100%; height: 2.2rem;}
.newslist ul li dl{float: right; width: calc(55% - 25px); overflow: hidden;}
.newslist ul li dl dt{color: #666; text-align: right; overflow: hidden;}
.newslist ul li dl dt a{float: left; max-width: 70%; font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newslist ul li dl dd{margin: 10px 0; color: #666; height: calc(2.2rem - 80px);}
.newslist ul li dl dd p{ text-align: justify-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.newslist ul li dl span{float: right;}

.news{width: 80%; margin:20px auto 0 auto; padding: 10px 10px 0 10px; overflow: hidden;}
.news .lt{float: left; width: 70%; box-sizing: border-box; border-radius: 10px 10px 0 0; box-shadow: 0 0 5px #f1f1f1; background: #fff; padding: 30px; overflow: hidden;}
.news .lt .tt{font-size: 22px; text-align: center;}
.news .lt .date{text-align: center; font-size: 12px; color: #666; border-top: 1px solid #f1f1f1; margin-top: 10px; overflow: hidden;}
.news .lt .desc{background: #f9f9f9; margin-top: 10px; padding: 5px 15px; text-align: justify-all; border: 1px dotted #eee5e5; font-size: 13px; line-height: 26px; color: #666;}
.news .lt article{margin-top: 15px; font-size: 18px; line-height: 40px; color: #555; text-align: justify-all;}
.news .lt article img{max-width: 100%;}
.news .rt{float: right; width: calc(30% - 30px);}
.news .rt .m1{background: #fff; box-shadow: 0 0 5px #f1f1f1; margin-bottom: 30px; padding:15px 25px; border-radius: 10px; overflow: hidden;}
.news .rt .m1 h4{font-size: 16px; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; line-height: 40px;}
.news .rt .m1 ul li{line-height: 40px; font-size: 13px; border-bottom: 1px dotted #f1f1f1; color: #555; text-align: right; overflow: hidden;}
.news .rt .m1 ul li:last-child{border-bottom: 0;}
.news .rt .m1 ul li a{float: left; max-width: 70%; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


@media (max-width: 1440px){
	.newslist ul li dl dt a{max-width: 60%;}
	.newslist ul li dl dd p{-webkit-line-clamp: 3;}
}