/*
* author:wangjia;
* date:20150901;
*/
html{ background: #f4f4f4;}
.banner{ width: 100%; height: 190px; background: url(../images/banner.jpg) top center no-repeat;}
header{ width: 100%; height: 60px; box-shadow: 0 2px 2px #ccc;}
nav{ width: 1000px; margin: 0 auto;}
nav a{ width: 110px; height: 100%; float: left; font: normal 16px/60px "Microsoft Yahei"; color: #333; text-align: center; text-decoration: none;}
nav a.current,nav a:hover{ background: #555; color: #fff;}

.main{ width: 1000px; display: table; margin: 0 auto; margin-top: 25px;  padding-bottom: 100px; }
.main li{ width: 223px; height: 425px; float: left; text-align: center; margin-left: 10px; margin-right: 10px;}
.main li .pic{ width: 223px; height: 375px; position: relative;}
.main li .ewmbox{ width: 200px; height: 356px; padding-top: zpx; background: #f4f4f4; position: absolute; z-index: 2; text-align: center; left: 10px; top: 10px;}
.main li .ewmbox a{font: normal 14px/30px "Microsoft Yahei"; color: #4083b0;  }
.main li .ewm{ width: 180px; height: 280px; padding-top: 1px; margin: 0 auto; margin-top: 20px;  background: url(../images/ewmbg.jpg) no-repeat;}
.main li .thum{ border: 10px solid #fff; position: absolute; top: 0; left: 0;}
.main li .ewm p{ font: normal 12px/24px "Microsoft Yahei"; color: #f95208; }
.main li .ewm img{ width: 178px; height: 178px;}
.main li .ewm p:first-child{ margin-bottom: 10px;}
.main li .tip{ width: 100%; font: normal 14px/30px "Microsoft Yahei"; color: #555;}
.main li a{ width: 100%; height: 50px; font: normal 14px/50px "Microsoft Yahei"; color: #4083b0; text-align: center; text-decoration: none; }

.page{ width: 100%; float: left; margin-top: 20px; text-align: center;}
.page a{ padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; font-family:"Microsoft Yahei"; font-size: 14px; color: #555; text-decoration: none; margin: 0 5px;}
.page a:hover{ background: #dedede;}