html,body{height: 100%;}
.noclick {
	pointer-events: none;
}

body,
ul,
li,
a,
p,
div {
	padding: 0px;
	margin: 0px;
}
.wrap {
	overflow: hidden;
	width: 100%;
	/* height: 100%; */
}

.headTitle {
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 12;
	color: #DCDDE0;
	line-height: 30px;
	text-align: center;
}

.headTitle img {
	vertical-align: -30px;
}

.headTitle img.navigation {
	height: 30px;
	position: absolute;
	top: 15px;
	left: 20px;
}

.headTitle img.logo {
	height: 40px;
}

.headTitle .lanage {
	position: absolute;
	right: 20px;
	top: 15px;
}

.headTitle .lanage>span.on {
	color: #333;
}

/* 菜单 */
.menu {
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
	position: relative;
	z-index: 99;
}

.menu ul {
	margin-top: 60px;
	text-align: center;
	line-height: 110px;
	font-weight: bold;
	font-size: 22px;
	width: 80%;
	margin-left: 10%;
}

.menu ul li {
	list-style: none;
	border-bottom: 1px solid #DCDDE0;
	height: 110px;
}
/* 新闻主页 */
.body{
	width: 100%;
	margin-top:60px;
	/* height: 400px; */
}
.body .bg-news{
	width:100%;
}
.nav span{
	display: inline-block;
	width:67px;
	text-align: center;
	color: #BBBDC4;
	padding: 15px 0;
	margin-left: 22%;
}
.nav span.on{
	color: #f33;
	border-bottom: 2px solid #f33;
}
div.body ul {
	width: 100%;
	height: 90px;
}
div.body .exhibition_info ul li,
div.body .business_movement ul li {
	height: 100%;
	list-style: none;
	border-bottom: 1px solid #F3F4F5;
	padding-top: 10px;
	background: -webkit-linear-gradient(#F3F5F6, #fff); /* Safari 5.1 - 6.0 */ 
	background: -o-linear-gradient(#F3F5F6, #fff); /* Opera 11.1 - 12.0 */  
	background: -moz-linear-gradient(#F3F5F6, #fff); /* Firefox 3.6 - 15 */  
	background: linear-gradient(#F3F5F6, #fff); /* 标准的语法 */ 
}
div.body .exhibition_info ul li .details,
div.body .business_movement ul li .details{
	float: left;
	width: 65%;
	font-size: 15px;
}

div.body .exhibition_info ul li .details>span,
div.body .business_movement ul li .details>span{
	display: inline-block;
	margin-bottom: 15px;
	padding-left: 10px;
}

div.body .exhibition_info ul li .details>span:nth-child(1),
div.body .business_movement ul li .details>span:nth-child(1){
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

div.body .exhibition_info ul li .details>span:nth-child(2),
div.body .business_movement ul li .details>span:nth-child(2){
	font-size: 12px;
	color: #8F9EA8;
}

div.body .exhibition_info ul li>img,
div.body .business_movement ul li>img{
	width: 30%;
	margin-left: 4%;
}
.business_movement{
	display: none;
}

/* 新闻详情页 */
.body>h1.title{
	padding: 20px;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}
.body>p.time{
	font-size: 13px;
	color: #8A8E99;
	padding: 0 20px;
}
.body>p.mainBody{
	padding: 20px 20px 15px 20px;
	font-size: 14px;
	color: #333;
}
.body>p.mainBody>span{
	display: inline-block;
	width: 100%;
	position:relative;
}
.body>p.mainBody>span video{
	display: none;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 20px);
	background: #000;
	margin: 10px 0;
}
.body>p.mainBody>span i{
	position:absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	font-size: 40px;
	color: #fff;
}
.body>p.mainBody img{
	margin: 10px 0;
}
.body>h2.miniTitle{
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 0 20px;
	font-weight: 500;
}
/* 设备 */
.body .equipment{
	width: 100%;
	position:relative;	
}
.body .equipment i{
	position:absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	font-size: 40px;
	color: #fff;
}
.body .equipment video{
	display: none;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
.body .equipment video i{
	position:absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	font-size: 40px;
	color: #fff;
}
.xunjia{
	position: fixed;
	right: 20px;
	bottom: 80px;
	width: 45px;
}
.enjoin{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 45px;
}

table {
  border-collapse:collapse;
  border:1px #525152 solid;
  width:calc(100% - 40px);
  margin:0 20px;
}
th, td {
  border:1px #525152 solid;
  text-align:center;
  font-size:12px;
  line-height:30px;
}
td{
	line-height: 20px;
}
th{background:#99CDFF;}
/*模拟对角线*/
.out {
  position:relative;
  width:80px;
  height:60px;
  box-sizing:border-box;
  z-index: 66;
}
.out:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:30px;
  box-sizing:border-box;
  border-bottom:1px solid #333;
  transform-origin:bottom center;
  transform:rotateZ(36deg) scale(1.28);
  animation:slash 5s infinite ease;
}
b {
  font-style:normal;
  display:block;
  position:absolute;
  top:0;
  left:40px;
  width:35px;
  z-index: 666;
}
em {
  font-style:normal;
  display:block;
  position:absolute;
  top:25px;
  left:10px;
  width:55x;
  z-index: 666;
}
/* 设备列表 */
.body .head_nav{
	overflow-x: auto;
	white-space: nowrap;
	padding: 0 45px 0 15px;
	background: #fff;
	position: relative;
	font-size: 15px;
}
.body .head_nav .news_xl{
	position: fixed;
	right: 0;top: 60px;
}
.body .head_nav span{
	display: inline-block;
	padding: 10px 0;
	height: 100%;
	margin-right: 20px;
}
.body .head_nav span.on{
	border-bottom: 2px solid #f33;
	font-weight: 700;
}
.body .equipmentList{
	width: 93%;
	margin: 10px 3.5%;
}
.body .equipmentList>span{
	width: 56px;
	height: 26px;
	line-height: 26px;
	background: #fff;
	border: 1px solid #DCDDE0;
	border-radius: 5px;
	margin-right: 5px;
	display: inline-block;
	font-size: 12px;
	text-align: center;
}
.body .equipmentList>span.on{
	border-color: #FFEFEF;
	color: #f33;
	background: #FFEFEF;
}
.body .equipmentList ul{
	margin-top: 12px;
	height: auto;
}
.body .equipmentList ul li{
	list-style: none;
	width: 48%;
	height: 213px;
	background: #fff;
	border-radius: 8px;
	display: inline-block;
	margin-bottom: 10px;
}
.body .equipmentList ul li:nth-child(even){
	margin-left: 8px;
}
.body .equipmentList ul li img{
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	width:100%;
	height: 123px;
}
.body .equipmentList ul li>div.title{
	font-weight: 600;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 90%;
	margin: 5px 5%;
	font-size: 14px;
}
.body .equipmentList .inqury{
	color: #f33;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 13px;
}
.chooseequipment{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 11;
}
.choose_img{
	position: fixed;
	top: 70px;
	right: 7px;
	width: 24px;
	height: 24px;
	background: rgba(0,0,0,0.2);
	z-index: 13;
}
.c_title{
	width: 100%;
	height: 193px;
	margin-top: 60px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.c_title>p{
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #3F5970;
}
.c_title .all_equipment{
	width: calc(100% - 30px);
	margin: 10px 15px 0 15px;
}
.c_title .all_equipment span{
	display: inline-block;
	width: 108px;
	height: 32px;
	border-radius: 5px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	background: #F5F5F7;
	margin-bottom: 11px;
	color: #333;
	margin-right: 10px;
}
.c_title .all_equipment span.mr{
	margin-right: 0px;
}
.c_title .all_equipment span.on{
	color: #fff;
	background: #f33;
}
.mark{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 999;
}
.gatherInfo{
	display: none;
	position: fixed;
	top: 133px;
	left: calc(50% - 144px);
	width: 288px;
	height: 400px;
	background:#fff;
	border-radius: 4px;
	z-index: 1000;
}
.gatherInfo p{
	padding: 0 31px;
	font-size: 15px;
}
.gatherInfo p input{
	border: 1px solid #e1e1e3;
	height: 30px;
	line-height: 30px;
	background: #f7f7fc;
	width: 226px;
	border-radius: 5px;
	text-indent: 10px;
	color: #333;
	font-size: 12px;
}
.gatherInfo p:nth-child(1){
	font-size: 22px;
	font-weight: 700;
	padding-top: 30px;
	color: #3F5970;
}
.gatherInfo p:nth-child(2){
	padding-top: 13px;
	font-size: 14px;
	color: #3F5970;
}
.gatherInfo p:nth-child(3){
	padding-top: 30px;
	color: #8D9DA8;
	font-size: 12px;
}
.gatherInfo p:nth-child(4),
.gatherInfo p:nth-child(6),
.gatherInfo p:nth-child(8){
	padding-top: 5px;
}
.gatherInfo p:nth-child(5){
	padding-top: 20px;
	color: #8D9DA8;
	font-size: 12px;
}
.gatherInfo p:nth-child(7){
	padding-top: 20px;
	color: #8D9DA8;
	font-size: 12px;
}
.gatherInfo p:nth-child(9){
	padding-top: 20px;
	color: #f33;
	font-size: 16px;
	text-align: center;
}


.share_click{
	display: none;
	position: fixed;
	bottom: 30px;
	z-index: 9;
	color: #fff;
	right: 65px;
	border-radius: 3px;
}
.share_click img{
	width: 20px;height: 20px;
	margin-left: 10px;
}