@charset "utf-8";
/* CSS Document */

/*问题烦恼*/
.problem1{ width: 1200px; margin:0 auto; overflow:hidden; height: 539px; background:url(../images/indexV0_02.jpg) no-repeat;}
.advertising{ width: 1200px; height: 113px; margin:0 auto; overflow: hidden;}
.advertising img{ width: 1199px; height: 113px;}
/*content*/
.content{ overflow: hidden; height: 300px;}
.video{ float: left; width: 450px; height: 300px; overflow:hidden;}
.about_us{ width: 695px; float: right; height: 300px; overflow:hidden;}
.title{ width: 695px; height: 30px; float: left; overflow:hidden; color:#654200; font-size: 18px;}
.about_nr{ color:#575757; font-size: 14px; line-height: 25px; float: left; width: 695px; height: 225px; overflow: hidden;}
.about_more{ width: 695px; height: 43px; float: left;}
.about_more a{ display:block; width: 134px; height: 43px; background:url(../images/about_more.jpg) no-repeat;}
/*QQ客服*/
.index_contact{ width: 100%; height: 213px; overflow: hidden; background:url(../images/qqbg.png) no-repeat;}
.index_qq{ width: 1200px; margin:114px auto 0; height: 80px;}
.qq_02{ margin-left: 50px; margin-top: 9px;}
.qq_03{ margin-left: 7px; margin-top: 8px;}
.qq_04{ margin-left: 13px; margin-top: 8px;}
.why{ width: 100%; height: 901px; overflow:hidden;}
/*古建青瓦*/
.ancient_tiles{ width: 100%; height: 728px; overflow:hidden; background:url(../images/ancient_tileb.jpg) no-repeat; position:relative;}
.slideTxtBox{ width:810px; position:absolute; left:325px; top:208px;}
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0; top:0; height:32px;   }
.slideTxtBox .hd ul li{ float:left; width: 175px; height: 48px; text-align:center; line-height: 48px; font-size: 21px; color:#fff; background:#999999; cursor:pointer; border-radius:3px; margin-left: 30px; display:inline;}
.slideTxtBox .hd ul li.on{ background:url(../images/index_li.jpg) no-repeat;}
.slideTxtBox .bd ul{ zoom:1; padding-top: 20px;}
.slideTxtBox .bd li{ float: left; margin-left: 30px; display:inline; margin-top: 35px;}
.slideTxtBox .bd li a img{ width: 238px; height: 153px;}
/*首页更多产品*/
.index_more{ width: 775px; height: 60px; background:url(../images/line.png) repeat-x center; position:absolute; bottom:10px; left:360px; text-align:center; line-height: 55px; color:#cccccc;font-size: 18px;}
.index_more a{ padding:0 22px; background:#fff; font-size: 16px; color:#333;}
.index_more span{ position:absolute; bottom:0; left:380px;}

/*古建琉璃瓦*/
.glazed_tiles{ width: 100%; height: 721px; overflow:hidden; background:url(../images/glazeotileb.jpg) no-repeat; position:relative;}
.glazed{ width:810px; position:absolute; right:360px; top:390px;}
.glazed .hd{ height:30px; line-height:30px; padding:0 10px 0 20px; position:relative; }
.glazed .hd ul{ float:left; position:absolute; left:0; top:0; height:32px;   }
.glazed .hd ul li{ float:left; width: 175px; height: 48px; text-align:center; line-height: 48px; font-size: 21px; color:#fff; background:#999999; cursor:pointer; border-radius:3px; margin-left: 30px; display:inline;}
.glazed .hd ul li.on{ background:url(../images/index_li.jpg) no-repeat;}
.glazed .bd ul{ zoom:1; padding-top: 20px;}
.glazed .bd li{ float: left; margin-left: 5px; display:inline; margin-top: 35px;}
.glazed .bd li a img{ width: 195px; height: 140px;}
.index_more_glazed{ width: 775px; 60px; background:url(../images/line.png) repeat-x center; position:absolute; bottom:10px; right:360px; text-align:center; line-height: 55px;}
.index_more_glazed a{ padding:0 22px; overflow:hidden; font-size: 16px; color:#333;}
.index_more_glazed span{ position:absolute; bottom:0; left:380px;}

/*欧式别墅瓦*/
.european_villa_tile{width: 100%; height: 899px; overflow:hidden; background:url(../images/European_villa.jpg) no-repeat; position:relative;}
.european{ width:1200px; margin:0 auto; margin-top: 555px;}
.european .hd{ height:30px; line-height:30px; padding:0 10px 0 20px; position:relative; }
.european .hd ul{ float:left; position:absolute; left:31%; top:0; height:32px;   }
.european .hd ul li{ float:left; width: 175px; height: 48px; text-align:center; line-height: 48px; font-size: 21px; color:#fff; background:#999999; cursor:pointer; border-radius:3px; margin-left:20px; display:inline;}
.european .hd ul li.on{ background:url(../images/index_li.jpg) no-repeat;}
.european .bd ul{ zoom:1; padding-top: 20px;}
.european .bd li{ float: left; margin-left:20px; display:inline; margin-top: 35px; width: 211px; height: 170px;}
.european .bd li a img{ width: 209px; height: 168px; border:1px solid #ccc;}
.index_more_european{ width: 775px; 60px; background:url(../images/line.png) repeat-x center; position:absolute; bottom:10px; right:31%; text-align:center; line-height: 55px;}
.index_more_european a{ padding:0 22px; overflow:hidden; font-size: 16px; color:#333;}
.index_more_european span{ position:absolute; bottom:0; left:380px;}

/*service*/
.service{ width: 1200px; margin:50px auto 0; height: 558px; overflow: hidden;}
.service img{ width: 1200px; height: 558px;}
.service_pic{ width: 1200px; height: 142px; margin:27px auto; overflow: hidden;}
.service_pic img{ width: 1200px; height: 142px;}
/*首页新闻列表*/
.index_news{ width: 1200px; overflow: hidden; margin: 0 auto; height: 415px; }
.faq{ width: 573px; height: 415px; float: left; }
.faq_title{ width: 573px; float: left; height: 50px;}
.ft_left{ width: 165px; height: 50px; float: left; line-height: 50px; color: #845600; font-size: 18px; }
.ft_left span{ font-size: 14px; color: #333; padding-left: 10px; }
.faq_bg{ background:url(../images/indexV01.jpg) center no-repeat; float: left; width: 350px; height: 50px;}
.more{ float: left; width: 40px; height: 50px; text-align: center; line-height: 50px; overflow: hidden; margin-left: 3px; display:inline;}
.more a{ font-size: 10px;  color: #333;}
.faqnr{ width: 573px; float: left; overflow: hidden;}
.faqnr ul li{ float: left; margin-top: 17px; width: 573px; height: 84px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; overflow: hidden; }
.faqnr ul li a img{ width: 84px; height: 84px; border-radius: 84px; float: left; margin-left: 10px; display: inline;}
.faqnr ul li .faqtext{ float: right; width: 438px; height: 84px; }
.faqnr ul li .faqtext .ftitle{ width: 438px; height: 30px; float: left; }
.faqnr ul li .faqtext .ftitle h3{ width: 335px; height: 30px; float: left; overflow: hidden; font-weight: normal; }
.faqnr ul li .faqtext .ftitle h3 a{ color: #666; font-size: 18px; }
.faqnr ul li .faqtext .ftitle a.button{width: 83px; height: 27px; text-align: center; line-height: 27px; background: #845600; color: #fff; font-size: 14px; display: block; float: left;}
.faqnr ul li .faqtext p{ font-size: 12px; color: #666; line-height: 20px; margin-top: 10px; float: left; }
/*newsBox*/
.newsBox{ width:600px; float: right;}
.newsBox .hd{ height:50px; line-height:50px;  width: 600px; float: left; position:relative; }
.newsBox .hd ul{ float:left; width: 255px;height:50px;   }
.newsBox .hd ul li{ float:left; cursor:pointer; width: 85px; height: 50px; color: #666; font-size: 18px; }
.newsBox .hd ul li.on{ color: #845600; }
.newsBoxbg{ float: left; background:url(../images/indexV02.jpg) no-repeat center; width: 302px; height: 50px; }
.newsBox_more{ float: right; width: 40px; height: 50px; line-height: 50px; text-align: center;}
.newsBox_more a{ font-size: 10px; color: #333; }
.newsBox .bd ul{ zoom:1;}
.newsBox .bd li{ width: 600px; height: 82px; float: left; margin-top: 10px;}
.newsBox .bd li .data{ width: 94px; height: 52px; float: left; border-right: 1px solid #bebebe; margin-top:15px;}
.newsBox .bd li .data p{ width: 68px; height: 25px; margin-top: 5px; float: right; font-size: 17px; color: #333;}
.newsBox .bd li .data p.year{ width: 68px; height:22px; float: right; margin: 0; font-size: 12px; color: #666;}
.newsBox .bd li .news_text{ width: 450px; height: 82px; float: right; margin-right: 30px; display: inline;}
.newsBox .bd li .news_text p.nt-title{ margin-top: 3px; line-height: 30px; }
.newsBox .bd li .news_text p.nt-title a{ color: #333; font-size: 14px;}
.newsBox .bd li .news_text p.zy{color: #666; font-size: 12px; line-height: 20px;}
.newsBox .bd li:hover{ background: #ededed; }