/*design by jojo QQ:26066963 E-mail:twolook@gmail.com blog:www.twolook.com*/ @charset "utf-8"; *{ margin:0; padding:0; text-align:center; list-style:none; line-height:180%;} body { font-size:12px; color:#575757;} img{ border:0;} a{ color:#575757; text-decoration:none;} a:hover{ color:#7cbc0c; text-decoration:underline;} .clear{width:0px; height:0px; line-height:0; overflow:hidden; clear:both;} #top{ width:1002px; height:92px; margin:0 auto; background:url(images/top_bg.gif) repeat-x;} #top #logo{ width:615px; height:92px; float:left;} #nav{ width:1002px; height:41px; margin:0 auto; background:url(images/nav_bg.gif) repeat-x;} #nav ul{ display:block; height:41px; padding-left:260px; text-align:left;} #nav ul li{ display:block; width:88px; height:41px; text-align:center; float:left;} #nav ul li a{ display:block; height:41px; line-height:41px; overflow:hidden; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;} #nav ul li a.now{ background:url(images/nav_li_now.gif) no-repeat; color:#4b7901;} #nav ul li a:hover{ background:url(images/nav_li_now.gif) no-repeat; color:#4b7901;} #show{ width:990px; height:241px; margin:0 auto; margin-top:5px;} #content{ width:1002px; margin:0 auto; margin-top:5px;} #content #content_left{ width:280px; margin-left:5px !important; margin-left:2px; background:url(images/block_all_bg.gif); float:left;} #content #content_left #content_left_top,#content #content_left #content_left_bottom{width:280px; height:11px;} #content #content_left #content_left_top{ background:url(images/block_top_bg.gif) no-repeat;} #content #content_left #content_left_bottom{ background:url(images/block_bottom_bg.gif) bottom no-repeat;} #content #content_left #index_left_product{ text-align:left;} #content #content_left #index_left_product h2{ display:block; width:233px; height:55px; margin:0 auto; background:url(images/h2_index_product.gif) no-repeat;} #content #content_left #index_left_product ul{ width:220px; margin-left:30px !important; margin-left:15px; margin-bottom:20px; float:left;} #content #content_left #index_left_product ul li{ padding-left:10px; text-align:left; background:url(images/li_bg.gif) bottom repeat-x;} #content #content_left #index_left_product ul li a{ padding-left:10px; background:url(images/list_img.gif) center left no-repeat;} #content #content_left #index_left_contact{} #content #content_left #index_left_contact h2,#content #content_left #co_taste h2{ display:block; width:233px; height:55px; margin:0 auto; background:url(images/h2_index_contact.gif) no-repeat;} #content #content_left #index_left_contact ul{ width:220px; margin-left:30px !important; margin-left:15px; margin-bottom:20px; float:left;} #content #content_left #index_left_contact ul li{ padding-left:10px; text-align:left; background:url(images/li_bg.gif) bottom repeat-x;} #content #content_left #co_taste{} #content #content_left #co_taste h2{ background:url(images/h2_taste.gif) no-repeat;} #content #content_left #co_taste ul{} #content #content_left #co_taste ul li{ display:block; height:110px;} #content #content_left #co_taste ul li img{ padding:2px; border:1px solid #B2B2B2;} #content #content_right{ width:707px; margin-right:5px; float:right;} #content #content_right h2{ display:block; width:649px; height:55px; margin:0 auto; margin-top:11px; background:url(images/h2_index_co.gif) no-repeat;} #content #content_right p{ width:580px; margin:0 auto; margin-top:10px; font-size:14px; text-align:left; text-indent:2em;} #content #content_right #co_img_turn{ margin:0 auto; margin-top:10px;} #content #content_right #co_img_turn img{ padding:2px; border:1px solid #575757;} #content #content_right .product{ background:url(images/h2_product.gif) no-repeat;} #content #content_right .case{ background:url(images/h2_case.gif) no-repeat;} #content #content_right .news{ background:url(images/h2_news.gif) no-repeat;} #content #content_right .guestbook{ background:url(images/h2_guestbook.gif) no-repeat;} #content #content_right .contact{ background:url(images/h2_contact.gif) no-repeat;} #content #content_right #product,#content #content_right #case{ padding-left:20px !important; padding-left:0px;} #content #content_right #news{ width:600px; margin:0 auto; margin-top:20px;} #content #content_right #product ul,#content #content_right #case ul,#content #content_right #news ul{} #content #content_right #product ul li,#content #content_right #case ul li{ display:block; height:130px; margin-left:50px !important; margin-left:40px; margin-top:20px; float:left;} #content #content_right #product ul li{ margin-left:70px !important; margin-left:50px; height:180px;} #content #content_right #product h3{ display:block; text-align:left; margin-top:30px; padding-left:40px; font-size:14px;} #content #content_right #product p{ display:block; text-indent:2em;} #content #content_right #news .news_title{ background:none;} #content #content_right #news .date{ padding-left:500px;} #content #content_right #news ul li{ padding-left:10px; text-align:left; background:url(images/li_bg.gif) bottom repeat-x;} #content #content_right #news ul li a{ padding-left:10px; background:url(images/list_img.gif) left center no-repeat; line-height:200%;} #content #content_right #page{ margin-top:20px; padding-left:400px; clear:both;} #content #content_right #page ul{} #content #content_right #page ul li{ display:block; margin-left:20px; float:left;} #content #content_right #contact{ width:500px; margin:0 auto; margin-top:40px; padding:30px; border:1px solid #CCCCCC; background:#E3E3E3;} #content #content_right #contact ul{ margin-left:100px;} #content #content_right #contact ul li{ text-align:left;} #bottom{ width:952px; height:82px; margin:0 auto; padding-top:60px; line-height:150%; overflow:hidden; background:url(images/bottom_bg.gif) repeat-x; text-align:center; color:#FFFFFF;} #bottom a{ color:#FFFFFF;} #bottom a:hover{ color:#575757;}