.clearfix:before, .clearfix:after {
            content: "";
            display: table;
        }
        .clearfix:after {
            clear: both;
        }
        .clearfix {
            *zoom: 1;
        }



.culture_container{    max-width: 1340px;
    width: 100%;margin: 0 auto;}
.culture-row01{padding:80px 0; background:url(../image/culturebg02.jpg) center no-repeat;background-size: cover;}
.culture-row01 .txtarea h2{line-height: 30px; height:30px; font-size:24px; color: #3D3D3D;
    position: relative;padding-bottom: 20px; margin-bottom: 40px;}
.culture-row01 .txtarea h2:before { content: ""; display: block; bottom: 0; 
left:0;position: absolute; width:40px; height: 2px; background: #0766B9;}
.culture-row01 .txtarea .txt02{ font-size:16px; color: #3D3D3D;line-height:30px;}

.culture-row01 .pic{width: 481px; float: right;margin-top: -50px;}
.culture-row01 .pic img{width: 481px;}
.culture-row01 .txtarea{width: 740px; float: left;}


.culture-row02{padding:70px 0 90px 0;}
.culture-row02 .culture_container{width: 1160px;}
.culture-row02 .row .pic{width: 580px; float: right;overflow: hidden;}
.culture-row02 .row .pic img{width: 580px; height: 300px;    transition: all 0.3s linear;}
.culture-row02 .row:hover .pic img{transform: scale(1.1);}
.culture-row02 .row .txtarea{width: 580px; float: left;}
.culture-row02 .row:nth-child(2n) .pic{float: left;} 
.culture-row02 .row:nth-child(2n) .txtarea{float: right;} 
.culture-row02 .row .txtarea .warp{padding:60px 20px;}
.culture-row02 .row .txtarea h2{line-height: 30px; height:30px; font-size:24px; color: #3D3D3D;
    padding-bottom: 20px; }

.culture-row02 .row .txtarea .txt02{ font-size:32px; color: #3D3D3D;font-weight: bold;line-height:40px;position: relative;}
.culture-row02 .row .txtarea .txt02:before { content: ""; display: block; bottom: -20px; 
left:0;position: absolute; width:80px; height: 2px; background: #0766B9;}

.culture-tit{line-height: 30px; height:30px; font-size:32px; color: #3D3D3D;font-weight: bold;text-align: center;
    position: relative;padding-bottom: 20px; margin-bottom:45px;}
.culture-tit:before { content: ""; display: block; bottom: 0; left:50%;margin-left: -20px; 
position: absolute; width:40px; height: 2px; background: #0766B9;}
/*.hxjzglist{margin-left: -20px;}*/
.hxjzglist li{width: calc(20% - 10px);margin-left: 5px; margin-right:5px;float: left;}
.hxjzg {position: relative;}
.hxjzg .pic{width: 100%; overflow:hidden;}
.hxjzg .pic img{height: 400px; width: 100%;}
.hxjzg .cover{padding:40px 30px; height: 140px;width: calc(100% - 60px); position: absolute; left: 0; bottom: 0;}

.hxjzg .pic img{height: 400px; width: 100%; transition: all 0.3s linear;} 
.hxjzg:hover .pic img{transform: scale(1.1);}
.hxjzg .cover h2{line-height: 30px; height:30px; font-size:32px; color: #fff;font-weight: bold;
    position: relative;padding-bottom: 20px; margin-bottom:10px;}
.hxjzg .cover h2:before { content: ""; display: block; bottom: 0; 
left:0;position: absolute; width:40px; height: 2px; background: #fff;}
.hxjzg .cover .txt02{ font-size:16px; color: #fff;font-weight: normal;line-height:26px;    text-align: justify;}
@media screen and (max-width:768px){

.culture_container {
    max-width: 100%;
}
.culture-row02 .row .pic,.culture-row02 .row .txtarea {
    width: 50%;
}
.hxjzg .pic img {
    height: 320px;
}
.hxjzg .cover {
    padding: 40px 30px;
    height: 180px;
    width: calc(100% - 60px);
    position: absolute;
    left: 0;
    bottom: 0;
}
.hxjzg .cover h2{ font-size:18px;}
.hxjzg .cover .txt02 {
    font-size: 14px;
}
}
@media screen and (max-width:450px){
	.culture-row02 .row .pic img {
    height: 200px;
}
.culture-row02 .row .txtarea .warp {
    padding: 20px 20px;
}
.hxjzg .pic img {
    height: 400px;
}
.culture-row02 .row .txtarea h2{font-size:16px;}

.culture-row02 .row .txtarea .txt02{ font-size:18px; }
.hxjzglist li {
    width: calc(100% - 50px);
    margin-left: 25px;
    margin-right: 25px;
	margin-bottom:30px;
}
.hxjzg .cover {

    height: 120px;

}
	}