﻿.main{
	background: #f9f9f9;
	padding: 30px;
	width: 1040px;
	margin: 20px auto;
}
.mainTitle{
	width: 1040px;
	float: left;
	padding-bottom: 20px;
	border-bottom: 2px solid #333;
	margin-bottom: 30px;
	position: relative;
}
.mainTitle h1{
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	float: left;
}
.bdsharebuttonbox{
	float: right;
}
.bdsharebuttonbox span{
	font-size: 12px;
	line-height: 30px;
	color: #666;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.bdshare-button-style1-16 .bds_qzone {
	background-position:0 -52px
}
.bdshare-button-style1-16 .bds_tsina {
	background-position:0 -104px
}
.bdshare-button-style1-16 .bds_tqq {
	background-position:0 -260px
}
.bdshare-button-style1-16 .bds_tieba {
	background-position:0 -728px
}
.bdshare-button-style1-16 .bds_more {
	background-position:0 0
}
.bdshare-button-style1-16 .bds_weixin {
	background-position:0 -1612px
}
.bdshare-button-style1-16 {
	zoom:1
}
.bdshare-button-style1-16:after {
	content:".";
	visibility:hidden;
	display:block;
	height:0;
	clear:both
}
.bdshare-button-style1-16 a,.bdshare-button-style1-16 .bds_more {
	float:left;
	font-size:12px;
	padding-left:17px;
	line-height:16px;
	height:16px;
	background-image:url(/images/exhibition2017/icons_1_16.png);
	background-repeat:no-repeat;
	cursor:pointer;
	margin:6px 6px 6px 0
}
.bdshare-button-style1-16 a:hover {
	color:#333;
	opacity:.8;
	filter:alpha(opacity=80)
}
.bdshare-button-style1-16 .bds_more {
	color:#333;
	float:left
}


.site{
	width: 1040px;
	float: left;
	margin-bottom: 30px;
}
.siteleft{
	width: 346px;
	float: left;
}
.sitePic{
	border: 1px solid #cfcfcf;
	background: #fff;
}
.sitePic img{
	width: 100%;
}
.siteleft p{
	font-size: 14px;
	line-height: 25px;
	color: #666;
	padding-left: 40px;
	background: url(/images/exhibition2017/inner.png) no-repeat 10px 5px;
	margin-top: 10px;
}
.siteleft p span{
	color: #2582c7;
}
.siteRight {
	width: 663px;
	float: right;
	position: relative;
}
.siteRight > span {
	position: absolute;
	right: 0;
	top: -10px;
}
.message{
	width: 613px;
	padding: 15px 25px;
	float: left;
	border: 1px solid #cfcfcf;
	background: #fff;
}
.messageLeft{
	width: 60px;
	background: url(/images/exhibition2017/mess.png) no-repeat 30px 0;
	float: left;
}
.messageLeft p{
	font-size: 16px;
	line-height: 16px;
	color: #333;
}
.messageRight{
	width: 540px;
	float: left;
}
.messageRight p{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin: 7px 0;
}
.appoint{
	width: 663px;
	float: left;
	margin: 30px 0;
}
.appoint a{
	width: 171px;
	height: 51px;
	text-indent: 70px;
	display: inline-block;
	font-size: 18px;
	line-height: 51px;
	color: #fff;
}
.appoint a.a2{
	color: #666;
}
.a1{
	background: url(../../images/exhi2018/appoint.png) no-repeat;
	margin-right: 23px;
}
.a2{
	background: url(../../images/exhi2018/appoint.png) no-repeat 0 -69px;
}
.a3{
float:left;
}
.a3 img{
    float: left;
}
.localize{
	width: 663px;
	float: left;
}
.localBox{
	width: 302px;
	float: left;
}
.localBox img{
	width: 45px;
	float: left;
	margin-right: 20px;
}
.localBox p{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-bottom: 5px;
	height: 20px;
	overflow: hidden;
}
.localBox p span{
	color: #666;
}

