mall-website/static/css/index.css

img{
	width: 100%;
}
.wrap{
	width: 928px;
	margin: 0 auto;
}
/*thImg*/
.thImg{
	width: 880px;
	margin: 0 auto;
	position: relative;
	height: 310px;
}
.thImg  div{
	position: absolute;
	padding: 15px;
	top: -50px;
	left: 0;
	background: url(../img/bg.jpg) #fff repeat-x bottom;
}
.thImg a{
	float: left;
	width: 260px;
	height: 350px;
	margin-right: 15px;
	overflow: hidden;
}
.thImg a:last-child{
	margin-right: 0;
}
.thImg a img{
	display: block;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.thImg a:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1) ;
}



/*news*/
.news,.people{
	margin-top: 50px;
} 
.news h2 img,.people h2 img{
	width: 70%;
	display: block;
	margin:0 auto 30px; 
}
.news div.top a,.news div.bott a{
	display: block;
	position: relative;
}
.news div.top a p,.news div.bott a p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.news div.top a:hover p,.news div.bott a:hover p{
	opacity: 0.3;
}



.news div.top a,.news div.bott a{
	float:left;
}
.news div.top,.news div.bott {
	margin-bottom: 35px;
}
.news div.top a:nth-child(2),.news div.bott a:nth-child(2){
	margin: 0 35px;
}
.news .top img,.news .bott img{
	display: block;
}
.news .flower{
	display: flex;
	justify-content: space-around;
	text-align: center;
	color: #777;
}
.news .flower a{
	display: block;
}
.news .flower dl dd span{
	display: inline-block;
	padding: 10px;
	color: #a10000;
	border: 1px solid #bababa;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
}
.news .flower dl dd span:hover{
	background: #A10000;
	color: #fff;
	transform: translate();
	border: 1px solid #A10000;
}
.news .flower dl dd:nth-child(2){
	margin: 22px 0;
}

.news .flower dl dd:nth-child(3){
	margin-bottom: 50px;
}

/**********************own**/
.tran dl dt img{
	display: block;
}
.tran dl dt{
	position: relative;
	overflow: hidden;
}
.tran dl dt span{
	position: absolute;
	width:100%;
	height:100%;
	background-color: #90D7EC;
	opacity: 0.2;
}
.tran dl dt span.abl{
	left: -100%;
	top: -100%;
}
.tran dl dt span.abr{
	left: 100%;
	top: 100%;
}
.tran dl dt:hover span{
	left: 0;
	top: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}



/*ad*/
a.ad{
	display: block;
}

/*people*/
.people .pList{
	display: flex;
	justify-content: space-around;
}
.people .pList a{
	display: block;
	margin-bottom:20px;
	text-align: center;
}
.people .pList a:hover{
	box-shadow: 0 0 10px #757575;
}

.people .pList dl dd:nth-child(2){
	line-height: 25px;
}
.people .pList dl dd span{
	display: inline-block;
	color: #a10000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}


/*banner*/

.block_home_slider {
	position: relative;
	background-color: #ffffff;
	text-align: center;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
	min-width: 1160px;
}  
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
/*.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../img/sprite_arrow_2.png); text-indent:-9000px;}*/
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {width:80px;padding-top:15px; display:inline-block;position: absolute; bottom: 15px; left: 50%;margin-left:-30px;}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a {width:18px; height:18px; display:block; background-repeat:no-repeat; background-image:url(../img/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;background-size: 180%;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}