@charset "utf-8";

/* CSS Document */
.interfamily{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.inter-title{ float:left; width:1200px; margin:45px 0; height:auto;}
.inter-title p{ width:1200px; float:left; text-align:center; font-size:18px; color:#595858; font-family:Arial, Helvetica, sans-serif;}
.inter-title p b{ font-size:24px; line-height:50px;}

/*color-all*/
.color-all{ width:1200px; height:475px; padding:20px 0; float:left; overflow:hidden;}
.color-all ul{ width:1200px; height:475px; float:left; display:block;margin-top:10px; margin-bottom:10px; overflow:hidden; }
.color-all ul li{ width:265px; height:475px; float:left; overflow:hidden; display:block; margin-right:45px; position:relative;}
.color-all ul li.color-li{ margin-right:0;}

.color-all ul li a img{ float:left;}
.color-all ul li a p{ float:left; line-height:30px; font-size:16px; text-align:center; width:265px; font-family:"微软雅黑";}
.color-all ul li a:hover i{ width:265px; height:475px; background: rgba(255,0,0,0.6) url(../images/color-hover.png) center no-repeat; display:block; float:left; z-index:12; top:0; left:0; position:absolute; transition:all .2s ease-in 0s;-webkit-transition:all .1s ease-in 0s;-moz-transition:all .2s ease-in 0s;}
.color-all ul li a:hover img{ float:left; z-index:10; position:absolute; left:0; top:0; z-index:10; }
.color-all ul li a:hover i.color-a2{background: rgba(51,177,233,0.6) url(../images/color-hover.png) center no-repeat;}
.color-all ul li a:hover i.color-a3{background: rgba(252,119,11,0.6) url(../images/color-hover.png) center no-repeat;}
.color-all ul li a:hover i.color-a4{background: rgba(83,243,94,0.6) url(../images/color-hover.png) center no-repeat;}


.color-all ul li a:hover p{ position:absolute; width:265px; text-align:center; font-size:16px; top:150px;color:#fff; z-index:12;}


/*切换*/
.leftneaver{ width:1200px; height:555px; margin:0 auto; overflow:hidden;}
.neaver-pho{ width:460px; height:555px; float:left;  overflow:hidden;}
.neaver-pho a{ width:170px; height:60px; line-height:60px; font-size:22px; font-family:"宋体"; font-weight:bold; color:#fe0000; margin-top:310px; margin-left:150px; float:left; text-align:center; display:block; background:rgba(204,204,204,1); border-radius:10px;}
.neaver-pho a:hover{ background:#fe0000; color:#fff;}
/*right wrap740*/
.wrap740{ height:555px;position:relative; float:left; width:740px;z-index:1; padding:0; border:0;}
.shareLayout{position:relative;height:555px; width:740px; margin:0; padding:0;background:#fff; border:0;overflow:hidden}
.shareList{position:absolute;left:0;float:left;white-space:nowrap;word-break:break-all}
.shareList a{ display:inline-block; width:745px;height:555px;overflow:hidden;}
.shareList img{float:left}

.backBtn,.nextBtn{position:absolute;top:233px;width:51px;height:51px;background:url(loginBg.png) 0 -554px;dispaly:block}
.backBtn{left:25px}
.backBtn:hover{background-position:0 -605px}
.nextBtn{right:25px;background-position:-51px -554px}
.nextBtn:hover{background-position:-51px -605px}

.pageLayout{position:absolute;bottom:0px;right:0px; width:530px; padding-left:140px; padding-right:70px;height:86px; background:url(../images/qie.png) no-repeat;}
.pageLayout a{margin-right:14px;width:60px;height:25px;display:inline-block;overflow:hidden;cursor:pointer; margin-top:30px;vertical-align:center;}
.pageLayout span{float:left;width:60px;height:25px;overflow:hidden;background:rgba(255,0,0,0);display:block}
.pageLayout em{float:left;width:0;height:5px;overflow:hidden;background:rgba(255,0,0,0.5);display:block}
.pageLayout a:hover span{background:rgba(255,0,0,0.2);}

/*互联网整体家装*/
.interfamily-eee{ background:#eee; padding-bottom:20px;}
.roomlist{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.roomlist li{float: left;width: 110px; margin-right: 40px;display: inline; text-align: center;position: relative;zoom:1;z-index: 1;_margin-right: 40px;}
.roomlist li.lastli{margin-right: 0;}
.roomlist li span{font-size: 14px;font-weight:normal;}
.roomlist li span:before{content:".";display:block;height:10px;clear:both;visibility:hidden}
.roomlist li a{display: block;width: 110px;cursor: pointer; color: #606060;}
.roomlist li a:hover span{color:#F33; font-weight:normal;}
.roomlist li a .roommore{display: none;position: absolute;left: 40px;top: 45px;z-index: 3}
.roomlist li a:hover .roommore{display: block; color: #ffffff;position: absolute;left: 40px;top: 45px;z-index: 3}
.roomlist li a .roommore i{display: inline-block;margin-left: 3px; width: 9px;height: 7px;background-position: 0 -214px;vertical-align: middle;}

.roomlist li em{display: block;width: 110px;height: 110px;background: url("../images/roombg2.jpg") no-repeat;}
.roomlist li em.roomico1{background-position: 0 0;}
.roomlist li em.roomico2{background-position: -111px 0;}
.roomlist li em.roomico3{background-position: -222px 0;}
.roomlist li em.roomico4{background-position: -333px 0;}
.roomlist li em.roomico5{background-position: -444px 0;}
.roomlist li em.roomico6{background-position: -555px 0;}
.roomlist li em.roomico7{background-position: -666px 0;}
.roomlist li em.roomico8{background-position: -777px 0;}
.roomlist li em.roomico9{background-position: -999px 0;}
.roomlist li em.roomico10{background-position: -1110px 0;}
.roomlist li a em.roomlayer{background: url("../images/room_mask.png") no-repeat;position: absolute;left: 0;top: 0;opacity: 0;transition:all .2s linear;z-index: 2;display: none\9;}
.roomlist li a:hover em.roomlayer{opacity: 1;display: none\9;}
.roomlist li a:hover em.roomico1{background-position: 0 -111px\9;}
.roomlist li a:hover em.roomico2{background-position: -111px -111px\9;}
.roomlist li a:hover em.roomico3{background-position: -222px -111px\9;}
.roomlist li a:hover em.roomico4{background-position: -333px -111px\9;}
.roomlist li a:hover em.roomico5{background-position: -444px -111px\9;}
.roomlist li a:hover em.roomico6{background-position: -555px -111px\9;}
.roomlist li a:hover em.roomico7{background-position: -666px -111px\9;}
.roomlist li a:hover em.roomico8{background-position: -777px -111px\9;}
.roomlist li a:hover em.roomico9{background-position: -999px -111px\9;}
.roomlist li a:hover em.roomico10{background-position: -1110px -111px\9;}

/*装修流程*/
.n-project dt{ width:55px; height:119px; background:#fe0000; float:left;}
.n-project dt a{ width:55px; margin-top:30px; text-align:center; color:#fff;font-family:"微软雅黑"; font-weight:bold; display:block; float:left; line-height:35px; font-size:20px; }
.n-project dd {float: left;width: 110px; height: 119px;    padding-left: 7px;    margin-left: 10px;    display: inline;background: url("../images/flowbgs.jpg") no-repeat;
border-radius:15px;}
.n-project dd.n-progress-2{background-position: -117px 0;}
.n-project dd.n-progress-3{background-position: -234px 0;}
.n-project dd.n-progress-4{background-position: -351px 0;}
.n-project dd.n-progress-5{background-position: -468px 0;}
.n-project dd.n-progress-6{background-position: -585px 0;}
.n-project dd.n-progress-7{background-position: -702px 0;}
.n-project dd.n-progress-8{background-position: -819px 0;}
.n-project dd.n-progress-9{background-position: -936px 0;}
.n-project dd a{ width:110px; margin-top:75px;text-align:center; color:#fff;font-family:"微软雅黑"; font-weight:bold; display:block; float:left; line-height:35px; font-size:14px; }
.n-project dd a:hover{ color:#fe0000;}
/*about*/
.about-box{ width:1200px; height:auto; padding-top:20px; margin:0 auto; overflow:hidden;}
.about-more{ width:920px; height:30px; float:left; overflow:hidden; padding-top:30px;}
.about-more a{ float:left; text-align:right; width:880px; padding-right:40px; line-height:30px; color:#CCC;}
.about-box ul{ width:920px; height:310px; float:left; border-right:1px rgba(204,204,204,1) solid; overflow:hidden; }
.about-box ul li{float: left;width: 440px;height: 145px;margin-top: 10px;margin-right: 15px;display: inline;overflow: hidden;}
.about-box ul li a img{ float:left; padding-right:10px;}
.about-box ul li a.a-about{ padding-top:5px; float:left; color:#333; font-size:14px; height:25px; width:255px; line-height:25px; font-weight:bold;}
.about-box ul li p{ text-indent:20px;float:left; width:255px; color:#333; font-size:12px; height:75px; padding-top:5px; line-height:25px; display:block; border-bottom:1px solid #CCC; padding-bottom:5px; overflow:hidden; }  
.about-box ul li  span{ padding-top:5px; line-height:25px;color:#333; font-size:12px;}

.about-box ul.ul-about{ width:250px; padding-left:18px; float:left; height:310px; border-right:none;}
.about-box ul.ul-about li{ width:250px; height:82px; float:left;  margin-bottom:18px;border-bottom:1px solid #CCC; padding-bottom:8px;  overflow:hidden;}
.about-box ul.ul-about li a{ background:url(../images/li-a.jpg) left center no-repeat; width:235px; padding-left:15px; height:20px; line-height:20px; float:left; font-size:14px; font-weight:bold;}
.about-box ul.ul-about li p{ height:60px; line-height:20px;}
/*big*/
.big img{ width:100%; height:100%; margin:0 auto; overflow:hidden; padding:40px 0;}

/*七大保障*/
.roomlist2 li.lastli{margin-right: 0;}
.roomlist2 li h3{font-size: 14px;}
.roomlist2 li h3:before{content:".";display:block;height:10px;clear:both;visibility:hidden}
.roomlist2 li a{display: block;width: 115px;cursor: pointer; color: #606060;}
.roomlist2 li a .roommore{display: none;position: absolute;left: 40px;top: 45px;z-index: 3}
.roomlist2 li a:hover .roommore{display: block; color: #ffffff;position: absolute;left: 40px;top: 45px;z-index: 3}
.roomlist2 li{float: left;width: 115px; margin-right: 55px;display: inline; text-align: center;position: relative;zoom:1;z-index: 1;_margin-right: 45px;}
.roomlist2 li em{display: block;width: 115px;height: 130px;background: url(../images/seven.png) no-repeat; }
.roomlist2 li em.roomicoa{background-position: 0 0;}
.roomlist2 li em.roomicob{background-position: -181px 0;}
.roomlist2 li em.roomicoc{background-position: -362px 0;}
.roomlist2 li em.roomicod{background-position: -544px 0;}
.roomlist2 li em.roomicoe{background-position: -725px 0;}
.roomlist2 li em.roomicof{background-position: -907px 0;}
.roomlist2 li em.roomicog{background-position: -1088px 0;}
.roomlist2 li a em.roomlayer1{ display:none; position:absolute; top:0; left:0; z-index:5;background:url(../images/seven.png) no-repeat;}
.roomlist2 li a:hover em.roomlayer1{ display:block; background:url(../images/seven.png)0 -130px  no-repeat;}
.roomlist2 li a:hover em.roomlayer2{ background-position: -181px -130px;}
.roomlist2 li a:hover em.roomlayer3{ background-position: -362px -130px;}
.roomlist2 li a:hover em.roomlayer4{ background-position: -544px -130px;}
.roomlist2 li a:hover em.roomlayer5{ background-position: -725px -130px;}
.roomlist2 li a:hover em.roomlayer6{ background-position: -907px -130px;}
.roomlist2 li a:hover em.roomlayer7{ background-position: -1088px -130px;}

/*热点新闻*/
.new-box{ width:1200px; height:auto; overflow:hidden; float:left;}
.new-txt{ display:block; padding-left:25px; width:575px; height:360px; float:left; overflow:hidden;}
.new-txt ul li{ width:575px; height:84px; border-bottom:1px dashed #CCC; padding:20px 0; float:left; overflow:hidden;}
.new-txt ul li em{ width:50px; line-height:25px; height:50px; display:block; background:rgba(255,0,51,1); float:left; margin-top:15px; border-radius:10px; overflow:hidden; font-size:16px; color:#fff; text-align:center; margin-right:10px;}
.new-txt ul li a p{ width:510px; height:35px; line-height:35px;  color:#333; font-size:14px; font-weight:bold; float:left; overflow:hidden; }
.new-txt ul li a span{ width:510px; height:40px; line-height:20px; color:#666; font-size:14px;  float:left; overflow:hidden; }

/*友情链接*/
.link-box{ width:775px; height:230px; background:url(../images/link-back.jpg) no-repeat; margin:0 auto; overflow:hidden;}
.link-box ul{ width:660px; height:65px; padding-top:35px; float:left; padding-left:60px; overflow:hidden;}
.link-box ul li{ float:left; width:110px; height:50px; overflow:hidden;}
.link-box ul.ul-link{ padding-left:0px; width:780px;}
.link-box ul.ul-link li{ float:left; width:105px; height:50px; overflow:hidden; padding-left:2px; padding-right:4px;}

/*footer*/
.foot-box{ width:100%; height:400px; background:#222; margin-top:60px; overflow:hidden;}
.foot-txt{ width:1200px; height:360px; padding:20px 0; margin:0 auto; overflow:hidden;}
.foot-txt i{ display:block; float:left; width:200px; padding-right:50px; padding-top:20px;}
.foot-txt i p{ font-size:14px; color:#fff; line-height:30px; float:left; width:300px; overflow:hidden; padding-bottom:30px;}
.dr-box{ width:1200px; height:100px; margin:0 auto; overflow:hidden;}

.footer-box{ height:80px;width:100%; background:rgba(40, 36, 30,0.7); position:fixed; bottom:0; left:0; min-width:1250px; z-index:9; }
.footer-box p{ width:1250px; margin:0 auto; height:100px; overflow:hidden;}
.footer-box p img{ float:left; padding-top:10px;}
.footer-box p span{ display:block; float:left; color:#fff; font-family:"微软雅黑"; font-size:16px; line-height:35px; padding-left:100px;}