@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif,"微软雅黑"; font-size:12px; color:#404040;}
ul{list-style-type:none;}
a{color:#336699; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}
img{border:0;}
.clear{clear:both;}

#top{width:980px; height:250px; margin:0 auto;}
#top .topbanner{width:960px; height:250px; float:left;margin-left:5px;}

#header{width:980px; height:90px; margin:0 auto; margin-top:10px;}
#header .logo{width:315px; height:90px; float:left;}
#header .phone{width:340px; height:60px; float:right; margin-top:30px;}

#nav{width:980px; height:35px; margin:0 auto; background-color:#484848; }
#nav li{width:98px; height:35px; float:left; text-align:center; line-height:35px; font-weight:bold;}
#nav li a{width:98px; height:35px; float:left; color:#fff; text-decoration:none;}
#nav li a:hover{color:#fff; text-decoration:none; background-color:#ff8625;}
#nav .active a{width:98px; height:35px; float:left;color:#fff; text-decoration:none; background-color:#ff8625;}
#nav .line{width:980px; height:5px; float:left; background-color:#ff8625;}

#banner{width:980px; height:auto; margin:0 auto; margin-top:10px;}
#banner .banner-wrap{width:695px; height:300px; float:left;overflow:hidden;}
#banner .col2{width:280px; height:auto; float:right;}
#banner .col2 .announce{width:280px; height:auto; float:left;}
#banner .col2 .announce .title{width:280px; height:30px; float:left;}
#banner .col2 .announce .title .title-img{width:220px; height:30px; float:left; overflow:hidden;}
#banner .col2 .announce .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#banner .col2 .announce .list{width:280px; height:185px; float:left; background-color:#efefef; overflow:hidden;}
#banner .col2 .announce .list li{width:280px; height:30px; line-height:30px; float:left; border-bottom:1px dashed #ccc;
		background:url(../images/announce-icon.gif) 10px 9px no-repeat;overflow:hidden;}
#banner .col2 .announce .list li a{width:250px; height:30px; float:left; padding-left:30px;color:#666;}		

#banner .col2 .service{width:280px; height:80px; float:left; margin-top:5px; background:url(../images/service-bg.gif) left top no-repeat;}
#banner .col2 .service ul{width:140px; height:35px; float:right; margin-right:5px; margin-top:37px;}
#banner .col2 .service li{width:35px; height:35px; float:left;}

#wrap{width:980px; height:auto; margin:0 auto; margin-top:10px;}
#wrap .row1{width:980px; height:auto; float:left;}
#wrap .row1 .title{width:980px; height:30px; float:left;}
#wrap .row1 .title .title-img{width:935px; height:30px; float:left; overflow:hidden;}
#wrap .row1 .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#wrap .row1 .list{width:980px; height:auto; float:left; }
#wrap .row1 .list li{width:188px; height:auto; float:left; margin-right:10px; overflow:hidden;}
#wrap .row1 .list li a{width:188px; height:auto; float:left; background-color:#484848; color:#fff; text-decoration:none;}
#wrap .row1 .list li a:hover{ background-color:#ff8625; color:#fff; text-decoration:none; cursor:pointer;}
#wrap .row1 .list li .list-thumb{width:188px; height:auto; float:left; overflow:hidden;}
#wrap .row1 .list li .list-title{ width:160px; height:20px; line-height:20px; float:left; padding-left:20px; padding-top:10px;}
#wrap .row1 .list li .list-time{width:160px; height:20px; line-height:20px; float:left; padding-left:20px; font-size:11px; color:#ddd;}

#wrap .row2{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .row2 .col1{width:690px; height:auto; float:left;}
#wrap .row2 .col1 .article{width:690px; height:170px; float:left;}
#wrap .row2 .col1 .article .news{width:340px; height:170px; float:left;}
#wrap .row2 .col1 .article .news .title{width:340px; height:30px; float:left;}
#wrap .row2 .col1 .article .news .title .title-img{width:195px; height:30px; float:left; overflow:hidden;}
#wrap .row2 .col1 .article .news .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#wrap .row2 .col1 .article .news .list{width:340px; height:auto; float:left; margin-top:5px;}
#wrap .row2 .col1 .article .news .list li{width:340px; height:26px; line-height:26px; float:left; border-bottom:1px solid #ddd;}
#wrap .row2 .col1 .article .news .list li .list-title{width:240px; height:26px; float:left; overflow:hidden;}
#wrap .row2 .col1 .article .news .list li .time{ width:100px; height:26px; float:right; text-align:right;}

