/*服务*/
.content{
	width: 1200px;
	margin: 0 auto;
	margin-top: 100px;
}
.service{
	height: 370px;
	margin-top: 0;
}
.service li{
	width: 370px;
	height: 370px;
	float: left;
	position:relative;
}
.service li.ser2{
	margin: 0 45px;
}
.service li p.img{
	width: 370px;
	height: 278px;
}
.service li h3,.service li h4{
	height: 40px;
	line-height: 40px;
	width: 350px;
	margin: 0 auto;
	color: #999;
}
.service li h3{
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #333;
}
 #line{
  width:0px;
  height:2px;
  border-radius:2px;
  background-color:#ff0000;
  margin:0 auto;
  position:absolute;
  /*top:338px;*/
  left:0px;
  right:0px;
  transition:width 0.5s linear;
}
.service li:hover{
	width: 370px;
	height: 370px;
	background: #fff;
	box-shadow: 2px 2px 10px #888888;
}
.service li:hover #line{
  width:370px;
}


/*热门服饰*/
.title{
	height: 100px;
	margin: 10px 0;
}
.title h2{
	height: 50px;
	text-align: center;
	font-size: 30px;
}
.title h4{
	height: 50px;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.content2{
	width: 1200px;
	margin: 0 auto;
}
.content2 li{
	float: left;
	width: 280px;
	height: 480px;
	margin-right: 18px;
	margin-bottom: 20px;
	position: relative;
}
.content2 li.hotno{
	margin-right: 0;
}
.content2 li p img{
	width: 280px;
	height: 430px;
}
.content2 li h3{
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 250px;
	margin: 0 auto;
	overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
}
.content2 li h4{
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 250px;
}
.more1{
	width: 330px;
	height: 60px;
	margin: 20px auto;
	background: #ff0000;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}
.content2 li:hover #line{
  width:280px;
}

/*晚宴主持礼服*/
.dinner,.foreign,.chorus,.children{
	width: 100%;
	height: 650px;
	padding-top: 30px;
	background: #fffefb;
}
.tang,.dance,.prop{
	width: 100%;
	height: 620px;
}
.more2{
	width: 560px;
	height: 60px;
	margin: 20px auto;
	border-bottom: 1px solid #ff0000;
	color: #ff0000;
	display: block;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
}

/*新闻动态*/
.news{
	width: 1200px;
	margin: 90px auto;
}
.content3{
	width: 1200px;
}
.content3 li{
	width: 600px;
	height: 130px;
	float: left;
	margin: 10px 0;
}
.content3 li h3{
	width: 300px;
	margin-left: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.content3 li h5{
	width: 550px;
	margin-left: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #999;
	overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.content3 li p{
	width: 550px;
	margin-left: 20px;
	color: #999;
}
.content3 li p em{
	margin-left: 70px;
	padding-left: 30px;
	color: #999;
	background: url(icon1.png) no-repeat left center;
}
.content3 li:hover{
	background: #fffafa;
	box-shadow: 2px 2px 10px #888888;
	border-radius: 15px;
}

/*浮动框*/
#cate{
	width: 176px;
	height: auto;
	position: fixed;
	top: 50px;
	left: 10px;
	box-shadow: 2px 2px 10px #888888;
	background: #fff;
    display: none;
    z-index:9999;
}
#cate h2{
	width: 176px;
	height: 83px;
	line-height: 83px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background: url(cate.png) no-repeat top left;
	margin-bottom: 10px;
}
#cate li{
	width: 150px;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 5px;
}
#cate li.active,#cate li:hover{
	background: #ff0000;
}
#cate li.active a,#cate li:hover a{
	color: #fff;
}




