@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#757575;text-decoration:none;}
a:hover {color:#da251c;}
a:active {color:#da251c;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#757575; background: url(bg.gif);}  

.page{ float:left; width:100%; text-align:center; margin:50px 0 0;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; font-family:Arial, Helvetica, sans-serif; margin:0 3px; font-size:14px;}
.page a.hover,.page a:hover{ color:#fff; border:1px solid #da251c; background:#da251c;}

@font-face {
    font-family: 'impact10';
    src:url('../fonts/impact10.ttf') format('truetype');
   }

/*index*/
.head{ float: left; width: 100%; background: #000; padding: 36px 0 15px;}
.logo{ float: left;}
.headright{ float: right; }
.tel{ background: url(tel.gif) no-repeat 0 center; padding: 0 0 0 32px; font-size: 22px; color: #dcdcdc; float: right;}
.menu{ float: right;}
.menu li{ float: left; font-size: 14px; line-height: 43px; margin: 0 0 0 57px; display: inline; }
.menu li a{color: #dcdcdc;}
.menu li.hover a,.menu li a:hover{color:#da251c;}
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:620px; float: left;}
.banner{overflow:hidden;width:100%;height:620px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:620px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:620px; text-indent:-9999px;}
.slidenum{ float: left; display:block; width: 100%; text-align: center; margin: -64px 0 0; position: relative; z-index: 3;}
.slidenum span{display:inline-block; background:#000;width:12px; height:12px; margin:0 8px; cursor:pointer; border-radius: 100%;}
.slidenum span.current{background:#e60012;}
/*banner效果 end*/	
.banbg{ float: left; width: 100%; background: url(bg.png) no-repeat center top; margin-top: -106px; height: 154px; z-index: 2; position: relative;}
.aboutdl{ float: left; width:100%;}
.aboutdl dt{ float: left; width: 618px; margin-left:-60px; position: relative;}
.aboutdl dt img{ display: block; width: 618px; height: 368px; vertical-align: bottom;}
.aboutdl dt a{ position: absolute; left: 0 ; top: 0;width: 618px; height: 368px;}
.aboutdl dd{ float: right; width: 570px; margin: 96px 0 0;}
.title1{ background: url(titlebg.png) no-repeat; height: 47px; font-size: 20px; color: #fff; line-height: 47px; padding: 0 0 0 20px; margin: 0 0 20px; width: 240px;}
.detail1{color: #333; font-size: 14px; line-height: 24px; margin-left: 20px;}
.traindl dt{ float: right; margin: 0 -60px 0 0;}
.detail1 img{ max-width:100%; height:auto}
.traindl dd{ float: left;}
.coursebg{ float: left; width: 100%; background: url(coursebg.png) no-repeat center top; height: 495px; padding: 255px 0 0; margin: 33px 0 0;}
.courseleft{ float: left; width: 350px;}
.detail2{ color: #dcdcdc;font-size: 14px; line-height: 24px; margin-left:20px;}
.courseright{ float: right; width: 660px;}
.coursebox{ float: left; width: 306px; height: 156px; margin: 0 0 0 24px; display: inline;}
.title2{ color: #e60012; font-size: 14px; line-height: 24px; margin: 0 0 5px;}
.detail3{color: #dcdcdc; line-height: 22px;}
.videobox{float: left; width: 100%;}
.videoleft{ float: left; width: 465px; margin: 44px 0 0; }
.detail4{color:#666;font-size: 14px; line-height: 24px; margin: 0 0 26px 20px;}
.more1{ display: block; border: 1px solid #dcdcdc; color: #868686; width: 100px; padding: 0 19px; line-height: 34px; height: 34px; margin-left:20px;}
.videoright{ float: right; width: 715px;}
.videolist{ float: left; width: 768px;}
.videolist li{ float: left; width: 203px; margin: 0 53px 28px 0; position: relative;}
.videolist li img{ display: block; width: 203px; height: 138px;vertical-align: bottom;}
.touming{ position: absolute; left: 0; top: 0;background-color: #000; opacity:0;filter:Alpha(opacity=0); width: 100%; height: 100%;transition: all 0.3s ease 0s;}
.playbtn{ position: absolute; left: 0; top: 0; background: url(playbtn.png) no-repeat 96px 60px;width: 100%; height: 100%; display: none;}
.kuang{ position: absolute; left: 0; top: 0; background: url(kuang3.png) no-repeat; width: 100%; height: 100%; display: block;}
.videolist li.hover .touming{opacity:0.7;filter:Alpha(opacity=70);}
.videolist li.hover .playbtn{ display: block;}
.foot{ float: left; width: 100%; background: #000; padding: 60px 0; margin: 50px 0 0;}
.footleft{float: left; width: 690px;}
.footcontact{ float: left; width: 285px; margin-right: 35px; line-height: 30px; color: #999;}
.footadd{ width: 370px; margin-right: 0;}
.footlink{ margin: 40px 0 0;}
.footlink a{margin-right: 15px; color: #666;}
.footlink a:hover{ color: #fff;}
.map{ float: right; width: 340px;}
.map img{  }
.rfudong{ float: left; width: 47px; height: 230px; background: url(fdbg.png) no-repeat; padding: 30px 0 0;position:fixed; _position: absolute; z-index: 9000; top:50%; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-75)); right: 0; margin-top: -130px;}
.rfudong li{ text-align: center; margin: 0 0 10px; position: relative;}
.fewm{ position: absolute; left: -158px; top: -32px; background: #fff;  padding: 10px; border-radius: 5px; display: none;}
.fewm img{ width:128px; height: 156px; vertical-align: bottom; display: block;}
.fdico{position: absolute; width: 0;height: 0; border-top: 7px solid transparent;border-left: 8px solid #fff; border-bottom: 7px solid transparent; left: -10px; top: 3px; display: none;}
/*index end*/

/*公司介绍*/
.aboutdl1{ margin: 20px 0 40px;}
.aboutdl1 dt{ margin: 0 -20px 0 0;}
.aboutdl1 dd{ width: 578px; margin: 66px 0 0;}
.title3{ background: url(titlebg1.png) no-repeat; width: 355px; height: 50px; line-height: 50px;}
.coachbox{float: left; width: 578px;}
.coachlink{display: block; width: 578px; height: 303px;  position: relative; }
.coachtxt{ position: absolute; left: 0; top: 140px; line-height: 23px; color: #fff; font-size: 14px; display: block; text-align: center; display: none; text-align: center; width: 100%;}
.coachlink:hover .coachtxt{ display: block;}
.coachlink:hover .touming{opacity:0.7;filter:Alpha(opacity=70);}
.newsbox{ float: left; width: 562px; margin-left: 16px;}
.more2{ float: right; color: #e60012; font-size: 14px; line-height: 47px; text-transform: uppercase;}
.newslist{ float: right; width: 542px;}
.newslist li{ float: left; width: 100%; font-size: 14px; line-height: 29px; }
.newslist li a{ display: block;background: url(xx1.png) repeat-x 0 center;}
.datebox{ float: right;}
.newslist li span{background: url(bg.gif);}
.newslist li a:hover{background: url(xx2.png) repeat-x 0 center; color: #e60012;}
.architecture{ float: left; width: 100%; margin: 80px 0 0;}
.jiagou{ text-align: center;}
.jiagou img{ max-width: 100%;}
.trainbox{ float: left; width: 100%; margin: 70px 0 0;}
.trainslidebox{float: left; width: 1112px; border-radius: 10px; border: 1px solid #f09395; padding: 43px 43px 60px; position: relative;}
.trainslide{width: 1112px; height: 446px; position: relative;overflow: hidden;}
.trainslide dt{ float: right; width: 552px; position: relative; }
.trainslide dt img{width: 552px; height: 446px; display: block; vertical-align: bottom;}
.trainslide dt span{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; line-height: 40px; background: url(touming.png); font-size: 14px; display:none;}
.trainslide dt.hover span{ display: block;}
.trainslide dd{ float: left; width:560px;}
.trainslide dd li{ float: left; width: 270px; height: 218px; position: relative; margin: 0 10px 10px 0;}
.trainslide dd li img{ display: block; width: 270px; height: 218px; vertical-align: bottom;}
.trainslide dd li span{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; line-height: 40px; background: url(touming.png); font-size: 14px; display: none;}
.trainslide dd li.hover span{ display: block;}
.slidenum1{ float: left; width: 100%; text-align: center; position: absolute; left: 0; bottom: 25px;}
.slidenum1 span{ display: inline-block; background: url(yuan1.png) no-repeat; width: 12px; height: 12px; margin: 0 10px;}
.slidenum1 span.current{ background: url(yuan2.png) no-repeat;}
.more3{ display: block; margin: 66px auto 0; width:178px; height: 46px; line-height: 46px; border: 1px solid #f2abac; border-radius: 5px; color: #e60012; font-size: 16px; text-align: center;}
/*公司介绍 end*/

/*师资力量*/
.teacherdl{ float: left; width: 100%; margin: 60px 0 0;}
.teacherdl dt{ float: left; width: 361px; position: relative; margin: 72px 0 0;}
.teacherdl dt img{display: block; width: 361px; height: 360px; vertical-align: bottom;}
.teacherdl dt span{ position: absolute; left: 0; top: 0;}
.teacherdl dd{ float: right; width: 802px;}
.detail5{ margin: 0 0 0 20px; color: #333; line-height: 30px; font-size: 14px;}
.title4{background: url(titlebg2.png) no-repeat; height: 37px; padding: 0 0 0 20px; color: #fff; line-height: 37px; font-size: 14px; margin: 0 0 35px;}
.teacherslidebox{ float: left; width: 100%; margin: 45px 0 0; position: relative; }
.teacherslide{ width: 1091px;height: 209px; position: relative; overflow: hidden; margin: 0 0 0 54px;}
.teacherslide li{float: left; width: 159px; margin: 0 74px 0 0; position: relative;}
.teacherslide li img{ display: block; width: 159px; height: 159px; vertical-align: bottom;}
.teachername{ display: block; line-height: 50px; overflow: hidden; height: 50px; font-size: 14px; text-align: center; color: #333;}
.txkuang{position: absolute; left: 0; top: 0; background: url(txkuang2.png) no-repeat; width: 159px; height: 159px; }
.lbtn{ position: absolute; left: 0; bottom:117px; cursor: pointer;}
.rbtn{ position: absolute; right: 0; bottom: 117px; cursor: pointer;}
.honorslidebox{ float: left; width: 100%; position: relative; margin: 60px 0 0;}
.honorslide{ width: 1042px; height: 282px; position: relative; overflow: hidden; margin: 0 0 0 79px;}
.honorslide li{float: left; width: 217px; margin: 0 58px 0 0; position: relative;}
.honorslide li img{ display: block; width: 215px; height: 280px; border: 1px solid #dcdcdc; vertical-align: bottom;}
.lbtn1{ position: absolute; left: 0; bottom:128px; cursor: pointer;}
.rbtn1{ position: absolute; right: 0; bottom: 128px; cursor: pointer;}
/*师资力量 end*/

/*课堂介绍*/
.title5{background: #e60012; width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; color: #fff;text-align: center; border-radius: 5px; margin: 67px 0 0;}
.courselist{ float: left; width: 100%; margin: 28px 0 0; border-top: 1px solid #999;}
.courselist ul{ float: left; width: 1250px;}
.courselist li{float: left; width: 198px; border: 1px solid #dcdcdc; border-radius: 5px; text-align: center; line-height: 48px; margin: 28px 50px 0 0; font-size: 18px; color: #333;}
.courselist li a{ display:block}
.courselist li a.on{ color:#fff; background:#E60012}
.ban1{float: left; width: 100%; margin: 55px 0 0;}
.ban1 img{display: block; width: 100%;vertical-align: bottom;}
.courselist1{ float: left; width: 100%;}
.courselist1 li{ float: left; width: 578px; margin: 60px 22px 0 0;}
.title6{font-size: 18px; overflow: hidden;}
.title7{ font-size: 16px; background: url(line.gif) no-repeat 0 bottom; color: #333; line-height: 50px; height: 50px; overflow: hidden; margin: 0 0 0 20px;}
.detail6{ font-size: 14px; color: #333; line-height: 25px;  height: 50px; overflow: hidden; margin: 20px 0 0 20px;}
/*课堂介绍 end*/

/*咏春拳介绍*/
.yctable{ margin: 60px 0 0;}
.yctable table{ border-collapse:collapse; width: 100%;}
.yctable td{ width: 50%;}
.aboutpic{ float: left; width: 618px; margin-left:-60px; position: relative;}
.aboutpic img{ display: block; width: 618px; height: 368px; vertical-align: bottom;}
.aboutpic span{ position: absolute; left: 0 ; top: 0;width: 618px; height: 368px; background: url(kuang1.png) no-repeat;}
.ycinfo{ float: right;}
.yctable1 .aboutpic{ margin: 0 -60px 0 0;}
.yctable1 .ycinfo{ float: left;}
.biaozhi{ float: left; width: 100%; background: url(biaozhi.png) no-repeat center top; height: 636px; padding: 88px 0 0; margin: 20px 0 0;}
.ycbox{ margin: 60px 0 0;}
/*咏春拳介绍 end*/

/*影像集锦*/
.title8{ background: url(titlebg3.png) no-repeat center top; height: 89px; line-height: 60px; color: #fff; font-size: 20px; text-align: center;margin: 42px 0 10px;}
.detail7{ font-size: 14px; line-height: 30px; color: #666;text-align: center; margin: 0 0 40px; }
.videolist1{ float: left; width: 987px; margin: 0 0 0 136px; display: inline;}
.videolist1 li{ float: left; width: 269px; margin: 0 60px 28px 0; position: relative;}
.videolist1 li img{ display: block; width: 269px; height: 188px;vertical-align: bottom;}
.kuang1{ position: absolute; left: 0; top: 0; background: url(kuang4.png) no-repeat; width: 100%; height: 100%; display: block;}
.touming1{ position: absolute; left: 0; top: 0;background-color: #000; opacity:0;filter:Alpha(opacity=0); width: 100%; height: 188px;transition: all 0.3s ease 0s;}
.playbtn1{ position: absolute; left: 0; top: 0; background: url(playbtn1.png) no-repeat 122px 78px;width: 100%; height: 100%; display: none;}
.videolist1 li.hover .touming1{opacity:0.7;filter:Alpha(opacity=70);}
.videolist1 li.hover .playbtn1{ display: block;}
.title9{ display: block; color: #000; font-size: 14px; text-align: center; line-height: 18px; height: 18px; overflow: hidden;}
.piclist{ width: 1316px; margin: 0 0 0 -38px;}
/*影像集锦 end*/

/*新闻动态*/
.newslink{ text-align: center; margin: 60px 0 0; float: left; width: 100%;}
.newslink a{ margin: 0 45px; display: inline-block; border: 1px solid #dcdcdc; border-radius: 5px; line-height: 33px; text-align: center; font-size: 14px; color: #666; width: 124px;}
.newslink a.on,.newslink a:hover{ background: #e60012; color: #fff; border: 1px solid #e60012;}
.newslist1{ float: left; width: 1240px;}
.newslist1 li{ float: left; width: 268px; border: 1px solid #dcdcdc; height:468px; border-radius: 5px; margin: 50px 40px 0 0; transition: all 0.3s ease 0s;}
.newslist1 li img{ display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; width:268px; height:210px; }
.title10{ line-height: 50px; height: 50px; overflow: hidden; color: #333; font-size: 16px; background: url(line.gif) no-repeat 0 bottom; margin: 0 14px;}
.detail8{ padding: 10px 14px 0; color: #666; font-size: 13px; line-height: 28px; height: 168px; overflow: hidden;}
.newslist1 li.hover{ box-shadow: 0 6px 12px rgba(0,0,0,0.2);}
/*新闻动态 end*/

/*查看更多*/
.newslink1{ float: left; width: 190px; margin: 60px 0 0;}
.newslink1 a{ display: block; width: 188px; height: 43px; line-height: 43px; border: 1px solid #dcdcdc; border-radius: 5px; text-align: center; font-size: 14px; color: #666;margin: 0 0 33px; }
.newslink1 a.on,.newslink1 a:hover{ background: #e60012; color: #fff; border: 1px solid #e60012;}
.newslist2{ float: right; width:930px;}
.newslist2 .newslist1{width: 990px;}
.newslist2 li{ margin: 60px 60px 0 0;}
/*查看更多 end*/

/*联系我们*/
.title11{ font-size: 20px; line-height: 30px; border-bottom: 1px solid #e60012; color: #333; padding: 20px 0; margin: 0 0 34px;}
.contactleft{ float: left; width: 320px; margin-right: 50px;}
.title12{ font-size: 18px; color: #666; line-height: 24px;}
.detail9 { color: #da251c; font-size: 24px; font-family: impact10; margin: 0 0 20px; line-height: 30px;}
.detail10{font-size: 20px; margin-bottom: 32px;}
.contactcon{ font-size: 14px; line-height: 20px; color: #666; margin: 0 0 15px;}
.contactcon b{ display: block; margin-bottom: 5px;}
.contactmid{ float: left; width: 400px;}
.ewm{float: right;}
.ewm img{ display: block; padding: 18px 27px 22px; vertical-align: bottom; background: #fff;}
.ewm span{ display: block; text-align: center; color: #666; line-height: 40px;}
.course_table{ margin: 70px 0 0;}
.course_table table{ width: 100%; border-collapse: collapse;}
.course_table td{ border: 1px solid #999; width: 20%; padding: 16px; line-height: 28px;  font-size: 16px;}
.title13{ font-size: 20px; text-align: center;}
.title14{ font-size: 26px; text-align: center; line-height: 40px;}
.center{ text-align: center; font-size: 16px;}
/*联系我们 end*/

/*查看认证教练详情*/
.teachertable{ float: left; width: 580px; margin: 50px 0 0;}
.teachertable table{ border-collapse: collapse; width: 100%;}
.teachertable th,.teachertable td{ width: 33.33%; font-size: 18px; color: #666; text-align: center; border: 1px solid #dcdcdc; font-weight: normal;padding: 16px 0;}
.teachertable td{ font-size: 16px; }
/*查看认证教练详情 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/