.content{
	width: 1040px;
	float: left;
}
.introduce{
	width: 670px;
	float: left;
	border-top: 1px solid #cfcfcf;
}
.introduce ul{
	width: 640px;
	padding: 10px 15px;
	background: #fff;
	margin: 20px 0 40px;
}
.introduce ul li{
	font-size: 12px;
	line-height: 20px;
	font-family: "\5b8b\4f53";
	color: #666;
	padding-left: 25px;
	background: url(/images/exhibition2017/inner.png) no-repeat 0 -42px;
}
.introduce h2{
	font-size: 16px;
	line-height: 20px;
	color: #0a5ba7;
	text-align: center;
	padding: 10px 0;
}
.introduce dl{
	width: 670px;
	float: left;
	text-align: center;
	margin-bottom: 50px;
}
.introduce dl dt{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
	margin-top: 40px;
	font-family: "\5b8b\4f53";
}
.introduce dl dd{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-top: 40px;
	font-family: "\5b8b\4f53";
}.introduce p{
	font-size: 14px;
	line-height: 25px;
	text-indent: 28px;
	color: #333;
	margin-bottom: 30px;
	font-family: "\5b8b\4f53";
}
.contentRight{
	width: 350px;
	float: right;
}
.onSite{
	width: 320px;
	padding: 0 15px 20px;
	background: #fff;
	margin-bottom: 20px;
}
.onSiteTitle{
	width: 320px;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	margin: 15px 0 20px;
}
.onSiteTitle h2{
	font-size: 18px;
	line-height: 18px;
	color: #2681c7;
	text-indent: 10px;
	border-left: 5px solid #2681c7;
	font-weight: normal;
	float: left;
}
.onSiteTitle a{
	font-size: 12px;
	line-height: 18px;
	color: #999;
	float: right;
}
.onSite img{
	width: 320px;
	height: 209px;
}
.onSite ul li{
	height: 20px;
	overflow: hidden;
	padding-left: 15px;
	background: url(/images/exhibition2017/dot.jpg) no-repeat 0 9px;
	margin-top: 15px;
}
.onSite ul li a{
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
.onSite ul li a:hover{
	color: #168ce3;
	text-decoration: underline;
}
.thematic{
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}
.thematic img{
	width: 314px;
	height: 252px;
	margin-bottom: 20px;
}



/*9.18*/
.introduce div{
	font-family: "\5b8b\4f53";
	line-height: 25px;
	font-size: 14px;
}
.introduce h2{
	font-family: "\5b8b\4f53";
	margin-bottom: 15px;
	margin-left: 35px;
}

.comment{
	float: left;
	/*width: 100%;*/
	width: 670px;
	margin-top: 20px;
}
.comment_title{
	width: 100%;
	position: relative;
	height: 32px;
	border-bottom: 1px solid #dcdcdc;

}
.comment_title h3{
	bottom: -2px;
	left: 0;
	position: absolute;
	font:normal 22px/24px "microsoft yahei";
	padding-bottom: 10px;
	border-bottom: 3px solid #2681c7;
}
.web_main_cr{
	border-color: #5b7648;
}
.comment_toolbar{
	width: 100%;
	height: 35px;
	margin-top: 15px;
}
.comment_toolbar p{
	background: url(../../images/exhi2018/comment.png) 0 0 no-repeat;
	text-indent: 44px;
	width: 250px;
	float: left;
	font:normal 14px/35px "microsoft yahei";
}
.comment_toolbar p a{
	font:bold 14px/35px "microsoft yahei";
	color: #ff6600;
	margin: 0 4px;
}
.toolbar_Rt{
	float: right;
}
.nickname{
	float: left;
	margin-right: 9px;
}
.nickname label{
	height: 33px;
	width: 44px;
	text-align: center;
	float: left;
	border: 1px solid #d2d2d2;
	background-color: #d2d2d2;
	font:normal 12px/33px "microsoft yahei";
	color: #999;
}
.nickname input{
	height: 33px;
	width: 107px;
	float: left;
	border: 1px solid #d2d2d2;
	color: #999;
	text-indent: 10px;
	font:normal 12px/33px "microsoft yahei";
}
.v_code{

	float: left;
	height: 35px;
	position: relative;
}
.v_code input{
	float: left;
	height: 33px;
	width: 118px;
	color: #999;
	border: 1px solid #d2d2d2;
	text-indent: 10px;
	font:normal 12px/33px "microsoft yahei";
}
.v_code label{
	height: 33px;
	float: left;
	border: 1px solid #d2d2d2;
	border-left: 0;
}
.v_code label img{
	width: 78px;
	height: 33px;
}
.error{
	position: absolute;
	top: -37px;
	left: 0;
	height: 30px;
	width: 119px;
	padding-bottom: 5px;
	font:normal 12px/30px "microsoft yahei";
	color: #fff;
	text-align: center;
	background: url(../../images/exhi2018/comment.png) 0 -94px no-repeat;

}
.anonymous{
	margin-top: 11px;
	float: left;
	margin-left: 7px;
}
.anonymous span.checkbox{
	width: 14px;
	float: left;
	margin-right: 7px;
	height: 14px;
	background: url(../../images/exhi2018/comment.png) -40px -58px no-repeat;
}
.checked span.checkbox{
	background-position:0 -58px;
}
.anonymous span{
	font:normal 14px/14px "microsoft yahei";
	float: left;
}
.commentArea{
	zoom: 1;
	margin-top: 15px;
}

.textarea{
	background: #f9f9f9;
	padding: 10px;
	border:1px solid #FF6600;
	border-radius: 2px;
	zoom: 1;
}
.textarea:after{
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.textarea textarea{
	color: #999;
	border: none;
	width: 100%;
	float: left;
	height: 100px;
	font:normal 14px/24px "microsoft yahei";
	background: #f9f9f9;

}
.commentArea_ft{
	margin-top: 9px;

}
.commentArea_ft:after{
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.face{
	float: left;
	position: relative;
	z-index: 99;
}
.face span{
	cursor: pointer;
	height: 20px;
	padding-right: 17px;
	margin: 10px 0;
	font:normal 14px/19px "microsoft yahei";
	float: left;
	background: url(../../images/exhi2018/comment.png) 67px -137px no-repeat;
}
.face i{
	background: url(../../images/exhi2018/comment.png) -98px -55px no-repeat;
	height: 19px;
	width: 19px;
	float: left;
	margin-right: 10px;
}

.faceList{
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	padding: 4px;
	width: 390px;
	background: #fff;
	border: 1px solid #dfe6f6;
}

.faceList a{
	float: left;
	height: 22px;
	width: 22px;
	padding: 4px 2px;
}
.faceList ul li a{
	cursor: pointer;
}
.commentArea_ft p{
	font:normal 14px/40px "microsoft yahei";
	color: #888888;
	float: right;
	margin-right: 20px;
}
.commentArea_ft button{
	float: right;
	height: 40px;
	width: 100px;
	background: #FF6600;
	color: #fff;
	border:none;
	cursor: pointer;
	font:normal 16px/40px "microsoft yahei";
}
label.rt_mg{
	float: right;
	width: 59px;
	margin-top: 13px;
	margin-left: 0;
}
.commentContent{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.context_title i{
	width: 5px;
	height: 16px;
	float: left;
	margin-top: 2px;
	background: #5b7648;
	margin-right: 10px;

}
.context_title h3{
	font:normal 18px/20px "microsoft yahei";
}
.hot_comment{
	padding-top: 10px;

}

.commentContent ul li{
	padding: 16px 0 12px 0;

}
.commentContent ul li+li{
	border-top: 1px solid #eaebea;
}
