﻿@charset "utf-8";
/* CSS Document */


/*Reset
------------------------------------------------------------------------------------*/
*{margin:0;padding:0;}
body{font-size:12px;font-family: "宋体";word-wrap:break-word;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:#905716;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;} 
li{list-style-type:none;}
ol,ul{list-style:none;}  
img{ border:none; }
select, label,input{ vertical-align:middle;}


/* Common
----------------------------------------------------------------------------------- */
.left{float:left;}
.right, .more{float:right;}
.pie{behavior:url(js/PIE.htc)\9;}
.clear{clear: both;float: none;height: 0;margin: 0;padding: 0;width: 0; overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;} 
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}/*ie7*/
*html{background-image:url(about:blank);background-attachment:fixed;}

.hht{ height:50px; width:100%; overflow:hidden;}

/* header
----------------------------------------------------------------------------------- */
.header_bg{ width:100%; background:url(../images/header_bg.gif) center no-repeat;}
.header{ width:1002px; height:140px; margin:0 auto;position:relative;}
.logo{padding:10px; display:none }
.join{position:absolute;top:45px;right:5px; background:url(../images/join.gif);width:180px; height:25px; display:none }
.join a{ display:block; float:left; text-indent:-9999px; height:25px;}
.join .a01{ width:90px;}
.join .a02{ width:80px;margin-left:8px;}

