/* CSS Document */
/*亚洲瑜伽联盟index*/
.wp{ width:1100px; margin:0 auto;}
.htop{ position:relative;}
.header{ width:100%; height:98px; background:url(../images/icon/headerbgpx.png) repeat; position:absolute; left:0; top:0; z-index:3;}
.logoarea{ height:98px;}
.logo{ width:276px; float:left; display:inline-block; padding-top:13px;}
.logo img{ height:72px;}
.nav_tel{ width:820px; float:right;}
.tel{ text-align:right; line-height:24px; margin-top:16px;}
.tel span{ color:#fffed1; display:inline-block; padding-left:18px; background:url(../images/icon/tel.png) left center no-repeat; font-size:16px;}

.navul{ text-align:right; font-size:0;}
.navul li{ display:inline-block; position:relative; margin-left:16px;}
.navul li a{ font-size:16px; line-height:50px; height:58px; color:#fff; padding:0 4px; text-align:center; display:inline-block;}
.navul li a:hover{ color:#99c750;}
.act_nav{  color:#99c750 !important; font-weight:bold;}

.banner{ position:relative;margin:0 auto; height:774px; z-index:2; }
.banner .bd{ position:relative; z-index:0;}
.banner .bd li a{ display:block; height:774px;}
.banner .hd{position:relative; z-index:1; margin-top:-30px; height:6px; line-height:6px;  text-align:center;}
.banner .hd ul{ text-align:center;  padding-top:0px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:0 8px; background:url(../images/icon/ban_chan.png) 0 0 no-repeat;  overflow:hidden; font-size:0;}
.banner .hd ul .on{ background-position:0 -100px;}
.banner .prev,.banner .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(images/arrow.png) 0 0px no-repeat; filter:alpha(opacity=40);opacity:0.4; display:none;}
.banner .next{  background-position:right 0; float:right; margin-right:3%  }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.h_train{ padding:50px 0 80px; background:url(../images/hbg0.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.h_tit{ text-align:center;font-size: 24px;}
.h_tit .mc{}
.h_tit .line{ display:block; text-align:center; margin:12px 0 10px;}
.h_tit  p{ font-size:16px; color:#666666;}
.htarea{ overflow:hidden; margin-top:40px;}
.htul{ margin-right:-132px;}
.htul li{ width:280px; float:left; margin-right:130px;}
.htul li a{ display:block; position:relative;}
.htul li a img{ width:264px; display:block; height:264px; border:8px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.htul li a .mc{ -webkit-border-radius:0 0 132px 132px; -moz-border-radius:0 0 132px 132px; -ms-border-radius:0 0 132px 132px; -o-border-radius:0 0 132px 132px; border-radius:0 0 132px 132px; background:url(../images/icon/shadow.png) center center no-repeat; text-align:center; position:absolute; bottom:8px; left:0; width:100%; font-size:16px; color:#fff; height:52px; line-height:52px;}

.h_file{ padding:50px 0 40px; background:url(../images/hbg1.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.hfbox{ width:490px; padding:0 30px; color:#fff;}
.hfbox .nr{ line-height:2; padding:20px 0; height:280px; overflow:hidden;}
.morea{ display:inline-block; padding:0 34px; color:#fff !important; line-height:34px; border:1px solid #c4c4c4;}
.morea:hover{ color:#fff; background-color:#99c750; border-color:#99c750;}

.h_tutor{ padding:50px 0 60px;}
.hslideul{}
.hslideul li{ width:234px; float:left; margin:0 34px 0 0;}
.hslideul li a{ display:block; font-size:0; position:relative; overflow:hidden;}
.hslideul li a .tp{ display:block;}
.hslideul li a .tp img{ width:234px; height:254px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hslideul li a .des{ position:absolute; left:0; bottom:0; padding:12px 14px; width:206px; background:url(../images/icon/black5.png) repeat;  color:#fff; display:none;}
.hslideul li a .des h4{ font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px;}
.hslideul li a .des p{ font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hslideul li a:hover .tp img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

.h_tutorslide_left{  position:relative; margin-top:36px;}
.h_tutorslide_left .hd{ height:0;}
.h_tutorslide_left .hd .prev,.h_tutorslide_left .hd .next{ display:block;  width:23px; height:44px;  overflow:hidden;	 cursor:pointer; position:absolute; top:50%; margin-top:-22px; background-image:url(../images/icon/chan01.png); background-repeat:no-repeat;}
.h_tutorslide_left .hd .prev{ background-position:0 0px; left:-30px; }
.h_tutorslide_left .hd .next{ background-position:0 -100px; right:-30px;}
.h_tutorslide_left .hd .prev:hover,.h_tutorslide_left .hd .next:hover{ background-image:url(../images/icon/chan01h.png);}
.h_tutorslide_left .hd .prevStop{ background-position:-60px 0; }
.h_tutorslide_left .hd .nextStop{ background-position:-60px -50px; }
.h_tutorslide_left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display:none; }
.h_tutorslide_left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.h_tutorslide_left .hd ul li.on{ background-position:0 0; }
.h_tutorslide_left .bd{ margin:0 0px 0 34px; overflow:hidden; width:1040px;}
.h_tutorslide_left .bd ul{ overflow:hidden; zoom:1; }
.morea2{display:inline-block; padding:0 34px; color:#fff !important; line-height:34px; background-color:#99c750;}
.morea2:hover{ background-color:#7ac405;}
.h_tutor .morediv{ margin-top:40px;}

.h_dis{padding:50px 0 70px; background:url(../images/hbg2.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.hdarea{ margin-top:26px;}
.hdul{ width:760px; margin-bottom:24px; margin-right:30px;}
.hdul li{ width:334px; float:left; margin:34px 0 0 44px;}
.hdul li a{ display:block; font-size:0; display:block;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hdul li a img{ width:334px; height:224px;}
.hdul li a:hover{ -webkit-box-shadow:2px 2px 4px 0px #999; -moz-box-shadow:2px 2px 4px 0px #999; -ms-box-shadow:2px 2px 4px 0px #999; -o-box-shadow:2px 2px 4px 0px #999;  box-shadow:2px 2px 4px 0px #999;}
.hdarea .morediv{ margin-right:30px;}
.footer{ padding:20px 0; background-color:#fbfbfb; border-top:1px solid #c9c9c9;}
.fadd{ width:800px; float:left; padding-top:14px; margin-left:30px;}
.flink{ color:#333;}
.flink a{  color:#666;}
.flink i{ margin:0 12px;}
.flink a:Hover{ color:#333;}
.copy{ margin-top:6px; color:#666; line-height:2.2;}
.copy a{ color:#666;}
.copy a:hover{ color:#333;}
.fcode{ width:200px; float:right; margin-right:30px;}
.fcode li{ width:100px; float:right; text-align:center; margin-left:56px;}
.fcode li img{ width:100px; height:100px;}
.fcode li p{ font-size:12px; color:#333; text-align:center; margin-top:0px;}
/*02-瑜伽介绍*/
.i_ban{ height:552px; background-position: center center; background-repeat:no-repeat;}
.i_main{ padding:0px 0 60px;}
.i_tit{ text-align:center; margin-top:26px;}
.i_tit span{ display:inline-block; font-size:26px; color:#333; padding-bottom:0px; border-bottom:2px solid #99c750;}
.yogadel{ padding:32px 0 0;}
.yogadel .tit{ font-size:18px; color:#99c750;}
.yogadel .wz{ line-height:2;}
.yogadel .tp{ display:block; margin:0 auto;}
/*03-联盟介绍*/
.union{ padding-top:40px;}
.unionul{}
.unionul li{}
.unionul li .tp{ width:550px; height:444px;}
.unionul li .des{ width:550px; height:444px;}
.unionul li .desarea{ padding:40px 25px 20px;}
.unionul li .desarea .tit{ font-size:34px; margin-bottom:4px;}
.unionul li .desarea .nr{ font-size:14px; line-height:2;}
/*04-培训*/
.i_l{ width:236px; float:left;}
.lm{ position:relative; margin-bottom:38px;}
.lm_tit{ background:url(../images/icon/lvpx.png) repeat; width:100%; position:absolute; left:0; top:-58px; }
.lm_tit h4{ font-size:24px; height:58px; line-height:58px; color:#fff; text-align:center;}
.lm ul{ background-color:#eff7e2; padding:36px 24px 8px;}
.lm ul li{ margin-bottom:28px;}
.lm ul li a{ border:1px solid #99cc66; text-align:center; font-size:16px; display:block; height:42px; line-height:42px; color:#333;}
.lm ul li a:hover{ color:#666600; background-color:#fff; }
.act_lm{color:#666600 !important; background-color:#fff !important;}

.sidetel{ padding:24px 10px 24px 20px; background-color:#8dac73;}
.sidetel h4{ font-size:24px; color:#fff; padding-left:30px; background:url(../images/icon/tel2.png) left center no-repeat;}
.sidetel p{ font-size:36px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif; letter-spacing:-2px;}

.i_r{ width:822px; float:right;}
.train{margin-top:44px;}
.trainul li{ padding-bottom:22px; margin-bottom:16px; border-bottom:1px dotted #ccc; padding-left:18px; background:url(../images/icon/circle.png) 2px 13px no-repeat;}
.trainul li h4{ font-size:18px; color:#333; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trainul li h4 a{ color:#333;}
.trainul li h4 a:hover{ color:#99c750;}
.trainul li p{ font-size:12px; color:#555; line-height:2.2; max-height:54px; overflow:hidden; position:relative;}
.trainul li p a{ font-size:12px; color:#c00; position:absolute; right:0; bottom:0px; display:inline-block;}
.trainul li p a:hover{ text-decoration:underline;}
/*04-培训-详情*/
.art_del{ padding:44px 0 60px;}
.art_del .pubinfor{ text-align:center; border-bottom:1px solid #ccc; padding:4px 0 18px;}
.art_del .pubinfor h4{ font-size:28px; color:#000; margin-bottom:12px;}
.art_del .pubinfor p{ font-size:12px; color:#666;}
.artnr{ margin-top:44px;}
.artnr .wz{ line-height:2.2; }
.artnr .tp{ display:block; margin:0 auto;}
/*05-瑜伽导师*/
.tutor{ padding:50px 0 0px; overflow:hidden;}
.tutorul{ margin-right:-94px;}
.tutorul li{ width:304px; float:left; margin:0 94px 48px 0;}
.tutorul li a{ display:block; font-size:0; position:relative; overflow:hidden;}
.tutorul li a .tp{ display:block; overflow:hidden;}
.tutorul li a img{ width:304px; height:330px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.tutorul li a .des{  padding:12px 14px; text-align:center;  color:#333; }
.tutorul li a .des h4{ font-size:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px;}
.tutorul li a .des p{ font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tutorul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
/*05-瑜伽导师 - 详情*/
.tutordel{ padding:54px 0 20px;}
.tutordel .wz{ line-height:2.2; text-indent:2em;}
.tutordel .tp{ display:block; margin:0 auto 20px;}
/*09-联系我们*/
.contact{ padding:40px 0 30px;}
.contact{ overflow:hidden;}
.contact .des{ padding-top:12px;}
.contact .des .tit{ font-size:26px; color:#8dac73; margin-bottom:10px;}
.contact .des .wz{ font-size:16px; color:#333333; line-height:2.2;}
.contact .des .wz .orange{}
.map{ margin-top:46px; border:1px solid #ddd;}
/*06-学员风采*/
.dis{ padding:50px 0 0px; overflow:hidden;}
.disul{ margin-right:-94px;}
.disul li{ width:334px; float:left; margin:0 48px 64px 0;}
.disul li a{ display:block; font-size:0; position:relative; overflow:hidden;}
.disul li a .tp{ display:block; }
.disul li a img{ width:334px; height:224px;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.disul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

.turnpage{ margin:0 auto; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; padding:4px 10px; font-size:12px;margin:0 5px; color:#333; border:1px solid #ccc; }
.turnpage .prev,.turnpage .next{ padding:4px 18px;}
.turnpage a:hover{ color:#fff; background-color:#8dac73; border-color:#8dac73;}
.current{ color:#fff !important; background-color:#8dac73 !important;border-color:#8dac73 !important;}
/*08-在线留言*/
.messtable{ width:630px; margin:50px auto 0;}
.messtable td{ padding:8px 0; vertical-align:top;}
.messtable .mc{ width:84px; padding-right:18px;}
.messtable .nr{}
.messtable label{ text-align:right; font-size:14px; line-height:48px; color:#999; display:block;}
.messtable label .xing{ color:#f00; margin:0  0 0px 3px;}
.messtable .text{width:498px; height:48px; line-height:48px; border:1px solid #ccc; padding-left:8px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.messtable textarea{width:490px; height:48px; line-height:48px; border:1px solid #ccc; padding:8px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:100px;}
.messtable .tj td{ margin-top:7px; margin-bottom:12px; text-align:center; padding-top:18px;}
.messtable .tj input{ width:100%; text-align:center; background-color:#8dac73;  text-align:center; font-size:18px; color:#fff;  cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:50px;}
.messtable .tj input:hover{ background-color:#99c750;}
.messtable .yzm{}
.messtable .yzm .text{ width:322px !important; float:left;}
.messtable .yzm img{ width:164px; float:right;  height:50px; cursor:pointer;}
.messtable .yzm a{ font-size:12px; color:#333; display:inline-block; line-height:30px; margin-left:4px;}
.messtable .tip{ color:#666; margin-top:28px; text-align:left;}
/*07-证书查询*/
.cert{ margin-top:52px;}
.certform{ width:518px; margin:0px auto 0;}
.certform div{ margin-bottom:24px; overflow:hidden;font-size:14px;}
.certform div .text{ width:500px; height:48px; line-height:48px; border:1px solid #ccc; padding-left:16px; display:block;  font-size:14px; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.certform div .tj{ width:100%; text-align:center; background-color:#8dac73;  text-align:center; font-size:18px; color:#fff;  cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; height:50px;}
.certform div .tj:hover{ background-color:#99c750;}

.result{width:518px; margin:40px auto 30px; font-size:16px; color:#333; line-height:2;}
.result .tit{ font-size:16px; color:#555; margin-bottom:10px;}
.resulttp{ display:block; margin:0 auto;}
/*添加页面-证书查询*/
.certinfor{ width:518px; padding-top:10px; margin:0px auto 0;}
.cit{}
.cit .tp{ width:160px; float:left;}
.cit .tp img{ width:100%;}
.cit .des{ width:320px; float:right; padding-top:0px;}
.cit .des .list{ padding:5px 0;}
.cit .list .mc{ width:80px; font-size:15px; float:left; color:#333;}
.cit .list .nr{ width:230px; float:right; font-size:15px; color:#555;}
.cib{ margin-top:30px;}
.cib .tip1{ font-family:"黑体"; font-size:20px; margin-bottom:20px; text-indent:2em;  line-height:1.8;}
.cib .tip2{ font-size:20px; text-indent:2em; line-height:1.8; font-family:Arial, Helvetica, sans-serif;}

/**　QQ浮动窗口 **/
.QQ{position:fixed; right:0px; top:50%; margin-top:-115px; z-index:999;}
.QQ dd{width:56px; height:56px; margin-bottom:3px; position:relative;}
.QQ dd:hover{width:auto;}
.dw_qq{position:absolute; right:-100%; opacity:0; color:#fff; background:#99c750; z-index:7; padding-left:10px;}
.QQ dd.qq1 .dw_qq{width:200px; height:56px; line-height:56px; font-size:15px;}
.QQ dd.qq2 .dw_qq{width:130px; padding:15px 0 15px 10px}
.QQ dd.qq2 .dw_qq a{display:block; height:26px; line-height:26px; font-size:14px; color:#fff;}
.dw_qq img{vertical-align:middle; position:relative; top:-2px; *top:0px; margin-left:2px;}
.QQ dd:hover .sp{ background-color:#99c750;}
.QQ dd .sp{width:56px; height:56px; background-position:center center; background-repeat:no-repeat; display:inline-block; position:relative; z-index:9;background-color:#999}
.QQ dd.qq1 .sp{background-image:url(../images/icon/side01.png);}
.QQ dd.qq2 .sp{background-image:url(../images/icon/side02.png)}
.QQ dd.qq3 .sp{background-image:url(../images/icon/side03.png)}
.QQ dd.qq4 .sp{background-image:url(../images/icon/side04.png)}
.QQ dd.qq4{ cursor:pointer;}
.QQ dd.qq3{ position:relative;}
.qr{background:#0059a2;opacity:0.8;filter:Alpha(opacity=80); cursor:pointer;}
.qrma{ position:absolute; right:60px; top:-17px; display:none; width:90px; height:90px;}
.qrma img{ width:90px !important; height:90px !important;}


.huang{ color:#fffed1}
.lv{ color:#99c750;}