@charset "utf-8";

.bodyleft{ float:left; display:inline; width:692px; margin:0 15px 0 35px;}
.bodyright{ float:left; width:203px;}
.indexad{ width:978px; height:432px;}
.indexadleft{ float:left; width:14px; height:432px; background-image:url(../image/indexad_topleft.gif); background-repeat:no-repeat;}
.indexadright{ float:left; width:14px; height:432px; background-image:url(../image/indexad_topright.gif); background-repeat:no-repeat;}
.indexadbody{ float:left; width:950px; height:432px;}
.indexadbody .lipin{ width:950px; height:328px; background-image:url(../image/lipinbg.gif); background-repeat:repeat-x;}
.indexadbody .lipin .lipinleft{ float:left; width:20px; height:328px; background-image:url(../image/lipin_left.gif);}
.indexadbody .lipin .liebiao{ float:left; width:166px; height:314px; margin:3px 0 0 0; display:inline;}

.liebiao .liebiaohead{ width:166px; height:33px; background-image:url(../image/indexad_lipingliebiao.gif); background-repeat:no-repeat;}
.liebiao dl{ width:166px; background-color:#eceaeb;}
.liebiao .whitedl{ width:166px; background-color:#f5f3f4;}
.liebiao dl dt{ font-weight:bold; color:#666666; line-height:25px; margin-left:10px;}
.liebiao dl dd{display:block; line-height:20px; padding-bottom:5px; margin-left:10px;}
.liebiao dl dd a{ color:#666666;}
.lipinitem .lipinfenge{width:166px; height:1px; background-image:url(../image/lipin_fenge.gif); background-repeat:no-repeat;}
.liebiao .liebiaobutton { width:166px; height:7px; background-image:url(../image/indexad_lipingliebiaobutton.gif); background-repeat:no-repeat;}


.indexadbody .centerad{ float:left; width:510px; height:308px; margin:10px 0 0 15px;}
.indexadbody .centerad .flashad{ width:510px; height:272px;}
.indexadbody .centerad .buttonlink{ width:510px; height:25px; margin-top:11px;}
.indexadbody .centerad .buttonlinkleft{ float:left; width:7px; height:25px; background-image:url(../image/centeradleft.gif); background-repeat:no-repeat;}
.indexadbody .centerad .buttonlinkright{ float:left;width:7px; height:25px; background-image:url(../image/centeradright.gif); background-repeat:no-repeat;}
.indexadbody .centerad .buttonlinkcenter{ float:left; width:495px; height:25px; background-image:url(../image/centeradbg.gif); background-repeat:repeat-x;}
.buttonlinkcenter ul li{ float:left; line-height:25px; margin:0 10px 0 10px;}
.buttonlinkcenter ul li a{ color:#989898;}
.buttonlinkcenter ul li .current{ color:#ffac2c;}
.indexadbody .centerad .buttonlinkfenge{ float:left; width:7px; height:25px; background-image:url(../image/centerbgfenge.gif);}

.indexadbody .diyad{ float:left; width:203px; height:310px; margin:10px 0 0 15px;}
.indexadbody .diyad .liucheng{ width:203px; height:252px; background-image:url(../image/diyliuchengbg.gif); background-repeat:no-repeat; margin-bottom:10px;}
.liucheng .diytry{ position:relative; width:127px; height:38px; top:186px; left:40px;}
.liucheng .diyquestion{ position:relative; width:203px; height:20px; top:190px; left:0px; text-align:center; }
.liucheng .diyquestion a{color:#ffe800; font-size:12px; text-decoration:underline;}
.indexadbody .diyad .diyorder{ width:203px; height:48px;}
.diyorder .diyzhuce{ width:203px; height:29px;}
.indexadbody .diyadright{ float:left; width:20px; height:328px; background-image:url(../image/diyad_right.gif);}

.indexadbody .baidulink{ width:950px; height:105px;}
.baidulink .baidu{ float:left; width:678px; height:81px; background-image:url(../image/baidulinkbg.gif); background-repeat:no-repeat; padding:24px 0 0 40px;}
.baidu .scroleft{ float:left; width:9px; height:51px;}
.baidu .scroright{ float:left; width:9px; height:51px;}
.baidu .scrobody{ float:left; width:650px; height:50px; overflow:hidden;}
.baidulink .baidutuangou{ float:left; width:232px; height:105px;}

.indexproc{ float:left; display:inline; width:692px; margin:15px 15px 0 34px;}
.indexproc .newproc{ width:692px;}
.newproc .newprochead{ width:692px; height:5px; font-size:1px; line-height:1px; background-image:url(../image/index_prochead.gif); background-repeat:no-repeat;}
.newproc .newprocbottom{ width:692px; height:5px; font-size:1px; line-height:1px; background-image:url(../image/index_procbottom.gif); background-repeat:no-repeat;}
.newproc .newprocbody{ float:left; width:690px; height:191px; padding-top:10px; border-left:1px solid #d9d5d6; border-right:1px solid #d9d5d6;}
.newprocbody .newproccontent{ float:left; width:334px; height:180px;}
.newproccontent .newproccontenttop{ width:334px; height:160px; margin-bottom:7px;}
.newproccontenttop .tgpic{ float:left; width:175px; padding-left:15px; height:160px;}
.newproccontenttop .tgpic img{ width:170px;}
.newproccontenttop .tginfo{ float:left; width:140px; height:160px;}
.tginfo .tginfodetail{ width:140px; height:95px; line-height:17px; color:#666666;}
.tginfo .tgpriceinfo{ width:110px; height:18px; margin-bottom:3px; padding-left:30px;}
.tginfo .tgpriceinfo .tgyouhui{ float:left; height:16px; width:45px; height:13px; padding-top:2px;}
.tginfo .tgpriceinfo .tgprice{ float:left; width:50px; height:18px; color:#fff;}
.tgprice .tgpriceleft{ float:left; width:5px; height:18px; background-image:url(../image/tgprice_left.gif); background-repeat:no-repeat;}
.tgprice .tgpriceright{ float:left; width:5px; height:18px; background-image:url(../image/tgprice_right.gif); background-repeat:no-repeat;}
.tgprice .tgpricecenter{ float:left; height:18px; color:#fff; font-size:11px; background-image:url(../image/tgprice_bg.gif); background-repeat:repeat-x;}
.tginfo .tginfotitle{ width:140px; line-height:25px;}
.tginfo .tginfotitle a{ font-weight:bold; color:#656565; text-decoration:underline;}
.tginfo span{ display:block; width:120px; text-align:right;}
.newproccontent .newproccontentbotton{ width:334px; height:20px;}
.newproccontentbotton span{ display:block; float:left; width:165px; text-align:center;}
.newproccontentbotton span a{ color:#666;}
.newprocbody .tgfenge{ float:left; width:1px; height:180px; margin-left:10px; border-left:1px solid #d9d5d6;}

.indexproc .procdesign{ width:692px; margin-top:25px;}
.procdesign .procdesignhead{ width:692px; height:5px; font-size:1px; line-height:1px; background-image:url(../image/index_hotbuyhead.gif); background-repeat:no-repeat;}
.procdesign .procdesignbottom{ width:692px; height:5px; font-size:1px; line-height:1px; background-image:url(../image/index_hotbuybottom.gif); background-repeat:no-repeat;}
.procdesign .procdesignbody{ float:left; width:690px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.procdesign .hotbuyproc{ position:relative; top:-19px; left:15px; width:119px; height:36px;}
.procdesign .tuijianproc{ position:relative; top:-22px; left:15px; width:119px; height:36px;}
.procdesign .diyproc{ position:relative; top:-17px; left:15px; width:119px; height:36px;}
.procdesign .proclist_hotbuy{ width:682px; height:192px; position:relative; top:-5px; left:0;}
.procdesign .proclist_tuijian{ width:682px; height:192px; position:relative; top:-8px; left:0;}
.procdesign .proclist_diy{ width:682px; position:relative; top:-5px; left:0;}
.procdesign .proccontent{ float:left; display:inline; width:208px; margin:0 0px 0 15px;}
.proccontent .piccontent{ width:200px; height:200px; border:1px solid #ccc; overflow:hidden; position:relative; text-align:center; display:table-cell; vertical-align:middle;}
.proclist_diy .proccontent{ float:left; display:inline; width:208px; margin:0 0px 0 15px;}
.proclist_diy .piccontent{ width:142px; height:142px; border:1px solid #ccc; overflow:hidden; position:relative; text-align:center; display:table-cell; vertical-align:middle;}
.proccontent .piccontent p { margin:0; padding:0; position:static; +position:absolute; top:50%; vertical-align:middle}
.proccontent .piccontent p img { position:static; +position:relative; top:-50%;left:-50%; vertical-align:middle}
.procdesign .procpiccontent{ border:1px solid #CCCCCC;display:table-cell; height:200px; overflow:hidden; position:relative; text-align:center; vertical-align:middle; width:200px;}
.procdesign .procpiccontent p{ margin:0; padding:0; position:static; top:50%; vertical-align:middle;}
.procdesign .procpiccontent p img{}
.proccontent .zuopin_collection{ position:relative; top:-25px; left:175px;}
.proccontent .workshejish{ margin-left:auto; margin-right:auto; margin-top:3px; width:180px; padding-left:20px; text-align:left; line-height:16px;}
.proccontent .procinfo{ margin-left:auto; margin-right:auto; width:150px; text-align:center; line-height:20px;}
.procinfo span{ display:block;}
.procinfo span .workname a{ color:#000;}
.procinfo span .workprice{ color:#f60;}
.procinfo span .workprice a{ color:#f60;}
.workshejish span{ display:block;}
.workshejish span .workname a{ color:#666;}
.workshejish span .workprice{ color:#f60;}
.workshejish span .workprice a{ color:#f60;}

.indexnews{ float:left; display:inline; width:203px; height:974px; margin-top:3px;}
.indexnews .newcontent{ width:203px; margin:0 0 28px 0;}
.indexnews .newcontent .newshead{ width:203px; height:41px; background-image:url(../image/index_newshead.gif); background-repeat:no-repeat;}
.indexnews .newcontent ul{ width:203px; background-image:url(../image/index_newsbg.gif); background-repeat:repeat-x;}
.indexnews .newcontent ul li{ list-style:none; width:182px; line-height:21px; margin-left:10px; border-bottom:1px dashed #ccc;}
.indexnews .newcontent ul li img{ display:inline; float:left; margin:6px 10px 0 3px;}

.indexzhuanqian{ width:203px; height:172px; padding-top:35px; margin-bottom:15px; background-image:url(../image/index_zhuanqian.gif); background-repeat:no-repeat;}
.indexzhuanqian a{ color:#666;}
.indexzhuanqian .zhuanqianbanquan{ margin:0 0 0 10px; width:132px; height:45px; background-image:url(../image/zhuanqian_banquan.gif); background-repeat:no-repeat; padding-left:50px;}
.indexzhuanqian .zhuanqiantuiguang{ margin:15px 0 0 10px;  width:132px; height:45px; background-image:url(../image/zhuanqian_tuiguang.gif); background-repeat:no-repeat; padding-left:50px;}
.indexzhuanqian .zhuanqianjiameng{ margin:15px 0 0 10px; width:132px; height:45px; background-image:url(../image/zhuanqian_jiameng.gif); background-repeat:no-repeat; padding-left:50px;}
.indexrightad1{ width:203px; height:107px; margin-bottom:15px;}
.indexrightad2{ width:203px; height:107px;}

.indexchangxiao{ width:203px;}
.indexchangxiao .indexchangxiaohead{ width:203px; height:40px; background-image:url(../image/index_changxiaohead.gif); background-repeat:no-repeat;}
.indexchangxiao ul{ width:203px; height:269px; margin:0; background-image:url(../image/index_changxiaobg.gif); background-repeat:repeat-x;}
.indexchangxiao ul li{ line-height:23px; width:180px; margin-left:13px; list-style:none; border-bottom:1px dashed #ccc;}
.indexchangxiao ul li img{ display:inline; float:left; margin:6px 10px 0 3px;}
.indexchangxiao .indexchangxiaobutton{ width:203px; height:10px; background-image:url(../image/index_changxiaobutton.gif); background-repeat:no-repeat;}

.dingzhi_shejishi{ width:910px; height:213px; margin:15px 0 15px 34px;}
.dingzhi_shejishi .dingzhi{ float:left; width:467px; height:213px;}
.dingzhi .dingzhileft{ float:left; width:50px; height:213px; background-image:url(../image/dingzhi_left.gif); background-repeat:no-repeat;}
.dingzhi .dingzhibody{ float:left; width:412px; height:193px; padding-left:5px; border-top:10px solid #ffb401; border-bottom:10px solid #f5922d;}
.dingzhibody .dingzhicontent{ float:left; display:inline; width:192px; height:72px; margin:10px 0 10px 10px;}
.dingzhicontent .dingzhipic{ float:left; width:72px; height:72px;}
.dingzhipic a img{ width:70px; height:70px; border:1px solid #9b9b99;}
.dingzhicontent .dingzhiinfo{ float:left; width:113px; height:72px; line-height:17px; padding-left:5px;}
.dingzhicontent .dingzhiinfo a{ color:#333333;}

.dingzhi_shejishi .shejishi{ float:left; width:443px; height:213px;}
.shejishi .shejishileft{ float:left; width:57px;  height:213px; background-image:url(../image/shejishi_left.gif); background-repeat:no-repeat;}
.shejishi .shejishibody{ float:left; width:377px; height:193px; border-top:10px solid #ffb401; border-bottom:10px solid #f5922d;}
.shejishibody .headpic{ float:left; display:inline; width:70px; height:70px; margin:15px 5px 4px 15px; border:1px solid #999;}
.shejishibody .headpic img{ width:70px; height:70px;}
.shejishi .shejishright{ float:left; width:9px; height:213px; background-image:url(../image/shejishi_right.gif); background-repeat:no-repeat;}

/*新闻详细 begin*/
.newsmainbody{ width:740px; padding:0 0 0 66px;}
.newsmainbody .h1title{ font-size:14px; color:#b36a0e; height:40px; line-height:40px;}
.newsmainbody ul li{ height:30px; line-height:30px; width:740px; border-bottom:1px dashed #ccc; margin-left:10px;}
.newsmainbody ul li img{ display:block; float:left; margin-top:5px;}
.newsmainbody .newstitle{ float:left; width:520px;}
.newsmainbody .newstitle a{ color:#b36a0e;}
.newsmainbody .newsview{ float:left; width:80px;}
.newsmainbody .newsdate{ float:left; width:120px; text-align:right;}
.news_page{ margin:15px 0 0 0;}
.newsbody{ float:left; width:978px; margin-bottom:20px;}
.newsdaohang{ width:978px; height:18px; margin-bottom:15px;}
.newsbody .newstitle{ color:#f60;}
.newsbody .newshead{ width:978px; height:5px; font-size:1px; background-image:url(../image/news/newshead.gif);}
.newsbody .newsbottom{ width:978px; height:5px; font-size:1px; background-image:url(../image/news/newsbottom.gif);}
.newsbody .newscontent{ width:936px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding:15px 20px 0 20px; overflow:hidden;}
.newsbody .newscontent p{ white-space:normal; word-break:break-all; overflow:hidden;}
.newsbody .newscontent .copyrightinfo{ padding:20px 0 20px 0;}
.newsbody .newscontent .copyrightinfo a{ color:#cf9901;}
.newsbody .nextpage{ width:978px; height:40px;}
.newsbody .nextpage a{ color:#cf9901;}
.newsbody .nextpage a:hover{ text-decoration:underline;}
.nextpage .previous{ line-height:20px; float:left;}
.nextpage .next{ line-height:20px; float:right; margin-top:10px;}
/*新闻详细 end*/

#demo { overflow:hidden;} 
#indemo { float: left; width: 800%; } 
#demo1 { float: left; } 
#demo2 {float: left; }