@import url("public.css");



/****************    BANNER 样式部分    *********************/
#banner {
    width: 100%;
    height: 350px;
    margin: 0px auto;
    margin-bottom: 20px;
    background: url("../Images/bg.png");
}
#slider {
    margin: 0px auto;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.75);
    box-shadow: 0 2px 8px rgba(0,0,0,0.75);
}
#slider ul,#slider li
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
#slider img{
	width: 1200px;
    height: 350px;
}
.textback {
    position:absolute; 
    top:150px; 
    left:0px; 
    filter:alpha(opacity=5);
    opacity: 0.05;
    -moz-opacity:0.05; 
    background-color:white; 
    width: 100%;
    height: 50px;
    padding: 5px 0px;
}
.topic{
    position:absolute; 
    top:100px; 
    left:0px; 
    color: #f2f2f2;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 50px;
}
.bannertext {
    position:absolute; 
    top:150px; 
    left:0px; 
    color: #e2e2e2;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    padding: 5px 0px;
}
/* 数字导航样式*/
#flashnvanum
{
    bottom: 15px;
    position: absolute;
    right: 50px;
    width: 90px;
}
#flashnvanum span
{
    background: transparent url(../images/flashbutton.gif) no-repeat scroll -15px 0;
    color: #86A2B8;
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin: 3px;
    text-align: center;
    width: 15px;
}
#flashnvanum span.on
{
    background: transparent url("../images/flashbutton.gif") no-repeat scroll 0 0;
    color: #333;
    height: 15px;
    line-height: 15px;
    width: 15px;
}

.content {
    width:1000px;
    margin:10px 0px;
    display: inline-block;
}
.lefttitle {
    float: left;
    height:350px;
    width: 180px;
    background: url("../images/wanrui.jpg");
    background-color: #71c317;
    border-bottom: 1px solid #67B931;
    border-right: 1px solid #67B931;
}
.rightcont {
    float: right;
    width:810px;
}
.inrightcont {
    display: inline-block;
    width: 100%;
}
/* 鼠标放上，图片透明
.contentleft img:hover{
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8; 
}
*/

.inrightcont .adv img{
    width:390px;
    height:160px;
    border: 5px solid #fff;
}
.img1{
    float: left;
    margin-bottom: 10px;
}
.img2{
    float: right;
}
.img3{
    float: left;
}
.img4 {
    float: right;
}


.news {
    width:490px;
    display: inline-block;
}
.news img {
    border: 5px solid #fff;
    width:480px;
    height:240px;
}
.newsleft{
    float: left;
}
.newsright{
    float: right;
}
.product {
    display: inline-block;
    width: 1000px;
    margin-bottom: 10px;
}
.productimg{
    background-color: yellow;
}
.prod1,.prod2{
    width: 240px;
    height: 220px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.prod1 img,.prod2 img {
    width: 230px;
    height: 210px;
    border: 5px solid #fff;
}
.prod3{
    width: 500px;
    height: 220px;
    float: right;
}
.prod3 img{
    width: 490px;
    height: 210px;
    border: 5px solid #fff;
}
.aboutus {
    width:1000px;
    color:gray;
    height:180px;
    background-color: #fff;
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.aboutus .inabout1 {
    width:590px;
    height: 140px;
    margin: 20px 30px;
    float: left;
}
.aboutus .inabout2 {
    width:290px;
    height: 140px;
    margin: 20px;
    float: left;
}
.aboutus .inabout1 h1,.aboutus .inabout2 h1 {
    font-size: 22px;
    font-weight: 400;
    color:#666;
}
.aboutus .inabout1 p,.aboutus .inabout2 p {
    line-height: 20px;
    color:#aaa;
}