@charset "utf-8";
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }

/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table {
    width: 100%;
    border-collapse: collapse;
}
body{ font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;}

/* margin */
.m0 { margin:0 !important; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }

.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}


.container { /*根据效果图主体宽度定义*/
    width: 1000px;
}
.w_533{ width: 533px;}
.w_437{ width: 437px;}
.w_265{ width: 265px;}
.w_703{ width: 703px;}
.bg_01{ background: url("../images/top_bg.jpg") repeat;}


.fs{ font-family: "宋体", Helvetica, Arial, sans-serif;}


/*头部*/
header{ height: 84px;}
.logo{ width: 335px; height: 56px; padding-top: 16px;}
.logo img{ display: block; width: 335px; height: 56px;}
.slogan{ width: 240px; height: 16px; padding-top: 53px; padding-left: 40px;}
.slogan img{ display: block; width: 240px; height: 16px;}
.keep{ height: 27px; line-height: 27px; color: #616161;}
.keep a{ color: #616161;}


/*nav*/
nav{ height: 37px; background: #037180;}
nav ul li{ float: left; width: 166px; height: 37px; line-height: 37px; background: url("../images/nav_li.jpg") right center no-repeat; text-align: center; position: relative; z-index: 8;}
nav ul li a{ font-size: 16px; color: #fff;}
nav ul .hover a,nav ul .current a{ text-decoration: underline;}
nav .sub{ width: 168px; padding: 6px 0; background: url("../images/sub_bg.png") repeat; position: absolute; left: -2px; top: 37px; display: none;}
nav .sub p{ height: 36px; text-align: center;}
nav .sub p a{ font-size: 14px; color: #252525; text-decoration: inherit;}
nav .sub p a:hover{ color: #037180;}


/*banner*/
.banner{ width: 100%; height: 388px; position: relative; z-index: 3;}
.banner .d1{ display: block; width: 100%; height: 388px; position: absolute; left: 0; top: 0;}
.banner .d2{ margin: 0 auto; width: 1000px; height: 6px; position: relative; top: 358px; z-index: 2;}
.banner .d2 ul{ position: absolute; top: 0; display: inline;}
.banner .d2 li{ float: left; width: 29px; height: 6px; margin: 0 6px; display: inline; background: #fff; overflow: hidden; cursor: pointer;}
.banner .d2 li.nuw{ background: #037180;}


/*footer*/
footer{ min-height: 157px; line-height: 24px; background: #037180; color: #fff;}
footer p{ height: 53px; line-height: 53px; margin-bottom: 12px; border-bottom: 1px solid #86a3a7; color: #87a3a7;}
footer p a{ margin: 0 15px; color: #fff;}


/*page*/
.page{ width:100%; padding:30px 0;}
.sabrosus{ padding:2px; text-align:center;}
.sabrosus a{ background:#fff; border:1px solid #ccc; padding:1px 9px; color:#696969; text-decoration:none; margin-left:1px;}
.sabrosus a:hover,div.pagination a:active{color:#000; text-decoration:none; font-weight:bold; border:1px solid #fff; background:none;}
.sabrosus .jt{ background:#fff; border:1px solid #ccc; _PADDING:5px 9px; *PADDING:5px 9px; COLOR: #767676; text-decoration:none; margin-left:1px;}
.sabrosus .jt:hover{ background: #fff; border:1px solid #ccc;}
.sabrosus strong{ padding:2px 4px;}