/*    服装类别    */
.title2{
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
	border-bottom: 1px solid #dedcdc;
}
.categroy-con{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}
.categroy{
	width: 280px;
	/*height: 1000px;*/
	float: left;
	margin-right: 20px;
}
.categroy h2{
	width: 280px;
	height: 100px;
	font-size: 24px;
	color: #fff;
	background: #ff0000;
	line-height: 100px;
	text-align: center;
}
.categroy ul li{
	width: 280px;
	height: 49px;
	border-bottom: 1px solid #dedcdc;
	background: #eee;
	line-height: 50px;
	text-align: center;
        font-size: 18px;
}
.categroy ul li a{
	font-size: 16px;
}
.categroy ul li a.active,.categroy ul li a:hover{
	color: #ff0000;
}
.categroy-rr{
	float: right;
	width: 900px;
}
.adress{
	width: 900px;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid #dedcdc;
	margin-bottom: 20px;
}
.adress span{
	font-size: 24px;
	float: right;
}
.adress span.adressl{
	float: left;
	font-size: 14px;
	color: #999;
}
.categroy-r{
	width: 900px;
}
.categroy-r li{
	width: 208px;
	height:378px;
	float: left;
	margin: 10px 8px; 
}
.categroy-r li p{
	position: relative;
}
.categroy-r li p.tp1,.categroy-r li p.tp2{
	width: 180px;
	margin: 0 auto;
	height: 25px;
	line-height: 25px;
	text-align: center;
	overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.categroy-r li p.tp2{
	color: #999;
}
.categroy-r li p img{
	width: 208px;
	height: 331px;
}
.categroy-r li p span{
	width: 200px;
	height: 320px;
	display: block;
	border: 1px solid #fff;
	position: absolute;
	left: 3px;
	top: 4px;
}
.pagebo {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 30px 0;
}

.pagebo a {
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #ff0000;
	padding: 8px 18px;
	background: #fff;
	color: #ff0000;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pagebo a.on,.pagebo a:hover {
	border-color: #ff0000;
	color: #fff;
	background: #ff0000;
}

/*    租赁流程    */
.tit{
	width: 900px;
	margin: 0 auto;
}
.tit li{
	width: 300px;
	margin-top: 30px;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
}
.tit li a{
	font-size: 18px;
}
.tit li a.active,.tit li a:hover{
	color: #ff0000;
}
.imgs{
	width: 699px;
	margin: 20px auto;
}
.imgs img{
	width: 699px;
	height: 819px;
}


/*定制流程*/
.customized{
	width: 1200px;
	margin: 0 auto;
}
.customized h2{
	width: 120px;
	height: 40px;
	font-size: 18px;
	text-align: center;
	margin: 20px auto;
	border-bottom: 2px solid #ff0000;
}
.desi1,.desi2{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.desi1 span,.desi2 span{
	float: left;
	width: 600px;
	height: 330px;
	margin: 20px auto;
}
.desi1 span img,.desi2 span img{
	width: 239px;
	height: 330px;
	margin: 0 auto;
}
.desi1 span h3,.desi2 span h3{
	width: 600px;
	height: 30px;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 18px;
	text-align: center;
}
.desi1 span p,.desi2 span p{
	line-height: 30px;
	font-size: 16px;
}
.design{
	width: 1200px;
	height: 267px;
}
.design li{
	float: left;
}
.design li img{
	width: 233px;
	height: 267px;
}
.imgss{
	width: 807px;
	height: 707px;
	margin: 0 auto;
}


/*化妆造型*/
.desi3{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.desi3 span{
	float: left;
	width: 850px;
	height: 260px;
	margin: 20px auto;
	margin-left: 30px;

}
.desi3 span.desii1{
	width: 300px;
	margin-left: 0;
}
.desi3 span img{
	width: 253px;
	height: 254px;
	margin: 0 auto;
}
.desi3 span h3{
	width: 600px;
	height: 30px;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 18px;
	text-align: center;
}
.desi3 span p{
	line-height: 30px;
	font-size: 16px;
}
.design2{
	width: 1200px;
	height: 360px;
}
.design2 li{
	float: left;
	margin: 30px 50px;
}
.design2 li img{
	width: 200px;
	height: 300px;
}
.design3{
	width: 1200px;
	height: 234px;
}
.design3 li{
	float: left;
	margin: 20px 25px 50px;
}
.design3 li img{
	width: 350px;
	height: 304px;
}


/*    合作单位    */
.coop{
	width: 1200px;
	height: 600px;
	margin: 0 auto;
}
.coop li{
	float: left;
	height: 130px;
	margin: 30px 40px;
}
.coop li img{
	margin: 50px 4px;
}
.coop li.coops img{
	margin: 50px 20px;
}


/*    新闻中心    */
.newscon{
	width: 1200px;
	margin: 0 auto;
}
.newscon li{
	width: 1200px;
	height: 250px;
	margin: 20px auto;
}
.new-con{
	width: 800px;
	margin: 25px;
	float: left;
	height: 225px;
}
.newscon li .news-time{
	width: 200px;
	height: 225px;
	float: left;
}
.newscon li .news-time p{
	width: 100px;
	margin: 0 auto;
}
.newscon li .news-time p.line{
	border: 1px solid #666;
}
.newscon li .news-time p.time1{
	font-size: 30px;
	height: 90px;
	line-height: 90px;
	text-align: center;
}
.newscon li .news-time p.time2{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.newscon li .news-deta{
	float: right;
	width: 600px;
	height: 225px;
}
.newscon li .news-deta h3{
	font-size: 18px;
	height: 40px;
	line-height: 40px;
}
.newscon li .news-deta p{
	font-size: 14px;
	height: 60px;
	line-height: 30px;
	color: #666;
}
.newscon li .news-deta a.more3{
	width: 100px;
	height: 50px;
	border: 1px solid #ff0000;
	display: block;
	line-height: 50px;
	text-align: center;
	margin-top: 30px;
	color: #ff0000;
}
.newscon li .news-deta a.more3:hover{
	background: #ff0000;
	color: #fff;
}
.newscon li .newsimg{
	float: left;
	margin-left: 20px;
}
.newscon li:hover{
	background: #f5f5f5;
}
.newscon li:hover .news-time p.line{
	border: 1px solid #ff0000;
}
.newscon li:hover .news-time p.time1{
	color: #ff0000;
}
.newscon li:hover .news-time p.time2{
	color: #ff0000;
}
.newscon li:hover .news-deta h3{
	color: #ff0000;
}
.newscon li:hover .news-deta p{
	color: #ff0000;
}


/*    公司简介    */
.company{
	width: 1200px;
	margin: 50px auto;
}
.company p{
	text-indent: 2em;
	line-height: 30px;
	font-size: 16px;
}

.contact{
	height: 300px;
}



/*    关于我们    */
.contact{
	width: 1200px;
	margin: 50px auto;
}
.contact li{
	width: 300px;
	padding-left: 100px;
	height: 80px;
	margin-top: 65px;
	float: left;
}
.contact li.cont1{
	background: url(tel-c.png) no-repeat 35px 5px;
}
.contact li.cont2{
	background: url(phone-c.png) no-repeat 37px 5px;
}
.contact li.cont3{
	background: url(email-c.png) no-repeat 32px 5px;
}
.contact li.cont4{
	background: url(people-c.png) no-repeat 30px 5px;
}
.contact li.cont5{
	background: url(web-c.png) no-repeat 32px 5px;
}
.contact li.cont6{
	background: url(adress-c.png) no-repeat 32px 5px;
}
.contact li p{
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #666;
}


/*    服装详情页    */
.cate-de{
	width: 900px;
	overflow: hidden;
}
.cate-de span{
	width: 450px;
	float: left;
}
.cate-de span img{
	width: 400px;
	margin:25px;
}
.cate-dels{
	margin-top: 50px;
}
.cate-dels h3,.cate-dels p{
	border-bottom: 1px dashed #dedcdc;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 14px;
	margin: 15px 0;
}
.cate-dels h3{
	font-size: 24px;
}
.cate-dels p.btn{
	border: none;
	background: #ffe5e5;
}
.cate-dels p.btn a{
	width: 170px;
	height: 40px;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	margin-top: 15px;
	background: #ff0000;
}
.bshare-custom{
	margin-top: 80px;
}
.silder-box{
	position:relative;margin:50px auto ;
}
.silder{
	margin:0 auto 0;
}
.silder li{
	width:145px;
	height:145px;
}
.silder li img{
	width:100%;
	height:100%;
}
.silder-button{
	top:50px;
	width:25px;
	height:54px;
	position:absolute;
	cursor:pointer;
}
.silder-button.btl{
	left:10px;
	background:url(bl.png);
}
.silder-button.btr{
	right:10px;
	background:url(br.png);
}

.silder-box-1{
	width:900px;
}
.cate-deta-con{
	width: 900px;
}
.cate-deta-con h2{
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dedcdc;
	width: 850px;
	padding-left: 50px;
	margin-bottom: 20px;
}
.cate-deta-con p img{
	width: 785px;
	margin: 50px auto;
}

/*    新闻详情页    */
.newsdeta-time{
	width: 1000px;
	margin: 10px auto;
	position: relative;
}
.newsdeta-time span{
	color: #666;
	height: 50px;
	padding-left: 70px;
	margin-right: 50px;
	font-size: 16px;
}
.newsdeta-time span.time2{
	background: url(icon2.png) no-repeat 30px center;
}
.newsdeta-time span.news2{
	background: url(icon1.png) no-repeat 30px center;
}
.bshare-custom2{
	position: absolute;
	right: 0;
	top: -80px;
}
.lines{
	width: 1200px;
	height: 1px;
	background: #dedcdc;
	margin-top: 50px;
}
.pages{
	width: 1200px;
	margin: 30px auto;
	height: 50px;
}
.prevs,.nexts{
	width: 45%;
	float: left;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #999;
}