.banner{background:url('../images/banner_khfw.jpg') center no-repeat;}
body{ background:#f7f7f7}
.body_con{width:100%; height:689px; line-height:36px; color:#222222; clear:both;  margin:0px auto; }
.body_con h1{width:100%; font-size:36px;  line-height:100%; color:#222222; text-align:center; clear:both; font-weight:400; margin:57px auto 60px; }
.body_con ul{width:1440px; height:735px;clear:both; padding-top:0px; margin:0 auto; }
.body_con ul li{width:398px; height:380px; text-align:center; float:left; margin:0 41px 67px; background:#fff; border-radius:6px;}
.body_con ul li a{color:#333;}
.body_con ul li h2{font-size:22px; color:#333;}
.body_con ul li img{width:80px; height:80px; margin-top:70px;}

.body_con ul li:hover{background:#132d71; 
    color:#fff;
    box-shadow:0 0 10px #ccc; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition}
.body_con ul li:hover img{
-webkit-filter: invert(100%);
filter: invert(100%);
-moz-filter: invert(100%);
-o-filter: invert(100%);
}
.body_con ul li:hover h2{color:#fff;}


.shfw li h2{margin-top:70px;}
.shfw li p{width:84%; margin:10px auto; text-align:left;}


@media only screen and (max-width: 1024px) and (min-width: 320px) {
 .nav2 .tab a{margin: 0;height: 56px;}
 .body_con{width: 94%;height: auto}
 .body_con ul{width: 100%;height: auto}
 .body_con ul li{width: 100%;float: none;margin: 0 0 30px 0;height: auto;padding-bottom: 20px}
 .body_con ul li img{margin-top: 20px;}
 .body_con ul li{padding-top:20px }
 .shfw li h2{margin:0 0 20px;}





 }