/*实验详情页*/
#experDetails{overflow: hidden;margin: 0px auto 30px;width: 1180px;}
#experDetails .imgBox{width: 774px;height:450px;}
#experDetails .imgBox img{width: 100%;height:100%;}
#experDetails .newList{width: 366px;height:450px;position: relative;}
#experDetails .newList h3{color:#a61421;height:20px;line-height: 20px;margin-bottom:30px;font-size:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#experDetails .newList h3 input{float:right;font-size:12px;border:none;background:url(../img/shoucang.png) no-repeat 0 0;padding-left:20px;color:#666;outline:none; }
#experDetails .newList ul li{line-height:14px;font-size:13px;color:#666;margin-bottom:18px;}
#experDetails .newList span div p{position:static;}
#experDetails .newList ul li .fl{width: 94px;text-align: justify;}
#experDetails .newList ul li .fr{width: 250px;margin-right: 10px;}
#experDetails .newList p{position: absolute;left: 0;bottom: 0;}
#experDetails .newList p a{background: #a61421;color:#fff;float:left;width: 100px;height:35px;text-align: center;line-height:35px;font-size:14px;margin-right:20px;}
#experDetails .newList p span{color:#b8b8b8;float:left;height: 17px;line-height:17px;font-size:12px;width: 200px;}
.exp_introd{padding-top:17px;border:1px solid #d5d5d5;background: #fff;height: 198px;overflow: hidden;}
.exp_introd h3{color: #a81e29;padding-left:22px;text-indent:0;font-size:16px;font-weight: normal;margin-bottom: 24px;}
.exp_introd ul li{float: left;padding:0 22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-indent:0;width: 339px;height:14px;line-height:14px;color:#333;padding-bottom: 18px;}
.exp_introd ul li span{width: 112px;color:#a0a0a0;}
.exp_introd ul li a{color:#0036ff;    text-decoration: underline;}






.expDetails{min-width: 1180px;max-width:100%;background: #f3f4f6; }
.expContent{width: 1180px;padding: 40px 0;margin: 0 auto}
.leftexp{width: 774px;float: left;}
.expTitle{background: #fff;width: 100%;height: 40px;}
.expTitle a{display: block;float: left;width: 85px;height: 34px;line-height: 34px;padding-top:3px;border-bottom: 3px solid #FFFFFF;margin-left: 20px;margin-right: 40px;text-align: center;font-size: 18px;font-weight: normal;}
.expTitle a.visited{color: #A71321;border-bottom-color: #A71321;}


.commentT{width: 775px;background: url("../img/bg-commentTop.png") no-repeat;height: 30px;}
.commentM{width: 775px;min-height: 850px}
.introdTit{height: 30px;line-height: 30px;margin: 0 auto;font-size: 16px;font-weight:normal;background: #eaeaea;padding-left: 15px;border: 1px solid #dbdbdd;}
.introdArt{padding: 20px 0;line-height: 24px;text-indent: 2em;font-size: 14px;margin: 0 auto;}
.evaluate{height: 115px;margin: 0 auto;padding: 20px 0px;}
.percent{width: 170px;float: left;height: 115px;padding-left: 15px;border-right: 1px solid #cdcdcf;}
.percent p{height: 30px;line-height: 30px;font-size: 14px;}
.percent h1{color: #a71b26;font-size: 45px;font-family: arial;}
.overall{height: 20px;width: 150px;background: url(../img/bg-percentStar.png) 0 -20px no-repeat;}

.perType{width: 440px;float: left;padding-left: 50px;}
.perType div{height: 23px;line-height: 23px}
.perType div h1{display: block;width: 35px;float: left;font-weight: normal;}
.perType div p{width: 400px;height: 15px;float: left;margin-top: 7px;}
.status{height: 10px;display: block;width: 0%;background: #a81f29;position: relative;}
.percentage{position: absolute;right: -35px;color: #a81f29;top: 0px;font-family: arial;font-size: 11px;line-height: 11px;}
.evaList{height: 23px;line-height: 23px;margin-bottom: 17px;float: left;}
.evaList p{float: left;width: 80px;line-height: 20px;font-size: 14px;}
.evaList span{display: block;width: 20px;height: 20px;cursor: pointer;float: left;background: url(../img/bg-star.png);margin-right: 5px;}
.clickStar{background-position: 0 -20px !important;}
.allComment{height: 30px;line-height: 30px;background: #eaeaea;}
.allComment span{width: 90px;height: 30px;display: block;text-align: center;color: #FFFFFF;background: #A81F29;font-size: 15px;}
.comment{padding-left: 15px;width: 40px;}


.fm1{display: block;height: 170px;padding-top: 20px;}
.fm1 textarea{width: 674px;height: 70px;padding: 4px;border: 1px solid #cdcdcf;resize: none;font-size: 14px;}
.photos{width: 90px;height: 120px;float: left;}
.photos img{width: 50pxpx;height: 50px;}
.issued{float: right;border: 1px solid #a7131f;width: 55px;height: 22px;line-height: 20px;font-size: 14px;padding: 0;background: #f3f4f6;margin-top: 10px;}
.lookOth{font-size: 14px;height: 30px;}


.perDetails{margin: 0 auto;height: auto;position:relative;min-height:300px;}
.eachPer{min-height: 50px;margin: 10px auto 0}
.userNp{width: 90px;height: 50px;float: left;}
.userNp img{display: block;width: 40px;height: 40px;margin-top: 10px;}
.userNp h1{width: 90px;height: 30px;line-height: 30px;font-size: 12px;}
.paramContent{width: 685px;float: left;min-height:110px;line-height:20px;padding-bottom: 12px;font-size:12px;border-bottom: 1px dashed #afb0b2;font-family: simsun;}
.paramContent h1{height: 30px;line-height: 25px}
.paramContent p{font-size: 12px;line-height: 20px;padding-bottom: 12px;}
.smallStar{height: 15px;margin-top: 10px;margin-bottom: 15px;}
.smlStar{width: 100px;height: 15px;float: left;}
.smlStar li{display: block;float: left;width: 13px;height: 13px;margin-right: 5px;background: url(../img/bg-smallStar.png);}
.showTime{line-height: 15px !important;float: left;height: 15px;padding: 0 !important;color: #99999b;}


.interlaced{background: #d5d5d5}
.commentB{width: 870px;background: url("../img/bg-commentBot.png") no-repeat;height: 30px;}

.rightCenter{width: 375px;height: 755px;float: right;}
.schoolName{padding-bottom:20px;border-bottom: 1px dashed #acacac;}
.schoolLogo{display: block;margin: 0 auto;width: 120px;height: 120px;margin-right:20px;float: left;border: 1px solid #dcdcdc;}
.information{padding: 20px;background: #FFFFFF;box-shadow: 0px 0px 1px 2px #eaeaea;}
.centerInfo{float: left;width: 190px;}
.iconme{background: url(../img/iconred.png) 3px 2px no-repeat;padding-left: 20px;font-size: 14px;}
.centerName{margin: 10px 0;font-size: 18px;line-height: 25px;}
.iconme img{display: none;}
.getInto{display: block;float: right;width: 100px;height: 35px;background: #a61421;color: #FFFFFF;line-height: 35px;text-align: center;}
.information ul li{display: block;width: 100%;height: 24px;line-height: 24px;font-size: 13px;}
.particulars{padding-top: 20px;}
.particulars img{float: left;margin-right: 10px;}

.infName{width: 99px;float: left;font-weight: 700;color: #676767;}
.infMain{width: 120px;float: left;color: #818181;}
.fontRed{color: #a61421;}
.enter{display: block;background: url("../img/bg-enter.png");width: 108px;height: 38px;margin: 5px auto 0}
.hotExp,.othExp{height: 155px;padding: 20px;background: #FFFFFF;box-shadow: 0px 0px 1px 2px #eaeaea;margin-top: 35px;}
.expTit{padding-left:25px;color:#aa1626;font-size: 16px;background-position: 1px 0px;background-repeat: no-repeat;}
.hotTit{background-image: url(../img/bg-iconHot.jpg);}
.othTit{background-image: url(../img/bg-iconOth.jpg);}
.expCon{margin-top: 5px;}
.expCon li{display: block;width: 100%;height: 28px;line-height: 28px;font-size: 14px}
.expCon li a{color: #515151;}

.expDetails{transition: .3s}
.expContent{transition: .3s}
.leftexp {transition: .3s}
.commentM{transition: .3s} 
.percent {transition: .3s}
.perType{transition: .3s}
.fm1 textarea{transition: .3s}
.photos{transition: .3s}
.userNp{transition: .3s} 
.paramContent{transition: .3s}
.rightCenter{transition: .3s}
.schoolLogo{transition: .3s}
.centerInfo{transition: .3s}
.getInto{transition: .3s}
.centerName{transition: .3s}
.iconme {transition: .3s}
	
.introdArt .bottom{padding: 30px 0;position: relative;}
.introdArt img{position: absolute;left: 266px;top:110px;}
.introdArt h3{font-size: 14px;font-weight: bold;text-indent: 0;line-height: 32px;}
html,body{width: 100%;}
.header{width:100%;height:60px;line-height:60px;background: #2e323d;}
.header div{margin:0 auto;color:#fff;font-size:15px;}
.header img{margin-right:53px;}
.header a{color:#fff;margin-right:27px;}
.header form{width: 230px;margin:15px 24px 0 50px;}
.header form input[type='text']{width: 180px;color:#333;*+width: 140px;height:30px;float:left;line-height:30px;font-size:12px;text-indent:10px;border:none;}
.header form input[type='button']{width: 36px;height:30px;float:left;background: url(../img/btn.png) no-repeat left top;border:none;}
.header span{padding: 0 5px;}
.header .hui{color: #99979a;font-size:12px;font-family: simsun;}

.nav2{margin: 0 auto;font-size:12px;padding-bottom: 20px;}
.nav2 .bread{height:64px;line-height:64px;color:#717171;font-size:12px;}
.nav2 .bread a{color: #717171; }


footer .top{background: none;margin:0 auto 32px;height:auto;border:none;padding-top:22px;position: relative;}
footer .top ul{width: 158px;background:url(../img/footer-line.png) no-repeat right 24px;height:170px;}
footer .top ul h3{height:50px;line-height:50px;font-size:14px;font-weight: bold;}
footer .top a{color: #333;font-size:12px;display: block;line-height: 24px;}
footer .top img{position:absolute;right: 10px;top:40px;}
footer .bottom{margin:0 auto;padding:23px 0 28px;border-top:1px solid #c6c6c6;}
footer .bottom p{height:23px;line-height:23px;font-size:12px;color:#333;}
footer .bottom p a,footer .bottom p span{color:#333;padding:0 5px;}

@media screen and (min-width:1250px){
	footer .top,footer .bottom{width: 1180px;transition: .5s;overflow: hidden;}
	.header div,.nav2{transition: .5s;width: 1180px;}
	.nav2 .navBar span{width: 85px;transition: .5s;}
	footer .top ul{margin-right: 100px;}
}


@media only screen and (max-width: 1250px) {
	footer .top,footer .bottom{width: 960px;transition: .5s;overflow: hidden;}
	.header div,.nav2{transition: .5s;width: 960px;}
	.header img{width: 300px;margin-top:6px;margin-right:20px;transition: .5s;}
	.header a{margin-right: 8px;transition: .5s;}
	.header form{margin: 15px 18px 0 30px;}   
	.header form input[type='text']{width: 160px;}
	.nav2 .navBar span{width: 80px;transition: .5s;}
	.nav2 .navBar p{width: 850px;transition: .5s;}
	.nav2 span.Top{width: 82px;transition: .5s;}
	footer .top ul{margin-right: 40px;}
	
	
	.exp_introd ul li {width: 279px;}
	#experDetails .newList{height:368px;}
	#experDetails .newList p span {
    	width: 153px;
	}
	#experDetails .newList ul li .fr {
	    width: 200px;
	    margin-right: 0px;
	}
	#experDetails .newList ul li{margin-bottom:13px;}
	
	
	.expDetails{min-width: 960px;transition: .3s}
	.expContent{width: 960px;transition: .3s}
	.leftexp {width: 650px;transition: .3s}
	.commentM{width: 650px;transition: .3s} 
	.percent {width: 150px;transition: .3s}
	.perType{padding-left: 20px;transition: .3s}
	.fm1 textarea{width: 570px;transition: .3s}
	.photos{width: 70px;transition: .3s}
	.userNp{width: 70px;transition: .3s} 
	.paramContent{width: 580px;transition: .3s}
	.rightCenter{width: 290px;transition: .3s}
	.schoolLogo{margin: 0 auto;float: none;transition: .3s}
	.centerInfo{width: 100%;float: none;margin-top: 10px;text-align: center;transition: .3s}
	.getInto{float: none;margin: 0 auto;transition: .3s}
	.centerName{font-size: 16px;text-align: center;transition: .3s}
	.iconme {text-align: center;display: inline-block;margin: 0 auto;transition: .3s}
	#experDetails{width: 960px;}
    #experDetails .imgBox{width: 630px;height:368px;transition: .3s}
	#experDetails .newList{width: 294px;transition: .3s}
	#experDetails .newList .top{margin-bottom: 0;}
	#experDetails .newList .top h3 {height: 50px;line-height: 50px;}
	#experDetails .newList .top p{margin-bottom: 12px;}
	#experDetails .newList .bottom h3 {line-height: 42px;}
	
}


#page{
	text-align:right;
	padding:20px 0;
    font-size: 12px;
}