@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-size: 14px; line-height: 1.6; color: #333; font-family: 'microsoft yahei', Arial, Helvetica, sans-serif } a { color: #333; text-decoration: none; outline:none; } a:hover { text-decoration: none; color: #ef8316 } ul,li { list-style: none } em,i { font-style: normal } img { display: inline-block; border: 0 } img:hover { opacity: .8 } input:focus,button:focus { outline:none;} .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } .clearfix { display: block } .hide { display: none !important } .for-left { float: left; margin-top:5px; } .for-right { float: right !important; margin-top:10px; } .mb30 { margin-bottom:30px;} .mb20 { margin-bottom:20px;} .mt30 { margin-top:30px;} .mt20 { margin-top:20px;} .keys-body { width:1200px; margin:20px auto; } .keys-top { background: url(../images/home.png) no-repeat left center; padding-left: 25px; font-size: 14px; height: 40px; line-height: 40px; padding-top: 5px; padding-bottom: 5px; } .keys-top i { padding:0 5px; } /*索引*/ .yingc { display: none; } .layout { width: 1200px; margin: 0 auto; clear: both; overflow: hidden; } .list { width: 1500px; overflow: hidden; } .list .sbj { width: 1200px; height: 76px; line-height: 76px; margin-bottom: 20px; font-size: 24px; border-bottom: 1px solid #ddd; } .list dl { width: 379px; margin: 10px 0 35px; margin-right: 31px; float: left; } .list dd { font-size: 18px; height: 46px; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pagination .active { color: white; /*background: #5e7bea;*/ } .pagination li { display: inline-block; padding: 3px 10px; margin: 0 2px; color: gray; font-size: 16px; } .paa{display:none;} /*具体内容*/ .adet_top { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 40px 0; margin-bottom:20px; } .adet_top .pic { display: block; width: 480px; height: 270px; overflow: hidden; float:right; margin-left:30px; } .adet_top .pic img { display: block; width: 100%; height: 100%; } .adet_top .ad-title { font-size: 18px; color: #F29437; } .adet_top .ad-title:before { content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 18px; background: #F29437; margin-right: 10px; margin-bottom: 2px; } .adet_top h1 { font-size: 30px; line-height: 44px; height: 44px; overflow: hidden; font-weight: normal; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#222; margin-top:17px; } .adet_top .content { font-size: 16px; color: #444; line-height: 30px; text-indent: 32px; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 30px; } .adet_top .time { font-size: 15px; height: 36px; line-height: 36px; color: #999; } .adet_top .time span { display: block; padding-right: 25px; float:left; } .adet_top .a_more { float: right; display: block; width: 100px; height: 30px; line-height: 30px; background: #F29437; color: #fff; font-size: 14px; border-radius: 16px; text-align: center; } .adet_title { font-size: 24px; color: #444; line-height: 40px; padding: 5px 0; position: relative; z-index: 1; padding-left: 18px; } .adet_title:before { position: absolute; left: 0; top: 50%; margin-top: -10px; width: 4px; height: 20px; content: ''; z-index: 9; background: #F29437; } .adet_title .keymind { color: #F29437; padding-right:5px; } .adet_left { width: 850px; overflow: hidden; float:left; } .adet_la {} .adet_la li { border-bottom: 1px dotted #d3d3d3; padding: 20px 0; width:100%; float:left; } .adet_la li:first-child { padding-top:10px; } .adet_la li:last-child { border-bottom:none; } .adet_la li .pic { width: 250px; height: 150px; overflow: hidden; float:left; margin-right:20px; position:relative; z-index:1; } .adet_la li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .adet_la li .tit { font-size: 20px; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; margin-bottom: 20px; } .adet_la li .des { color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; margin-bottom: 20px; } .adet_la li .time { height: 24px; line-height: 24px; font-size: 14px; color: #999; } .adet_right { width: 300px; overflow: hidden; float:right; } .adet_ra { margin-top:10px; } .adet_ra li { width:100%; margin-bottom:20px; } .adet_ra .img { width:100%; overflow:hidden; height:146px; position:relative; z-index:1; } .adet_ra .img img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .adet_ra .tit { font-size:16px; height:32px; line-height:32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:5px; } .adet_ra .con { font-size:13px; height:44px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#999; } .adet_rb li { height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; font-size: 15px; position: relative; z-index: 1; } .adet_rb li:before { content: ''; position: absolute; left: 0; width: 3px; height: 3px; background: #F29437; top: 16px; } .ad2_tit { height: 76px; line-height: 76px; margin-bottom: 20px; font-size: 24px; border-bottom: 1px solid #ddd; font-weight:bold; } .key-title { width: 100%; background: #F7F7F7; padding: 45px 0; margin-bottom: 20px; }