.content{
	font-family:'Microsoft YaHei';
}
.fl {
    float: left;
}
.f32{
	font-size: 32px;
	line-height: 32px;
}
.ptb100 {
	padding: 100px 0;
}
.sprite{
	margin: 0 auto;
}
.exhibition-title-banner{
	background: url('/xcx/images/exhibition/exhibition-bc1.jpg') center center;
	min-width: 1200px;
	height: 600px;
	margin:0 auto;
	background-repeat: no-repeat;
}
.content-item{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.exhibition-title-des{
	text-align: center;
	padding-top: 20px;
}
.exhibition-title-des>h3{
	font-size: 34px;
	line-height: 34px;
	color: white;
	margin-bottom: 36px;

}
.exhibition-scene{
	height: 358px;
	box-sizing: border-box;
	padding:0 100px;
	padding-top: 100px;
	text-align: center;
}
.exhibition-scene-item{
	width: 25%;
	height: 200px;
	box-sizing: border-box;
	float: left;
	text-align: center;
}
.exhibition-scene-item>p{
	font-size:20px;
	margin-top: 23px;
	color: #333333;
}
.function-drag-title{
	padding-top: 100px ;
	padding-bottom: 66px;
}

.function-drag-title>p{
	font-size: 18px;
	color: #666666;
	line-height: 18px;
	margin-top: 40px;
}
.function-drag-bc{
	background: url('/xcx/images/exhibition/exhibition-bc2.png') center center;
	min-width: 1200px;
	height: 417px;
	margin:0 auto;
	background-repeat: no-repeat;

}
.exhibition-bc3{
	background: url('/xcx/images/exhibition/exhibition-bc3.png') center center;
	min-width: 1200px;
	height: 360px;
	margin:0 auto;
	background-repeat: no-repeat;
}
.function-appointment{
	background: url('/xcx/images/exhibition/exhibition-bc4.jpg') center center;
	min-width: 1200px;
	height: 700px;
	background-repeat: no-repeat;
}
.appointment-des{
	padding-top: 284px;
	padding-left: 64px;
	text-align: left;
}

.appointment-des>p{
	font-size: 18px;
	line-height: 38px;
	margin-top: 30px;
}
.scene-case-box{
	height: 247px;
	padding-left: 1.5px;
	box-sizing: border-box;
	/*border:1px solid red;*/
}
.scene-case-item{
	width: 171px;
	box-sizing: border-box;
	
	
}
.scene-case-item>p{
	font-size: 20px;
	line-height: 20px;
	margin-top: 34px;
	color: #333333;
	transition: .4s;
}
.scene-case-item-icon{
	width: 84px;
	height: 91px;
	background: url(/xcx/images/exhibition/scene-case-bc1.png);
	margin: 0 auto;
	transition: .4s;
}
.scene-case-item:hover .scene-case-item-icon{
	background: url(/xcx/images/exhibition/scene-case-bc2.png);
	
}
.scene-case-item:hover >p{
	color: #ff6101;
	
}
.catering-case{
	height: 565px;
	text-align: center;
}
.catering-case-qrcode{
	width: 1200px;
}
.catering-case-item-box{
	width: 25%;
	height: 300px;
	box-sizing: border-box;

}
.catering-case-item{
	margin:0 auto;
	margin-top: 15px;
	width: 270px;
	height: 270px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
	box-shadow: 0 0 8px #ddd;
    transition: .4s;
	

}
.qrcode-title{
	font-size: 
}
.catering-case-item>img{
	margin-top: 30px;
	margin-bottom: 20px;
}
.hover-big{
	font-size: 12px;
	color: #999999;
}
.catering-case-item:hover{
	margin: 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 0 30px #ccc;
    position: relative;
    top: 15px;
}
.hover-none{
    transition: .2s;
}
.hover-show{
	display: none;
	transition: .4s;
}
.catering-case-item:hover .hover-none{
	display: none;
}

.catering-case-item:hover .hover-show{
	display: block;
}



.sprite {
    background-image: url(/xcx/images/exhibition/exhibition-sprite.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-1 {
    width: 116px;
    height: 116px;
    background-position: -5px -5px;
}

.sprite-10 {
    width: 84px;
    height: 91px;
    background-position: -131px -5px;
}

.sprite-11 {
    width: 84px;
    height: 91px;
    background-position: -225px -5px;
}

.sprite-12 {
    width: 84px;
    height: 91px;
    background-position: -131px -106px;
}

.sprite-13 {
    width: 84px;
    height: 91px;
    background-position: -225px -106px;
}

.sprite-14 {
    width: 84px;
    height: 91px;
    background-position: -5px -207px;
}

.sprite-15 {
    width: 84px;
    height: 91px;
    background-position: -99px -207px;
}

.sprite-2 {
    width: 116px;
    height: 116px;
    background-position: -193px -207px;
}

.sprite-3 {
    width: 116px;
    height: 116px;
    background-position: -319px -5px;
}

.sprite-4 {
    width: 116px;
    height: 116px;
    background-position: -319px -131px;
}

.sprite-7 {
    width: 84px;
    height: 91px;
    background-position: -319px -257px;
}

.sprite-8 {
    width: 84px;
    height: 91px;
    background-position: -413px -257px;
}

.sprite-9 {
    width: 84px;
    height: 91px;
    background-position: -5px -358px;
}
.kaitong {
	width: 165px;
    height: 51px;
    margin-top: 16px;
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	background: none;
	cursor: pointer;
}