.index{
   position:relative;
   overflow:hidden;
}
.index-box{
   position:absolute;
   left:50%;
   top:10%;
   bottom:20%;
   max-width:1280px;
   min-width:960px;
   width:67%;
}
.index-title{
   line-height:32px;
   text-align:center;
}
.index-title h3{
   font-size:26px;
}
.index-title h3 small{
   display:block;
   font-size:14px;
   color:#999;
}
.nav-tab{
    display: inline-block;
   position:relative;
   width:100%;
   margin-top:6%;
}
.nav-tab li{
   float:left;
   width:25%;
   margin-left:12.5%;
}
.nav-tab li:first-child{
   margin-left:0;
}
.nav-tab li a{
   display:inline-block;
   width:100%;
   min-height:320px;
   text-align:center;
   cursor:pointer;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color: #fff;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=’#969696′, Direction=135, Strength=5);
   -webkit-box-shadow: 0 5px 8px rgba(7,0,2,.2);
   -moz-box-shadow: 0 5px 8px rgba(7,0,2,.2);
   box-shadow: 0 5px 8px rgba(7,0,2,.2);
}
.nav-tab li a:hover{
    -webkit-box-shadow: 0 5px 8px rgba(7,0,2,.3);
   -moz-box-shadow: 0 5px 8px rgba(7,0,2,.3);
   box-shadow: 0 5px 8px rgba(7,0,2,.3);
}
.nav-tab li a img{
   width: 68%;
   margin: 10% 10% 14% 10%;
   border:0px;
   
}
.nav-tab li a h3{
   line-height:52px;
   font-size:26px;
}
.nav-tab li a span{
   display:block;
   line-height:28px;
   color:#999;
}
.index-title{
   margin-top:3%;
}
#img-title{
   width:75%;
}
@media (min-width:1441px){
   .index-box{top:10%;bottom:10%;}
}
@media (max-width:1440px){
   .index-box{top:6%;bottom:14%;}
   .index-title{line-height:30px;}
   .index-title h3 {
      font-size: 22px;
    }
    .nav-tab{margin-top:4%;}
   .nav-tab li a h3 {
       line-height: 44px;
       font-size: 22px;
   }
   .nav-tab li a span{line-height:26px;}
}