@charset "utf-8";
/*
Powered By www.toprand.com
*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:14px; font-weight:normal; }
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:14px;}  
a {color:#666;text-decoration:none;}
a:hover {color:#0781ca;}
a:active {color:#0781ca;}
.hidden{ display:none}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:14px;color:#666;} 
.indexFlash{width:100%; height:100%; min-width:990px; min-height:480px; margin:0 auto; padding-top:100px;}
.indexFlash embed{ width:100%; height:100%; padding-top:100px;} 

#kinMaxShow{visibility:hidden;width:100%; height:386px;overflow:hidden;}

.wrap{ width:1002px; margin:0 auto; }
.head{ background:url(../images/bg3_head.jpg) repeat-x; width:100%; height:147px;}
.head h1{ float:left; padding-top:13px;}
.headright{ float:left; width:220px; padding-left:50px; padding-top:30px;}
.headone{ float:right; width:295px; padding-top:7px; height:30px;}
.eng{ float:right; width:67px; border:1px solid #e4e4e4; line-height:19px;  font-family:"\5FAE\8F6F\96C5\9ED1"; position:relative; margin-left:10px; display:inline;}
.eng a{ padding-left:13px; display:block; color:#666; background:url(../images/icon_jiao.jpg) 54px 9px no-repeat;}
.eng a:hover{color:#0781ca;}
.engbox{ position:absolute; left:-1px; top:20px;width:67px; border:1px solid #e4e4e4; border-top:0; display:none; z-index:99;}
.eng .engbox a{ background:none;}
.share{ float:right; line-height:21px; margin-left:15px; display:inline;}
.mmans{ width:220px; display:inline; text-align:right; padding-top:20px;}/*07.25*/
.search{ float:left; width:220px; margin-top:3px;}/*07.25*/
.txt_search{ width:123px; height:20px; line-height:20px; border:1px solid #ccc; padding:0 10px;}
.btn_search{ background:url(../images/btn_search.jpg) no-repeat; width:57px; height:22px; cursor:pointer; border:0;}


/*nav*/
.nav{width:1080px; float:left;}
.nav ul{ width:1080px; margin-top:17px; list-style:none;}
.nav li{text-align:center;float:left;list-style:none;}
.nav li a{width:120px;height:33px;line-height:33px;display:block;color:#fff;}
.nav li a:hover{ width:120px; height:33px;color:#fff; background:url(../images/nav_hover1.png) no-repeat;display:block;}
.fg{ width:2px; height:33px; line-height:33px; background:url(../images/fg.png) no-repeat bottom;}
.fg1{ width:2px; height:40px; line-height:40px; color:fff; }
.nav a{ margin:0 3px; color:#292929;line-height:25px;  font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px; }
.nav a:hover{color:#0781ca;}

/* main */
.main{ float:left; width:100%;  margin-bottom:40px; margin-top:10px;}
.index_news{ float:left; width:324px; overflow:hidden; padding-left:6px;}
.title{ float:left; width:323px; height:36px; border-right:1px solid #e3e3e3; margin:1px 0; }
.title h2{ float:left; padding-top:4px;}
.jia{ float:right; padding:17px 17px 0 0;}

.index_news_con{ float:left; width:324px; margin-top:20px;}
.list1 li{ float:left; width:100%; line-height:24px;}
.list1 li a{ display:block; padding-left:8px; background:url(../images/bg_dian1.jpg) 0 10px no-repeat;}
.list1 li a:hover{background:url(../images/bg_dian2.jpg) 0 10px no-repeat;}
.time{ width:67px; color:#ababab;}

.index_shop{ float:left;width:337px; padding-left:13px; overflow:hidden;}
.titleku1{ width:336px}
.index_shop_con{ float:left; padding:18px 0 0 5px; width:326px; overflow:hidden;}
.index_zhinan{ float:left;width:289px; padding-left:14px; overflow:hidden;}
.titleku2{ width:289px; border-right:0;}
.index_zhinan_con{ float:left; padding:16px 0 0 0px; }
/*07.21*/
.list2 li{ float:left; width:140px;display:inline; line-height:28px; font-weight:bold; margin-bottom:7px; margin-right:3px;}/*08.23.*/

.list2 li a{background: #eeeeee url(../images/pptx.jpg) 9px center no-repeat; display:block; padding-left:45px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.list2 li a:hover {background:url(../images/list_icon0h.jpg) left center no-repeat; color:#FFF; padding-left:45px;}
.list2 li.icon2 a{background:url(../images/list_icon04.jpg) 9px center no-repeat;}
.list2 li.icon2 a:hover{background:url(../images/list_icon04h.jpg) left center no-repeat;}

.list2 li.icon3{ height:62px;line-height:20px;}
.list2 li.icon3 a{background:url(../images/pptx01.jpg) right center no-repeat; display:block; padding-left:55px;  line-height:40px; padding-top:10px; height:53px;}
.list2 li.icon3 a:hover{ background:url(../images/pptx02.jpg) left center no-repeat;}

.list2 li.icon4 a{background:url(../images/list_icon01.jpg) 9px center no-repeat; }
.list2 li.icon4 a:hover{background:url(../images/list_icon05h.jpg) left center no-repeat;}

/*工程案例*/
.case{ width: 100%; float:left; margin-top:20px;}
#case1{ /* width:688px; */ margin:0 auto; margin-top:10px;}
#case1 .product{width:150px; height:122px; float:left; text-align:center;background:url(../images/ca-bj.jpg) no-repeat;}
h4{ font-size:14px;width:68px;  height:30px; color:#fff;line-height:32px;font-weight: normal; padding-left:35px;float:left;}
#case1 .product a{width:138px; height:110px; float:left; text-align:center; padding:5px;}
#case1 .product img{width:138px; height:110px; display:block;border:1px #cccccc solid; }
#case1 .product a:hover img{display:block;border:1px #ee7502 solid; }

/*08.23.*/
/*07.25*/
/*.list2 li.icon5 a{background:url(../images/list_icon03.jpg) 9px center no-repeat;}
.list2 li.icon5 a:hover{background:url(../images/list_icon03h.jpg) left center no-repeat;}
.list2 li.icon6 a{background:url(../images/list_icon06.jpg) 9px center no-repeat;}
.list2 li.icon6 a:hover{background:url(../images/list_icon06h.jpg) left center no-repeat;}*//*07.21*/

/* mmain */
.mban{ width:100%; overflow:hidden; margin:0 auto; height:188px; background:url(../images/top_2.jpg) no-repeat center;}
.mmain{ float:left; background:url(../images/bg_mmian.jpg) repeat-x; width:100%;}
.bgcon{ float:left; width:100%; background:url(../images/bg_con.jpg) 198px 0 repeat-y; padding-bottom:118px;}
.nobgs{ background:none;}
/* mleft */
.mleft{ float:left; width:202px; background:url(../images/bg_left.jpg) right 0 no-repeat;padding-top:16px;}
.wrap .nobgs{ background:none;}
.mleft2{ width:210px;}
.lefttitle{ float:left; width:190px; padding-right:8px; text-align:right;border-bottom:1px solid #f2f2f2;}
.leftnav{ float:left; margin-right:5px; width:195px; display:inline; margin-top:7px;}
.leftlist li{ float:left; width:100%; text-align:center; line-height:32px; margin-bottom:5px; font-family:"\5FAE\8F6F\96C5\9ED1"; position:relative;}
.leftlist li a{ display:block; padding-right:2px; color:#333; background:url(../images/left_nav.jpg) no-repeat center; width:195px; height:32px; }
.leftlist li a:hover{ padding-right:2px; background:url(../images/left_nav_hov.jpg) no-repeat center; width:195px; height:32px; color: #fff;}
.leftlist li .linews{ position:absolute; left:20px; top:-6px;}




/*mright*/
.mright{ float:right; width:786px; margin-top:15px; min-height:300px;}
.curr{ float:left; width:100%; line-height:30px; background:url(../images/bg_curr.jpg) 0 bottom no-repeat; height:31px;}
.curr h2{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; float:left; padding-left:17px; background:url(../images/icon_jiaoc.jpg) 0 12px no-repeat; color:#0781ca;}
.curr_right{ float:right; padding-right:10px;}
.curr_right a{color:#0781ca}


/* about */
.hiscon{ float:right; width:765px; margin-top:22px; overflow:hidden; padding-top:9px; line-height:26px; }
.hislist li{ float:left; width:100%; background:url(../images/bg_his2.jpg) right bottom no-repeat; padding-bottom:7px; margin-bottom:17px;}
.hislist li .p1{ font-size:9px; color:#b3b2b2;font-family:Arial, Helvetica, sans-serif;}
.hislist li .p2{ font-size:14px; color:#676363; font-family:"\5FAE\8F6F\96C5\9ED1";}
.hislist li .li1{ float:left; width:66px; text-align:right; line-height:14px;}
.hislist li .li2{ float:left; width:54px; padding:2px; border:1px solid #d3d3d3; margin-left:7px; display:inline;}
.hislist li .li3{ float:left; width:590px; margin-left:10px; display:inline; line-height:21px;}
.hislist li.hover .li1{ background:url(../images/bg_his.jpg) 0 center no-repeat;}
.hislist li.hover .p2{ color:#20a09e; line-height:18px; font-size:18px;}

/*company news*/
.com_news{width:100%; float:left; margin-top:20px;}
.com_news li{ line-height:30px;}
.product1 li{float:left;width:160px; margin:0 8px;_margin:0 4px;}
.product1 li img{ width:150px;height:130px;padding:5px; background:#fff;border:1px solid #ccc;}
.product1 li div{height:29px;line-height:29px;text-align:center;}
.news_list li{background:#fff url(../images/news_list.jpg) center bottom no-repeat;width:100%; float:left; padding-bottom:22px;}
.news_list li.nobg{background:none;}
.newspic{width:131px; background:url(../images/pic_bg.jpg) no-repeat; height:80px; float:left; padding:7px;}
.newsword{float:right; width:625px; line-height:20px;}
.newsword h2{width:100%; margin-bottom:5px; font-weight:bold;}
.newsword h2 a{color:#0781ca;}
.newsword h2 span{float:right; font-weight:normal;}
.or{ line-height:30px;}
.or a{color:#f5821f}
/*comany news style2*/
.hotnews{ width:100%; float:left; margin-bottom:15px;}
.hotpic{float:left; width:153px; height:103px; padding:2px 3px; border:1px solid #929292;}
.article{float:right; width:605px; line-height:22px; margin-top:10px;}
.orange{line-height:20px;}
.listnews li{line-height:30px; width:100%; background:url(../images/dian_line.jpg) left bottom repeat-x;}
.listnews li span{float:right;}
.listnews li a{padding-left:10px; background:url(../images/bg_dian1.jpg) left center no-repeat; display:block;}
.listnews li a:hover{background:url(../images/bg_dian2.jpg) left center no-repeat; color:#f5821f;}
.news{width:760px; margin:20px auto 0 auto;}
.news ul{ margin-top:10px;}
.news li div{width:605px;text-indent:30px;background:url(../images/nav-news1.gif) no-repeat;}
.news li span{width:154px;text-align:center;}
.news li div ,.news li span{float:left;display:inline; line-height:29px; height:29px;border-bottom:1px dashed #ccc;}
/*news detail*/
.tips{width:100%; float:left; line-height:30px;}
.artitle{ margin-top:30px; border-bottom:1px solid #ddd; float:left; width:100%;text-align:center;}
.artitle h2{ font-size:20px; color:#119997; font-weight:bold; text-align:center; line-height:30px;}
.artitle span{ line-height:30px;}
.newdetail{ width:100%; margin-top:8px; float:left; line-height:24px; margin-bottom:40px;}
.newdetail img{padding:6px; border:1px solid #ddd;}
.gsjj{ width:768px; margin:0 auto; line-height:26px; padding-top:20px;}
.texttit{width:768px;font:bold 20px/40px Arial,"microsoft yahei","";text-align:center; border-bottom:1px solid #ccc; margin:0 auto; margin-top:15px;}
.textbox{ width:768px;word-wrap:break-word;word-break:break-all; margin:0 auto; margin-top:15px;}
.textbox img{width:768px; padding:10px; border:1px #ccc solid; margin:10px auto}
.news_con{ width:733px; line-height:28px;}	

/*video center*/
.video li{float:left; margin-bottom:20px; margin-right:30px; display:inline; width:237px; line-height:20px;}
.video li.v_shan{margin-right:0;}
.videopic{width:220px; padding:5px; border:3px solid #d6d6d6; margin-bottom:5px;}

.aa a{display:block; background:url(../images/video_icon.png) left 6px no-repeat; padding-left:15px; cursor:pointer;}
.aa a:hover{background:url(../images/video_icon2.png) left 6px no-repeat; color:#f5821f;}
.video_detail{margin-top:10px;}
.video_detail h2{color:#666;}
.vcenter{float:left; background:url(../images/dian_line.jpg) left bottom repeat-x; width:100%; line-height:24px; margin:20px 0; padding-bottom:20px;}

/*team*/
.team li{width:249px; float:left; margin-right:18px; line-height:25px; text-align:center; margin-bottom:20px;}
.team li.teamshan{ margin-right:0px;}
.team li a{ cursor:pointer; font-weight:bold;}
.team li a:hover{ color:#f5821f;}
.teampic{ width:239px; height:132px; border:5px solid #d6d6d6;}

/*mall*/
.mallcon{ float:left; width:100%; margin-top:20px; overflow:hidden;}
.mallcon2{ float:left; width:100%; margin-top:10px; overflow:hidden;}
.malltitle{ float:right; padding-right:11px; height:50px;}
.mallul{ float:left; width:100%;}
.malllist li{ float:left; width:200px; height:340px; overflow:hidden; border-bottom:1px solid #c9c9c9; line-height:19px; padding:0 31px; display:inline; margin-bottom:35px;}
.malllist li img{ display:block; margin-bottom:10px;}
.malllist li h2{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; margin-bottom:5px;}
.pmore{ margin-top:5px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.pmore a{ color:#009999}
.qihoumain{ float:left; width:100%; background:url(../images/bg_qihou.jpg) center 0 no-repeat; height:460px;}
.qhleft{ float:left; padding:98px 0 0 21px; width:130px;}/*8.23*/
.qh1{ float:left; line-height:24px; color:#fff; padding-left:10px; width:120px; background:url(../images/icon_jiao.gif) 0 7px no-repeat;margin-bottom:10px;}
.qh2{ float:left; padding-left:10px;}
.qh2 p{ margin-bottom:4px;}
.qhmiddle{ float:left; width:360px; padding:113px 0 0 0;}
.qhright{ float:right; padding:133px 30px 0 0; width:278px;}
.bleft{ float:left; background:url(../images/b_left3h.gif) no-repeat; width:29px; height:65px; display:block; display:inline;position:absolute; right:320px; top:225px;}
.bright{ float:right; background:url(../images/b_right3h.gif) no-repeat; width:29px; height:65px; display:block;display:inline;position:absolute; right:50px; top:225px;}
.bcon{ float:left; background:url(../images/bg_qh.png) no-repeat; width:215px; height:175px; text-align:center; padding-top:58px;}
.bcon .arrlist1 li{ float:left; width:215px; height:100px; position:relative;_position:static;}
.qhcc{ position:relative; float:right; width:752px;}



.qihouflash{ float:left; width:100%; margin-bottom:30px;}
.prolist li{ float:left; width:173px; height:151px; margin-right:31px; display:inline; margin-bottom:31px;}
.prolist li.noright{ margin-right:0;}
.prolist li a{ display:block; border:1px solid #e9e9e9; width:171px; height:149px;background:#f0f0f0; }
.prolist li a:hover{border:1px solid #69a1a0;background:#b4d8d8;  }

.gcmain{ float:left; width:100%; background:url(../images/bg_gongcheng.jpg) center 0 no-repeat;}
.gccurr{ float:right; line-height:30px; height:31px; margin-top:10px; margin-right:16px; display:inline; margin-bottom:105px;}

.chazhao{ float:left; width:100%; background:url(../images/btn_chazhao.jpg) no-repeat; height:45px; margin:40px 0 20px 0;}/*08.14*/
.fenlei{ float:right;  width:97px; height:24px; margin:8px 24px 0 17px; display:inline;line-height:24px; position:relative;}
.fenlei a{ padding-left:13px; display:block; }
.fenlibox{ position:absolute; left:0; top:24px;width:95px; border:1px solid #9c9c9c; border-top:0; background:#eaeaea; display:none;}
.btnsousuo{ background:url(../images/b_sousuo.jpg) no-repeat; width:87px; height:24px; cursor:pointer; border:0; float:right; margin-top:8px; margin-left:5px; display:inline;}
.txt_search2{ width:133px; padding:0 25px; color:#666; background:#fff url(../images/txt_bg1.jpg) 6px 4px no-repeat; border:1px solid #e4e4e4; line-height:22px; height:22px; margin-top:8px; float:right;}

.procon{ float:left; width:100%; background:url(../images/bg_list.jpg) repeat; margin-top:-5px;}
.prolist2 li{ float:left; width:251px; height:123px; border:1px solid #fff; padding-top:4px; margin-right:13px; margin-top:20px; margin-bottom:5px;}
.prolist2 li .l{ float:left; width:118px; overflow:hidden; padding-left:10px;}
.prolist2 li .r{ float:right; width:100px; padding-right:6px; color:#000; line-height:18px;}
.prolist2 li .r h2{font-family:"\5FAE\8F6F\96C5\9ED1"; margin-bottom:5px}
.prolist2 li .r h2 a{ color:#000}
.prolist2 li .r h2 a:hover{ color:#0781ca}
.prolist2 li .fangda{ float:right; margin-top:5px; display:none}
.prolist2 li.hover .fangda{ display:block}
.prolist2 li.hover{ border:1px solid #e9e9e9;}

.pro_detail{ float:left; width:655px; height:530px; border:10px solid #bcbcbc; background:#fff;}
.proleft{ float:left; padding-left:15px; padding-top:15px; width:150px; overflow:hidden; line-height:22px; color:#333}
.proleft h1{ font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1"; width:100%;}
.proleft h2{ padding-left:16px; background:url(../images/img_jiao.jpg) 0 center no-repeat;}
.buy{ float:left; width:100%; margin:8px 0 15px 0;}
.proright{ float:right; width:432px; padding-right:12px; padding-top:89px;}
.bigimg{ float:left; width:100%; height:300px; border-bottom:1px solid #e5e5e5; padding-bottom:35px; text-align:center; margin-bottom:6px;}


.slide-pic A#prev {float:left;display:inline;width:20px;height:50px;background:url(../images/b_left2h.jpg) no-repeat;border:0;cursor:pointer;margin:5px 8px 0 0;}
.slide-pic A#next {float:right;display:inline;width:20px;height:50px;background:url(../images/b_right2h.jpg) no-repeat;border:0;cursor:pointer;margin:5px 0px 0 0;}
.slide-pic A.gray#prev{background:url(../images/b_left2.jpg) no-repeat;}
.slide-pic A.gray#next{background:url(../images/b_right2.jpg) no-repeat;}

.slide-pic .pic-container {width:384px;overflow:hidden; height:68px;float:left;}
.slide-pic ul li {width:60px;  cursor:pointer;  height:60px; margin:0 2px; margin-top:3px; float:left; overflow:hidden;  display:inline;}
.slide-pic ul li img{ display:block;border:1px solid #c8c8c8;}
.slide-pic ul li.cur{ margin:0;}
.slide-pic ul li.cur img{ border:3px solid #0781ca; padding:1px;}

.scroll { ZOOM: 1; OVERFLOW: hidden; float:left; width:100%; position:relative; z-index:3}
.scroll .arrLeft {WIDTH: 30px; background:url(../images/b_left3.gif) no-repeat;  HEIGHT: 65px; cursor:pointer; display:inline; position:absolute; top:103px; left:0; z-index:3}
.scroll .arrCont{ float:left;width:786px; height:270px;overflow:hidden;}
.scroll .arrRright{WIDTH: 30px; BACKGROUND: url(../images/b_right3.gif) no-repeat; HEIGHT: 65px;cursor:pointer;position:absolute; top:103px; right:0;z-index:3}
.scroll .arrlist li{ float:left; width:786px; height:270px; position:relative;_position:static;}
.scroll .arrlist1 li{ float:left; width:120px; height:100px; position:relative;_position:static;}

.scroll .arrlist li .pobox{ background:#0781ca; width:736px; padding:0 25px; padding-top:5px; line-height:20px; height:45px; float:left; _margin-top:-75px; top:195px; _top:0; position:absolute; _position:static; color:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.pjiao{ padding-left:10px; background:url(../images/icon_jiao2.gif) 0 center no-repeat;}



/*pages*/
.pages{ float:left; width:100%; padding-top:20px; height:30px;}

.pages a{ border:1px solid #ddd; padding:3px 6px;}
/*.pages a:hover,.pages a.hover{ background:#009290; border:1px solid #009290; font-weight:bold;}*/

/* foot*/
.foot{ width:100%; background:url(../images/bg_foot1.jpg) repeat-x; padding-top:2px; margin:0 auto; height:110px; }
.intop{ float:left; width:100%; height:20px; text-align:center}
.footmap{ float:left; width:675px; padding-left:5px;}
.foottile{ line-height:45px; font-size:22px; width:100%; color:#0781ca; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.foottile span{ margin-left:10px;}

.fmaplist{ width:168px; float:left;}/*08.14*/
.fmaplist li{ float:left; line-height:24px; width:100%;}
.fmaplist li.lititle{ font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-bottom:5px; font-weight:bold;}
.fmaplist li.lititle a{ color:#0781ca}

.footcontact{ float:right; width:290px; padding-right:10px;}
.footcon{ float:left; width:100%; line-height:24px;}
.fconimg{ margin-top:7px;}
.foottext{ float:left; line-height:20px; color:#8b8b8b; margin-top:25px;}
.foottext a{ color:#8b8b8b; font-family:"\5FAE\8F6F\96C5\9ED1";}
.foottext a:hover{color:#0781ca}
.footlogo{ float:right; padding-right:50px; margin-top:25px;}






/*text*/
.f_l{ float:left;}
.f_r{ float:right;}
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.lv{ color:#0781ca}
.red{ color:#cc0000;}
.hei3{ color:#333}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
 
/* flash*/
#slide-index {
	POSITION: relative; MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 395px; OVERFLOW: hidden
}
#slide-index .slides {
	MIN-WIDTH: 1000px; WIDTH: auto; HEIGHT: 395px
}
#slide-index .slide {
	POSITION: relative; MIN-WIDTH: 1000px; FLOAT: left; HEIGHT: 395px
}
#slide-index .image {
	Z-INDEX: 1; POSITION: absolute
}
#slide-index .text {
	Z-INDEX: 2; POSITION: absolute; TOP: -500px
}
#slide-index .button {
	Z-INDEX: 2; POSITION: absolute; TOP: -500px
}
#slide-index .button {
	WIDTH: 138px; DISPLAY: none
}
#slide-index .control {
	Z-INDEX: 40; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 100%; BOTTOM: 6px; HEIGHT: 10px; CURSOR: pointer; padding-left:450px;
}
#slide-index .control A { background:url(../images/f_bg2.jpg) no-repeat; FILTER: alpha(opacity=60); WIDTH: 24px; DISPLAY: inline-block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 7px; CURSOR: pointer; MARGIN-RIGHT: 6px; opacity: 0.6; overflow:hidden}
#slide-index .control A:hover {background:url(../images/f_bg1.jpg) no-repeat;FILTER: alpha(opacity=100); opacity: 1}
#slide-index .control A.active {background:url(../images/f_bg1.jpg) no-repeat;FILTER: alpha(opacity=100); opacity: 1}
.autoMaxWidth {
	POSITION: relative; HEIGHT: 232px; OVERFLOW: hidden
}

.font14{ font-size:14px;}



/*7.18*/
.aboutbig{ float:left; width:953px; height:564px; position:relative; z-index:2}
.aboutbg{ position:absolute; left:0; top:0; width:325px; height:564px; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.abouttext{position:absolute; left:0; top:0; width:197px; height:534px; z-index:2; padding:30px 0 0 28px; color:#fff; line-height:20px; font-family:"\5FAE\8F6F\96C5\9ED1";}
.abtt{ line-height:36px; font-size:36px; font-family:Arial, Helvetica, sans-serif; margin-bottom:18px;}

.slide-pic3 A#prev {width:23px;height:34px;background:url(../images/b_left.gif) no-repeat;border:0;cursor:pointer; position:absolute; top:238px; left:20px; z-index:2}
.slide-pic3 A#next {width:23px;height:34px;background:url(../images/b_leftss.gif) no-repeat;border:0;cursor:pointer; position:absolute; top:238px; right:20px; z-index:2}
.slide-pic3 .pic-container {width:953px;overflow:hidden; height:564px;float:left;}
.slide-pic3 ul li {width:953px; cursor:pointer;  height:564px; float:left; overflow:hidden; position:relative;}
.slide-pic3 ul li img{ display:block;}

.aboutbig2{ float:left; width:854px; height:462px; position:relative; z-index:2}
.slide-pic4 A#prev {width:23px;height:34px;background:url(../images/b_left.gif) no-repeat;border:0;cursor:pointer; position:absolute; top:218px; left:20px; z-index:2}
.slide-pic4 A#next {width:23px;height:34px;background:url(../images/b_leftss.gif) no-repeat;border:0;cursor:pointer; position:absolute; top:218px; right:20px; z-index:2}
.slide-pic4 .pic-container {width:854px;overflow:hidden; height:462px;float:left;}
.slide-pic4 ul li {width:854px; cursor:pointer;  height:462px; float:left; overflow:hidden; position:relative;}

.slide-pic4 ul li img{ display:block;}


/*product show*/
.wrap2{width:100%; position:relative;}
.product_detail{position:absolute; left:196px;  border:1px solid #eaeaea; width:760px; background:#fff; z-index:9999; top:-11111px;}
.porduct_con{margin:25px 18px 22px 22px; width:720px; height:300px;}
.btn{float:right; height:25px;}
.close{ background:url(../images/close.jpg) right top no-repeat; width:18px; height:17px; border:none; cursor:pointer;}
.program{line-height:25px;}
.program h2{font-weight:bold;}
.program h2 span{font-size:16px; color:#099;}
.bigpic{width:673px; height:230px; margin-top:5px;}

/*����ҳ��*/

.buytips{width:100%; margin:5px 0 0 0; float:left; background:url(../images/buy_bg.jpg) left top no-repeat; line-height:25px; padding:5px 0 10px 20px; width:765px; color:#009999;}
.buyer{margin-top:20px; width:100%;}
.buyerinfor{width:100%;background:none;}
.buyerinfor td ,.buyerinfor th{padding:10px 0;}/*8.23*/
.buyerinfor th{font-weight:normal; text-align:right; }
.personer{margin-left:10px; height:22px; line-height:22px;}
.chengse{margin-left:10px; color:#f5821f; font-size:16px; font-weight:bold;}
.adss{margin-left:10px; line-height:24px; border:1px solid #d6d6d6; width:298px; height:22px; padding-left:5px;}
.area{height:94px; width:430px; margin-left:10px;border:1px solid #d6d6d6; line-height:25px; padding-left:5px;}
.peo{width:150px;}
/*07.20*/
.email{width:200px;}
.lookup{margin:0 0 0 30px;}
.on_btn{float:left; margin-bottom:20px;}
.on_list li{float:left; width:786px; background:url(../images/dian_line2.jpg) left bottom no-repeat;}
.on_left{float:left; width:48px; margin-right:8px; line-height:20px;}
.on_right{float:right; width:730px;}
.on_right p{line-height:20px;}
.on_lou{ font-size:18px; margin:15px 0 0 10px; font-family:Arial;}
.on_back{background:url(../images/on_back.jpg) left top no-repeat; width:715px; float:left; height:29px; padding:18px 0 0 15px; color:#0781ca;}
.on_time{line-height:25px; float:left; width:730px;}
.on_time span{float:right;}
.on_wright{margin-top:35px; width:786px; border-top:1px solid #e4e4e4; float:left; padding-top:10px;}/*07.20*/


.tjinfor{ float:left; margin:20px 0 0 120px; width:200px; display:inline;}
.tjinfor2{ margin:0 0 0 10px;}
.sure{width:87px; height:24px; background:url(../images/sure_btn.jpg) no-repeat; border:none; cursor:pointer; margin-right:10px;}
.repeat{background:url(../images/repeat_btn.jpg) no-repeat;}

/*7.24*/
.dongtai{ float:left; width:100%; margin-bottom:15px; font-size:14px; font-weight:bold;}
.joinjg{ margin-top:-10px; float:left; width:370px;}
.joinlist li{ float:left; width:100%; line-height:24px;}
.joinlist li span{ float:right;}
.joinlist li a{ padding-left:10px; background:url(../images/bg_dian1.jpg) 0 4px no-repeat;}

.jointwo{ float:left; width:100%; margin-top:20px; margin-bottom:30px;}
.jointab{ float:left; width:376px; overflow:hidden;}
.join_t{ background:url(../images/join_t.jpg) no-repeat; height:5px; overflow:hidden; float:left; width:100%;}
.join_f{ background:url(../images/join_f.jpg) no-repeat; height:5px; overflow:hidden; float:left; width:100%;}

.join_c{ border-left:1px solid #dadada; height:158px; border-right:1px solid #dadada; overflow:hidden; float:left; width:350px; padding:0 12px;}
.join_c h2{ line-height:30px; margin-bottom:9px; font-size:14px; width:100%; float:left; font-weight:bold;}
.joinlist2 li{ float:left; margin-left:2px; display:inline; width:150px; margin-right:35px; font-weight:bold; margin-bottom:17px;}
.joinlist2 li.noright{ margin-right:0;}
.joinlist2 li img{ vertical-align:middle; margin-right:10px;}
.joinlist2 li a{ color:#f5821f}
.joinright{ float:right}
.joinlist3 li{ float:left; width:100%; margin-bottom:30px;}
.joinlist3 li .l{ float:left; width:54px;}
.joinlist3 li .r{ float:left; width:280px; padding-left:10px; line-height:18px;}
.joinlist3 li .r h2{ font-size:14px; font-weight:bold; margin-bottom:5px;}
.joinlist3 li .r a{ text-decoration:underline;}
.joinsq{ float:right; width:376px; line-height:18px;}
.joinsq h2{ font-size:14px; margin-bottom:5px; font-weight:bold; color:#0781ca;}
.imgsq{ margin-top:10px;}
.join_img{ margin-bottom:23px; float:left; width:100%;}
.fuwulist li{ float:left; width:189px; margin-right:10px; display:inline;}
.fuwulist li.noright{ margin-right:0;}
.fuwulist li a{ display:block; width:189px; height:179px;}
.fuwulist li a:hover{ background:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

/*07.25*/
.member{width:786px; float:left; margin-top:15px;}
.mem_login{ width:340px; border:1px solid #e8e8e8; float:left; margin-right:74px; display:inline;}
.logintable{ width:300px; float:left; margin:0 20px 0 20px; display:inline; line-height:36px;}
.logintable th{font-weight:normal; color:#000; text-align:left;}
.user{width:165px; border:1px solid #e4e4e4; line-height:22px; height:22px;}
.yzm{width:96px; margin-right:3px;}
.members{ line-height:40px; font-family:"\5FAE\8F6F\96C5\9ED1"; width:100%; float:left;}
.members h2{padding-left:20px; float:left; font-size:14px;}
.login{background:url(../images/login_btn.jpg) left center no-repeat; width:87px; height:24px; border:none; font-weight:bold; color:#f5821f;  margin-right:10px;}
.reset{color:#666;}
.pp{margin-top:20px;}
.weizi{line-height:25px;padding-bottom:10px;}
.weizi a{ color:#009999;}
.newmem{ float:left; width:340px;}

.tinian{ width:289px; float:left;}
.tt{ margin-left:10px; margin-bottom:7px; width:101px; float:left; display:inline;}
.how{ width:165px; float: right; margin-left:10px; line-height:20px;}
.how a{background:url(../images/list_icon08.jpg) left center no-repeat; padding-left:15px; display:block; color:#f4915c; font-weight:bold;}

.sousuo{margin-top:10px; width:100%; float:left;}
.soulist li{line-height:18px; background:url(../images/dian_line03.jpg) left bottom no-repeat; font-family:"\5FAE\8F6F\96C5\9ED1"; margin-top:10px;}
.soulist li a{display:block; background:url(../images/dian.jpg) left center no-repeat; padding-left:15px; color:#333333;}
.soulist li p{ line-height:22px; padding-left:15px;}
.riqi{float:right;}

.tit_map{width:243px; margin:20px 288px 30px 255px; float:left; display:inline;}
.tit_map h2{line-height:40px; text-align:center; font-size:16px; color:#FFF;font-family:"\5FAE\8F6F\96C5\9ED1"; background:url(../images/tit_bg02.jpg) left top repeat-x; font-weight:bold;}

.map{width:130px; float:left; margin-right:9px; background:#f3f3f3; padding:10px; display:inline; height:250px;}
.nomright{margin-right:0px;}
.map h2{line-height:40px; text-align:center; font-size:16px; color:#FFF;font-family:"\5FAE\8F6F\96C5\9ED1";  font-weight:bold; background:#009292; margin-bottom:10px;}
.maplist li{line-height:25px; background:url(../images/line_map.jpg) 10px center no-repeat;}
.maplist li a{display:block; color:#009292; padding-left:25px;}
.employlist li{background:url(../images/dian_line03.jpg) left bottom no-repeat; float:left; margin-bottom:10px;}
.employlist li h2{line-height:35px; background:url(../images/dian.jpg) left center no-repeat;}
.employlist li h2 a{font-weight:bold; color:#009292; padding-left:10px;}
.employlist li h2 span{float:right; padding-right:15px;}
.employlist li p{line-height:20px; padding-left:10px;padding-bottom:10px; width:776px;}
.tit{line-height:30px; width:100%;background:url(../images/dian_line03.jpg) left bottom no-repeat; padding-bottom:10px;}
.tit h2{font-size:16px; color:#009292; font-weight:bold; float:left;}
.tit span{float:right;}
.employ_con p{margin-top:10px; width:100%;line-height:30px; float:left; font-size:14px;}
.onelist{margin-top:10px; width:100%; float:left;}
.guid_con{border:1px solid #e4e4e4; float:left; width:784px; margin-top:8px; padding-bottom:28px;}
.g_list li{ background:url(../images/ways.jpg) right 60px no-repeat; margin:0 20px 0 20px; display:inline; float:left; width:240px; padding-top:40px;}
.g_list li.other{width:260px;}
.g_list li.last{width:150px; background:none;}
.gpic{float:left; padding-left:30px;}
.peopic{ padding-left:30px;}
.overpic{padding:15px 0 35px 30px; }
.gtit{width:100%; float:left; margin-top:20px;background:url(../images/circle.jpg) left 8px no-repeat;}
.gtit h2{line-height:30px; font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.gtit h2 span{ color:#FFF; margin-left:5px; font-size:16px; margin-right:10px;}
.gword{padding-left:25px; width:215px; line-height:20px; float:left;}
.gother{width:230px;}
.lastword{width:120px;}
.lastword a{color:#009292;}

.twolist li{float:left; width:370px; margin-left:20px; display:inline;}
.two_con{ width:370px; float:left; margin-top:20px;}
.twopic{width:105px; margin-right:15px; float:left; display:inline;}
.twoword{width:200px; float:left; line-height:25px;}
.twoword span a{color:#009292; text-decoration:underline;}
.two_con2{width:340px; padding-left:25px; line-height:25px;}
.two_con2 span a{ color:#009292; text-decoration:underline;}
.thleft{width:430px; float:left; padding-left:20px;}
.thtit{margin-top:20px; float:left; line-height:30px; margin-bottom:15px; }
.thtit h2{ font-family:"\5FAE\8F6F\96C5\9ED1";font-size:18px;}
.thlists li{ display:inline; width:107px; float:left; text-align:left; line-height:27px; background:url(../images/dian2.jpg) left center no-repeat; margin:0px;}
.thli{width:450px;}
.thlists li a{padding-left:10px; display:block; color:#009292;}
.thright{float:right; width:325px; padding-right:5px;}
.thwords{float:left; width:100%; line-height:26px;}
.thwords span a{color:#009292; text-decoration:underline;}

/*solar 08.13*/
.comlist li{ float:left; width:67px; margin-right:35px; display:inline; text-align:center; margin-bottom:25px;}
.s_pic{ width:67px; text-align:center; height:67px;}
.s_pic a{ border:2px solid #FFF; display:block; width:63px; height:63px;}
.s_pic a:hover{ border:2px solid #0781ca;}
.comlist li p{ line-height:25px;}
.comlist li p a{ color:#0781ca;}
.comlist li.norights{ margin-right:0px;}
.com_top{ float:left; width:100%; border-bottom:1px solid #efefef; padding-bottom:72px; margin-bottom:18px;}

.zhuanqu{ width:196px; border:1px solid #e8e8e8; background:#f8f8f8; float:left;}
.zqlist li{ float:left; width:80px; padding-left:18px; line-height:30px; background:url(../images/dian_g.jpg)7px center no-repeat}
.zqlist li a{ display:block; color:#0781ca;}
.zhqu{ margin-top:10px; width:196px; float:left; border:1px solid #e8e8e8; padding-bottom:10px;}
.zhqu h2{ line-height:30px; background:url(../images/line_h2.jpg) left bottom no-repeat; padding-left:12px; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#000; margin-bottom:5px;}
.zqnews li{ line-height:25px; padding-left:12px; width:184px; background:url(../images/bg_dian2.jpg) 5px  center no-repeat;}
.ship{ width:100%; background:url(../images/bg_zhq.jpg) left top repeat-x; border-top:1px solid #ccc; float:left; padding-left:18px; width:768px; padding-top:10px;}
.shiping{ float:left; width:270px; height:240px;}
.shipcon{ float:right; width:485px;}
.shipcon h2{ float:left; line-height:30px; border-bottom:1px solid #c8c8c8; width:470px; font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#3eabaa; margin-bottom:10px;}
.shipnews {padding-left:10px;}
.shipnews li{ float:left; width:420px; line-height:24px; background:url(../images/cir_dian.jpg) left 7px no-repeat; padding-left:20px; font-size:13px; color:#000;}
.pps{ float:left; width:450px; padding-left:10px; line-height:24px; margin-top:15px;}
.ship_tit{ float:left; width:100%; margin-top:30px;}
.ml_tit{ line-height:33px;margin-top:5px; float:left; width:100%; border-collapse:collapse;}
.ml_tit th{ line-height:33px; background:url(../images/zhq_tit.jpg) left top repeat-x; color:#FFF;}
.ml_tit td{ text-align:center;  background:url(../images/dian_line.jpg) left bottom repeat-x;}
.green{ color:#3eabaa;}


.navlist li{ float:left; position:relative; z-index:9999;} 
.navbox{ position:absolute; left:-5px; top:25px; border-top:2px solid #f5821f; background:#FFF; width:110px; filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
.navlist li.hover a{ color:#009999; font-family:"\5FAE\8F6F\96C5\9ED1";}
.navlist li.hover ul li{ display:inline; width:110px; line-height:29px; border-bottom:1px solid #eeeeee; text-align:center;}
.navlist li.hover ul li a{ font-size:12px; font-weight:normal; display:block; line-height:29px; margin:0 0;}
.navlist li.hover ul li a:hover{ background:#009999; color:#FFF;}



/* nav_info */
/*****1级导航菜单*****/
#nav{width:1000px; margin:35px auto 0 auto; float:left; position:relative;}
#nav_info{width:1000px;border-bottom:none; height:31px; margin:0px auto; _margin:6px auto 0 auto;text-align:center; content: ".";display: block; float:left; }
    #nav_info ul li{
        display:inline; font-size:14px;
        float: left; overflow: auto; 
        width:140px; line-height:35px; 
       text-align:center;
        }          
    #nav_info ul li a{
        display:inline; color:#333333; 
        float: left; overflow: auto; 
        width:140px;
        text-align:center;
        font-size:14px;letter-spacing: 0pt;        
        text-decoration: none;
        }        
    #nav_info ul li a:hover{
        width:140px; height:35px; background:url(../images/nav_hover.png) no-repeat center top;
        color:#ffffff; font-size:14px;line-height:35px; 
        text-decoration: none;
        }	
/* end of nav_info */

/*****2级导航菜单*****/
#apDiv1 {
	position: absolute; top:28px;
	width:100%; font-size:14px; height:36px; line-height:38px; 
	z-index:0; text-align:left; left:0;
}
#apDiv2 {
	position:absolute;
	width:100%;
	z-index:1;
	left:0px; _left:0px;
	visibility: hidden; text-align:left; height:38px; line-height:38px; padding-left:100px;
}
#apDiv2 a,#apDiv3 a,#apDiv4 a{
   background:url(../images/chilis.jpg) no-repeat 0 50%; padding-left:20px; color:#FFFFFF;
}
#apDiv2 a:hover,#apDiv3 a:hover,#apDiv4 a:hover{ color:#FFFFFF;}
#apDiv3 {
	position:absolute;
	width:100%;
	z-index:1;
	left:0px; _left:0px;
	visibility: hidden; text-align:left; height:38px; line-height:38px;  padding-left:200px;
}
#apDiv4 {
	position:absolute;
	width:100%;
	z-index:1;
	left:0px; _left:0px;
	visibility: hidden; text-align:left; height:38px; line-height:38px;  padding-left:200px;
}
/*****2级导航菜单 end*****/



/*08.14*/
/*list_com 08.13*/
.list_l{ float: left; width:214px; padding-top:18px;}
.list_l_o{ float:left; width:100%; margin-left:11px; display:inline;}
.list_lo{ margin-left:0px; padding-top:10px;}
.list_lo p{ width:199px; float:left;}}
.list_lo h2{ line-height:20px; float:left; padding-left:10px;}
.list_l_o h2{ float:left;font-size:14px; font-weight:bold; padding-left:10px;}/*8.23*/
.list_l_o img{ float:left;margin-top:16px; display:inline;}
.list_l_t{ float:left; width:193px; padding-left:11px; margin-top:11px; display: inline;line-height:24px; }
.list_l_list{height:109px;}
.list_l_list li { float: left;background:url(../images/list_img12.jpg) left center no-repeat;padding-left:6px;width:86px;}

.listi_l_th{ float:left; margin-top:32px;  display:inline; border:#dadada solid 1px; width:212px; height:224px;}
.listi_l_th h2{float:left;font-size:14px; padding-top:12px; padding-left:14px;font-weight:bold;}
.list_l_list2{ padding-top:21px;}
.list_l_list2 li{ float:left;width:50px; height:86px; margin:0 8px; text-align:center; line-height:24px;}
.list_l_list2 img{ display:block; padding-bottom:3px;}

.list_r{ float: right;padding-top:18px; width:537px;}
.list_r h2{loat:left;font-size:14px; font-weight:bold;}
.list_l_list3{padding-top:21px;}
.list_l_list3 li{ float:left; width:248px; height:122px; margin-right:30px; display:inline;}
.list3_l{ float:left; padding-bottom:8px; cursor:pointer; padding-right:10px;}
.list3_l p{color:#0781ca; font-weight:bold; line-height:24px;}
.list3_r{ line-height:21px; color:#999;}

.list_r_o{ float:left; width:100%;}
.list_r_o h3{float:left;font-size:14px; font-weight:bold; width:100%;}
.list_r_o p{ float:left;width:421px; line-height:21px; color:#999;}
.list_r_o span{ float:left;margin-top:13px; display:inline; }
.list_r_list{ float:left; margin-top:16px; display:inline;width:100%;}
.list_r_list li{ float:left; width:100%;line-height:24px;}
.lan{ color:#009999;} 
.hui{ color:#686968;}
.pa{ padding-right:10px;}


/*08.14*/


.mmleft{ width:215px; float:left;}
.list_lth2{ margin-left:0px; margin-top:0px;}
.mmright{ margin-left:20px; display:inline; float:right; width:767px; padding-bottom:90px;}

.newsword2{ width:605px;}
.newpic2{ margin-bottom:10px;}

.hotwt{ float:left; width:200px; border:1px solid #e8e9e8;}
.mright3{ float:right; width:768px; margin-top:15px;}

.pltit{ width:100%; line-height:38px; height:56px; background:url(../images/pro_tit.jpg) left top no-repeat;}
.pltit h2{ padding-left:15px; float:left; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#000;}

.pllist li{ line-height:22px; background:url(../images/dian_line.jpg) left bottom repeat-x; margin-left:20px; float:left; width:766px; margin-bottom:10px; display:inline;}
.pllist li p{ background:url(../images/pl_pic.jpg) 0px center no-repeat; padding-left:20px; color:#000;} 
.pllist li span{margin-left:20px;}
.plcon{ padding-left:25px;}
/*8.23*/
.ccbox{ float:left; width:176px; margin-left:10px; display:inline; padding:10px 0;}
.hotwater li{ float:left; width:176px; line-height:25px; margin-bottom:2px;}
.hotwater li a{ padding-left:27px; display:block; background:url(../images/icon_bb1.jpg) 15px center no-repeat; color:#333}
.hotwater li a:hover,.hotwater li.hover a{background:url(../images/icon_bb2.jpg) no-repeat; color:#0781ca; font-weight:bold;}
/*8.23*/
.pltit{ width:100%; line-height:38px; height:56px; background:url(../images/pro_tit.jpg) left top no-repeat;}
.pltit h2{ padding-left:15px; float:left; font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#000;}

.pllist li{ line-height:22px; background:url(../images/dian_line.jpg) left bottom repeat-x; margin-left:20px; float:left; width:766px; margin-bottom:10px; display:inline;}
.pllist li p{ background:url(../images/pl_pic.jpg) 0px center no-repeat; padding-left:20px; color:#000;} 
.pllist li span{margin-left:20px;}
.plcon{ padding-left:25px;}


/*8.23*/
.qihcurr{ position:absolute; right:30px; top:30px; color:#fff}
.qihcurr a{ color:#fff; text-decoration:underline}
.qhright2{ float:right; width:446px;margin-top:72px;}
.qhxinxi{ background:url(../images/bg_nqh.jpg) no-repeat; height:293px; width:420px; overflow:hidden; float:left; padding:13px 0 0 26px;}
.fanhui{ float:right; padding-right:6px; padding-left:1px;}
.fhxx{ float:right;}
.textcon{ float:left; width:100%; line-height:28px; color:#666}
.tor{ color:#f5821f}
.fmaplist li.ttpx{ background:url(../images/iconly.jpg) left center no-repeat; padding-left:25px; width:100px;}
.fmaplist li.ttpx a{ color:#f6811d;}



.product{width: 188px;
height: 160px;
float: left;
text-align: center;
margin-top: 10px;
margin-left: 5px;}
.product a{width: 150px;
height: 156px;
float: left;
text-align: center;
color: #333333;}

.product img{    width: 150px;
    height: 105px;
    background: #333;
    padding: 2px;
    border: 1px #ffffff solid;
    display: block;
}


.product a span {
    width: 140px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}