#wrap .row2 .col1 .article .event{width:340px; height:170px; float:right;}
#wrap .row2 .col1 .article .event .title{width:340px; height:30px; float:left;}
#wrap .row2 .col1 .article .event .title .title-img{width:195px; height:30px; float:left; overflow:hidden;}
#wrap .row2 .col1 .article .event .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#wrap .row2 .col1 .article .event .list{width:340px; height:auto; float:left; margin-top:5px;}
#wrap .row2 .col1 .article .event .list li{width:340px; height:26px; line-height:26px; float:left; border-bottom:1px solid #ddd;}
#wrap .row2 .col1 .article .event .list li .list-title{width:240px; height:26px; float:left; overflow:hidden;}
#wrap .row2 .col1 .article .event .list li .time{ width:100px; height:26px; float:right; text-align:right;}

#wrap .row2 .col1 .option{width:690px; height:60px; float:left; background-color:#efefef; margin-top:10px;}
#wrap .row2 .col1 .option li{width:146px; height:60px; float:left; margin-right:35px;}

#wrap .row2 .col2{width:280px; height:auto; float:right;}
#wrap .row2 .col2 .title{width:280px; height:30px; float:left;}
#wrap .row2 .col2 .title .title-img{width:235px; height:30px; float:left; overflow:hidden;}
#wrap .row2 .col2 .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#wrap .row2 .col2 .list{width:280px; height:210px; float:left; overflow:hidden;}
#wrap .row2 .col2 .list li{width:90px; height:100px; float:left; overflow:hidden; margin-right:5px; margin-top:5px;background-color:#666;}
#wrap .row2 .col2 .list li a{width:82px; height:92px; float:left; overflow:hidden; border:4px solid #666;}
#wrap .row2 .col2 .list li a:hover{ border:4px solid #ff6600; background-color:#ff6600;}

#wrap .row3{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .row3 .loveshow{width:690px; height:auto; float:left;}
#wrap .row3 .loveshow .title{width:690px; height:30px; float:left;}
#wrap .row3 .loveshow .title .title-img{width:645px; height:30px; float:left; overflow:hidden;}
#wrap .row3 .loveshow .title .more{width:45px; height:17px; float:right; margin-top:8px;}
#wrap .row3 .loveshow .list{width:670px; height:200px; float:left; background-color:#e1e1e1; padding:10px;overflow:hidden;}
#wrap .row3 .loveshow .list li{width:210px; height:auto; float:left; margin-right:15px; margin-top:15px;}
#wrap .row3 .loveshow .list li .list-col1{width:75px; height:75px; float:left; overflow:hidden;}
#wrap .row3 .loveshow .list li .list-col1 a{width:65px; height:65px; float:left; overflow:hidden; border:5px solid #666;}
#wrap .row3 .loveshow .list li .list-col1 a:hover{border:5px solid #ff6600;}
#wrap .row3 .loveshow .list li .list-col2{width:125px; height:75px; float:right; overflow:hidden;}
#wrap .row3 .loveshow .list li .list-col2 .col2-title{width:125px; height:26px; line-height:26px; float:left; font-weight:bold; color:#666;}
#wrap .row3 .loveshow .list li .list-col2 .col2-title a{color:#666; text-decoration:none;}
#wrap .row3 .loveshow .list li .list-col2 .col2-title a:hover{color:#ff6600; text-decoration:underline;}
#wrap .row3 .loveshow .list li .list-col2 .col2-intro{width:125px; height:auto; line-height:18px; float:left; color:#666;}

#wrap .row3 .contact{width:280px; height:auto; float:right;}

