﻿@charset "utf-8";
/* CSS Document 
   Design by www.east.net
   Author MaWei
   Date 2012-11-13
   
   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/
.more{ text-indent:-9999px; width:24px;float:right; display:block; background: url(../images/com/more.gif) 0 center no-repeat}
#main{ margin:20px auto 0;width:1000px;}

/*banner*/
.banner { width:100%; height:325px; margin:0 auto; padding:0;position:relative; }
.banner ul li { position:absolute;left:0; top:0; width:100%; height:325px; }
.banner ul li a{ width:100%; height:325px; display:block}

.banner ol { position:absolute; left:45%; bottom:15px; z-index:0; }
.banner ol li { float:left; margin:0 4px;cursor:pointer; background:#fff;width:43px; height:6px; padding:0px 0 0 0; text-align:center;}
.banner ol li.active { background:#00730e}


/*栏目*/
.index_product{ margin: 0 auto 17px;width:1000px; overflow: hidden;}
.show_tl{ border:1px solid #d1d1d1;border-bottom:4px solid #00730e;height:58px;line-height:58px; margin-bottom: 7px; padding:0 18px;}
.show_tl span{ float:left;width:50%}
.show_tl b{
    font-size: 24px;
    color: #00730e;
    font-family: 黑体;
    margin-right: 14px;
}
.show_tl em{
    font-size: 18px;
    color: #a7a7a7;
    font-family: Helvetica;
    text-transform: uppercase;
}

/*最新活动*/
.index_active{ margin: 0 auto 6px;width:962px;padding:0 18px; overflow: hidden;border:1px solid #d1d1d1;border-top:4px solid #00730e;}
.show_tl1{ height:58px;line-height:58px; margin-bottom: 6px;}
.show_tl1 span{ float:left;width:50%}
.show_tl1 b{
    font-size: 24px;
    color: #00730e;
    font-family: 黑体;
    margin-right: 14px;
}
.show_tl1 em{
    font-size: 18px;
    color: #a7a7a7;
    font-family: Helvetica;
    text-transform: uppercase;
}
.news_list { padding: 0px 0 6px 0; margin:0 auto; overflow: hidden;}
.news_list li{ line-height:23px; width:460px;float:left; padding: 0 0 25px 0;overflow:hidden; }
.news_list li a{ color:#606161;}
.news_list li a.pro_pic{ float:left; width: 110px; height: 73px; position:relative}
.news_list li a.pro_pic img{ width: 108px; height: 71px;border:1px solid #d6d6d6; display:block;}
.news_list li a.info{ width: 338px; float:right;}
.news_list li a.info h3{  color:#333333;}
.news_list li a.info .time{  color:#a7a7a7; padding:0 0 2px 0}

.news_list li a.info p{ display:block; clear:both;}


/* 选项卡下产品展示 */

ul.pro_list { background:#ffffff; height: 425px; margin:0 auto; width:1200px; clear:both; display:block; overflow:hidden }
ul.pro_list li { float:left; margin:0; padding:0; width: 248px;  height: 423px; overflow:hidden; border-left:1px solid #cfcfcf; border-top: 1px solid #cfcfcf;  border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; position:relative;}
/*ul.pro_list li:hover{ border:1px solid #fb4d00 } */
ul.pro_list li a { color:#555555; display:block; height:auto;}
/*ul.pro_list li a:hover { color:#c32942;} */
ul.pro_list li a.pic{width:238px;height:246px;text-align:center;}
ul.pro_list li img { width: 248px; height: 248px; margin:10px 0 0 0; vertical-align:middle;clear:both; overflow:hidden }
ul.pro_list li div.js{ background:#f7f7f7; border-top:1px solid #cfcfcf; padding:10px;text-align:left; }

ul.pro_list li p{ clear:both; display:block; overflow:hidden}


ul.pro_list li i{ width:76px; height:25px; position:absolute; left:7px; top:13px;}
ul.pro_list li .pic{
    position: absolute;
    bottom: 0;
    left: 0;
}


ul.pro_list li.hot{ width:749px;border-left:0}
ul.pro_list li.hot .xx{ display:none }
ul.pro_list li.hot img{ width:749px; height: 423px; margin: 0;}
ul.pro_list li .xx{ line-height:24px; padding-top: 10px;}
ul.pro_list li .p1{ padding: 6px 4px;}


ul.pro_list1 { height: 375px; display:block; overflow:hidden ; position: relative;}
ul.pro_list1 li { float:left; margin:0; padding:0; width: 186px;  overflow:hidden; border: 1px solid #cfcfcf; text-align: center;  position: absolute; height: 186px;}
/*ul.pro_list1 li:hover{ border:1px solid #fb4d00}*/
ul.pro_list1 li a { color:#555555; display:block; height:auto;}
/*ul.pro_list1 li a:hover { color:#c32942;} */
ul.pro_list1 li a.pic{width:160px;height:169px;*height:167px;text-align:center;}
ul.pro_list1 li img { width: 186px; height: 138px;vertical-align:middle; clear:both; overflow:hidden }
ul.pro_list1 li div.js{ padding:10px;text-align:left}

ul.pro_list1 li p{ clear:both; display:block; overflow:hidden; text-align: left; text-overflow: ellipsis; width: 171px; white-space: nowrap;}

ul.pro_list1 li.hot1{ width:218px;height:373px;}
ul.pro_list1 li.hot1 img{ width:218px;height:218px;}
ul.pro_list1 li.hot1 .pic{ position: absolute;bottom:0 ;left:0}
ul.pro_list1 li.hot1 .xx{ position: absolute;top:0;left:0;line-height:24px; padding-top: 10px;  }
ul.pro_list li.hot1  .p1{ padding: 6px 4px;}

.xx{ padding: 0 0; line-height: 22px;} 
.ptl,.p2{ padding: 0 8px;}
.p1{ font-weight:bold; font-size: 24px;color:#fd1e00; padding: 0 5px;}
.p2{ color:#666666}