/*展会情况*/



/*$$



{"color":[{"val":"#000000","title":"栏目文字颜色"},



{"val":"#ffffff","title":"轮播图标题/列表标题鼠标滑过  文字颜色"},



{"val":"#333333","title":"轮播图按钮数字颜色"},



{"val":"#b8060b","title":"默认分类文字颜色"},



{"val":"#bfb9b9","title":"列表数据日期默认颜色"},



{"val":"#b8060b","title":"移动端分类标题左右两侧按钮颜色"},



{"val":"#232323","title":"列表数据标题默认颜色"}],



"background":[{"val":"#b8060b","title":"栏目边框线/列表数据鼠标滑过 背景颜色"},



{"val":"rgba(0,0,0,.4)","title":"轮播图标题背景颜色"},



{"val":"#ffffff","title":"轮播图按钮默认背景颜色"},



{"val":"#b8060b","title":"轮播图按钮选中/分类标题鼠标滑过 背景颜色"},



{"val":"#ebebeb","title":"默认分类标题背景颜色"}],



"border":[{"val":"#b8060b","title":"分类标题鼠标滑过箭头三角背景颜色"}]}



$$*/



#survey_155{



	width: 100%;



	padding: 80px 0;



	background: #f7f7f7;



}



#survey_155 .surveyBox{



	width:1200px;



	margin: 0 auto;



}



#survey_155 .column{



	width: 100%;



	color: #000000;



	position: relative;



	padding-bottom: 10px;



	margin: 20px 0 40px 0;



}



#survey_155 .column::after{



	content: '';



	position: absolute;



	bottom: 0;



	width: 46px;



	height: 3px;



	background: #b8060b;



	left:50%;



	transform: translateX(-50%);



}



#survey_155 .column .tit-1{



	font-size: 32px;



	line-height: 40px;



	text-align: center;



}



#survey_155 .column .tit-2{



	font-size: 15px;



	line-height: 24px;



	text-align: center;



}



#survey_155 .surveyImg{



	width: 50%;



	float: left;



	height: 450px;



}



#survey_155 .surveySwiper{



	width: 100%;



	height: 100%;

	overflow: hidden;



}



#survey_155 .banaItem{



	width: 100%;



	height: 100%;



	position: relative;



}



#survey_155 .banaItem img{



	width: 100%;



	height: 100%;



	object-fit: cover;



}



#survey_155 .banaItem .title{



	width: 100%;



	position: absolute;



	bottom: 0;



	height: 75px;



	background: rgba(0,0,0,.4);



	left: 0;



	color: #ffffff;



	line-height: 75px;



	padding: 0 210px 0 40px;



	overflow: hidden;



	text-overflow:ellipsis;



	white-space: nowrap;



	font-size: 18px;



}



#survey_155 .swiper-pagination-bullet{



	width: 30px;



	height: 30px;



	line-height: 30px;



	background: #ffffff;



	color: #333333;



	font-size: 18px;



	opacity: 1;



	text-align: center;



	margin-right: 5px;



}



#survey_155 .swiper-pagination-bullet-active{



	background: #b8060b;



	color: #ffffff;



}



#survey_155 .swiper-pagination{



	width: 160px;



	bottom: 19px;



	left: calc(100% - 160px);



	text-align: left;



}



#survey_155 .surveyCon{



	width:calc(50% - 40px);



	float: right;



}



#survey_155 .classList{



	width: 100%;



	padding-bottom: 0;



}



#survey_155 .classBtn{



	width: 110px;



	height: 65px;



	padding-bottom: 15px;



	float: left;



	font-size: 18px;



	margin-right: 15px;



	position: relative;



}



#survey_155 .classBtn::after{



	position: absolute;



	content: '';



	width: 0;



	height: 0;



	bottom: 3px;



	left: 50%;



	margin-left: -7px;



	border-top:#b8060b 15px solid;



	border-right: 15px solid transparent;



	border-left: 15px solid transparent;



	opacity: 0;



	transition: opacity .5s;



}



#survey_155 .classBtn:hover::after,



#survey_155 .classBtn.active::after{



	opacity: 1;



}



#survey_155 .classtit{



	width: 100%;



	height: 100%;



	background: #ebebeb;



	color: #b8060b;



	text-align: center;



	line-height: 50px;



	cursor: pointer;



	display: block;



	position: relative;



	z-index: 1;



	-webkit-backface-visibility: hidden;



	-moz-osx-font-smoothing: grayscale;



	overflow: hidden;



}



#survey_155 .classtit:hover,



#survey_155 .classBtn.active .classtit{



	color: #ffffff;



}



#survey_155 .classtit::before{



	content: '';



	position: absolute;



	top: 0;



	left: 0;



	width: 150%;



	height: 100%;



	background: #b8060b;



	z-index: -1;



	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);



	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);



	-webkit-transform-origin: 0% 100%;



	transform-origin: 0% 100%;



	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;



	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;



}



#survey_155 .classtit:hover::before,



#survey_155 .classBtn.active .classtit::before{



	opacity: 1;



	background: #b8060b;



	-webkit-transform: rotate3d(0, 0, 1, 0deg);



	transform: rotate3d(0, 0, 1, 0deg);



	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);



	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);



}







#survey_155 .listUl{



	width: 100%;



}



