*{ margin: 0; padding: 0; box-sizing:border-box; }
html,body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea,p{ font:12px/1.5 "微软雅黑", tahoma, arial, \5b8b\4f53; }
body{ background:#f5f5f5; }
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
em,i { font-style:normal; } 
b,strong{ font-weight: normal;}
ul, ol ,li{ list-style:none; } 
a { text-decoration:none; color:#000; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
img{ border:none; vertical-align: middle; }
input,button{ border: 0 none; outline: none; }
input,select{ vertical-align:middle;outline: none; }
table { border-collapse:collapse; border-spacing:0; }
img{ border: 0 none; }
i{ display: inline-block;*display: inline;*zoom: 1; }
.fl{float: left;}
.fr{float: right;}
.clearfix:after{ content: '.'; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix{ *zoom:1; }
.wrap{width: 1200px; margin: 0 auto;}

/* header */
.top{ height: 40px; line-height: 40px; background:#2797ef; }
.top span{ color:#fff; }
.top ul{ overflow: hidden; }
.top ul li{ float:left; }
.top ul li a{ text-align: center; color: #fff; padding: 0 15px; cursor: pointer; }
.middle{ height:110px; background:#fff; background-size:100% 100%; }
.middle .wrap{ height:100%; }
.middle .logo{ display: block; width: 207px; height: 52px; margin-top: 26px; cursor: pointer; }
.middle .search{ position: relative; width: 330px; height: 40px; background: #f5f5f5; border-radius: 20px; margin-top:35px; padding: 0 50px 0 20px; }
.middle .search form{ width:100%; height:100%; }
.middle .search input{ width: 100%; height: 100%; font-size: 14px; border: none; outline: none; color: #000; box-shadow: 0 0 0 1000px #f5f5f5 inset; }
.middle .search .search_btn{ width: 25px; height: 25px; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; border: none; background: url(../images/icon.png); background-size: 500px 400px; background-position: -413px -12px; cursor: pointer; }
.nav{ height:60px; background:#2797ef; }
.nav .nav_item{ overflow: hidden; }
.nav .nav_item li{ float:left; width: 133px; height:60px; line-height: 60px; font-size: 16px; text-align: center; cursor: pointer; }
.nav .nav_item li a{ display: block; color:#fff; }
.nav .nav_item li.on,
.nav .nav_item li:hover{ background:#0067b7; }

/* 面包 */
.crumb{ height: 56px; line-height: 56px; padding:0 15px; font-size: 12px; color: #7d7d7d; overflow: hidden; background:#FFF; }
.crumb i{ display:inline-block; vertical-align: middle; margin-top:-2px; width:13px; height:11px; background:url(../images/icon_home.png) no-repeat; }
.crumb a{ color:#7d7d7d; }

/* 分页 */
.pagewrap{  width: 100%; height: 102px; padding: 30px 0; line-height: 42px; text-align: center; color: #272a34;overflow: hidden;}
.pagewrap a,.pagewrap span{display: inline-block; height: 40px; text-align: center; line-height: 40px; border: 1px solid #e9e9e9;background: #fff; border-radius: 3px; padding: 0 17px; margin: 0 2px; font-size: 14px; color: #999;}
.pagewrap a.current ,
.pagewrap .active a,
.pagewrap a:hover{color: #fff; border: 1px solid #2797ef; background: #2797ef;}
.pagewrap li{display: inline-block; _zoom:1;display:inline; }
.pagewrap .page .prev,.pagewrap .page .netx{width:38px;}
.pagewrap .page{margin: 0 auto;display: block;}
.pagewrap li.active a{color: #fff; border: 1px solid #2797ef; background: #2797ef;}



/* footer */
.footer{ padding: 15px 0; color: #a6a6a6; line-height: 25px; margin-top: 20px; background: #272727; }
.footer .general{ font-size:14px; color: #a6a6a6; text-align: center; line-height: 36px; }
.footer .general a{ color: #737373; margin: 0 10px; }
.footer  p{ font-size:14px; color: #a6a6a6; text-align: center; line-height: 36px; }