* { -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-size: 0; background-color: #f7f7f7; }
.center1200 { width: 1200px; margin: auto; }
.blockLink { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.banner { height: 396px; padding-top: 24px; background: url(../images/banner.jpg) center no-repeat; }
.banner .location { width: 1200px; margin: auto; }
.banner .location span, .banner .location a { font-size: 14px; color: #fff; font-weight: bold; }
.banner .location i { display: inline-block; width: 8px; height: 5px; margin: 0 10px; position: relative; top: -2px; background: url(../images/whitearrow.png) center no-repeat; }
.banner .location a { -webkit-transition: all .4s; transition: all .4s; }
.banner .location a:hover { color: #333; }
.content { width: 1200px; margin: -60px auto 0; padding-bottom: 28px; }
.content_r { width: 260px; -webkit-box-shadow: 0px 2px 10px 0px rgba(228, 228, 228, 0.68); box-shadow: 0px 2px 10px 0px rgba(228, 228, 228, 0.68); }
.content_r_t { display: block; width: 241px; height: 190px; margin: auto; }
.content_r dt { line-height: 52px; padding: 0 14px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 6px; }
.content_r dt span { color: #3c3c3c; font-size: 16px; font-weight: bold; }
.content_r dt span:before { content: ""; display: inline-block; width: 10px; height: 15px; margin-right: 8px; background: url(../images/icon1.png) center no-repeat; position: relative; top: 2px; }
.content_r dt a { font-size: 12px; color: #707070; -webkit-transition: all .2s; transition: all .2s; }
.content_r dt a:after { content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 4px; background: url(../images/icon2.png) center no-repeat; position: relative; top: 2px; }
.content_r dt a:hover { color: #ff360e; }
.content_r dd { width: 228px; margin-left: 14px; border-bottom: 1px dashed #e5e5e5; }
.content_r dd a { display: inline-block; width: 100%; font-size: 14px; line-height: 40px; color: #747474; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; }
.content_r dd a:hover { color: #ffa576; }
.content_r dd a:hover:before { border-color: #ffa576; }
.content_r dd a:before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #969696; -webkit-transition: all .4s; transition: all .4s; }
.list_l { width: 930px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 10px 0px rgba(228, 228, 228, 0.68); border-radius: 6px;box-shadow: 0 2px 10px 0 rgba(187, 187, 187, 0.5);}
.list_l_nav { height: 60px; background-color: #f7f7f7; border-radius: 6px 6px 0 0; }
.list_l_nav a { font-size: 15px; display: inline-block; color: #5a5959; font-weight: bold; padding: 0 26px; line-height: 60px; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.list_l_nav a:not(:first-child) { border-left: 1px solid #eaeaea; }
.list_l_nav a.on { background-color: #fff; color: #e62129; }
.list_l_nav a.on:before { content: ""; display: block; width: 100%; height: 10px; background-color: #fff; border-radius: 6px 6px 0 0; position: absolute; left: 0; top: -10px; }
.list_l_nav a:hover { color: #e62129; }
.info_tag {display: inline-block;margin: 0 10px 6px 0; border-radius: 12px;border: 1px solid #E2E2E2;padding: 4px 16px;font-size: 12px;color: #666;line-height: 16px;max-width: 30%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.list_tag_box {padding: 20px 24px;font-size: 16px;color: #666;line-height: 16px;}
.list_tag {padding-right: 20px;font-weight: 600;font-size: 16px;}
.list_tag_all span{color: #e62129;padding: 0 4px;}
.list_l_list li { padding: 25px 25px 26px 25px; border-bottom: 1px dashed #e2e2e2; position: relative; }
.list_l_list li:hover .list_l_list_text_title { color: #e62129; }
.list_l_list_pic { width: 200px; height: 140px; margin-right: 24px; }
.list_l_list_text { width: 620px; }
.list_l_list_text_title { font-size: 16px; color: #4b4b4b; font-weight: bold; -webkit-transition: all .2s; transition: all .2s; }
.list_l_list_text_time { font-size: 12px; color: #b5b5b5; margin: 5px 0 15px; }
.list_l_list_text_desc { font-size: 14px; line-height: 26px; color: #848484; }
.list_l_list_text_elips { margin-top: 13px; }
.list_l_list_text_elips i { display: inline-block; width: 6px; height: 6px; background-color: #636363; border-radius: 50%; margin: 0 2px; }
.list_l_page { padding: 22px 0; text-align: center; }
.list_l_page a { display: inline-block; padding: 0 20px; height: 38px; border: solid 1px #e5e5e5; font-size: 14px; color: #6b6b6b; line-height: 36px; text-align: center; margin-left: -1px; position: relative; }
.list_l_page a:hover, .list_l_page a.on { border-color: #f2423b; color: #ef2b2b; z-index: 2; }
.list_l_page p { display: inline-block; margin: 0 8px; }
.list_l_page p a { width: 38px; padding: 0; }
.detail_l { width: 930px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 10px 0px rgba(228, 228, 228, 0.68); box-shadow: 0px 2px 10px 0px rgba(228, 228, 228, 0.68); border-radius: 6px; }
.detail_l_t { padding: 13px 16px; height: 132px; text-align: center; }
.detail_l_m { border-top: 1px dashed #e2e2e2; border-bottom: 1px dashed #e2e2e2; padding: 33px 30px 10px; font: 12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;color: #333333;}
.detail_l_m p,.detail_l_m span,.detail_l_m a {line-height: 28px!important;font-size: 16px!important;font-family: '微软雅黑'!important;text-indent: 0!important;}
.detail_l_m img {margin: 15px auto!important;}
.detail_l_b { padding: 14px 30px 14px; }
.detail_tag {margin-top: 20px;max-width: 500px !important;}
.detail_l_tips a { font-size: 12px; color: #4b4b4b; -webkit-transition: all .2s; transition: all .2s; }
.detail_l_tips a:after { content: ""; display: inline-block; width: 13px; height: 10px; background: url(../images/back.png) center no-repeat; margin-left: 4px; position: relative; top: 1px; }
.detail_l_tips a:hover { color: #f54d5c; }
.detail_l_tips span { font-size: 12px; color: #909090; margin-left: 16px; }
.detail_l_title { font-size: 30px; color: #4b4b4b; font-weight: bold; margin-top: 10px; }
.detail_l_time { font-size: 12px; color: #b5b5b5; }
.detail_l_tags label { font-size: 12px; color: #5d5d5d; font-weight: bold; }
.detail_l_tags span { display: inline-block; padding: 0 14px; height: 22px; background-color: #f9dcdc; border-radius: 11px; font-size: 12px; color: #856868; line-height: 22px; margin-right: 4px; }
.detail_l_links { line-height: 24px; }
.detail_l_links span { font-size: 12px; color: #5d5d5d; font-weight: bold; }
.detail_l_links a { font-size: 12px; color: #767676; -webkit-transition: all .2s; transition: all .2s; }
.detail_l_links a:hover { color: #f54d5c; }
.content_r_in {background-color: #ffffff; padding: 9px 0; min-height: 520px; border-radius: 6px;box-shadow: 0 2px 10px 0 rgba(187, 187, 187, 0.5);}
.content_r_in_contact {margin-top: 5px;padding-top: 0;height: 320px;}
.content_r_in_contact dt span:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 8px; background: url(../images/contact_icon.png) center no-repeat; background-size: 18px 18px; position: relative; top: 2px; }
.tag-more {box-sizing: border-box;width: 260px;background: #fff;box-shadow: 0 2px 10px 0 rgba(187, 187, 187, 0.5);padding: 20px 14px;margin-top: 10px;border-radius: 6px;}
.tag-head {padding-bottom: 17px;border-bottom: 1px solid #DFDFDF;margin-bottom: 20px;}
.tag-head>span {font-size: 16px;font-weight: bold;color: #222;line-height: 21px;}
.tag-head>a {font-size: 12px;color: #666;line-height: 16px;padding-right: 16px;background: url("../images/add.png") right 2px no-repeat;background-size: 12px 12px;transition: all 200ms linear;}
.tag-head>a:hover {color: #ff7800;}
.tag>a,.detail_tag{display: inline-block;border-radius: 12px;border: 1px solid #E2E2E2;padding: 4px 19px;font-size: 12px;color: #666;line-height: 16px;max-width: 210px;margin-right: 10px;transition: all 200ms linear;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.tag>a:hover,.detail_tag:hover {color: #ff7800;border: 1px solid #ff7800;}

/*# sourceMappingURL=news.css.map */


.ly-con{

    width:1200px;
    margin:0px auto;
}

#classify{
	
	padding-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	
}
#classify ul.design-sort{
	text-align: center;
    margin: 0 auto;
}
#classify ul{
	text-align: center;
}
#classify ul li{
	margin-right: 15px;
    /* float: left; */
    display: inline-block;
    position: relative;
    line-height: 50px;
}
#classify ul li a{
	font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c4c4c;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 20px;
}
#classify ul li.current a,#classify ul li a:hover{
	color:#ffffff;
	border:none;
	background:#e62129;
	border: 2px solid #e8e8e8;
}


.design-list{
	max-width:1200px;
	margin:0px auto;
	clear:both;
}
.design-list ul li{
	float: left;
    margin: 0px 11px;
    width: 31.5%;
}
.shopname{
	margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
	height: 43px;
}
.shopname a span{
    font-size: 15px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	color:#333333;
}
.shopname p{
	margin-top: 5px;
    color: #666666;
    font-size: 14px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.projectitem{ 
	width:100%; 
	height:auto; 
	float:left; 
	position:relative; 
}
.projectitem a{ 
	display:block; 
	overflow:hidden
}
.projectitem a img{
	transition:all ease-out .3s;
}
.projectitem a:hover img{ 
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2); 
	-webkit-transform:scale(1.2,1.2); 
	-o-transform:scale(1.2,1.2); 
	transition:all ease-out .3s;
}
.projectitem .project_info{ 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0); 
	position:absolute; 
	left:0; 
	top:0; 
	transition:all ease-out .3s;
}
.projectitem a:hover .project_info{
	background:#f80d4a;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;opacity: 0.9;
	transition: all ease-out .3s;
}
.projectitem .project_info p{ 
	text-align:center; 
	color:#fff; 
	padding:0 20px
}
.projectitem .project_info div{ 
	position:relative;
	top:36%; 
	margin-top:-15px
}
.projectitem .project_info p.title,.projectitem .project_info .detail{
	margin-top:10px; color:rgba(0,0,0,0); 
	font-size:12px; 
	transition:all ease-out .3s;
	font-size:20px; 
	display:none;
    font-size: 12px;
}
.projectitem a:hover .project_info p.title,.projectitem a:hover .project_info .detail{
	margin-top:0px; 
	color:#fff;
	display:block;
}
.project_info .detail span{
	display:block;
}
.project_info .detail{
	color:#fff;
}
.projectitem a:hover .project_info .detail{
	width:100px;
	padding-top:25px;
	text-align:center;
	position:relative;
	top:35%; 
	left:145px;
	font-size:14px;
}