@charset "utf-8";

/* 基本样式 */
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"微软雅黑"; line-height:22px; color:#333333; background:#fff;}
ul,li{ list-style:none;}
img,table{ border:0px none;}
body,ul,li,table,input,p,h1,h2,h3,h4,h5,h6,dt,dd,dl,th,tr{ margin:0px; padding:0px;}
.cl{ clear:both; height:0px; line-height:0px; overflow:hidden;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#F00; text-decoration:underline;}

.n10{ height:10px;}
.n15{ height:15px;}
.n20{ height:20px;}
.n25{ height:25px;}
.n30{ height:30px;}

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

/* 主题样式 */
.main{ width:980px; margin:0px auto; text-align:center;}

/*  头图  */
.bg01{ background:#08528e url(../images/20140307_01.png) center top no-repeat; height:100px;}
.bg02{ background:#08528e url(../images/20140307_02.png) center top no-repeat; height:100px;}
.bg03{ background:#08528e url(../images/20140307_03.png) center top no-repeat; height:99px;}
.bg04{ background:#08528e url(../images/20140307_04.png) center top no-repeat; height:115px;}

/*   nav   */
.nav{ height:60px; background:#06abf0; font-size:26px; font-weight:bold; line-height:60px; color:#fff;}
.nav a{ width:136px; display:block; float:left; color:#fff; margin:0px 30px;}
.nav a:hover{ color:#d6f3ff; text-decoration:none;}

/*  bule   */
.bule{ background:#c2eff7; height:auto; overflow:hidden; padding-bottom:40px;}
.bule h2{ background:url(../images/20140307_07.png) bottom no-repeat; color:#0c859a; height:60px; line-height:60px; font-size:36px; font-weight:bold; padding-top:20px; padding-bottom:10px;}

.bule .zuo{ width:465px; height:160px; padding-top:30px;}
.bule .zuo img{ float:left; }
.bule .zuo p{ float:right; text-align:left; width:240px; padding-left:15px; font-size:14px; color:#333; line-height:26px;}
.bule .zuo p.pp1{ font-size:22px; color:#0c859a;}
.bule .zuo p.pp2{ text-align:center; padding-top:2px;}
.bule .zuo p.pp2 a{ background:#00b1d0; width:75px; color:#fff; height:26px; display:block; float:left; margin-right:3px; border-radius:3px; line-height:26px; font-weight:bold;}
.bule .zuo p.pp2 a:hover{ background:#00a1c4;  text-decoration:none;}

/*  green  */
.green{ background:#95e8d4;}
.green h2{background:url(../images/20140307_10.png) bottom no-repeat; color:#117d63;}
.green .zuo p.pp1{ color:#117d63;}
.green .zuo p.pp2 a{ background:#0ba27d;}
.green .zuo p.pp2 a:hover{ background:#03926f; }

/*  orange  */
.orange{ background:#f8d0aa;}
.orange h2{background:url(../images/20140307_12.png) bottom no-repeat; color:#e85201;}
.orange .zuo p.pp1{ color:#bc5d04;}
.orange .zuo p.pp2 a{ background:#f97900;}
.orange .zuo p.pp2 a:hover{ background:#e96e00; }

/*   pink   */
.pink{ background:#fad7dd;}
.pink h2{background:url(../images/20140307_14.png) bottom no-repeat; color:#cc2844;}
.pink .zuo p.pp1{ color:#ca334d;}
.pink .zuo p.pp2 a{ background:#f12749;}
.pink .zuo p.pp2 a:hover{ background:#dd2544; }

/*  verdancy  */
.verdancy{ background:#bbe498;}
.verdancy h2{background:url(../images/20140307_16.png) bottom no-repeat; color:#457a17;}
.verdancy .zuo p.pp1{ color:#457a18;}
.verdancy .zuo p.pp2 a{ background:#0ca301;}
.verdancy	 .zuo p.pp2 a:hover{ background:#0a9300; }

/*  wrapper  */
.wrapper{ margin:0 auto; text-align:center;}
.float-nav{ font-size:12px;width:950px; background:#0196BE; line-height:32px; position:fixed; color:#fff; left:0; top:0; word-spacing:10px; z-index:9999; display:none; _position:absolute; width:100%;}
.float-nav a{ color:#fff;}
.show{ display:block;}


/*  footer  */
.footer{ text-align:center; padding:20px 0px 30px 0px;color:#333; width:960px; text-align:center;  }
.footer a{ color:#333; text-decoration:none; font-weight:normal;}
.footer a:hover{ color:#f00; text-decoration:underline;}