#survey_155 .listUl li{



	margin: 25px 0;



	padding: 0 15px;



	width: 100%;



	height: 48px;



	position: relative;



	font-size: 18px;



	line-height: 48px;



	background: #ffffff;



}



#survey_155 .listUl li::before{



	background: url(./../../../static/images/CP00013_02.png) no-repeat center center;



	background-size: 10px 18px;



	position: absolute;



	right: 0;



	height: 100%;



	width: 30px;



	content: '';



	z-index: 11;



}



#survey_155 .listUl li .date{



	color: #bfb9b9;



	width: 120px;



	height: 100%;



	display: flex;



	align-items: center;



	float: left;



}



#survey_155 .listUl li .title{



	color: #232323;



	width: calc(100% - 140px);



	overflow: hidden;



	text-overflow:ellipsis;



	white-space: nowrap;



	height: 100%;



	display: inline-block;



}



#survey_155 .listUl li::after{



	position: absolute;



	left:0;



	top:0;



	content: '';



	background: #b8060b;



	height: 100%;



	width: 0;



	transition: all 1s;



}



#survey_155 .listUl li:hover::after{



	width: 100%;



}



#survey_155 .listUl li a{



	position: relative;



	z-index: 1;



	display: block;



}



#survey_155 .listUl li:hover .date,



#survey_155 .listUl li:hover .title{



	color: #ffffff;



}



#survey_155 .listUl li:hover::before{



	background:url(./../../../static/images/CP00013_01.png) no-repeat center center;



	background-size: 10px 18px;



}



#survey_155 .classSwiper {



	width: 100%;



	padding: 0 30px;



	position: relative;



	display: none;



	margin: 10px 0;



}







#survey_155 .classSwiper .swiper {



	width: 100%;



	margin: 0 auto;



	overflow: hidden;



}







#survey_155 .classSwiper .swiper-slide {



	cursor: pointer;



	color: #b8060b;



	text-align: center;



	height: 40px;



	line-height: 40px;



	background: #ebebeb;



	position: relative;



	font-size: 14px;



}



#survey_155 .classSwiper .swiper-slide-active{



	background: #b8060b;



}



#survey_155 .classSwiper .swiper-slide a{



	color: #b8060b;



}



#survey_155 .classSwiper .swiper-slide-active a{



	color: #ffffff;



}



#survey_155 .classSwiper .swiper-slide.click::after{



	position: absolute;



	width: 80%;



	left:10%;



	bottom: 0;



	height: 1px;



	background: #b8060b;



	content: '';



}



#survey_155 .case-prev,



#survey_155 .case-next {



	position: absolute;



	border-radius: 50%;



	width: 30px;



	height: 30px;



	line-height: 36px;



	font-size: 34px;



	text-align: center;



	color: #b8060b;



	cursor: pointer;



	top: 50%;



	margin-top: -20px;



	z-index: 999;



	



}







#survey_155 .case-prev {



	left: 0;



	padding-right: 2px;



}







#survey_155 .case-next {



	right: 0;



	padding-left: 2px;



}



#survey_155 .swiper-button-disabled{



	opacity: 0.5;



}

#survey_155 .new_link {
	display: flex;
	margin: 0 auto;
	justify-content: space-around;
	margin-top: 45px;
	width: 1200px;
}

#survey_155 .new_link a{
	width: 385px;
}

#survey_155 .new_link a img{
	width: 100%;
}



@media screen and (max-width: 1200px) {



	#survey_155{



		padding: 30px 20px;



	}



	#survey_155 .surveyBox{



		width: 100%;



	}

	#survey_155 .new_link {
		width: 100%;
	}
	#survey_155 .new_link a{
		width: 30%;
	}



	



}



@media screen and (max-width: 768px){



	#survey_155{



		padding: 20px 0;



	}



	#survey_155 .column{



		margin: 0;



	}



	#survey_155 .column .tit-1{



		font-size: 24px;



		line-height: 30px;



	}



	#survey_155 .column .tit-2{



		font-size: 14px;



	}



	#survey_155 .surveyImg{



		width: 100%;



		height: 250px;



		margin-top: 20px;



	}



	#survey_155 .swiper-pagination{



		width: 100px;



		left: calc(100% - 95px);



		bottom: 10px;



	}



	#survey_155 .swiper-pagination-bullet{



		width: 18px;



		height: 18px;



		font-size: 14px;



		line-height: 18px;



		margin: 0 2px;



	}



	#survey_155 .banaItem .title{



		height: 40px;



		line-height: 40px;



		padding: 0 100px 0 20px;



	}



	#survey_155 .surveyCon{



		width: 100%;



	}



	#survey_155 .classList{


		display: none;



	}



	#survey_155 .classBtn{



		width: auto;



		float: left;



		margin: 0 10px;



		height: 50px;



		font-size: 16px;



	}



	#survey_155 .classtit{



		padding: 0 20px;



		line-height: 35px;



	}



	#survey_155 .listUl{



		padding: 0 10px 0 20px;



	}



	#survey_155 .listUl li{



		height: 40px;



		line-height: 40px;



		font-size: 14px;



		padding: 0;



		margin: 5px 0;



	}



	#survey_155 .listUl li .date{



		width: 90px;



	}



	#survey_155 .listUl li .title{



		width: calc(100% - 120px);



	}



	#survey_155 .classSwiper{



		display: block;



	}

	#survey_155 .new_link {
		display: none;
	}



}