img {
    display: inline-block;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.clearfix {
    zoom: 1;
}
.clear {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.in_block1{ width:1200px; height:auto; margin:60px auto 0;}
.in_block1 .title{ height:52px; display:block; overflow:hidden; background:url(../images/i.png) 133px center no-repeat}
.in_block1 .title p{ float:left; font-size:30px; color:#141414; line-height:52px}
.in_block1 .title p span{font-size:30px; color:#141414; line-height:52px; font-family:Arial, Helvetica, sans-serif; margin-left:39px}
.in_block1 .title a{ float:right; width:110px; height:34px; display:block; text-align:center; line-height:34px; border:1px solid #757575; font-size:15px; color:#666666; font-family:Arial, Helvetica, sans-serif}
.in_block1 .content{ margin-top:32px}
.in_block1 .content ul li{ float:left; margin-right:53px}
.in_block1 .content ul li:nth-child(4n){ margin-right:0;}

.in_block1a{ width:260px; height:235px; display:block; text-align:center; background:#f4f4f4;border-radius:15px; padding:25px 0 0; font-size:16px; color:#6e6e6e; font-family:Arial, Helvetica, sans-serif; line-height:24px}
.in_block1a .topimg{ width:105px; height:105px; margin:0 auto;border-radius:50%; display:block; text-align:center; border:8px solid #f3e7e7; background:#dc0026;
	transition: all 0.3s linear 0s;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    z-index: 2;}
.in_block1a .topimg img{ padding-top:22px}
.in_block1a p{ font-size:18px; color:#555555; line-height:45px; font-family:"微软雅黑"}

.in_block1a:hover .topimg{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}


.in_about{ width:100%; height:auto; margin:65px auto 0; background:url(../images/bg_gsjj.jpg) center top no-repeat; padding-top:75px; padding-bottom:85px}
.in_about .title{ background:url(../images/line2.png) center 85px no-repeat; display:block; text-align:center; font-size:18px; color:#c40000; line-height:30px}
.in_about .title p{ font-size:36px; color:#333333; line-height:60px; margin-bottom:10px}
.in_about .title p span{ font-size:36px; color:#333333; font-weight:bold; line-height:60px;}
.in_about .content{ width:1100px; height:auto; margin:0 auto;margin-top:68px; min-height:578px; background:#fff; padding:50px}
.in_abouta{}
.in_abouta .leftimg{ display:block; float:left}
.in_abouta .leftimg img{}
.in_abouta .righttxt{ display:block; float:right; width:445px; height:auto}
.in_abouta .righttxt h1{ margin-bottom:10px}
.in_abouta .righttxt .txt{ height:240px; display:block; overflow:hidden}
.in_abouta .righttxt .txt *{ font-size:15px; line-height:30px; color:#666666; } 
.in_abouta .righttxt a{ float:right; width:125px; height:32px; display:block; text-align:center; line-height:32px;border-radius:4px; margin-top:10px; font-size:14px; color:#c40000; font-family: Arial, Helvetica, sans-serif; border:2px solid #c40000; text-transform:uppercase}

.in_abouta .righttxt:hover a{ line-height:32px;font-size:14px; color:#fff; border:2px solid #c40000; background:#c40000; text-transform:uppercase}

.in_aboutb{ margin-top:35px}

.childa{ width:256px; height:192px;display:block; float:left; margin:0 11px; background:#ffffff; border:1px solid #bfbfbf}
.childa .topimg{width:256px;height:192px; display:block; overflow:hidden; text-align:center }
.childa .topimg img{ max-width:100%; height:192px;transform: scale(1);transition: all 1s ease-out;}
.childa:hover .topimg img{transform: scale(1.2);}



/*精选案例*/
.in_news{width:100%; height:auto; margin:50px auto 0;}


.in_news .title{ background:url(../images/line.png) center 85px no-repeat; display:block; text-align:center; font-size:18px; color:#c40000; line-height:30px}
.in_news .title p{ font-size:36px; color:#333333; line-height:60px; margin-bottom:10px}
.in_news .title p span{ font-size:36px; color:#333333; font-weight:bold; line-height:60px;}

.in_news .content{ width:1200px; height:auto; margin:25px auto 0}

.in_news .news_top {text-align: center; margin-top:24px }
.in_news .news_top li{
	display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 29px;
    margin: 0 7px;
    font-size: 15px;
    color: #333333;
    border: 1px solid #cccccc;
	}
.in_news .news_top li a{color: #555555;font-size: 15px;}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#c40000; border:1px solid #c40000}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff;}

.in_news .news_box{ width:1215px; height:auto; margin:40px auto 0}
.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}


.in_news .news_box li {float: left;margin-right:9px; margin-bottom:9px;}
.in_news .news_box li:nth-child(3n){
	margin-right: 0;
} 


.in_newsa{ width:390px; height:292px; display:block; position:relative; border:1px solid #cfcfcf}
.in_newsa .topimg{ position:absolute; left:0; top:0; width:390px; height:292px; display:block; overflow:hidden; text-align:center}
.in_newsa .topimg img{
	width:100%;
	height:100%;
	transform: scale(1);
	transition: all 1s ease-out;
	}
.in_newsa .frame{ display: none}
.in_newsa:hover .topimg img{
	transform: scale(1.2);
	}
.in_newsa:hover .frame{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/dash.png) repeat; display:block; text-align:center}
.in_newsa:hover .frame p{ font-size:20px; color:#fff; line-height:30px; margin-bottom:10px; padding-top:103px}
.in_newsa:hover .frame .more{ width:194px; height:40px; margin:0 auto; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#ad0003}


/*专属设计师*/
.in_design{ width:100%; height:auto; margin:55px auto 0; background:url(../images/bg_design.jpg) center top no-repeat; padding-top:85px; padding-bottom:130px}
.in_design .title{ background:url(../images/line.png) center 85px no-repeat; display:block; text-align:center; font-size:18px; color:#c40000; line-height:30px}
.in_design .title p{ font-size:36px; color:#333333; line-height:60px; margin-bottom:10px}
.in_design .title p span{ font-size:36px; color:#333333; font-weight:bold; line-height:60px;}

.in_design .content{ width:1200px; height:auto; margin:25px auto 0}
.in_design .content ul li{ float:left; margin-right:30px}
.in_design .content ul li:nth-child(4n){
	margin-right: 0;
} 
.in_designa{ width:276px; height:460px; display:block; background:#444444; text-align:center; color:#cccccc; font-size:14px; line-height:24px}
.in_designa .topimg{ width:276px; height:370px; display:block; overflow:hidden; text-align:center; background:#fff}
.in_designa .topimg img{ max-width:100%; height:370px;transform: scale(1);transition: all 1s ease-out;}
.in_designa p{ color:#fff; font-size:24px; font-weight:bold; line-height:38px; margin-top:15px}
.in_designa p a{ color:#fff; font-size:24px; font-weight:bold; line-height:38px;}
.in_designa:hover{ background:#ad0003}
.in_designa:hover .topimg img{transform: scale(1.2);}


/*装修百科*/
.in_baike{ width:1200px; height:auto; margin:40px auto}
.in_baike .title{ background:url(../images/line.png) center 85px no-repeat; display:block; text-align:center; font-size:18px; color:#c40000; line-height:30px}
.in_baike .title p{ font-size:36px; color:#333333; line-height:60px; margin-bottom:10px}
.in_baike .title p span{ font-size:36px; color:#333333; font-weight:bold; line-height:60px;}

.in_baike .content{ margin:40px auto 0}
.in_baike .leftnews{ width:380px; min-height:420px; display:block; float:left; background:#fff; border:1px solid #dedede}
.in_baike .leftnews .topimg{ width:380px; height:215px; display:block; overflow:hidden;}
.in_baike .leftnews .topimg img{ width:100%; height:100%; transform: scale(1);transition: all 1s ease-out;}
.in_baike .leftnews:hover .topimg img{transform: scale(1.2);}
.in_baike .leftnews .txt{ padding:25px}
.in_baike .leftnews .txt p{ font-size:18px; color:#3e3e3e; line-height:32px; margin-bottom:10px;}
.in_baike .leftnews .txt a{font-size:18px; color:#3e3e3e; line-height:32px;}
.in_baike .leftnews .txt span{ font-size:14px; line-height:24px; height:96px; display:block; overflow:hidden; color:#767676}

.in_baike .leftnews:hover{box-shadow: 3px 3px 3px rgba(0,0,0,.2);}

.in_baike .rightnews{display:block; float:right;width:800px; height: auto; }
.in_baike .rightnews ul li {
	border: 1px solid #dedede;
    padding: 20px 30px 20px 0;
    margin-bottom: 20px;
	}
.in_baike .rightnews ul li:nth-child(3n){ margin-bottom:0}

.rightnewsa{ width:100%; height:auto}
.rightnewsa .time{ display:block; float:left; text-align:center; border-right:1px solid #dddddd; height:80px; width:15%; font-size:13px; color:#666666; line-height:18px}
.rightnewsa .time p{font-size:48px; color:#666666; line-height:50px}
.rightnewsa .txt{ display:block; float:right; width:81%; height:auto}

.rightnewsa .txt p{ font-size:16px; color:#333333; line-height:28px; margin-bottom:10px}
.rightnewsa .txt a{font-size:16px; color:#333333; line-height:28px;}
.rightnewsa .txt span{ font-size:14px; line-height:24px; height:48px; display:block; overflow:hidden; color:#888}

.in_baike .rightnews ul li:hover{box-shadow: 3px 3px 3px rgba(0,0,0,.2);}

.in_baike .more{
	text-align: center;
    margin-top: 36px;
	}
.in_baike .more li{
	display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 55px;
    margin: 0 18px;
    font-size: 18px;
    color: #fff; background:#666666;border-radius: 20px;
	}
.in_baike .more a{color: #fff;font-size: 18px;}