/* CSS Document */
*{margin:0px; padding:0px;}
body {margin:0 auto;font-size: 13px; line-height:180%;color: #505050; font-family:"微软雅黑" ;  letter-spacing:1px; }
body, form, p, tr, th, td, dl, dt, dd, ul, li, h1, h2, h3, h4 { padding: 0; margin: 0; }
div, img { border: 0; }
ul, li { list-style: none; }
a {color:#575656;}
a:link {text-decoration:none;}
a:visited {text-decoration: none;color:#727272;}
a:hover {text-decoration:none;color:#000000;}
a:active {text-decoration: none;color: #333333;}
img{border:0}
.mypng img {

  azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://www.shixiaobao.com/wp-content/themes/shixiaobao/gfx/lightbox/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);

  }/* 兼容ie6png代码 */
.c { clear: both; }

.img_border{border:1px solid #e4e4e4;}
.img_border:hover{border:1px solid #7BB2F1;}
.clear{clear:both;}

#top1{width:100%; margin:0px auto; z-index:999; background: url(../images/ind_img_02.png) repeat-x; position:relative;}
#top2{width:100%;padding-top:5px; margin:0px auto; height:110px;}
#top_menu{width:1000px; margin:0px auto; background: url(../images/ind_img_02.png) repeat-x;z-index:1000;}
#top_menu ul li{width:138px; margin:0px auto;  height:49px; float:left; text-align:center; font-size:14px; padding-top:70px;}
#top_menu ul li a:hover{margin:0px auto; height:49px;width:138px; float:left; text-align:center; font-size:15px; color:#daa338; }

#ban{width:100%; height:500px; background-color:#99ab2c; margin:0px auto; z-index:0; position:absolute;}
#ban1{width:100%; height:203px; background: url(../images/bbb.jpg) no-repeat center top; border-bottom:1px solid #d1d0d0; margin:0px auto; z-index:0;}
#ban2{width:100%; height:203px; background: url(../images/bbb1.jpg) no-repeat center top; border-bottom:1px solid #d1d0d0; margin:0px auto; z-index:0;}
#ban3{width:100%; height:203px; background: url(../images/bbb2.jpg) no-repeat center top; border-bottom:1px solid #d1d0d0; margin:0px auto; z-index:0;}
#ban4{width:100%; height:203px; background: url(../images/bbb4.jpg) no-repeat center top; border-bottom:1px solid #d1d0d0; margin:0px auto; z-index:0;}
#ban_menu{ height:42px; width:1000px; margin:0px auto; background:url(../images/ad.jpg) no-repeat right; line-height:60px; position:relative;}
#ban_menu ul li{ float:left; font-size:18px;}
.small{ float:left; font-size:12px; color:#666; line-height:70px; color:#999;}

#ban_but{ position:absolute; left:43%; top:186px; height:41px; text-align:center; line-height:41px; font-size:16px; width:124px; background:url(../images/but.png) no-repeat center center;}
#ban_root{ position:absolute; right:0%; top:150px; height:32px; text-align:center; color:#FFF; line-height:32px; font-size:12px; width:auto; padding:0px 10px 0px 10px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
#main{width:1000px; margin:0px auto; height:352px; padding:25px 0px 25px 0px;}
#main1{width:1000px; margin:0px auto; padding:0px 0px 40px 0px;}
#main2{width:1000px; margin:0px auto;  padding:40px 0px 40px 0px; text-align:left; text-align:justify;text-justify:inter-ideograph;}
.ind_fl{width:320px; float:left; background-color:#e3ebb2; margin-right:20px;}
.ind_fl ul li{width:320px; height:180px; text-align:center;}
.ind_fl1{width:320px; float:left; background-color:#e3ebb2;}
.ind_fl1 ul li{width:320px; height:180px; text-align:center;}
.ind_fl2{width:306px; float:left; background-color:#e3ebb2; margin-right:40px; margin-top:40px;}
.ind_fl2 ul li{width:306px; height:173px; text-align:center;}
.ind_fl02{width:306px; float:left; background-color:#e3ebb2; margin-top:40px;}
.ind_fl02 ul li{width:306px; height:173px; text-align:center;}

#bot{width:100%; height:63px; border-top:5px solid #75651d; padding-top:37px; margin:0px auto;}
#bot1{width:1000px; margin:0px auto; height:63px; border-top:1px solid #dee7ba; line-height:63px;}


<!--首页图片翻转-->
.he_3DFlipY{display:block;width:320px;height:180px;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipY_inner{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipY_inner > div.he_3DFlipY_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover > div.he_3DFlipY_img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
.he_3DFlipY_caption{position:absolute;top:0;left:0;padding:0;background:#fe7253;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;background-color:#b69c24 ;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.he_3DFlipY_inner:hover .he_3DFlipY_caption{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.he_3DFlipY_caption h3{font-size:1.3em;font-weight:700;text-align:center;width:100%;position:absolute;top:25%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY_caption p{font-size:1em;text-align:center;width:100%;position:absolute;top:45%;left:5px;margin:0;padding:0;color:#fff}
.he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}
<!--产品图片翻转--
@charset "utf-8";



.he_border2{background:#e3ebb2;width:360px;height:173px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}



.he_ZoomInImg{background:#e3ebb2;width:306px;height:173px;padding:0;margin:0;border:1px solid #e4e4e4;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.7;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}.he_ZoomInImg:hover .he_ZoomInImg_caption_h{color:#fff;opacity:1}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}

.news_list1{width:900px; height:165px; border-bottom:1px solid #CCC; padding:30px 50px 30px 50px;background-color:#e3ebb2;}
.news_list1 ul li{width:550px; float:right;}
.news_list2{width:900px; height:165px; border-bottom:1px solid #CCC; padding:30px 50px 30px 50px;background-color:none;}
.news_list2 ul li{width:550px; float:right;}


/*上一个下一个*/
.point{ margin:12px 0px; text-align:center; line-height:22px;}
.point span.to_prev{padding:4px 12px;}
.point span.to_prev a{color:#177bd0;}
.point span.to_next{padding:4px 12px;}
.point span.to_next a{color:#177bd0;}

.page{clear:both; margin:8px 0px; padding-top:20px;}

#tttble{width:1000px; margin:0p auto; height:300px;}
#tttble ul li{width:330px; height:30px; float:left;}