body{
    font-size: 12px;
    color: #666;
    font-family: "微软雅黑";
   /* background: #fff;*/
   /* background:  url(../images/index_01.jpg) repeat-x top center;*/
    line-height:24px;      
}
.bannar{width:100%; height:635px;background:#383838 url(../images/b1.jpg) no-repeat center center;}


.warpper{width: 960px;margin: 0px auto;height: auto;padding-bottom: 20px;padding-top: 10px;}
.warpper .pro-list{width: 240px;height: 568px;padding-bottom: 12px;}
.warpper .pro-tj{width:710px ;background: #fafafa;height: 568px;overflow: hidden;padding-bottom: 12px;}

.pro-list .title{width:100%; height:33px; background:url(../images/index_09.png) no-repeat; position:relative;}
.pro-list .title h1{color: #fff;font-weight: bold;text-indent: 20px;height: 33px;line-height: 33px}
.pro-list .title .more{position:absolute; width:31px; height:5px; top:12px; right:10px;}
.pro-list .list{width: 220px;margin: 0 auto;}
.pro-list .list li{border-bottom: 1px dotted #ccc;height: 32px;line-height: 32px;background-image: url(../images/dh_ico.png);background-repeat: no-repeat;}
.pro-list .list li a{text-indent: 28px;display: block;height: 32px;line-height: 32px;color: #373737}
.pro-list .list li a:hover{color: #009148}

.pro-tj .title{width:100%; height:33px; background:url(../images/index_08.png) no-repeat; position:relative;}
.pro-tj .title h1{color: #fff;font-weight: bold;text-indent: 20px;height: 33px;line-height: 33px}
.pro-tj .title .more{position:absolute; width:31px; height:5px; top:12px; right:10px;}
.pro-tj .pro-tj-list{padding: 10px;}
.pro-tj-list .pro-ul{width: 100%;height: 50px;display: block;}
.pro-tj-list .pro-ul li{float: left;width: 154px;height: 154px;border: 1px solid #ccc;padding: 5px;margin-right: 5px;margin-bottom: 15px;position: relative;}
.pro-tj-list .pro-ul li a{display: block;}
.pro-tj-list .pro-ul li a img{width: 154px;display: block;height: 154px;margin-bottom: 3px}
.pro-tj-list .pro-ul li span{display: block;width: 100%;height: 25px;background: rgba(0,0,0,0.4);text-align: center;line-height: 25px;color: #fff;position: absolute;bottom: 0;left: 0}
.pro-tj-list .pro-ul li a:hover span{color: #009148}

.content{width: 100%;height: 100px;margin-top: 15px;}
.content .content-left{width: 728px;}
.news{width:240px;background: #fafafa;margin-top: 5px;}
.news-con {width:220px; height:146px; padding:0 10px;overflow: hidden;}
.news-con ul li{line-height:23px; border-bottom:1px dotted #ccc; padding:2px 0; text-indent:15px;}
.news-con ul a{color: #373737}
.news-con ul li a:hover{color:#009148;}

.product{width:960px; margin-top:10px;background: #fafafa;}
.product .title{ width:960px; background:url(../images/index_16.jpg); height:31px;}
.product .title h1{color: #fff;font-weight: bold;text-indent: 20px;height: 31px;line-height: 31px;float: left;}
.product .title span{float: left;display: block;line-height: 31px;padding-left: 10px;color: #fff;font-family: arial;}
.product-con{margin: 0 auto;width: 960px;height: 162px;}
.marquee{ width: 900px;  overflow: hidden;margin: 10px auto;}
.inmarquee{ float: left;width: 200%;}
.inmarquee a{position: relative;display: inline-block;}
.inmarquee a span{display: block;position: absolute;bottom: 0px;left: 0px;width:150px;background: rgba(0,0,0,0.4);height: 25px;color: #fff;text-align: center;}
.marquee img { border: 1px solid #ccc; width: 140px;height: 140px; margin-right: 10px;padding: 4px}
#tip{width: 300px; height: 225px; background: #fafafa;position: absolute; z-index: 999;border: 1px solid #ccc;padding: 2px;display: none;}
#tip img{width: 300px; height: 225px;}
.inmarquee a{position: relative;}

#tip1{width: 250px;height: 250px;display: none;position: absolute;border: 1px solid #ccc;padding: 5px;background: #fafafa}
#tipimg1{width: 250px;height: 250px;}