可视区域的调整，文字溢出的隐藏

css/common.css

/* .loginbtn:hover{border:2px #fff solid;} */
/*已登录*/
.onlogin{ display:none; position:relative;}
.head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 16px; cursor:pointer;overflow:hidden; }
.head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 0 10px 16px; cursor:pointer;overflow:hidden; }
.portrait-p{ width:100%;}
.personal-infor{width:202px; height:179px; position:absolute; top:40px; right:8px; display:none;}
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
.personal-infor{width:202px; height:179px; position:absolute; top:40px; right:2px; display:none;}
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:12px; margin-top:15px;}
.personal-box{ width:202px;background:#f3a36c; clear:both; overflow:hidden;}
.personal-box a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;}
.personal-box a:hover{ background:#ff9900;}
.privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;}
.containerCon{width:1100px;padding:0 10px;position:relative; margin:auto;clear:both}
.containerCon{width:1120px;padding:0 10px;position:relative; margin:auto;clear:both}
.containerCon:before,.containerCon:after{display:table;content:" "}
.containerCon:after{clear:both}

css/genindex.css

.successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
.failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
/*登录相关*/
.signLogo{height:70px;width:270px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
.signLogo{display:block;height:70px;width:270px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
.covbodyBg{background:url(../images/c-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
.contConP{position:static}
.covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056; 
/*发现*/
.contentCon{padding-top:80px;}
.leftconBox{width:800px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
.leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
.table-item{/*padding:10px;*/}
.table-item li{position:relative;padding:25px 20px;}
.table-item li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}

css/index.css

.btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
.link-btn-box{padding:20px 0 50px;}
.link-btn-block{ width: 96%;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
.link-btn-block{ width: 96%;margin:auto;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
.link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
.link-btn-icon{position: absolute;top: -36px;left: 50%; margin-left: -40px;width:80px;height:80px;border-radius: 10px;background-position: center;background-repeat: no-repeat;}
.link-btn-icon-fabu{background-image: url(../images/home_icon_fabuxuqiu_nor.png);}
/*搜索页*/
.content{ width:100%; min-width: 1050px; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
.content-in{ width:1050px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
.content-in{padding-bottom:20px;}
.sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
.sear-search .lookwho{border-right: 2px #ff9900 solid;font-size:15px;color:#ff9900;line-height:34px; height:34px; width:100px; border:none; border-right: 2px #ff9900 solid;border-radius:4px 0 0 4px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; }
.sear-search .lishow{background: #fff; overflow: hidden;border-radius: 0 0 6px 6px; position: absolute;top: 32px;left: -2px;width: 102px;border: 2px solid #ff9900; border-top: none;z-index: 20; display: none;}
.synopsis{ float:left; padding:10px 0; width:74%;line-height:24px;cursor: pointer;}
.named{display:block;font-size:18px; color:#333; float:left;}
.named:hover,.named:focus,.named:active{color:#333; text-decoration:none;}
.modify{ display:block; width:16px; height:16px; background:url(../images/onauth.png) center center no-repeat; background-size:100% 100%; float:left; margin:2px;}
.modify{ display:block; width:16px; height:16px;float:left; margin:3px 2px;}
.position{ clear:both;font-size:16px;  color:#777; }
.science{font-size:14px; color:#999;}
.ellipsisbox p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.industrybox{font-size:14px; color:#999;  }
/*------------------------------------------------------------------------------------*/
/*账号设置*/
.account{ width:1050px; min-height:100px; margin:auto; padding: 40px 0;overflow: hidden;}
.account{ min-height:100px; margin:auto; padding-top: 40px;overflow: hidden;}
.account-set{ width:12%; min-height: 280px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
.account-title{ height:58px; padding:0 20px;font-size:17px;line-height:68px;color:#a3a3a3;}
.leftsidebar{ display:block; width:100%; height:40px; padding-left:30px;font-size:15px;line-height:40px; color:#313131;}
.coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
.coulstbtn span,#conbtn span{display:inline-block;width:120px;text-align:center;padding:8px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
.coulstbtn .shareWeixin{background: #52DA4D;}
.shareCode{position: absolute;top:-156px;left: 50%;margin-left: -75px;display: none;width: 150px;height:150px;}
.shareCode img{width: 100%;}
.shareCode{background:#FFFFFF;border:6px solid rgba(0,0,0,.2);padding:8px;position: absolute;bottom:40px;left:0;display: none;width: 260px;}
.shareCode img{width:80px;height:80px;}
.shareCode .shareWord{width: 126px;margin:10px;color:#666666;text-align: left;}
.coulstbtn .attentBtn{position:relative;padding-left:20px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
.coulstbtn .attentBtn em{position:absolute;top:50%;margin-top:-8px;left:34px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -32px no-repeat;background-size:100% auto;}
.coulstbtn .attentBtn i{font-style: normal;}
.share-nav .upTop{background: url(../images/wrapIcon.png) 0 0 no-repeat; background-size:100% auto ;}
.share-nav .upTop:hover{background: url(../images/wrapIcon.png) 0 -24px no-repeat; background-size:100% auto ;}
.share-nav .shareBttn{display: inline-block;position:relative;border:1px solid #52DA4D;color: #52DA4D; border-radius: 999em;cursor:pointer;padding:2px 24px;}
.share-nav .shareCode{position: absolute;top:-166px;left: 50%;margin-left: -80px;display: none;width: 160px;height:160px;}
.share-nav .shareCode img{width: 100%;}
.share-nav .shareCode{margin-left: -40px;}
.share-nav .shareBttn:hover{background: #52DA4D;color: #FFFFFF;}
.share-nav .wordHave{background: url(../images/wrapIcon.png) 0 -47px no-repeat; background-size:100% auto ;}
.share-nav .wordHave:hover{background: url(../images/wrapIcon.png) 0 -69px no-repeat; background-size:100% auto;}

css/newsciresource.css

@charset "utf-8";
/* 新研发资源样式 */
.addworkbtn,.addworkbtn-list{width:228px; height:294px;float: left; border-radius: 6px ;
.addworkbtn,.addworkbtn-list{width:218px; height:294px;float: left; border-radius: 6px ;
    border: 1px dashed #d4d8db;cursor: pointer;background:#eff3f6 url(../images/zyadd.png) no-repeat center;}
.addworkbtn:hover{background:#fff url(../images/zyadd.png) no-repeat center;}
.addworkbtn{margin-left:12px}

css/workspace.css

@charset "utf-8";
/* CSS Document */
.con-center{ width:1170px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
.con-center{ width:1120px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.frmtype:focus{ border:1px solid #ff8500;}
/*////////////我的工作台/////////////////*/
.workblock{width:100%; padding:10px; overflow:hidden;  background:#fff;margin-bottom:16px;}
.workhs{ width:34%; overflow:hidden;}
.workconleft{width:70%; /*  width:100%; */}
.workconleft{width:73%; /*  width:100%; */}
.workhead{ display:block; margin:10px auto 2px auto; width:76px; overflow:hidden;}
.workstat{font-size: 12px; float:left; width:100%; text-align:center;}
.workstat span{font-size:18px;line-height:30px;margin: 0 4px;}
	-webkit-background-size:cover;}
.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
.art_topicBox2 .art_img{width:226px;height:200px;}
.art_topicBox2 .art_img{width:216px;height:200px;}
#newsbox .addworkbtn,#newsbox .addworkbtn-list{height:242px;}
/*公告*/
.workconright{ width:29%;}
.workconright{ width:26%;}
.worknotice{ width:100%; height:478px;/*  border:1px solid #d6d6d6; */background:#fff; position: relative;text-align: center; margin:1px;}
/*////////////咨询/////////////////*/

js/information.js

					add += '<img class="resImg headRadius resourceImg" src="" /></div></a>'
					add += '<div class="shareopeart"></div>'
					add += '</div>'
					add += '<p class="restit">资源名称：<span class="presou">' + data.data[i].resourceName + '</span></p>'
					add += '<p class="restit ellipsisSty">资源名称：<span class="presou">' + data.data[i].resourceName + '</span></p>'
					if(data.data[i].supportedServices == undefined) {
						data.data[i].supportedServices = "";
					}
					add += '<p class="briefinfor">应用用途：' + data.data[i].supportedServices + '</p>'
					add += '<p class="briefinfor ellipsisSty-2">应用用途：' + data.data[i].supportedServices + '</p>'
					add += '</div>'
					$add = $(add);
					$("#keyanRe").append($add);
					for(var i = 0; i < data.data.length; i++) {
						var add = '<li style="cursor:auto">'
						add += '<div class="art_topicBox"><div class="art_img" style="cursor:auto"></div>'
						add += '<div class="art_tbox"><h6 id="artical_topic" >' + data.data[i].articleTitle + '</h6></div>'
						add += '<div class="art_tbox"><h6 class="ellipsisSty" id="artical_topic" >' + data.data[i].articleTitle + '</h6></div>'
						add += '</div><div class="tagsBox"><span></span></div>'
						add += '</li>';
						$add = $(add);

js/needList.js

			dataString += "<h6 style='position:relative;'>"
			dataString += "<div class='titList'>需求主题：<em class='h4Font'>" + $data[i].demandTitle + "</em></div>"
			dataString += "<span class='lasttime rightTime'>" + oTime + "</span>"
			dataString += "<div style='height:70px;'><p class='rebackcon' >" + $data[i].demandContent + "</p></div></div>"
			dataString += "<div style='height:70px;'><p class='ellipsisSty-2 rebackcon' >" + $data[i].demandContent + "</p></div></div>"
			dataString += "<div class='workhandle'><div class='rightopert floatR'>"
			dataString += "<span class='replybtn' demanid='" + $data[i].demandId + "'>查看</span></div>"
			dataString += "<div class='leftstate floatR'>"

js/newsciresource.js

						$("#professor").text(name);
						if(info.data.images.length) {
							var $liMages = $(
								'<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">' +
								'<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:216px;width:216px;height: 216px;">' +
								'<img class="resImg headRadius resourceImg" style="display: inline;" src="/images/resource/' + resourceID + '.jpg">' +
								'</div>'
							)
						} else {
							var $liMages = $(
								'<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">' +
								'<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:216px;width:216px;height: 216px;">' +
								'<img class="resImg headRadius resourceImg" style="display: inline;" src="/images/default-resource.jpg">' +
								'</div>'
							)
					for(var i = 0; i < data.data.length; i++) {
						var add = '<div class="addworkbtn-list"> <div class="resoumag">'
						add += '<div class="ResImgBox" style="max-width:226px;width:226px;height: 226px;"><img class="resImg headRadius resourceImg" src="" /></div>'
						add += '<div class="ResImgBox" style="max-width:216px;width:216px;height: 216px;"><img class="resImg headRadius resourceImg" src="" /></div>'
						add += '<h2>' + data.data[i].resourceName + '</h2>'
						add += '<p>' + data.data[i].supportedServices + '</p>'
						add += '</div></div>';