#footer{width:980px; height:auto; margin:0 auto; margin-top:10px;}
#footer .link{width:960px; height:auto; float:left; padding:9px; border:1px dashed #ccc;}
#footer .link .link-title{width:960px; height:16px; line-height:16px; float:left; color:#666; font-weight:bold;}
#footer .link li{width:100px; height:18px; line-height:18px; float:left;}

#footer .subnav{width:980px; height:30px; line-height:30px; float:left; text-align:center; background-color:#eee;margin-top:10px;}
#footer .subnav a{ padding:0 5px;}
#footer .copyright{width:980px; height:auto; float:left; margin-top:5px; padding-bottom:10px; color:#666; text-align:center;}

#wrap #left{width:180px; height:auto; float:left;}
#left .category{width:180px; height:auto; float:left;}
#left .category .title{width:180px; height:auto; float:left;overflow:hidden;}
#left .category .list{width:180px; height:auto; float:left; margin-top:2px; background-color:#d0d0d0; padding:2px 0;}
#left .category .list li{width:180px; height:25px; float:left; line-height:25px;}
#left .category .list li a{width:170px; height:25px; float:left; padding-left:10px; color:#666; font-weight:bold;}
#left .category .list li a:hover{ color:#fff; background-color:#ff8625; text-decoration:none;}
#left .category .list .active a{width:170px; height:25px; float:left; color:#fff; background-color:#ff8625; text-decoration:none;}

#left .location{width:180px; height:auto; float:left; margin-top:5px;}
#left .location .title{width:180px; height:auto; float:left;}
#left .location .list{width:180px; height:auto; float:left;}
#left .location .list li{width:180px; height:30px; line-height:30px; float:left; margin-top:5px;}
#left .location .list li a{width:160px; height:30px; float:left; padding-left:20px; background-color:#585858; color:#fff; font-weight:bold;}
#left .location .list li a:hover{background-color:#c0c0c0; text-decoration:none;}

#left .contact{width:180px; height:auto; float:left; margin-top:5px;}

#left .inside-service{width:180px; height:116px; float:left; margin-top:5px; background:url(../images/left-service-bg.gif) left top no-repeat;}
#left .inside-service ul{width:170px; height:32px; float:left; margin-left:5px; margin-top:70px;}
#left .inside-service li{width:32px; height:32px; float:left; margin-right:1px;}

#wrap #right{width:790px; height:auto; float:right;}
#right .position{width:790px; height:26px; line-height:26px; float:left; text-align:right;}
#right .right-title{width:790px; height:32px; float:left; }
#right .recomm{width:790px; height:auto; float:left; margin-top:5px;}
#right .recomm .recomm-title{width:271px; height:303px; float:left;}
#right .recomm ul{width:auto; height:303px; float:left;}
#right .recomm li{width:258px; height:303px; float:left;position:relative; }

#right .list{width:790px; height:auto; float:left; margin-top:10px;}
#right .list li{width:190px; height:auto; float:left; margin-right:10px; overflow:hidden;}
#right .list li a{width:190px; height:auto; float:left; background-color:#484848; color:#fff; text-decoration:none; margin-bottom:15px;}
#right .list li a:hover{ background-color:#ff8625; color:#fff; text-decoration:none; cursor:pointer;}
#right .list li .thumb{width:190px; height:175px; float:left; overflow:hidden;}
#right .list li .title{ width:160px; height:20px; line-height:20px; float:left; padding-left:20px; padding-top:10px;}
#right .list li .time{width:160px; height:20px; line-height:20px; float:left; padding-left:20px; font-size:11px; color:#ddd;}

#right .article-list{width:790px; height:auto; float:left; margin-top:10px;}
#right .article-list li{width:790px; height:auto; float:left;line-height:30px; border-bottom:1px dashed #ddd;}
#right .article-list li .list-title{ width:650px; height:30px; float:left;padding-left:10px;overflow:hidden;}
#right .article-list li .time{width:120px; height:30px; float:right;text-align:right; color:#666;padding-right:10px;}

#right .article-title{width:790px; height:30px; line-height:30px; float:left; text-align:center; background-color:#666; color:#fff;
		margin-top:10px;font-weight:bold;}
