ul{ padding:0;}
.app1 {
	position:relative
}
.app1.s-bgcolor_f2f3f5 {
	background-color:#f2f3f5
}
.app1.s-fixed-header {
	padding-top:133px
}
.app1-view {
	margin-top:50px;
	-webkit-transition:all .1s ease;
	transition:all .1s ease
}
.app1-view.s-no-show-header-bar {
	margin-top:0
}
.app1-layout-enter,.app1-layout-leave-active {
	opacity:0;
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
.app1-1080px {
	max-width:1120px;
	min-width:280px;
	padding:0 20px;
	margin:0 auto
}

.app1-caselist-case {
	position:relative;
	display:inline-block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:45px;
	width:33%;
	height:358px;
	text-align:center;
	vertical-align:top
}
@media (max-width:960px) {
	.app1-caselist-case {
	display:block;
	margin-bottom:12px;
	width:auto;
	height:auto;
	-webkit-box-shadow:0 1px 10px rgba(0,0,0,.05);
	box-shadow:0 1px 10px rgba(0,0,0,.05)
}
}.app1-caselist-case a {
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	width:330px;
	position:relative;
	height:100%;
	background:#fff;
	border-bottom:3px solid transparent;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
}
@media (max-width:960px) {
	.app1-caselist-case a {
	padding:24px;
	width:auto
}
}@media (hover:hover) {
	li.app1-caselist-case a:hover {
	border-bottom-color:#00c800;
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px);
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,.12);
	box-shadow:0 20px 40px rgba(0,0,0,.12)
}
}li.app1-caselist-case a .app1-caselist-item-logo {
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px)
}
.app1-caselist-item-logo {
	width:200px;
	height:50px;
	margin:0 auto;
	-webkit-transition:all .3s ease;
	transition:all .3s ease
}
@media (max-width:960px) {
	.app1-caselist-item-logo {
	display:block;
	width:120px;
	height:30px
}
}.app1-caselist-item-title {
	margin:28px 0 12px;
	text-align:center
}
@media (max-width:960px) {
	.app1-caselist-item-title {
	margin:18px 0 0
}
}.app1-caselist-item-title-text {
	font-size:18px;
	font-weight:400;
	line-height:22px;
	color:#000;
	letter-spacing:1px;
	text-align:left;
	display:inline-block
}
@media (max-width:960px) {
	.app1-caselist-item-title-text {
	font-size:15px
}
}.app1-caselist-item-desc {
	font-size:13px;
	line-height:18px;
	text-align:justify;
	color:#9f9dab
}
@media (max-width:960px) {
	.app1-caselist-item-desc {
	display:none
}
}.app1-caselist-item-bottom {
	position:absolute;
	left:0;
	bottom:26px;
	width:100%;
	color:#9f9dab
}
.app1-caselist-item-bottom:before {
	content:"";
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-17.5px;
	width:35px;
	height:2px;
	background:#00c800
}
@media (max-width:960px) {
	.app1-caselist-item-bottom {
	position:relative;
	left:auto;
	bottom:auto;
	margin-top:26px;
	font-size:12px;
	line-height:1;
	font-weight:300
}
}

.fixTop{
	width: 100%;
	height: 70px;
	position: absolute;
	line-height: 70px;
	top:0;
	left: 0;
	background:transparent;
}
.fixTopM {
    width: 90%;
    margin: 0 auto;
    line-height: 70px;
}
.fixTopM img{
	height: 50px;
	line-height: 70px;
	width:auto;
	display: block;
	margin-top: 10px;
}
@media screen and (max-width:750px){
section.banner {
    justify-content: center;
    height: 300px;
    background-size: cover;
}
}