@charset "utf-8";
/*dwj*/

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.flexslider{min-width:1200px;position:relative;overflow:hidden;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%; display: block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:35px;height:7px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:35px;height:7px;line-height:40px;overflow:hidden;background:rgba(255,255,255,0.4);cursor:pointer;}
.flex-control-nav .flex-active{background:#fff;}
.top_bg{width: 100%; height: 131px; background: url(../images/top_bg.png) no-repeat center top; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.top{width: 1200px; padding-top: 20px; margin: 0 auto;}
.logo{float: left; width: 100px;}
.logo img{float: left; height: 150px;}
.nav{float: right; padding-top: 22px;}
.nav li{float: left; text-align: center; height: 42px; line-height: 42px; padding: 0 2px; font-size: 18px; margin-left: 45px; position: relative;}
.nav a{color: #151515;}
.nav span{width: 0; height: 1px; line-height: 0; display: block; background: #272727; position: absolute; bottom: 0; left: 50%; transition:all 0.3s ease;}
.nav li:hover span{width: 100%; left: 0;}


/*mainbody*/
.mainbody{width: 1200px; margin: 0 auto; overflow: hidden;}
.class{width: 1200px; margin: 31px 0 47px 0; overflow: hidden;}
.class ul{width: 1240px;}
.class li{float: left; width: 373px; height: 191px; font-size: 24px; line-height: 30px; text-transform: uppercase; padding: 49px 30px 0 39px; box-sizing: border-box; word-wrap: break-word; word-break: normal;  margin-right: 40px;}
.class img{float: left; width: 104px; height: 104px; margin-right: 17px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.class li:hover img{transform:scale(1.15);-webkit-transform:scale(1.15);}
.class a{color: #fff;}
.class h4{font-weight: normal; line-height: 50px;}
.class li:nth-child(1){background: #5cccff;}
.class li:nth-child(2){background: #ffcf5c;}
.class li:nth-child(3){background: #4be7d3;}

.hall_bg{border: solid 1px #e5e5e5; padding: 0 28px 44px 28px; margin-bottom: 62px;}
.hall_title{line-height: 66px; color: #515151; font-size: 24px; text-transform: uppercase;}
.hall_title span{color: #d6d5d5; padding-left: 18px;}
.hall_part{width: 1144px; margin: 0 auto;}
.hall_left{float: left; width: 770px; padding-top: 23px;}
.hall_right{float: right; width: 322px; height: 442px; padding-top: 10px; box-sizing: border-box; border-left: solid 1px #dcdcdc;}
.hall_area{width: 100%;}
.hall_pic{float: left; width: 315px; height: 400px; overflow: hidden;}
.hall_pic img{width: 100%;}
.hall_r{float: right; width: 400px;}
.hall_r h4{color: #515151; font-size: 36px; font-weight: normal; margin-bottom: 24px;}
.hall_r h4 span{font-size: 20px;}
.hall_r ul{margin-bottom: 30px;}
.hall_r li{line-height: 48px; background: url(../images/hall_icon.jpg) no-repeat left center; padding-left: 25px; font-size: 20px; color: #515151;}
.hall_more{width: 182px; text-align: center; height: 53px; line-height: 53px; background: #f53f61; font-size: 20px; border-radius: 50px; overflow: hidden; animation: hall_more 3s linear infinite;}
.hall_more a{color: #fff;}
@keyframes hall_more{
	0%,100%{transform:translateX(-20px)}
	25%,75%{transform:translateX(0px)}
	50%{transform:translateX(20px)}	
}
.one {
  position: relative;
}
.one:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  transition: 0.4s all ease;
  background: #fff;
  border: solid 1px #f53f61;
  border-radius: 50px;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  z-index: -1;
}
.one:hover a{
  color: #f53f61;
}
.one:hover:before {
  height: 53px;
  top: 0;
  box-sizing: border-box;
  transition: 0.4s all ease;
}
.hall_list{width: 310px;}
.hall_list li{padding-bottom: 12px; cursor: pointer;}
.hall_list li:last-child{padding: 0;}
.hall_list i{float: left; width: 0; height: 98px; display: block; transition:all 0.3s ease;}
.hall_list .hall_ton i{width: 4px; background: #ff95a9;}
.hall_rr{float: right; width: 290px; height: 98px; background: #e2e2e2; position: relative;}
.hall_pink{width: 0; height: 98px; background: #f53f61; position: absolute; top: 0; left: 0; transition:all 1s ease;}
.hall_list .hall_ton .hall_pink{width: 100%;}
.hall_img{float: left; width: 102px; position: relative; z-index: 2;}
.hall_img img{width: 102px; height: 98px;}
.hall_fon{float: right; width: 182px; text-align: center; line-height: 36px; color: #646464; font-size: 16px; padding-top: 16px; position: relative; z-index: 2;}
.hall_fon h4{line-height: 38px; font-size: 24px; font-weight: normal;}
.hall_list .hall_ton .hall_fon{color: #fff;}

.int_bg{min-width: 1200px; height: 614px; padding-top: 44px; box-sizing: border-box; background: url(../images/int_bg.jpg) no-repeat center top #f8f8f8; overflow: hidden;}
.int_part{width: 1200px; height: 571px; margin: 0 auto;}
.int_left{float: left; width: 585px; padding-left: 28px;}
.int_pic{float: right; width: 510px; height: 571px; overflow: hidden;}
.int_pic img{width: 100%;}
.int_logo{margin-bottom: 24px;}
.int_fon{color: #585858; font-size: 16px; line-height: 30px; height: 240px; overflow: hidden; margin-bottom: 47px;}
.int_more{width: 182px; text-align: center; height: 53px; line-height: 53px; border: solid 1px #f53f61; font-size: 20px; border-radius: 50px; overflow: hidden; animation: int_more 3s linear infinite;}
.int_more a{color: #f53f61;}
@keyframes int_more{
	0%,100%{transform:translateX(-20px)}
	25%,75%{transform:translateX(0px)}
	50%{transform:translateX(20px)}	
}
.two {
  position: relative;
}
.two:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  transition: 0.4s all ease;
  background: #f53f61;
  border-radius: 50px;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  z-index: -1;
}
.two:hover a{
  color: #fff;
}
.two:hover:before {
  height: 53px;
  top: 0;
  box-sizing: border-box;
  transition: 0.4s all ease;
}

.ser_part{width: 1200px; padding: 55px 0 60px 0; margin: 0 auto;}
.ser_tit{padding: 0 28px;}
.ser{width: 100%; margin-top: 26px;}
.ser li{float: left; width: 300px; height: 251px; overflow: hidden; position: relative;}
.ser img{width: 300px; height: 251px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.ser img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.ser_tm{width: 100%; padding-top: 20px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 18px; background: url(../images/ser_tm.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.ser .ser_text{width: 600px; text-align: center; height: 251px; line-height: 251px; background: #f7f7f7; color: #666; font-size: 30px; font-weight: bold;}
.ser .ser_text span{color: #f19dae; font-size: 40px;}
.ser .ser_top{width: 1200px; height: 319px; background: #f19dae;}
.ser_pic{float: left; width: 381px; height: 319px; overflow: hidden; position: relative;}
.ser_pic img{width: 381px; height: 319px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.ser_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.ser_right{float: right; width: 710px; text-align: center; text-transform: uppercase; padding: 33px 53px 0 0; color: #fff;}
.ser_right h1{font-size: 36px; line-height: 84px;}
.ser_right h4{font-size: 18px; font-weight: normal; line-height: 34px; margin-bottom: 17px;}
.ser_fon{height: 48px; line-height: 24px; text-align: left; font-size: 14px; overflow: hidden; margin-bottom: 22px;}
.ser_more{width: 137px; text-align: center; height: 38px; line-height: 38px; border: solid 1px #fff; background: #fff; font-size: 14px; border-radius: 50px; overflow: hidden; margin: 0 auto; animation: ser_more 3s linear infinite;}
.ser_more a{color: #f19dae;}
@keyframes ser_more{
	0%,100%{transform:translateX(-20px)}
	25%,75%{transform:translateX(0px)}
	50%{transform:translateX(20px)}	
}
.three {
  position: relative;
}
.three:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  transition: 0.4s all ease;
  background: #f19dae;
  border-radius: 50px;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  z-index: -1;
}
.three:hover a{
  color: #fff;
}
.three:hover:before {
  height: 38px;
  top: 0;
  box-sizing: border-box;
  transition: 0.4s all ease;
}

.act_bg{min-width: 1200px; background: #fff9fb; padding: 23px 0 72px 0; overflow: hidden;}
.act_top{width: 1200px; margin: 0 auto 18px;}
.act_tit{float: left; padding-left: 28px;}
.act_more{float: right; padding: 22px 20px 0 0; line-height: 34px; font-size: 16px;}
.act_more a{color: #7e7e7e;}
.act_more a:hover{color: #f53f61;}
.act_part{width: 1200px; margin: 0 auto;}
.act_list{float: left; width: 600px;}
.act_list li{height: 48px; line-height: 48px; font-size: 16px; color: #282727;}
.act_list a{display: block; float: left; width: 465px; line-height: 48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #282727;}
.act_pic{float: right; width:546px; height:364px; overflow:hidden; position:relative;}
.act_pic .hd{height:10px; overflow:hidden; position:absolute; right:7px; bottom:18px; z-index:1;}
.act_pic .hd ul{overflow:hidden; zoom:1; float:left;}
.act_pic .hd ul li{float:left; margin-right:15px; width:10px; height:10px; line-height:10px; border-radius: 50%; text-align:center; background:#c9c9c9; cursor:pointer; text-indent: -9999px;}
.act_pic .hd ul li.on{background:#ff0000;}
.act_pic .bd{position:relative; height:100%; z-index:0;}
.act_pic .bd li{zoom:1; vertical-align:middle;}
.act_pic .bd img{width:546px; height:364px; display:block;}

.links_part{width: 1144px; padding: 49px 0; margin: 0 auto;}
.links_title{line-height: 66px; color: #515151; font-size: 24px; text-transform: uppercase; background: url(../images/links_line.jpg) no-repeat left bottom; margin-bottom: 18px;}
.links_title span{color: #d6d5d5; padding-left: 18px;}
.links{color: #a1a1a1; font-size: 14px; line-height: 30px;}
.links a{color: #a1a1a1; padding-right: 20px;}
.links a:hover{color: #000;}


/*footer*/
.foot_bg{min-width: 1200px; background: #f6f6f6;}
.foot_part{width: 1144px; padding: 39px 0 47px 0; margin: 0 auto;}
.foot_left{float: left; width: 320px; padding-right: 36px;}
.f_logo{margin-bottom: 34px;}
.f_logo img{margin-bottom: 34px; height:170px;}
.f_con{color: #212121; font-size: 16px; line-height: 28px;}
.f_con h4{font-size: 30px; line-height: 42px; font-weight: normal; margin-bottom: 12px;}
.code{float: left; width: 182px; margin-top: 0px;}
.code img{width: 182px; height: 182px;}
.foot{float: right; width: 480px; padding-left: 60px; height: 264px; border-left: solid 1px #d2d2d2; margin-top: 20px;}
.foot dl{float: left; width: 120px; padding-left: 40px;}
.foot dt{color: #212121; font-size: 18px; line-height: 54px; margin-bottom: 10px;}
.foot dd{line-height: 30px; font-size: 16px;}
.foot dd a{color: #8d8d8d;}
.foot dd a:hover{color: #000;}
.copyright{width: 1200px; text-align: center; line-height: 32px; padding: 24px 0; border-top: solid 1px #d2d2d2; color: #8d8d8d; font-size: 14px; margin: 0 auto;}


/*关于会馆*/
.main{width: 1200px; min-height: 400px; margin: 0 auto 52px;}
.path{line-height: 30px; padding: 25px 0; font-size: 16px; color: #131313;}
.path a{color: #131313;}
.path span{color: #828282;}
.about_title{line-height: 74px; padding: 0 20px; background: #f7f7f7; color: #515151; font-size: 24px; text-transform: uppercase; margin-bottom: 14px;}
.about_title span{color: #d6d5d5; padding-left: 18px;}
.list{width: 1200px; padding-bottom: 14px;}
.list li{float: left; width: 186px; height: 74px; line-height: 74px; text-align: center; background: #f7f7f7; font-size: 18px; margin-right: 11px;}
.list a{color: #7e7e7e; display: block;}
.list .list_on a{background: #ff7c8c; color: #fff;}
.line{border: solid 1px #e5e5e5; padding: 28px 17px;}
.mar_b01{margin-bottom: 40px;}
.about{width: 1135px; color: #747474; font-size: 16px; line-height: 30px; margin: 0 auto 60px;}
.about h4{color: #1c1c1c; font-size: 24px; font-weight: normal; line-height: 50px; margin-bottom: 22px;}


/*服务案例*/
.case{width: 1142px; margin: 0 auto; overflow: hidden;}
.case ul{width: 1165px;}
.case li{float: left; width: 365px; height:400px;text-align: center; font-size: 16px; margin: 0 23px 10px 0;}
.case h4{color: #131313; font-weight: normal; line-height: 62px;}
.case_pic{width: 365px; height: 306px; overflow: hidden;}
.case_pic img{width: 365px; height: 306px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.case_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.page{width: 100%; text-align: center; padding: 35px 0 30px 0; font-size: 14px; font-family: "宋体"; font-weight: bold;}
.page a{padding: 6px 10px; background: #dcdcdc; color: #2a2b2b; margin: 0 2px;}
.page a:hover{background: #ff7c8c; color: #fff;}
.page .page_on{background: #ff7c8c; color: #fff;}


/*服务项目*/
.xm{width: 1135px; color: #747474; font-size: 16px; line-height: 30px; padding-bottom: 10px; margin: 0 auto;}
.xm_tit{border-bottom: dashed 1px #e5e5e5; line-height: 54px; color: #ff7c8c; font-size: 24px; margin-bottom: 14px;}
.mar_b02{margin-bottom: 22px;}


/*会馆活动*/
.guild{width: 100%;}
.guild li{padding-bottom: 32px; border-bottom: dashed 1px #e5e5e5; margin-bottom: 32px;}
.guild_pic{float: left; width: 342px; height: 221px; padding: 9px; border: solid 1px #e5e5e5;}
.guild_pic img{width: 340px; height: 219px; border: solid 1px #e5e5e5; transition:all 0.8s; -webkit-transition:all 0.8s;}
.guild_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.guild_r{float: right; width: 770px; padding-top: 6px;}
.guild_r h4{color: #252525; font-size: 20px; line-height: 60px; font-weight: normal; border-bottom: dashed 1px #e5e5e5; margin-bottom: 12px;}
.guild_fon{color: #a9a9a9; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 30px;}
.guild_more{width: 122px; text-align: center; height: 38px; line-height: 38px; border: solid 1px #ff7c8c; background: #ff7c8c; font-size: 16px; border-radius: 50px; transition:all .5s linear;}
.guild_more a{color: #fff;}
.guild_more:hover{transform:translateY(-15px)}


/*会馆月嫂*/
.hall{width: 1164px; margin: -10px auto 0 auto; overflow: hidden;}
.hall ul{width: 1180px;}
.hall li{float: left; width: 277px; height: 357px; overflow: hidden; border: solid 1px #e5e5e5; margin: 0 16px 28px 0; position: relative;}
.hall img{width: 277px; height: 357px;}
.hall_tm{width: 277px; text-align: center; height: 357px; padding-top: 140px; line-height: 42px; font-size: 18px; box-sizing: border-box; background: rgba(0,0,0,0.7); position: absolute; top: -400px; left: 0;}
.hall_tm h4{color: #fff; font-size: 30px; line-height: 58px; font-weight: normal; margin-bottom: 37px;}
.hall_tm a{color: #fff;}
.hall_tm img{width: 40px; height: 40px;}


/*联系我们*/
.map{width: 545px;}
.contact{padding: 42px 14px;}