﻿/* CSS Document */
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
a{ text-decoration:none;}
img{ border:0; list-style:none;}
body{font-size:12px; font-family:"宋体"; color:#000; background:#F5F6F7}
.clear{ margin:0; padding:0; font-size:0; clear:both;}
a{ color:#000}
a:hover{ color:#C00;}
p{line-height:1.8em;}
h2{ font-size:12px;}
.pro001 img{max-width:200px; max-height:150px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 150 ? 150: true);}
.wapper{ width:980px; margin:0 auto;}

.header1{ height:85px;}
.logo{ float:left; margin-top:10px;}
.text{ float:right; margin-top:20px;}
.text ul li{ float:left; text-align:center; background:url(../images/list.jpg) no-repeat left center;}
.text ul li a{ color:#666666;}
.text ul li a:hover{ color:#C00}

.menu{ background:url(../images/menu.jpg) repeat-x;height:38px;margin-top:10px; position:relative;z-index:2;}
.menu ul{ margin-left:20px;}
.menu ul li{ float:left;width:130px;text-align:center;height:38px;position:relative; background:url(../images/list1.jpg) no-repeat right center; padding-right:3px; text-align:center}
.menu ul li a{color:#fff;width:130px;height:32px;display:block;line-height:32px; }
.menu ul li a:hover{;width:130px;height:38px;display:block; background:url(../images/hover.jpg) repeat-x;}
.hovertitle{ background:url(../images/hover.jpg) no-repeat center;width:100px;height:30px;}
.menu ul li dl{ display:none; position:absolute;left:0px;top:35px;}
.menu ul li dl dd{ width:130px; height:30px;background:#3F3F3F; border-bottom:1px solid #fff;}
.menu ul li dl dd a{ font-size:12px;font-weight:normal;color:#FFF;width:130px;}
.menu ul li dl dd a:hover{ background:#626262;width:130px; height:30px;}
.hmain span{ display:block;background:url(../images/biao_01.gif) 105px center no-repeat;}

/*banner*/
#banner {width:980px; height:280px; overflow:hidden; position:relative;z-index:1; margin-top:10px;}
#banner ul {height:280px; position:absolute;}
#banner ul li {float:left; width:980px; height:280px; overflow:hidden; position:relative; background:#ccc;}
#banner ul li div {position:absolute; overflow:hidden;}
#banner ul li img{ width:980px; height:280px;}
#banner .btnBg {position:absolute; width:980px; height:20px; left:0; bottom:0; background:#000;}
#banner .btn {position:absolute; width:980px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#banner .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#banner .btn span.on {background:#fff;}
#banner .preNext {width:45px; height:100px; position:absolute; top:95px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#banner .pre {left:0;}
#banner .next {right:0; background-position:right top;}

.content{ margin-top:10px;}
.content_left{ float:left; width:250px;}
.content_left h2{ background:url(../images/textbj.jpg) no-repeat; height:32px; line-height:32px;}
.content_left h2 strong{ font-weight:normal;  margin-left:20px;}
.left_text{ background:#FFF; border:1px solid #CCCCCC;width:248px;height:200px;}
.left_text ul{ margin-left:20px; margin-top:10px;}
.left_text ul li{ line-height:24px; background:url(../images/list2.jpg) no-repeat left center; padding-left:10px;}

.content_right{ float:right; width:720px; }
.content_right h2{ background:url(../images/textbj1.jpg) repeat-x; height:32px; line-height:32px;}
.content_right h2 strong{ font-weight:normal;  margin-left:20px;}
.right_text{border:1px solid #CCCCCC; width:718px; height:932px;}

#colee_left{overflow:hidden;width:700px; margin-top:10px; margin-left:10px;}
.pro_bor{border:1px solid #DCDCDC;width:160px;height:150px; background:#FFF} 
.pro_bor img{max-width:150px; max-height: 130px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 130 ? 130: true);}
.text{ margin-top:10px; text-align:center;width:160px;}

.content_right ul li{ height:174px; width:160px; margin-top:10px; float:left; margin-left:15px;}
.content_right ul li .img{border:1px solid #DCDCDC;width:160px;height:150px; background:#FFF;}
.content_right ul li .img img{max-width:150px; max-height: 130px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 130 ? 130: true);}
.content_right ul li span{ display:block; width:160px; height:24px; line-height:24px; text-align:center;}

.footer{ color:#686565}
.footer ul{margin-top:20px;}
.footer ul li{ line-height:24px;text-align:center}
.footer a{ color:#999}


/*main*/
.inside{ width:980px;padding-bottom:20px;float:left; background:#fff;margin-top:5px;}
.inside_left{ width:210px;float:left;margin-top:10px; margin-left:10px;display:inline}
.side_nav h2{ font-size:24px; line-height:40px; height:40px; color:#f60;}
.side_nav a{ line-height:24px; height:24px;  display:block; text-align:right; padding-right:40px; background:url(../images/biao_04.gif) 176px center no-repeat; color:#333;}
.side_nav a:hover{background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}
.side_nav ul li{ line-height:24px; height:24px; margin:5px 0;}
.hover a{ background:url(../images/side_bg.gif) no-repeat; font-weight:bold; color:#fff;}

.inside_right{ float:right;width:735px;margin-top:10px; margin-right:10px;display:inline}
.weizhi{ height:27px;}
.weizhi h2{ font-weight:normal; line-height:27px; padding-left:25px; background: url(../images/biao10.gif) 5px 8px no-repeat; border-bottom:#ddd solid 1px;}
.weizhi h2 strong{ color:#333;}
.inside_con{ padding:10px 0;}

.inside_links{ margin-top:15px; border:#ddd solid 1px;}
.inside_links h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_links ul{ padding:10px 8px;}
.inside_links ul li{ line-height:24px; height:24px;}

.inside_kefu{ margin-top:15px; border:#ddd solid 1px;}
.inside_kefu h2{ height:27px; line-height:27px; padding-left:10px; background: url(../images/inside_01.gif) repeat-x;}
.inside_kefu ul{ padding:10px 8px;}
.inside_kefu ul li{ line-height:24px; height:24px; background:url(../images/pa.gif) 0 center no-repeat; padding-left:30px;}

/*main的另一段*/
.side_product { overflow:hidden}
.side_product h2{ font-size:14px; line-height:24px; height:24px; background:url(../images/side_p1.jpg)  no-repeat  left center;padding-left:15px;}
.side_product ul{ margin-top:5px;margin-left:10px;}
.side_product ul li{line-height:24px;}
.side_product ul li a{ float:left;width:170px;background:url(../images/side_p2.jpg) no-repeat left center;padding-left:20px;}
.side_product ul li dl{margin-left:30px;}
.side_product ul li dl a{ background:url(../images/side_p3.jpg) no-repeat left center;padding-left:15px;}









/*Add*/
/*Category*/
.pro_list h2{ line-height:28px; height:28px; padding-left:20px;background:url(../images/pro_list_01.gif) no-repeat; color:#fff; font-size:14px;}
.pro_list_con{border:#ddd solid 1px;}
.pro_list_con dl{color:#f90;}
.pro_list_con dl dt{ height:24px; background:#e5ecf1; line-height:24px;padding:0 10px; font-weight:bold; }
.pro_list_con dl dd{ line-height:24px; padding:0 10px; padding-left:25px;}
.pro_list_con dl dd ul{ padding-left:15px;}

/*contact*/
.contact{ margin-top:10px;}
.contact ul li{ line-height:30px; border-bottom:#e3d2c1 dashed 1px;}

/*proShow*/
.product_show h2{ line-height:28px; height:28px; border-bottom:#ddd solid 1px;font-weight:normal; margin-bottom:0px;}
.product_show h2 strong{ float:left;  background:url(../images/title_04.gif) no-repeat; width:97px; height:28px; line-height:28px; text-align:center;  font-size:14px; color:#fff;}
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}

.product_zhanshi{ margin-top:20px;}
.product_zhanshi dl{ margin-left:15px;}
.product_zhanshi dl dt{ line-height:36px; font-size:14px;}
.product_zhanshi dl dd{ line-height:28px; border-bottom:#ddd dashed 1px;}
.product_zhanshi dl dd span{ color:#f90; font-size:14px; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}
.xiangxi{ margin-top:20px;}
.xiangxi h2{ height:28px; font-size:12px; line-height:28px; color:#005895; border-bottom:#ddd solid 2px;}
.xiangxi h2 strong{ float:left; display:block; border-bottom:#005895 solid 2px; height:28px; padding:0 0px;}
.xiangxi_con{ padding:10px 0;}
.xiangxi_con p{ font-size:14px;}
.shangxia{ height:26px; padding-top:10px;}
.shangxia a{ display:block; background:url(../images/pre.gif) no-repeat; width:99px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#005895; font-weight:bold; float:right; margin-left:16px;_margin-left:8px;  }
.pro2{max-width:288px; max-height:216px; width: expression(this.width >288 && this.height < this.width ? 288: true); height: expression(this.height > 216 ? 216: true);}
.pro3{max-width:64px; max-height: 48px; width: expression(this.width >64 && this.height < this.width ? 64: true); height: expression(this.height > 48 ? 48: true);}
ul#thumblist li a{display:block;border:1px solid #CCC; height:54px; line-height:54px;}
ul#thumblist li a.zoomThumbActive{border:1px solid #c00;}
.clearfix ul li{ float:left; width:70px; margin:0 2px;display:inline;}
.clearfix ul li img{ padding:0; margin:0; cursor:pointer;}
.zoomPad{position:relative;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}
.hover2{ background:#f4f4f4;}

.lianxi{ margin-top:15px;}


.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}