#right .article-detail{width:770px; height:auto;float:left; line-height:20px;margin-top:10px;padding:0 10px;}

#right .article-link{width:770px; height:30px; line-height:30px; float:left; text-align:center; margin-top:10px; border-top:1px dashed #ccc;color:#666;}
#right .article-link .prev{padding-right:10px;}
#right .article-link .next{padding-left:10px;}

#right .pagination{width:790px; height:26px; line-height:26px; float:left; text-align:center; background-color:#666; color:#fff;margin-top:10px;}
#right .pagination a{color:#fff;}

#right .flow-list{width:790px; height:auto; float:left; margin-top:10px;}
#right .flow-list ul{margin-left:3px;}
#right .flow-list li{width:150px; height:40px; float:left;line-height:40px;text-align:center; border:1px dashed #ddd;margin-right:5px;}
#right .flow-list li a{width:150px;height:40px;float:left;background-color:#666; color:#fff;font-weight:bold;}
#right .flow-list li a:hover{background-color:#ff6600;text-decoration:none;}
#right .flow-list .active a{width:150px;height:40px;float:left;background-color:#ff6600; color:#fff;font-weight:bold;}

#right .flow-detail{width:770px; height:auto;float:left; line-height:20px;margin-top:10px;padding:0 10px;overflow:hidden;}

#right .quote-list{width:790px; height:auto; float:left; }
#right .quote-list li{width:380px; height:auto; float:left;  margin-right:15px;margin-top:10px;}
#right .quote-list li .list-thumb{ width:370px; height:235px; float:left;}
#right .quote-list li .list-thumb a{ width:370px; height:235px; float:left;border:8px solid #ddd;}
#right .quote-list li .list-thumb a:hover{border:8px solid #ff6600; background-color:#ff6600;}
#right .quote-list li .list-title{width:380px; height:26px;line-height:26px; float:left;}
#right .quote-list li .list-title a{width:200px; height:26px; float:left;color:#fff; font-weight:bold;background-color:#666;color:#fff;padding-left:10px;}
#right .quote-list li .list-title a:hover{background-color:#ff6600;color:#fff;}
#right .quote-list li .list-price{width:180px; height:36px;line-height:36px; float:left;background-color:#ff6600;color:#fff;
		font-weight:bold;font-size:20px;padding-left:10px;}
		
#right .right-banner{width:790px;height:auto;float:left;margin-top:10px;overflow:hidden;}
#right .quote-title{width:780px;heihgt:22px;line-height:22px;float:left;background-color:#666; color:#fff;font-weight:bold;padding-left:10px;}
#right .quote-price{width:780px;height:18px;line-height:18px;float:left;margin-top:10px;padding-left:10px;}
#right .quote-detail{width:770px; height:auto;float:left; line-height:20px;margin-top:10px;padding:0 10px;overflow:hidden;}

#right .quote-link{width:770px; height:30px; line-height:30px; float:left; text-align:center; margin-top:10px; border-top:1px dashed #ccc;color:#666;}
#right .quote-link .prev{padding-right:10px;}
#right .quote-link .next{padding-left:10px;}

#right .exterior-list{width:790px; height:auto; float:left; }
#right .exterior-list li{width:255px; height:auto; float:left;  margin-right:10px;margin-top:10px;}
#right .exterior-list li .list-thumb{ width:245px; height:200px; float:left;}
#right .exterior-list li .list-thumb a{ width:245px; height:200px; float:left;border:5px solid #ddd; background-color:#ddd;}
#right .exterior-list li .list-thumb a:hover{border:5px solid #ff6600; background-color:#ff6600;}
#right .exterior-list li .list-title{width:255px; height:26px;line-height:26px; float:left;}
#right .exterior-list li .list-title a{width:120px; height:26px; float:left;font-weight:bold;background-color:#666;color:#fff;padding-left:10px;}
#right .exterior-list li .list-title a:hover{background-color:#ff6600;text-decoration:none;}

