@charset "utf-8";
/* CSS Document */
*, body, div, p, span, a, img, table, tr, td, br, ul, li, dl, dt, dd, button, input, textarea, select, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }
img { border: 0px; }
ul, li { list-style: none; }
a { font-size: 13px; color: #666; text-decoration: none; }
a:hover { text-decoration: none; color: #e60044; ; }
body, button, input, select, textarea { font-size: 14px; color: #666; }
body { font-family: "microsoft yahei"; overflow-x: hidden; position: relative; }
h1, h2, h3, h4, h5, h6, strong { font-weight: normal }
/*通用部分*/
.l { float: left }
.r { float: right }
.f18 { font-size: 18px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f20 { font-size: 20px }
.f25 { font-size: 25px }
.c { color: #e60044 }
h3:hover { color: #e60044 }
/*头部轮播部分*/
.box { width: 1000px; height: auto; margin: 0 auto; }
.toplb { width: 1000px; height: 440px; overflow: hidden; margin: 0 auto; padding-top: 18px }
.leftlb h4 { width: 85px; height: 25px; background-color: #000; text-align: center; color: #FFF; margin-left: 15px; line-height: 25px }
.leftlb .h4 { width: 320px; height: 25px; border-bottom: 1px solid #000; margin-bottom: 8px }
.leftlb .pic img { float: left; height: 90px; overflow: hidden; width: 135px; padding-top: 5px; }
.leftlb .pic ul { float: right; width: 170px;}
.leftlb .pic ul  li{overflow:hidden; height:26px; }
.leftlb .pic { width: 100%; height: auto; overflow: hidden; padding: 3px 0px; border-bottom: 2px dotted#ededed; }
.leftlb .f14 a { color: #F00; line-height:25px; }
.leftlb .pic ul li a { height: 25px; line-height: 25px; font-size: 13px; }
.leftlb .moreinfo1 ul li a { padding-left: 10px; font-size: 12px; }
.leftlb .moreinfo1 ul { overflow: hidden; width: 100% }
.leftlb .moreinfo1 { float: left; margin: 0 0px; padding-top: 0px; width: 320px; border-bottom: 2px dotted#ededed }
.leftlb .moreinfo1 ul li { height: 27px; line-height: 27px; }
.leftlb .moreinfo1 span { background: url(../images/s_54.png) no-repeat scroll left center transparent; }
.leftlb .moreinfo1 i{ font-style:normal; padding-left:10px;}
.leftlb { width: 320px; height: auto; overflow: hidden }
.fpic { width: 660px; float: left; height: 390px; position: relative }
.bigPic { height: 440px }
.bigPic a img {height: 440px; width: 660px; overflow: hidden; border: 1px solid#f6f6f6 }
.bigPic .text span { float: right; color: #ccc; background: url(../images/i_hd.gif) no-repeat 0 6px; padding-left: 17px }
.fpic .text { width: 660px; height: 50px; background: #ffffff; position: absolute; bottom: -50px; filter: alpha(opacity=60); opacity: 0.3; padding-left:11px; }
.fpic .tword { position: absolute; padding-left:10px; bottom: -30px; left: 0px; width: 660px; height: 20px; padding-top: 0px }
.fpic a{ font-size: 24px; text-align: left; text-indent: 24px; font-weight: bold; line-height: 28px; font-family: Microsoft YaHei; margin-top: 28px;color: #2b2b2b; font-size: 20px; }
.fpic p { text-align: left; text-indent: 24px; line-height: 23px; padding-top: 5px; font-size: 14px }
.fpic p a { font-size: 14px; font-family: Microsoft YaHei; color: #2b2b2b; }
.dotList { position: absolute; right: 24px; top: 410px; height: 30px; z-index: 999 }
.dotList li { float: left; width: 11px; height: 11px; margin: 0 0 0 10px; display: block; cursor: pointer; background: url(../images/s_65.png) no-repeat; overflow: hidden; }
.dotList li.current { background: url(../images/s_66.png) no-repeat; }
#prevSlide, #nextSlide { width: 39px; height: 46px; position: absolute; top: 150px; left: 20px; z-index: 10; cursor: pointer; width: 20px; height: 33px; }
.imgHover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7 }
#prevSlide { background: url(../images/btnLeft.v4.png) no-repeat; }
#nextSlide { left: 612px; background: url(../images/btnRight.v4.png) no-repeat; }
/*瑜伽推荐部分*/
.tuijian { width: 1000px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 10px }
.tuijian .topside { width: 100%; height: 40px; }
.tuijian .topside span { color: #e60044; font-size: 25px; font-weight: bold; display:block; width:120px }
.tuijian .topside .a1 { width: 100px; height: 40px; float: left }
.tuijian .leftsider { width: 660px; }
.tuijian .leftsider .r a { color: #333 }
.tuijian .leftsider dl .r .p1 { color: #999 }
.tuijian .leftsider .bq { width: 100%; height: 30px; }
.tuijian .leftsider .bq .on { width: 50px; background-color: #000; }
.tuijian .leftsider .bq .on a { color: #FFF }
.tuijian .leftsider .bq span { background-color: #f0f0f0;height: 28px; float: left; margin: 0 5px 0 0; text-align: center; line-height: 28px; display:inline-block; padding:0px 10px; }
.tuijian .leftsider .bq span:hover{ background-color:#e60044}
.tuijian .leftsider .bq span a { color: #666; }
.tuijian .leftsider .bq span a:hover{ color:#FFF}
.tuijian .leftsider img { width: 135px; height: 90px; overflow: hidden; float: left }
.tuijian .leftsider .r { width: 510px; }
.tuijian dl,.tishi dl { height: auto; padding: 20px 0px; clear: both; overflow:hidden}
.tuijian .leftsider dl{ border-bottom: 1px solid#e9e9e9 }
.tuijian .leftsider dl p { padding-top: 10px; font-size: 13px; line-height: 25px }
.rightsider { width: 295px }
.rightsider .rtnews { backgrd: url(../images/tjbj.jpg) no-repeat 10px 3px; width: 100%; height: 32px; }
.rightsider .rtnews .more, .rumen .rtnews .more, .jianfei .rtnews .more, .rtnews .more, .changshi .rtnews .more, .zl .rtnews .more, .zt .rtnews .more, .tec .rtnews .more, .nw .rtnews .more, .bbs .rtnews .more { background: url(../images/more.jpg) no-repeat 1px 5px; margin: 5px; padding-left: 10px; color: #999 }
.rightsider .rtnews span { color: #e60044; ; font-weight: bold }
.rumen .moreinfo ul li a { padding-left: 10px; color: #666; font-size: 13px }
.rumen .moreinfo ul { overflow: hidden; width: 100% }
.rumen .moreinfo { float: left; margin: 0 5px; padding-top: 0px; width: 282px }
.rumen .moreinfo ul li { background: url(../images/rmbj.jpg) no-repeat 0px 10px; height: 30px; line-height: 30px; border-bottom: 1px dashed#ebebeb }
.rightsider .moreinfo ul li a, .changshi .moreinfo ul li a, .tetop .moreinfo ul li a { padding-left: 10px; color: #666; font-size: 13px }
.rightsider .rtnews .more:hover, .rumen .rtnews .more:hover, .jianfei .rtnews .more:hover, .rtnews .more:hover, .changshi .rtnews .more:hover, .zl .rtnews .more:hover, .zt .rtnews .more:hover, .tec .rtnews .more:hover, .nw .rtnews .more:hover, .bbs .rtnews .more:hover, .tech2 dd a:hover, .rightsider .moreinfo ul li a:hover, .changshi .moreinfo ul li a:hover, .tetop .moreinfo ul li a:hover, .rumen .moreinfo ul li a:hover, .jianfei .topar1 strong:hover, .jianfei .topar2 strong:hover, .ziliao .moreinfo ul li a:hover { color: #e60044 }
.changshi .moreinfo ul, .tetop .moreinfo ul { overflow: hidden; width: 100% }
.rightsider .moreinfo ul{ overflow: hidden;padding-left:10px;}
.rightsider .moreinfo, .changshi .moreinfo, .tetop .moreinfo { float: left; margin: 5px 5px; padding-top: 0px;  }
.changshi .moreinfo, .tetop .moreinfo{width: 310px}
.rightsider .moreinfo{ width:295px}
.rightsider .moreinfo ul li, .changshi .moreinfo ul li, .tetop .moreinfo ul li { background: url(../images/more.jpg) no-repeat 0px 10px; height: 28px; line-height: 28px; border-bottom: 1px dotted #ededed; }
 .tetop .moreinfo ul li {height: 32px; line-height: 32px;}
.ziliao .moreinfo ul li a { padding-left: 10px; color: #666; font-size: 13px }
.ziliao .moreinfo ul { overflow: hidden; width: 100% }
.ziliao .moreinfo { float: left; margin: 0 5px; padding-top: 13px; width: 230px }
.ziliao .moreinfo ul li { background: url(../images/more.jpg) no-repeat 0px 10px; height: 28px; line-height: 28px; border-bottom: 1px dotted #ededed; }
.fimg { width: 292px; border: solid 1px #dfdfdf; float: left; overflow: hidden; position: relative; }
.fimg { width: 292px; border: solid 1px #dfdfdf; float: left; overflow: hidden; position: relative }
.fimg .fimginfo { width: 295px; height: 69px; position: absolute; left: 0px; top: 140px; background: #000; filter: alpha(opacity=70); opacity: 0.7; }
.fimg .info { width: 295px; height: 69px; position: absolute; left: 0px; top: 140px; z-index: 1 }
.fimg .info p.h { width: 270px; font-size: 16px; font-family: "微软雅黑"; line-height: 26px; height: 26px; color: #ffffff; text-align: center; padding-top: 10px; float: left; overflow: hidden }
.fimg .info p.h a { color: #000000 }
.fimg .info p { width: 270px; font-size: 12px; line-height: 26px; height: 26px; color: #b6b7bb; text-align: center; float: left; overflow: hidden; padding-left: 15px }
.fimg img { width: 295px; height: 206px; overflow: hidden }
/*瑜伽教程部分css*/
.jc, .ziliao, .zt, .jinjie, .boxpic { margin: 0 auto; width: 1000px; height: auto; overflow: hidden; padding-top: 10px }
.jc .title, .ziliao .title, .zt .title, .jinjie .title, .boxpic .title { border-bottom: 2px solid #e60044; height: 39px; margin: 0; }
.jc .title .pd, .ziliao .title .pd, .zt .title .pd, .jinjie .title .pd { width: 150px; height: 30px; line-height: 30px; }
.zt .title .pd a, .jc .title .pd, .ziliao .title .pd, .zt .title .pd, .jinjie .title .pd { font-size: 25px; font-weight: bold; font-family: "方正风雅宋简体"; color: #000 }
.jc .title .ppfl, .ziliao .title .ppfl, .zt .title .ppfl, .jinjie .title .ppfl { width: 500px; height: 30px; }
.ppfl ul { list-style: outside none none; margin: 0; padding-left: 8px; }
.ppfl li { color: #595959; cursor: pointer; float: left; font-size: 12px; line-height: 30px; text-align: center; width: 70px; margin-left: 5px; background-color: #f6f6f6; border: 1px solid#ededed }
.ppfl li:hover { color: #fff; background-color: #e60044; }
.jianfei .rtnews, .rumen .rtnews, .changshi .rtnews, .rtnews, .ziliao .rtnews, .jinjie .rtnews, .tec .rtnews { height: 32px; overflow: hidden; border-bottom: 1px solid#ededed; margin-bottom: 15px; padding-top: 5px }
.rumen .rtnews { width: 290px; }
.jianfei .rtnews { width: 380px }
.zl .rtnews { width: 240px; height: 32px; overflow: hidden }
.zl img { width: 235px; height: 157px; overflow: hidden }
.tec .rtnews { width: 330px; height: 32px; overflow: hidden }
.jccontent .rtnews h2 { color: #e60044; }
.jccontent .rumen { width: 290px; height: auto; overflow: hidden }
.jccontent .jfcs { width: 380px; float: left; height: auto; padding-left: 20px }
.jianfei, .changshi { width: 370px; }
.jianfei .l img, .changshi .l img { width: 135px; height: 85px; overflow: hidden }
.jianfei .rtnews .more, .changshi .rtnews .more, .tec .rtnews .more { float: right }
.jianfei .cn, .changshi .cn, .tec .cn { width: 220px; display: block }
.tishi .cn { width: 150px }
.tec .cn { width: 200px }
.bbs .cn { width: 160px; padding: 5px; }
.bbs .bscn { width: 185px; background: url(../images/bsbj.jpg) no-repeat; height: 80px; overflow: hidden }
.bbs .bscn h3 { color: #e60044 }
.tishi .l img, .tec .l img { width: 110px; height: 74px; overflow: hidden }
.jianfei .cn p, .changshi .cn p, .tishi .cn p, .tec .cn p { line-height: 25px; font-size: 13px }
.jianfei .cn h3, .changshi .cn h3, .tishi .cn h3, .tec .cn h3 { color: #e60044; ; }
.changshi .cn .xq, .tishi .cn .xq, .tec .cn .xq { color: #e60044;}
.jianfei .topar, .changshi .topar, .tishi .topar, .tec .topar { width: 100%; height: auto; overflow: hidden; margin-bottom: 15px }
.jianfei .topar{ margin-bottom:10px;}
.jianfei .topar1 strong, .jianfei .topar2 strong { font-size: 16px; color: #333 }
.jianfei .topar1 { margin-bottom: 10px; border-bottom: 1px dotted #CCC }
.changshi { margin-top: 0px }
.tishi { width:310px; float: right; overflow: hidden; margin-left: 30px }
.tishi .topar { padding-top: 20px; width: 100%; height: auto; }
.jianfei .topar1 p { font-size: 12px; padding-top: 10px; line-height: 20px }
.kong { height: auto; overflow: hidden; float: right; width: 280px }
.label { background: #e9e9e9; height: 31px; background: url(../images/st_04.png) left top repeat-x; width: 300px }
.label ul li { width: 72px; float: left; cursor: pointer; height: 31px; line-height: 26px; text-align: center; padding-left: 3px; }
.label ul li.current { background: url(../images/st_05.png) left top no-repeat; height: 31px; }
.label ul li a { color: #666666; font-family: Microsoft YaHei; font-size: 12px; font-weight: bold; }
.hotList { padding: 5px 10px 0 0px }
.hotList li { line-height: 30px; height: 30px; overflow: hidden; }
.w300 .hotList li a { color: #777777 }
.p_r_01 img { width: 316px; height: 210px; overflow: hidden }
.p_r_02 img { width: 155px; height: 103px; overflow: hidden }
.tech2 img { width: 150px; height: 100px; overflow: hidden }
.hotList dl dt.dt02 span { background: url(../images/s_54.png) no-repeat scroll left center transparent; color: #666666; display: block; float: left; font-family: Arial; height: 29px; line-height: 29px; margin-right: 21px; text-align: center; width: 18px; }
.hotList dl dt.dt02 { height: 30px; line-height: 29px; }
.hotList dl dt.dt02 a { color: #666; font-size: 13px }
.hotList dl dd { padding-left: 30px; }
.hotList dl dd p { line-height: 24px; }
.hotList img { width: 180px; height: 120px; overflow: hidden }
.hotList dl dt.current span { background: url(../images/s_55.png) no-repeat scroll left center transparent; color: #ffffff; display: block; float: left; font-family: Helvetica; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 18px; }
.hotList dl dt.current a { color: #ec145b; display: block; height: 30px; line-height: 30px; text-decoration: none }
/*瑜伽资料部分*/
.zl { width: 250px; }
/*瑜伽专题部分*/
.zt, .jinjie { width: 1000px; height: auto; overflow: hidden; margin: 0 auto }
#container { width: 1000px; margin: auto; padding-top: 20px; padding-bottom: 20px; }
/*瑜伽进阶部分*/
.nw .rtnews { width: 320px; height: 32px; overflow: hidden }
.jinjie .nw { width: 320px; height: auto; overflow: hidden }
.jinjie .tec { width: 330px; height: auto; overflow: hidden; padding-left: 15px }
.jinjie .bbs { width: 315px; height: auto; overflow: hidden }
.jinjie .bbs .im img { width: 315px; height: 180px; overflow: hidden }
.p_r_box { float: left; width: 320px; position: relative; margin-right: 2px; margin-bottom: 15px }
.p_r_01 { height: 213px; margin-bottom: 0px; position: relative; width: 320px; }
.p_r_01 .pic a { border: 1px solid #efefef; display: block; height: 210px; padding: 1px; width: 316px; color: #000 }
.wid320 { width: 320px; }
.pwTextbg { background: none repeat scroll 0 0 #fff; bottom: -2px; height: 28px; left: 2px; opacity: 0.7; position: absolute; }
.wid320 { width: 320px; }
.pwText { bottom: 2px; color: #c41f54; height: 26px; left: 2px; line-height: 26px; position: absolute; text-align: center; }
.p_r_02 .pic a { border: 1px solid #efefef; display: block; height: 103px; padding: 1px; width: 155px; color: #000 }
.p_r_02 { float: left; height: 103px; position: relative; width: 155px; }
.p_r_03 { float: left; height: 103px; position: relative; width: 155px; margin-left: 10px }
.p_r_03 .pic a { border: 1px solid #efefef; display: block; height: 103px; padding: 1px; width: 155px; color: #000 }
.wid145 { width: 155px; }
.pwText { bottom: 2px; color: #c41f54; height: 26px; left: 2px; line-height: 26px; position: absolute; text-align: center; overflow: hidden }
.peixun { width: 320px; height: auto; overflow: hidden }
.Q_A { width: 320px; height: 234px; border-top: 1px solid #d7d9da; margin: 15px 0 0; overflow: hidden; background: #f4f4f4; }
.tit_qa { height: 34px; background: url(../images/line.gif) repeat-x left bottom; width: 303px; margin: 10px 0 0 6px; overflow: hidden; }
.tit_qa dt { padding: 0 0 0 10px; }
.tit_qa li { width: 73px; height: 26px; background: #3a3a3a; color: #d8d8d8; text-align: center; padding: 7px 0 0; float: left; margin: 0 1px 0 0; font-size: 14px; overflow: hidden; }
.tit_qa li.on { border-top: 2px solid #aaa; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #fff; color: #000; height: 27px; padding: 5px 0 0; }
.tit_qa li a:link, .tit_qa li a:visited { color: #d8d8d8; }
.tit_qa li a:hover { color: #f60; text-decoration: none; }
.tit_qa li.on a:link, .tit_qa li.on a:visited { color: #000; }
.tit_qa li.on a:hover { color: #f60; }
.tit_qa dd { padding: 8px 0 0; }
.tits dd { float: right; }
.qaCon { width: 293px; height: 169px; margin: 0 0 0 6px; overflow: hidden; background: #fff; padding: 15px 0 0 10px; }
.qa, .experience { width: 283px; height: 169px; overflow: hidden; display: none; position: absolute; z-index: 0; background: #fff; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.qa dl { width: 113px; height: 169px; overflow: hidden; float: left; }
.qa dt { width: 100px; height: 130px; overflow: hidden; }
.qa dd { width: 100px; text-align: center; color: #fff; background: #555; padding: 3px 0 0; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 1px 0 0; }
.qa dd { background: none repeat scroll 0 0 #555; color: #fff; height: 20px; margin: 1px 0 0; overflow: hidden; padding: 3px 0 0; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.qa dd a:link, .qa dd a:visited { color: #fff; }
.qa dd a:hover { color: #f60; }
.qa div, .experience div { width: 170px; overflow: hidden; float: left; height: 137px; background: url(../images/otherbg3.gif) no-repeat -355px -727px; }
.qa p { padding: 2px 0 0 34px; height: 58px; border-bottom: 1px solid #e7e7e7; margin: 0 0 16px; color: #9c9c9c; line-height: 20px; }
.experience div { background: #fff; }
.experience li { width: 173px; padding: 4px 0 0; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.qaCon .on { display: block; z-index: 2; }
.qaCon .old { display: none; z-index: 1; }
.imgOpacity a:link img, .imgOpacity a:visited img { opacity: 1; transition: opacity 0.2s ease-in-out 0s; }
.imgOpacity a:hover img { opacity: 0.75; }
/*瑜伽教学部分*/
.tetop { width: 350px; height: auto; overflow: hidden; margin-left: 10px }
.tech2 { width: 330px; height: auto; overflow: hidden; padding-left: 15px }
.tech2 dl { width: 160px; float: left; height: auto }
.tech2 dt { width: 150px; overflow: hidden; height: 90px }
.tech2 dd { background-color: #fff; bottom: 0; color: #333; opacity: 0.7; overflow: hidden; position: relative; text-align: center; top: -18px; width: 150px; }
.tech2 dd a { color: #000; }
.bbs { width: 300px; height: auto; overflow: hidden }
.bbs .topar { width: 100%; height: 80px; margin-bottom: 15px; padding-top: 6px }
.bbs .topar .l img { width: 115px; height: 75px; overflow: hidden }

/*瑜伽图库部分*/
.boxpic span { font-size: 25px; font-weight: bold; }
.boxpic .title .pd { width: 120px; height: 30px; line-height: 30px; }
.m_p11 { padding: 10px 11px 0 15px; width: 960px; padding-top: 15px; height: auto; overflow: hidden; margin-top: 15px }
.pic_l { width: 315px; margin-right: 4px; height: 450px; float: left; overflow: hidden; }
.pic_c { width: 374px; height: 450px; float: left; overflow: hidden; }
.pic_c img { display: block; width: 100%; }
.pic_c span { display: inline-block; float: left; margin-right: 4px; margin-bottom: 5px; }
.pc1 { width: 205px; height: 310px; }
.pc2 { width: 160px; height: 310px; }
.pc3 { width: 175px; height: 135px; }
.pic_r { float: right; height: 450px; overflow: hidden; }
/*瑜伽友情链接部分*/
.tab { margin-top: 20px }
.hidden{display:none;}
.sd01{display:block;float:left;cursor:pointer;background-image: url(../images/010.png);color: #fff;}
.sd02{color:#000; }
.sd01, .sd02, .sd03{font-weight: bold; width: 132px; height: 32px;text-align:center; float:left; font:14px/32px "microsoft yahei";}
.xixi{ width:1000px; border-bottom:2px solid #e60044;clear:both;overflow:hidden;}
.tab ul{width: 980px; overflow: hidden; padding:10px 10px;}
.tab ul li{width: auto; padding:0px 5px;line-height: 25px; float: left;}
/*瑜伽logo\weixin.css*/
/*footer部分*/
/*Example for a Menu Style*/
.menu { background-color: #f6f6f6; height: 32px; width: 300px; border: 1px solid#ebebeb }
.menu ul { margin: 0px; padding: 0px; list-style: none; text-align: left; border: 1px solid#ebebeb }
.menu li { float: left; width: 72px; line-height: 30px; height: 30px; text-align: center }
.menu li a { color: #000; text-decoration: none; }
.menu li a.tabactive { color: #000000; background-image: url(../images/st_05.png); font-weight: bold; float: left; width: 72px }
.Q_A li a.tabactive { color: #000000; background-color: #fff; font-weight: bold; float: left; width: 72px }
.menu li a.tabactive { color: #000000; background-image: url(../images/st_05.png); font-weight: bold; float: left; width: 72px }
#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4, #anothercontent1, #anothercontent2, #anothercontent3, #anothercontent4, #anothercontent5, #anothercontent6 { width: 298px; text-align: center; padding: 6px 0px; font-size: 12px; margin-bottom: 5px; }

#TabTab03Con01 { width: 315px; height: 200px; border: 2px solid #ebebeb; }
#TabTab03Con02 { width: 320px; border-top: 2px solid #ebebeb; }
#TabTab03Con01 ul, #TabTab03Con02 ul { width: 320px; height: auto; overflow: hidden }
#TabTab03Con01 ul li, #TabTab03Con02 ul li, #TabTab03Con3 ul li { height: 30px; line-height: 30px; float: left }
.xixi01 { width: 320px; height: 40px; line-height: 40px; background-image: url(../images/qa01.jpg); cursor: pointer; }
.xixi02 { width: 320px; height: 40px; line-height: 40px; background-image: url(../images/qa02.jpg); cursor: pointer; }
.tabb01 { width: 90px; height: 40px; line-height: 40px; float: left; text-align: center; cursor: pointer; color: #000 }
.tabb02 { width: 90px; height: 40px; line-height: 40px; float: left; text-align: center; cursor: pointer; color: #fff; }
.tab01 { margin-top: 15px; width: 320px; height: auto; overflow: hidden }
.tab01 .pic img { width: 120px; height: 80px; overflow: hidden; float: left; padding-top: 5px }
.tab01 dl { float: right; width: 190px; height: auto; overflow: hidden }
.tab01 dl dt { height: 25px; line-height: 25px; width: 190px; }
.tab01 .boxqa { margin-bottom: 10px; width: 320px; height: auto; overflow: hidden; border-bottom: 1px solid#ededed; padding-bottom:2px; }



#imageMenu { position: relative; width: 1000px; height: 400px; overflow: hidden; }
#imageMenu ul { list-style: none; margin: 0px; display: block; height: 400px; }
#imageMenu ul li { float: left; }
#imageMenu ul li a { text-indent: 10px; background: #FFFFFF none repeat scroll 0%; border-right: 2px solid #fff; cursor: pointer; display: block; overflow: hidden; width: 120px; height: 400px; }
#imageMenu ul li.landscapes a { background: url(../images/jiaocheng.jpg) repeat scroll 0%; }
#imageMenu ul li.people a { background: url(../images/bairi.jpg) repeat scroll 0%; }
#imageMenu ul li.abstract a { background: url(../images/jingqi.jpg) repeat scroll 0%; }
#imageMenu ul li.nature a { background: url(../images/huilan.jpg) repeat scroll 0%; }
#imageMenu ul li.urban a { background: url(../images/yuzhuxuan.jpg) repeat scroll 0%; }
#imageMenu ul li.miya a { background: url(../images/miya.jpg) repeat scroll 0%; }
#imageMenu ul li.wuyun a { background: url(../images/wuyunsy.jpg) repeat scroll 0%; }
.clear { clear: both; }
/*回到顶部代码*/
.quick-navigation-wrap { width: 1000px; left: 50%; top: 0; position: absolute; margin-left: -498px; z-index: 200; }
.quick-navigation-wrap .quick-navigation { display: none; width: 83px; position: fixed; margin-top: 10px; text-align: center; top: 61%; overflow: hidden; }
*html .quick-navigation-wrap .quick-navigation { position: absolute; margin-top: 0; top: expression(documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight)/2+"px");
}
.quick-navigation-wrap .quick-navigation dl { background: #fff; }
.quick-navigation-wrap .quick-navigation-top { width: 83px; height: 25px; position: fixed }
.quick-navigation-wrap dt { margin: 0 0 0 7px; width: 70px; height: 24px; line-height: 24px; background-color: #666; color: #fff }
.quick-navigation-wrap dd { border-bottom: 1px solid #ccc; width: 68px; margin-left: 8px; height: 35px; line-height: 35px; overflow: hidden; }
.quick-navigation-wrap .gototop { text-align: left; height: 34px; width: 83px; border-bottom: none; margin: 16px 0 0; }
.quick-navigation-wrap .gototop a { display: block; width: 56px; height: 34px; overflow: hidden; text-indent: -9999px; margin: 0 0 0 22px; }
.quick-navigation-wrap .gototop a:hover { text-decoration: none }
.quick-navigation-wrap .quick-navigation { overflow: visible }
.quick-navigation-wrap .qnav-wx { background: url(../images/qnav_wxico.png) no-repeat 7px center; position: relative; overflow: visible; cursor: pointer }
.qnav-wx span { padding-left: 23px }
.qnav-wx .qnav-qr { position: absolute; top: -109px; left: -211px; display: none }
.qnav-wx .qnav-qr img{ width:200px;}