[genuitec-file-id="wc3-1617"],[genuitec-lp-path="/dongsheng/WebRoot/zhsm/css/page.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@charset "utf-8";

.index-item02 {
	background:#f6f6f6;
	padding:100px 0;
}
.w1600 {
    max-width: 1200px;
    margin: 0 auto;
}
.index-item02 .list{}
.index-item02 .list .box {
	position:relative;
	overflow:hidden;
}
.index-item02 .list .box .bg,
.index-item02 .list .box .content,
.index-item02 .list .box .more {
	position:absolute;
	left:0;
	top:0;
}
.index-item02 .list .box .bg {
	width:100%;
	height:100%;
}
.index-item02 .list .box .content {
	padding:60px;
	color:#fff;
}
.index-item02 .list .box .content .tit {
	font-size:28px;
	font-weight:bold;
	line-height:36px;
}
.index-item02 .list .box .content .txt {
	font-size:16px;
	opacity:.5;
	margin-top:10px;
}
.index-item02 .list .box .more {
	top:auto;
	bottom:75px;
	left:60px;
	transform:translateY(20px);
	opacity:0;
}
.more a, .more span {
    display: inline-block;
    background: url(../images/major-more.png) no-repeat left center;
    line-height: 41px;
    padding-left: 20px;
    color: #fff;
    font-size: 14px;
}
.more a i, .more span i {
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/major-more-icon.png) no-repeat center center/cover;
    margin-left: 3px;
    margin-top: -2px;
}
.index-item02 .list.list01 .box {
	height:406px;
}
.index-item02 .list.list02 {
	margin-top:20px;
}
.index-item02 .list.list02 .box {
	height:283px;
}
.index-item02 .list.list03 {
	margin-bottom:20px;
}
.index-item02 .list.list03 .box {
	height:301px;
}
.index-item02 .list.list04 {
	width:100%;
	float:left;
}
.index-item02 .list.list04 .box {
	height:388px;
}
.index-item02 .list.list05 {
	width:50%;
	float:left;
	padding-left:10px;
}
.index-item02 .list.list05 .box {
	height:313px;
}
.index-item02 .left {
    width:47.5%;
	padding-right:10px;
}
.index-item02 .right {
    width:52.5%;
	padding-left:10px;
}
.tran500 {
	transition:500ms ease-out;
	-webkit-transition:500ms ease-out;
	-ms-transition:500ms ease-out;
	-moz-transition:500ms ease-out;
	-o-transition:500ms ease-out;
}
.index-item02 .list .box:hover .bg {
	transform:scale(1.2);
}
.index-item02 .list .box:hover .more {
	transform:translateY(0);
	opacity:1;
}
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix::before {
    display: table;
    content: "";
}