#right .work-list{width:790px; height:auto; float:left; }
#right .work-list li{width:192px; height:auto; float:left; margin-right:6px; overflow:hidden;margin-top:10px;}
#right .work-list li a{width:192px; height:auto; float:left; background-color:#484848; color:#fff; text-decoration:none;}
#right .work-list li a:hover{ background-color:#ff8625; color:#fff; text-decoration:none; cursor:pointer;}
#right .work-list li .list-thumb{width:192px; height:177px; float:left; overflow:hidden;}
#right .work-list li .list-title{ width:172px; height:20px; line-height:20px; float:left; padding-left:20px;padding-top:10px;}
#right .work-list li .list-time{width:172px; height:20px; line-height:20px; float:left; padding-left:20px; font-size:11px; color:#ddd;}

#right .workphoto-info{width:790px; height:30px;line-height:30px; float:left;margin-top:10px; }
#right .workphoto-list{width:770px; height:auto; float:left;padding:0 10px;overflow:hidden; }
#right .workphoto-list li{width:164px;height:164px;float:left;margin-bottom:15px; margin-right:15px;}
#right .workphoto-list li a{width:164px; height:164px; float:left; overflow:hidden; border:4px solid #eee; background-color:#eee;}
#right .workphoto-list li a:hover{border:4px solid #ff6600;background-color:#ff6600;}

#right .love-list{width:790px; height:auto; float:left; }
#right .love-list li{width:770px; height:auto; float:left; overflow:hidden;margin-top:10px;padding:9px;border:1px dashed #ddd;background-color:#f5f5f5;}
#right .love-list li .col1{width:120px; hegiht:auto;float:left;}
#right .love-list li .col1 .list-thumb{width:65px; hegiht:65px;float:left;}
#right .love-list li .col1 .list-thumb a{width:65px; height:65px; float:left; border:5px solid #666;}
#right .love-list li .col1 .list-thumb a:hover{border:5px solid #ff6600;}
#right .love-list li .col2{width:480px;height:auto;float:left;margin-left:20px;}
#right .love-list li .col2 .list-title{width:480px;height:30px;line-height:30px;float:left;font-size:14px;font-weight:bold;}
#right .love-list li .col2 .list-title a{color:#ff6600;}
#right .love-list li .col2 .list-intro{width:480px;height:22px;line-height:22px;float:left;color:#666;}
#right .love-list li .col2 .list-time{width:220px;height:22px;line-height:22px;float:left;background-color:#666;color:#fff;padding-left:10px;}
#right .love-list li .col3{width:120px;height:auto;float:right;}
#right .love-list li .col3 .detail-link{width:110px;height:26px;line-height:26px;float:left;padding-left:10px;margin-top:40px;font-weight:bold;}
#right .love-list li .col3 .detail-link a{width:110px;height:26px;float:left;background-color:#666;color:#fff;padding-left:10px;}
#right .love-list li .col3 .detail-link a:hover{background-color:#ff6600;text-decoration:none;}

#right .love-info{width:790px; height:185px; float:left; margin-top:10px; background:url(../images/love-info-bg.gif) left top no-repeat; }
#right .love-info .col1{width:180px; height:185px;float:left;}
#right .love-info .col1 img{border:5px solid #ccc; }
#right .love-info .col2{width:580px; height:185px; float:right;overflow:hidden; }
#right .love-info .col2 .col2-info{width:580px; height:30px; line-height:30px; float:left; padding-top:44px; color:#fff;}
#right .love-info .col2 .col2-info a{color:#fff;}
#right .love-info .col2 .col2-table{width:580px; height:auto; float:left; margin-top:10px;}
#right .love-info .col2 .col2-table table{width:100%; border-collapse:collapse;}
#right .love-info .col2 .col2-table table td span{font-weight:bold; color:#666;}
#right .love-info .col2 .col2-table table td{padding:4px 2px;}

#right .love-story{width:790px; height:auto; float:left; margin-top:10px;}
#right .love-story .story-title{width:780px; height:26px; line-height:26px; float:left; padding-left:10px; font-size:15px;
		font-weight:bold; color:#666; background-color:#f5f5f5;}
#right .love-story .story-intro{width:770px; height:120px; float:left; padding:10px; overflow:scroll; margin-top:10px; line-height:18px;overflow-x: hidden;}		

