* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
    border: medium none;
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
}

em {
    font-style: normal;
}
ul,
ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a,
ins {
    text-decoration: none;
}

*:focus {
    outline: none;
}
a {
    outline: none!important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.cf:after {
    display: block;
    content: "";
    height: 0;
    visibility: hidden;
    clear: both;
}
.cf {
    zoom: 1;
}
.hide {
    display: none;
}
.block {
    display: block;
}
.w1440{width:1440px;margin:0 auto;}

/* banner */
.banner{width: 100%;height:140px;background: url(bg.png) center no-repeat;}
.banner-tit{font-size:36px;color: #FFFFFF;line-height:50px;font-weight: bold;padding-top:45px;}

/* 主体内容 */
.main{padding:30px 0 10px 0;min-height:655px;}
.fak-box{width: 337px;height: 156px;float: left;margin-right: 30px;margin-bottom:30px;display: block;}
/* .fak-list .fak-box:nth-child(4n){margin-right:0;} */
.file-b,.file-n{width: 337px;height: 156px;}
.file-b{display:block;background: #F0F4FD;position: relative;text-align: center;}
.file-n{display:none;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.3);}
.file-b p{display: inline-block;text-align: center;padding-top:32px;}
.file-b p img{width: 36ppx;height:36px;}
.file-b span{display: inline-block;width: 337px;text-align: center;font-size:20px;color: #000000;font-weight: 500;line-height:28px;padding-top:8px;}
.file-b span.eg{font-size: 14px;color: #333333;line-height:20px;padding-top: 6px;}
.fak-box:hover .file-b{display: none;}
.fak-box:hover .file-n{display: block;}
.file-n span{width:100%;display: inline-block;font-size: 16px;color: #333333;line-height:22px;text-align: left;padding:6px 16px 0 16px;}
.file-n span.filt-tit{font-size: 18px;color: #0091FF;line-height:25px;font-weight: 500;text-align:center;padding-top:24px;text-align: center;}
.file-n .check{display: inline-block;font-size: 16px;color: #666666;padding-top: 12px;text-align: left;padding-left:16px;line-height:20px;padding-right: 24px;
    background: url(jt.png) 60px 19px no-repeat;}



 @media only screen and (max-width: 1679px) and (min-width: 1440px){
    .w1440{width:1280px;margin:0 auto;}
    .fak-box{width: 305px;margin-right:20px;margin-bottom:20px;}
    .file-b, .file-n,.file-b span{width:305px;}
    .file-n span.filt-tit{padding-top: 18px;}
    
}
 @media only screen and (max-width: 1439px) and (min-width: 1279px){
    .w1440{width:1200px;margin:0 auto;}
    .fak-box{width: 285px;margin-right:20px;margin-bottom:20px;}
    .file-b, .file-n,.file-b span{width:285px;}
    .file-n span.filt-tit{padding-top: 18px;}
}
@media only screen and (max-width: 1279px) and (min-width: 768px){
    .banner{width:1280px;}
    .fak-list,.banner-tit{width:1200px;margin:0 auto;}
    .w1440{width:1280px;margin:0 auto;}
    .banner>.w1440{width:1280px;}
    .fak-box{width: 285px;margin-right:20px;margin-bottom:20px;}
    .file-b, .file-n,.file-b span{width:285px;}
    .file-n span.filt-tit{padding-top: 18px;}
}


