body {background: #fff;}

.industry-info .info {float:left;width: 460px;}
.industry-info .info .title {margin-top: 130px;font-size: 42px;font-weight: bold;}
.industry-info .info .desc {margin-top: 10px;font-size: 16px;}
.industry-info .info .btn {display: block;width: 140px;height: 50px;margin-top: 40px;background: rgb(255, 132, 42);border-radius: 2px;line-height: 50px;color: #fff;font-size: 16px;text-align: center;}
.industry-info .info .btn:hover {background: rgb(255, 132, 42);}
.industry-info .pic {float: right;width: 650px;height: 450px;margin-right: -60px;}
.industry-info .pic img {width: 650px;height: 450px;}

.industry-content {padding: 15px 0;background: #fafafa;}
.industry-content .list {margin: 0 -10px;}
.industry-content .list li {float: left;width: 250px;height: 356px;margin: 0 10px;text-align: center;}
.industry-content .list li img {width: 140px;height: 140px;margin-top: 30px;}
.industry-content .list li .title {margin-top: 20px;font-size: 20px;line-height: 28px;font-weight: bold;}
.industry-content .list li .desc {height: 72px;margin-top: 20px;line-height: 24px;overflow: hidden;}

.industry-scenes {margin-top: 80px;}
.industry-scenes .hd .title {font-size: 34px;line-height: 52px;font-weight: bold;}
.industry-scenes .hd .desc {font-size: 16px;line-height: 32px;color: #999;}
.industry-scenes .bd {position: relative;height: 520px;margin-top: 30px;}
.industry-scenes .bd .item {position: absolute;width: 520px;border-radius: 4px;text-shadow: 0 2px 4px rgba(0,0,0,0.25);}
.industry-scenes .bd .item .title {position: absolute;top: 50%;width: 100%;margin-top: -20px;font-size: 28px;line-height: 40px;color: #fff;text-align: center;font-weight: bold;z-index: 2;}
.industry-scenes .bd .item .desc {position: absolute; top: 50%;left: 50%;width: 400px;margin: -22px 0 0 -200px;font-size: 16px;line-height: 22px;text-align: center;color: #fff;opacity: 0;z-index: 2;}
.industry-scenes .bd .item .mask {position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #ff842a;opacity: 0;z-index: 1;}
.industry-scenes .bd .item img {width: 520px;}
.industry-scenes .bd .item.bg {height: 300px;}
.industry-scenes .bd .item.bg img {height: 300px;}
.industry-scenes .bd .item.sm {height: 200px;}
.industry-scenes .bd .item.sm img {height: 200px;}
.industry-scenes .bd .item.lt {top:0;left:0;}
.industry-scenes .bd .item.rt {top:0;right:0;}
.industry-scenes .bd .item.lb {bottom:0;left:0;}
.industry-scenes .bd .item.rb {bottom:0;right:0;}

@keyframes moveTitle
{
	from {margin-top: -20px;}
	to {margin-top: -70px;}
}

@-moz-keyframes moveTitle /* Firefox */
{
	from {margin-top: -20px;}
	to {margin-top: -70px;}
}

@-webkit-keyframes moveTitle /* Safari 和 Chrome */
{
	from {margin-top: -20px;}
	to {margin-top: -70px;}
}

@-o-keyframes moveTitle /* Opera */
{
	from {margin-top: -20px;}
	to {margin-top: -70px;}
}

@keyframes showDesc
{
	from {opacity: 0;}
	to {opacity: 1;}
}

@-moz-keyframes showDesc /* Firefox */
{
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes showDesc /* Safari 和 Chrome */
{
	from {opacity: 0;}
	to {opacity: 1;}
}

@-o-keyframes showDesc /* Opera */
{
	from {opacity: 0;}
	to {opacity: 1;}
}


@keyframes showMask
{
	from {opacity: 0;}
	to {opacity: 0.9;}
}

@-moz-keyframes showMask /* Firefox */
{
	from {opacity: 0;}
	to {opacity: 0.9;}
}

@-webkit-keyframes showMask /* Safari 和 Chrome */
{
	from {opacity: 0;}
	to {opacity: 0.9;}
}

@-o-keyframes showMask /* Opera */
{
	from {opacity: 0;}
	to {opacity: 0.9;}
}

.industry-scenes .bd .item:hover .title {	
	animation: moveTitle 0.3s forwards;
	-moz-animation: moveTitle 0.3s forwards;	/* Firefox */
	-webkit-animation: moveTitle 0.3s forwards;	/* Safari 和 Chrome */
	-o-animation: moveTitle 0.3s forwards;	/* Opera */
}
.industry-scenes .bd .item:hover .desc {	
	animation: showDesc 0.5s forwards;
	-moz-animation: showDesc 0.5s forwards;	/* Firefox */
	-webkit-animation: showDesc 0.5s forwards;	/* Safari 和 Chrome */
	-o-animation: showDesc 0.5s forwards;	/* Opera */
}

.industry-scenes .bd .item:hover .mask {	
	animation: showMask 0.5s forwards;
	-moz-animation: showMask 0.5s forwards;	/* Firefox */
	-webkit-animation: showMask 0.5s forwards;	/* Safari 和 Chrome */
	-o-animation: showMask 0.5s forwards;	/* Opera */
}

.industry-plans {padding-top: 80px; padding-bottom: 70px; background: #fafafa;}
.industry-plans .hd .title {font-size: 34px;line-height: 52px;font-weight: bold;}
.industry-plans .hd .desc {font-size: 16px;line-height: 32px;color: #999;}
.industry-plans .list {margin: 0 -10px;}
.industry-plans .list li {position: relative;float: left;width: 250px;height:240px;margin: 20px 10px 0;background: #fff;border-radius: 4px;overflow: hidden;text-align: center;}
/* .industry-plans .list li img {position: absolute;bottom: 0;left: 0;width: 250px;height: 164px;} */
/* .industry-plans .list li img {width: 250px;height: 164px;} */
.industry-plans .list li .title {width: 200px;height: 56px;margin: 20px auto 0;font-size: 18px;line-height: 28px;overflow: hidden;text-align: center;font-weight: bold;}

.footer {margin-top: 0;}


@media screen and (max-width: 1059px) {
	.industry-info {margin: 0 -20px;}
	.industry-info .pic {float: none;width: 100%;height: auto;margin: 0;}
	.industry-info .pic img {width: 100%;height: auto;}
	.industry-info .info {float: none;width: auto;padding: 0 20px;}
	.industry-info .info .title {margin-top: 20px;font-size: 30px;line-height: 40px;}
	.industry-info .info .desc {font-size: 14px;line-height: 24px;}
	.industry-info .info .btn {width: 100%;}

	.industry-content {margin: 40px -20px 0;padding: 30px 20px;}
	.industry-content .list {margin: -60px 0 0 0;}
	.industry-content .list li {float: none;width: auto;height: auto;margin: 60px 0 0 0;}
	.industry-content .list li img {margin-top: 0;}
	.industry-content .list li .desc {width: 250px;height: auto;margin: 20px auto 0;}

	.industry-scenes {margin-top: 40px;}
	.industry-scenes .hd .title {font-size: 24px;line-height: 32px;}
	.industry-scenes .hd .desc {font-size: 14px;line-height: 32px;}
	.industry-scenes .bd .item {position: relative;width: auto;height: auto;margin-top: 10px;border-radius: 4px;overflow: hidden;}
	.industry-scenes .bd .item .title {font-size: 16px;line-height: 22px;margin-top: -11px;}
	.industry-scenes .bd .item .desc {display: none;}
	.industry-scenes .bd .item img {width: 100%;}
	.industry-scenes .bd,.industry-scenes .bd .item.bg,.industry-scenes .bd .item.sm,.industry-scenes .bd .item.bg img,.industry-scenes .bd .item.sm img {height: auto;}
	.industry-scenes .bd .item .mask {display: none;}

	.industry-plans {margin: 0;padding: 40px 20px;}
	.industry-plans .hd .title {font-size: 30px;line-height: 40px;}
	.industry-plans .hd .desc {font-size: 14px;}
	.industry-plans .list {margin: 0;}
	.industry-plans .list li {float: none;width: auto;height: auto;margin: 20px 0 0 0; padding: 20px 0;}
	.industry-plans .list li .pic {height: 80px;overflow: hidden;}
	.industry-plans .list li img {position: static;width: 80px;height: auto;}

}