/* menu
----------------------------------------------------------------------------------- */
.menu_bg{ height:38px; line-height:38px; width:100%;position:relative; z-index:9999;}
.menu{height:38px; line-height:38px; width:1002px;margin:0 auto;position:relative; z-index:9999; background:url(../images/menu_bg.png) no-repeat;}
.menu ul{padding-left:30px;}
.menu li{float:left;  position:relative;z-index:9999;  background:url(../images/menu_li.png) right  no-repeat;}
.menu li b{ height:38px; line-height:38px; text-align:center; width:110px; float:left;}
.menu li b a{ height:38px; line-height:38px;color:#fff;padding:0 5px;display:block; font-size:14px;}
.menu li.on b a, menu li b a:hover{color: #fff;}
.menu li .item{position:absolute; background-color:red;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80; overflow:hidden;display:none; z-index:9999; width:110px; left:0px;top:36px; }
.menu li .item span{ display: block; width:110px; height:26px; line-height:26px; text-align:center;}
.menu li .item a{color:#fff;}
.menu li .item a:hover{color:#f0ff00;}



/* bar
----------------------------------------------------------------------------------- */
.banner_bg{width:100%;position:relative; z-index:10}
.banner{ width:1002px; height:220px;margin:0 auto; margin-top:10px; overflow:hidden; position:relative; z-index:10}
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; display:none;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:1002px;display:block;  }


/* wrapp
----------------------------------------------------------------------------------- */
.w768{ width:768px; float:left;}
.w224{ width:224px; float:right;}
.wrapp{width:1002px; margin:0 auto; margin-top:10px;}

.ht01{ background:url(../images/ht01.png) no-repeat; height:26px; line-height:26px;padding-right:5px;}
.ht01 b{ height:26px;line-height:26px; width:109px; text-align:center; font-size:14px; color:#fff; display:block; float:left;}
.ht01 a{color:#333; display:block; float:right; background: url(../images/li04.png) right no-repeat;padding-right:10px;}
.ht01 a:hover{ color:#f60;}

.ht02{background:url(../images/ht02.png) no-repeat; height:36px; line-height:36px;padding-right:12px;}
.ht02 b{ height:36px; line-height:36px; width:90px; text-align:center; font-size:14px; color:#bd1515; display:block; float:left;}
.ht02 a{color:#bd1515; display:block; float:right; background: url(../images/li04.png) right no-repeat;padding-right:10px;}
.ht02 a:hover{ color:#f60;}

/* box01
------------------------------------------------- */
.box01{}
.box01 .w01{ width:289px;height:256px;float:left; background:url(../images/news_bg.gif) no-repeat;}
.news-slidebox{ width:289px;height:256px;overflow:hidden; position:relative;}
.news-slidebox .hd{ height:16px; overflow:hidden; position:absolute; right:15px; bottom:40px; z-index:1; }
.news-slidebox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.news-slidebox .hd ul li{ float:left; margin:0 2px;  width:16px; height:16px; line-height:16px; text-align:center; background:url(../images/news_li02.png) no-repeat;cursor:pointer; color:#834602;}
.news-slidebox .hd ul li.on{ background: url(../images/news_li01.png) no-repeat;color:#fff; width:16px; height:16px; line-height:16px; text-align:center; _background:#905716; _color:#000}
.news-slidebox .bd{ position:relative; height:100%; z-index:0;   }
.news-slidebox .bd li{ zoom:1; vertical-align:middle; }
.news-slidebox .bd .pic{ width:269px; height:212px;margin:0 auto;padding-top:10px;}
.news-slidebox .bd img{ width:269px; height:212px; display:block;}
.news-slidebox .txt{position:absolute; width:269px;overflow:hidden;left:11px; bottom:0px; height:30px; line-height:30px; text-align:center; color:#fff;}

.box01 .w02{ width:469px;float:right;}
.box01 .w02 .pd{padding:10px; border:1px solid #ccc;width:447px;}
.box01 .w02 ul{}
.box01 .w02 ul li{ float:left; height:30px; line-height:30px; width:447px; }
.box01 .w02 ul li a{ float:left; height:30px; line-height:30px;display:block; background:url(../images/li03.png)  left no-repeat; width:340px; overflow:hidden;padding-left:10px;}
.box01 .w02 ul li span{ float:right;}

.box01 .w224{ height:256px; background:#ebebeb;}
.box01 .w224 .pd{padding-left:16px;}
.box01 .w224 ul{}
.box01 .w224 ul li{ height:53px; width:191px;padding-top:15px;}
.box01 .w224 ul li img{ display:block;}

/* box02
------------------------------------------------- */
.box02{ margin-top:10px;}
.box02 .w01{ width:768px; height:89px; overflow:hidden;margin-bottom:10px;}
.box02 .w01 img{ display:block;width:768px; height:89px;}

.box02 .w02{}

.box02 .ww-list01{width:382px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px  dashed #ccc;}
.box02 .ww-list02{width:383px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.box02 .ww{ float:left;}
.box02 .ww .hd{ height:42px; background: url(../images/ss_bg.png) top repeat-x;  position:relative;  }
.box02 .ww .hd ul{ float:left; position:absolute; left:20px; height:42px;    }
.box02 .ww .hd ul li{ float:left; width:84px; height:42px; line-height:42px; cursor:pointer;  font-weight:bold; color:#bd1515; text-align:center;  }
.box02 .ww .hd ul .li01{float:left;width:84px; height:42px; line-height:42px; background:url(../images/ss_li.png) top no-repeat; }
.box02 .ww .hd ul li.on{width:84px; height:42px; line-height:42px; background:url(../images/ss_li.png) top no-repeat; }

.box02 .ww .bd ul{ padding:10px 13px;  zoom:1;  }
.box02 .ww .bd li{ height:28px; line-height:28px;  background:url(../images/li03.png) no-repeat left; padding-left:14px; float:left; width:340px; }
.box02 .ww .bd li a{ display:block; float:left; height:28px; line-height:28px;  width:230px; overflow:hidden;}
.box02 .ww .bd li .date{ float:right; color:#333;  }

.box02 .w224{ background:#ebebeb;}
.box02 .w224 .pd{padding:10px;width:204px;}
.box02 .w224 ul{}
.box02 .w224 ul li{ width:204px; height:30px; line-height:30px; float:left;}
.box02 .w224 ul li a{ float:left;padding-left:8px;height:30px; line-height:30px; width:174px; overflow:hidden;}
.box02 .w224 ul li span{ float:left; width:22px; display:block;background:url(../images/li01.png) center no-repeat;height:30px; line-height:30px;  color:#fff; text-indent:0.3em;}

/* box03
------------------------------------------------- */
.box03{ margin-top:10px;}
.box03 .pd{ border:1px solid #ccc; width:980px;padding:10px;padding-bottom:0px;}
.picMarquee-left{ width:980px;overflow:hidden; position:relative;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.picMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.picMarquee-left .bd{   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:200px; height:150px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#905716;  }
.picMarquee-left .bd ul li .title{ line-height:30px; height:30px;width:210px; text-align: center; overflow:hidden;    }

/* box04
------------------------------------------------- */
.box04{margin-top:10px;}
.box04 .w768{padding:5px; width:756px;border:1px solid #ccc;}
.box04 .w768 .tit{ background:url(../images/ht03.png) no-repeat; height:36px; }
.box04 .w768 .tit span{ display:block; float:left;padding:16px 0 0 240px ;color:#fff;}
.box04 .w768 .tit a{ display:block; float:right;padding:16px 17px 0 0; color:#fff;}
.box04 .w768 .tit a:hover{ color:#f60;}

.box04 .w768 .pd{padding-top:5px;}
.box04 .w768 ul{}
.box04 .w768 ul li{ float:left;width:370px;padding:8px 0 8px 4px;}
.box04 .w768 ul .line{border-top:1px dashed #ccc; height:1px; width:756px;padding:0; overflow:hidden;}
.box04 .w768 ul dl{float:left;}
.box04 .w768 ul .d01{ background:url(../images/tu_bg.gif) no-repeat;width:133px; height:133px;padding:2px 0 0px 2px}
.box04 .w768 ul .d01 img{ display:block; width:121px; height:131px;}
.box04 .w768 ul .d02{padding-left:8px; width:225px;}
.box04 .w768 ul .d02 dt{ font-weight:bold; height:24px; line-height:24px; color:#905716; font-size:14px;width:225px; overflow:hidden;}
.box04 .w768 ul .d02 dt a{color:#905716;}
.box04 .w768 ul .d02  dd{ line-height:22px;overflow:hidden; height:104px;}

.box04 .w224{ background:#ebebeb}
.box04 .w224 .pd{padding:10px;padding-bottom:0px;}
.box04 .w224  ul{}
.box04 .w224  ul li{ float:left;padding-bottom:13px;}
.box04 .w224  ul dl{ float:left;}
.box04 .w224  ul .d01{width:105px; height:65px;}
.box04 .w224  ul .d01 img{width:105px; height:65px;}
.box04 .w224  ul .d02{ width:90px;padding-left:9px;}
.box04 .w224  ul .d02 dt{width:90px; color:#525252; line-height:20px; height:42px; overflow:hidden;}
.box04 .w224  ul .d02 dd{width:90px;}
.box04 .w224  ul .d02 dd a{ color:#bd1515;}

/* flink
----------------------------------------------------------------------------------- */
.flink{width:1002px; margin:0 auto; margin-top:10px;}
.flink .tit{ height:20px; line-height:20px; overflow:hidden;width:1002px; background:url(../images/flink.png) no-repeat;}
.picScroll-left{ overflow:hidden; position:relative;   }
.picScroll-left .hd{}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:13px; height:25px; overflow:hidden;cursor:pointer; position:absolute;}
.picScroll-left .hd .next{top:18px;right:0;}
.picScroll-left .hd .prev{top:18px;left:0;}
.picScroll-left .bd{ padding:10px 10px 10px 20px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 9px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:102px; height:42px; display:block;  }
.pageState{ display:none;}

/* f01
----------------------------------------------------------------------------------- */
.f01{width:1002px; margin:0 auto; margin-top:10px;padding:6px 0; background:#bd1515; color:#fff; text-align:center; width:1002px;}
.f01 a{color:#fff;}
.f01 a:hover{ text-decoration:underline; color:#fff;}
.f01 span{padding:0 5px;}

/* footer
----------------------------------------------------------------------------------- */
.footer{ width:1002px; margin:0 auto; background:#ededed; text-align:center;padding:10px 0; line-height:26px; color:#000;}

/* footwap
----------------------------------------------------------------------------------- */
.footwap{ width:598px; margin:0 auto; background:#ededed; text-align:center;padding:15px 0; line-height:26px; color:#000;}

/* Page
----------------------------------------------------------------------------------- */
.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}

/* 侧栏 sidebar
----------------------------------------------------------------------------------- */
.sidebar{ width:200px; background:#eeedeb;padding-bottom:20px; float:left;}
.sidebar .s01{background:url(../images/mleft05.jpg) no-repeat top ;padding:11px 0 15px;}
.sidebar .s01 .tit{  text-align:center; font-family:"微软雅黑", "宋体";height:34px; line-height:34px; color:#FFF; margin-bottom:8px; font-size:16px;}
.sidebar .s01 .pd{padding-left:5px;}
.sidebar .s01 ul{}
.sidebar .s01 ul li{ float:left;padding-bottom:10px;}
.sidebar .s01 ul li a{ width:190px; height:28px;  display:block; color:#000;background:url(../images/mln_a.jpg) no-repeat; text-align:center; line-height:28px; }  
.sidebar .s01 ul li.hover a,.sidebar .s01 ul li a:hover{background:url(../images/mln_am.jpg) no-repeat;color:#fff; text-decoration:none;} 

.sidebar .s02{padding-left:4px;}
.sidebar .s02 a{ display:block;margin-bottom:12px;}
.sidebar .s02 img{ display:block;}


/* w790
----------------------------------------------------------------------------------- */
.w790{ float:right; width:790px;}
.znav{ text-align:right;padding-right:10px; height:20px; line-height:20px;margin-bottom:10px;}
.znav dl{ background:url(../images/li04.png) no-repeat left center;padding-left:10px; float:right;}
.w790 .tit{ background:url(../images/mrbt.jpg) no-repeat center; height:28px; line-height:28px; width:790px;margin-bottom:10px;}
.w790 .tit b{padding-left:30px;font-size:14px; color:#905716;}
/* 新闻列表
-------------------------------------------- */
.news_ul{padding:0 10px;}
.news_ul li{border-bottom:1px dashed #ccc; height:36px; line-height:36px; float:left; width:770px;}
.news_ul li a{ float:left; display:block; background:url(../images/index_67.png) left center no-repeat ;height:36px; line-height:36px; width:500px; overflow:hidden;padding-left:10px;}
.news_ul li span{ float:right;}
/* 新闻内容
-------------------------------------------- */
.news_con{}
.news_t{ height:25px; line-height:25px; text-align:center; font-weight:bold; font-size:16px;padding-top:5px;color:#905716;}
.time{ height:25px; line-height:25px; border-bottom:1px dashed #ccc;text-align:center;width:750px; margin:0 auto;padding-top:5px;} 
.times{ height:10px; line-height:10px; border-bottom:1px dashed #ccc;text-align:center;width:750px; margin:0 auto;padding-top:5px;} 
.time span{padding:0 10px;}
.news_con .txt{padding-top:13px;padding:10px 26px; line-height:28px;}

/* 图片列表
-----------------------------------------------------------------*/
.tu_ul{margin-top:10px;}
.tu_ul li{ float:left;padding:12px 0 0px 20px; }
.tu_ul li img{ width:160px; height:120px;padding:4px;border:1px solid #ccc; display:block;}
.tu_ul li a{}
.tu_ul li p{width:160px;height:38px;line-height:30px;text-align:center;}

/* 武术名家
-----------------------------------------------------------------*/
.mingjia .pd{padding-left:15px;}
.mingjia ul{}
.mingjia ul li{ float:left;width:250px;padding:8px 0 8px 4px;}
.mingjia ul .line{border-top:1px dashed #ccc; height:1px; width:756px;padding:0; overflow:hidden;margin-bottom:15px;}
.mingjia ul dl{float:left; }
.mingjia ul .d01{ background:url(../images/tu_bg.gif) no-repeat;width:133px; height:133px;padding:2px 0 0px 2p;display:none;}
.mingjia ul .d01 img{ display:block; width:121px; height:131px;}
.mingjia ul .d02{padding-left:8px; width:225px;}
.mingjia ul .d02 dt{ font-weight:bold; height:24px; line-height:24px; color:#905716; font-size:14px;width:225px; overflow:hidden;}
.mingjia ul .d02 dt a{color:#905716;}
.mingjia ul .d02  dd{ line-height:22px;overflow:hidden; height:88px;}




/* 协会成员列表
-----------------------------------------------------------------*/
.chengyuan_ul{}
.chengyuan_ul li{ float:left; width:370px; border:1px solid #ccc;margin:7px  0 5px 15px; _display:inline;}
.chengyuan_ul dl{} 
.chengyuan_ul dt{ height:30px; background:#ededed; line-height:30px;border-bottom:1px solid #ccc;padding-left:15px; font-weight:bold; width:355px; overflow:hidden;} 
.chengyuan_ul dd{ height:16px; line-height:16px; padding-left:15px;margin:8px 0;width:355px; overflow:hidden;}




@media screen and (max-width: 650px) { img {max-width:100%; } }
@media screen and (max-width: 480px) { img{max-width:100%; } }
@media screen and (max-width: 320px) { img{width:50%; } }

