@charset "utf-8";

/*cms列表页*/
.topcms{width: 80%;margin:0 auto; padding-top: 50px;}
.topcms ul{width: 41%;margin-right:8%;overflow: hidden;background: #ddd;float: left;border-radius: 5px;margin-bottom:30px;position: relative;padding-bottom: 20px}
.topcms ul:nth-child(2n+2){margin-right:0;}
.topcms ul li{line-height: 20px;padding: 0 10px}
.topcms ul li:nth-child(1){padding: 0}
.topcms ul li:nth-child(1) img{width: 100%;height: 260px}
.topcms ul li:nth-child(2){font-size: 16px; font-weight: bold;height: 40px; overflow: hidden;margin-top:10px;}

.topcms ul .summary{display:none;height: 150px; overflow: hidden;line-height:25px; background: rgba(0,0,0,0.6); color: #fff;position: absolute;bottom:0; left: 0;width: 356.88px;padding: 20px}
.topcms ul .summary ol{line-height:30px;}
.topcms ul .summary ol:nth-child(1){height: 120px;overflow: hidden}
.topcms ul .summary ol:nth-child(2){text-align:right;}

.articlelist-body{width: 80%;margin:50px auto 0;overflow: hidden;}
.articlelist-body ul{float: left; width: 26%;padding: 1.5% 2%;margin-left:5%;background: #f5f5f5;border-radius: 5px;margin-top:30px;transition:background 1s;position: relative;}
.articlelist-body a:nth-child(3n+1) ul{margin-left:0;}
.articlelist-body ul li{line-height:25px;}
.articlelist-body ul li:nth-child(1){font-size: 16px;font-weight: bold;height: 50px; overflow: hidden}
.articlelist-body ul li:nth-child(2){height: 75px; overflow: hidden}
.articlelist-body ul li:nth-child(3){margin-top:10px;text-align:right;}
.articlelist-body ul li:nth-child(4){position: absolute;z-index: 2;bottom: 0;left: 50%;display: block;height: 2px;transform: translate(-50%);}
.articlelist-body ul:hover{background:#ddd;}
.articlelist-body .aaa{animation: ad_width .5s linear forwards;background: #000;}
@keyframes ad_width {from {width: 0}to {width: 99%}}
.articlelist-body a:hover{color: #000}
/*文章详情页*/
.pc-topadbg .title_en{font-size: 60px; text-align:center;font-weight: bold;color: #fff;padding-top: 30px;}
.pc-topadbg .title_cn{font-size: 30px; text-align:center;font-weight: bold;color: #fff}
.articleclasslist{text-align: center;margin-top:40px;}
.articleclasslist li{width:200px; text-align:center; height: 35px; line-height:35px;border:1px solid #ccc;margin-right:5px;margin-bottom: 20px;display: inline-block;color: #ddd; transition: all 0.5s;}
.articleclasslist li:hover{background: #000;color: #fff}
.articleclasslist .curr{background: #f70017;color: #fff}

.cmsinfo-body{width:80%; margin:0 auto;padding: 50px 0;}
.cmsinfo-body .myshare{margin:20px 0;}
.cmsinfo-body h1{text-align: center; }
.cmsinfo-body .cmstime{text-align: center;border-bottom: 1px solid #ddd; height: 60px; line-height:50px;}
.cmsinfo-body .cmsimg{text-align: center;}
.cmsinfo-body .cmsimg img{padding: 5px; border:1px solid #ddd;border-radius: 3px;margin:20px auto;max-width: 800px;max-height: 800px}
.cmsinfo-body .cmscontent{line-height:30px;font-size: 14px; color: #000;text-indent:25px;margin-bottom:20px;margin-top: 20px}
.cmsinfo-body .cmscontent p{margin-top: 10px;text-indent:25px}
.cmsinfo-body .cmscontent img{display: block;border:1px solid #ddd;border-radius: 3px;margin:20px auto 10px;max-width: 100%;}
.cmsinfo-body .articleinfo{margin: 20px auto 0; height: 60px;border:1px solid #ddd;padding: 10px 30px; font-size: 16px;}
.cmsinfo-body .articleinfo li{height: 30px; line-height:30px;}
.cmsinfo-body video{max-width: 1200px;margin:10px auto;}