@charset "utf-8";
/* CSS Document */


body {
    font-family: "微软雅黑";
    font-size: 62.5%;
    
}
a{ text-decoration:none;}
/*img{max-width: 100%;height: auto;width: auto\9;}*/
img, object { max-width: 100%;}
img { -ms-interpolation-mode: bicubic; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
    margin: 0;
    
    padding: 0;
    word-wrap: break-word; list-style:none;
}
.cler{ clear:both; }
h1 { font-size: 1.5em; }
small { font-size: 0.875em; }
.fl{ float:left}
.fr{ float:right}


#iWrap { background-clip:#fff;
    margin: 0 auto;
    max-width: 1024px;
    position: relative;
    height:auto;
}
img{ border:0;}
header{ width:100%; }
.top{ height:15vw; width:100%; margin:0 auto;}
.topright{ padding-top:1%; ext-align:right;}
.topright span{ font-size:2vw;  margin-right:5%; float:right; }
.topright span a{color:#666;}
.top .fl{ text-align:center; width:50%; color:#6c6c6c; margin-top:4%; font-family:Arial, Helvetica, sans-serif; font-size:4vw;}
.top .fr{ width:50%;}
.topright span a:hover{color:#F00;}
.topright>div{ clear:both; margin-top:15%; margin-right:3%; overflow:hidden; text-align:right; }
.topright>div div{ float:right; width:30%; }
/*
.menu{ background:url(../images/navbg.jpg) repeat-x; height:8.5vw; width:100%;}
.menu ul{ width:100%; margin:0 auto;  overflow:hidden; }
.menu ul li{ float:left; width:24%; line-height:7.5vw; margin-top:1px;  text-align:center; border-right: solid 1px #1da7e4;}
#currpath a{ color:#08364b;}
.menu ul li a{ color:#fff; font-size:2.5vw; }
.menu ul li a:hover{ color:#08364b;}
 */
.menu{ background:url(../images/navbg.jpg) repeat-x; height:87px; width:100%;}
.menu ul{ width:100%; margin:0 auto;  overflow:hidden; }
.menu ul li{ float:left; width:24%; line-height:80px; margin-top:1px;  text-align:center; border-right: solid 1px #1da7e4;}
#currpath a{ color:#08364b;}
.menu ul li a{ color:#fff; font-size:24px; }
.menu ul li a:hover{ color:#08364b;}


.content{ width:100%; margin:0 auto;}
.content{ margin-top:3%; margin-bottom:3%;}
.content ul{ overflow:hidden; margin-left:4%;}
.content ul li{
    margin-bottom:3%; float:left; margin-right:3%;
    -moz-box-shadow:1vw 1vw 1vw #f4f4f4 ;
    -webkit-box-shadow:1vw 1vw 1vw #f4f4f4 ;
    box-shadow:1vw 1vw 1vw #f4f4f4 ;
    width:28vw;  height:47vw; overflow:hidden; border:1px solid #e5e1e1; border-radius:2vw 2vw 0 0; text-align:center;}
.content ul li>a>article{ padding-left:15%; width:75%; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#5d5d5d; font-size:3vw; padding-top:3%;}
.content ul li>a>div{ overflow:hidden;width:20vw; height:20vw; border-radius:1vw; padding-top:3%; margin:0 auto;}
.content ul li>a>div>img{ border-radius:1vw; }
.content ul li>a>p{ color:#8d8d8d; font-size:2.5vw; padding-bottom:4%; width:70%; margin:0 auto; text-align:left; margin-top:3%;}
#footer{ width:100%; border-top:1px solid #ccc; text-align:center; padding-top:1%; padding-bottom:1%; }
#footer a{color:#666;}