#right .love-photo{width:790px; height:auto; float:left; margin-top:10px; border-top:8px solid #f5f5f5;border-bottom:8px solid #f5f5f5; }
#right .love-photo .photo-detail{width:515px; height:410px; float:left; margin-top:8px;}
#right .love-photo .photo-list{width:265px; height:auto; float:right; }
#right .love-photo .photo-list li{width:130px; height:104px; float:left;margin-top:2px; overflow:hidden; margin-right:5px;}

#right .bless-list{width:790px; height:auto; float:left; margin-top:10px;}
#right .bless-list li{width:790px; height:auto; float:left; margin-top:5px;}
#right .bless-list li .bless-info{width:780px; height:26px; line-height:26px; float:left; padding-left:10px; background-color:#f5f5f5; color:#666;}
#right .bless-list li .bless-intro{width:770px; height:auto; line-height:18px; float:left; padding:0 10px; margin-top:5px;}

#right .bless-form{width:790px; height:auto; float:left; margin-top:10px;}
#right .bless-form .form-title{width:790px; height:auto; float:left;}
#right .bless-form .form-input{width:790px; height:auto; float:left; margin-top:10px;}
#right .bless-form .form-input textarea{width:784px; height:120px; float:left; background-color:#f5f5f5; border:1px dashed #ccc; padding:2px;}
#right .bless-form .form-button{width:790px; height:auto; float:left; margin-top:10px;}
#right .bless-form .form-button input{width:120px; height:26px; line-height:26px; float:left; text-align:center; border:1px dashed #ccc;
		background-color:#f5f5f5;color:#666; margin-right:10px; color:#ff6600;}
		
#right .bless-form .form-button .label{width:70px;height:26px;float:left;line-height:26px;font-weight:bold;color:#666;}
#right .bless-form .form-button .nickname{width:140px;height:26px;line-height:26px;text-align:left;border:1px dashed #ccc;}		

#right .flash_message{ width:460px; height:50px; margin:0 auto; margin-top:100px; margin-bottom:140px; border:1px solid #ddd; 
		background-color:#f9f9f9;padding:10px; }
#right .flash_message .message{  height:auto; line-height:22px; margin-left:100px; font-size:16px; 
		font-weight:bold; color:#CC0000; margin-top:20px; margin-top /**/:0px;}
#right .flash_message .url{ height:22px; line-height:22px; margin-left:100px; font-size:12px; color:#666; margin-top:4px; }

#right .order-form{width:770px; height:auto;float:left;margin-top:10px;padding:10px;border:1px dashed #ccc;}
#right .order-form table{width:100%;border-collapse:collapse;}
#right .order-form table .order-label{width:110px; height:26px;line-height:26px; float:left;text-align:right;}
#right .order-form table td{padding:2px 4px;}
#right .order-form table .order-input{border:1px dashed #ccc;height:22px;padding:1px;background-color:#f5f5f5;}	
#right .order-form table .order-textarea{border:1px dashed #ccc;padding:1px;background-color:#f5f5f5;}	
#right .order-form table .order-submit{border:1px dashed #ccc;background-color:#ff6600;color:#fff;width:120px;height:26px;line-height:26px;float:left;text-align:center;}	
#right .order-form table .order-reset{border:1px dashed #ccc;background-color:#666;color:#fff;width:120px;height:26px;line-height:26px;float:left;text-align:center;}


#float-server{width:120px; height:305px; float:left; background:url(../images/float-qq-bg.gif) left top no-repeat;position:absolute;z-index:1000;text-align:center;
		right:20px; top:40px;}
#float-server ul{width:100px; height:auto; float:left; padding:0 10px; margin-top:60px;}
#float-server li{width:100px; height:auto; float:left; margin-top:5px;border-bottom:0px dashed #eee;padding-bottom:1px;}
#float-server li .qq-thumb{width:100px; height:auto; float:left; padding-top:0px;}
#float-server li .qq-text{width:100px; height:22px; line-height:22px; float:left; font-weight:bold; color:#ff6600; text-align:center;}