.culturebanner{background:url(../images/culturebanner.jpg) center top no-repeat;background-size:cover;}
.culturenav ul{display:flex;}.culturenav li i{background:url(../images/cultureicons.png) no-repeat;}
.culturenav li i.i02{background-position:0 -25px;}.culturenav li i.i03{background-position:0 -50px;}.culturenav li i.i04{background-position:0 -75px;}

.culture{width:1012px;margin:0 auto;padding-top:20px;overflow:hidden;}.culture ul{width:1068px;margin-right:-56px;}
.culture li{position:relative;top:0;float:left;width:300px;height:418px;margin-right:56px;padding:10px 0;text-align:center;transition:all .5s;}
.culture li:hover{top:-10px;}.culture li.li01{background:url(../images/cul01.jpg) no-repeat center top;background-size:100% 100%;}
.culture li.li02{background:url(../images/cul02.jpg) no-repeat center top;background-size:100% 100%;}
.culture li.li03{background:url(../images/cul03.jpg) no-repeat center top;background-size:100% 100%;}
.culture li.li04{background:url(../images/cul04.jpg) no-repeat center top;background-size:100% 100%;}
.culture li h2{display:inline-block;padding:30px 0;font-size:30px;font-weight:normal;border-bottom:1px solid #e0e0e0;}
.culture li h2 em{display:block;line-height:30px;font-size:18px;color:#999;text-transform:uppercase;}
.culture li p{line-height:32px;padding:20px 0;font-size:18px;color:#666;}

.atmosphere{height:750px;background:url(../images/atmosphere.jpg) center top no-repeat;background-size:cover;}.active{position:relative;padding:0 15px;}
.active .grid{float:left;width:350px;height:400px;margin:0 40px 40px 0;padding:15px 0 0;overflow:hidden;border-top:1px solid #efefef;}
.active .grid .pic{width:99%;height:260px;overflow:hidden;}.active .grid img{display:block;width:100%;transition:all .5s;}
.active .grid b{display:block;width:100%;padding:15px 0;font-size:16px;}.active .grid p{line-height:26px;margin-bottom:15px;font-size:14px;color:#999;height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.active .grid em{display:inline-block;float:left;font-size:14px;color:#999;text-transform:uppercase;vertical-align:top;}
.active .grid span{display:inline-block;float:right;color:#999;font-size:14px;vertical-align:top;}
.active .grid:hover img{transform:scale(1.1);}.loadmore{width:100%;margin:50px 0 0;text-align:center;font-size:18px;color:#999;}

@media screen and (max-width:1280px){
	.culturebanner{background-image:url(../images/culturebanner@2x.jpg);}.atmosphere{background-image:url(../images/atmosphere@2x.jpg);}
	html{max-width:750px;margin:0 auto;font-size:62.5%;}.culture{padding:0 9%;width:auto;}.culture ul{width:100%;overflow:hidden;}
	.culture li{width:300px;height:418px;margin:20px 0;padding:5px;background-size:cover;box-sizing:border-box;}.culture li:hover{top:0;}
	.culture li:nth-child(odd){float:left;}.culture li:nth-child(even){float:right}.atmosphere{height:750px;background-size:cover;}
	.active{padding:0 4%;box-sizing:border-box;}.active .grid{float:left;width:100%;margin:0;padding:20px 0;box-sizing:border-box;}
	.active .grid .pic,.active .grid{height:auto;}.active .grid b{line-height:46px;margin:10px 0 5px;padding:0;font-size:24px;}
	.active .grid p{line-height:46px;margin:0;font-size:24px;}.active .grid span,.active .grid em{display:none;}
	.loading{display:block;width:30%;height:30px;line-height:32px;margin:3% auto 0;text-align:center;border:1px solid #000;border-radius:6px;cursor:pointer;}
}
@media screen and (max-width:480px){
	.culture li{width:185px;height:267px;margin:12px 0;}.culture li:hover{margin:12px 0;}
	.culture li h2{padding:15px 0;font-size:20px;}.culture li h2 em{line-height:24px;font-size:12px;}
	.culture li p{line-height:26px;padding:10px 0;font-size:16px;}.atmosphere{height:480px;}.active .grid{padding:10px 0;}
	.active .grid b,.active .grid p{line-height:30px;font-size:16px;}.active .grid span{font-size:12px;}
}
@media screen and (max-width:414px){
	.culture li{width:160px;height:231px;margin:10px 0;}.culture li:hover{margin:10px 0;}.culture li h2{padding:10px 0;font-size:16px;}
	.culture li p{line-height:22px;padding:10px 0;font-size:12px;}.atmosphere{height:414px;}
}
@media screen and (max-width:375px){
	.culture li{width:145px;height:209px;margin:10px 0;}.culture li p{padding:5px 0;font-size:12px;}.culture li h2{font-size:14px;}
	.atmosphere{height:375px;}.active .grid{padding:10px 0;}.active .grid b{line-height:30px;font-size:16px;}.active .grid p{line-height:26px;font-size:14px;}
}
@media screen and (max-width:360px){
	.culture li{width:145px;height:201px;margin:5px 0;}.culture li:hover{margin:5px 0;}
	.culture li p{line-height:20px;}.atmosphere{height:360px;}
}