/*******  banner  start   *******/
.banner_index
{
	max-width: 1440px;
    min-width: 983px;
    height: 600px;
    position:relative;
    text-align: center;
	margin:0 auto;
}
.banner_index .change
{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 400px;
    height: 5px;
    margin: 0 auto 0 -200px;
    padding: 0 0 20px 0;
    text-align:center;
    overflow:hidden;
}
.banner_index .change li
{
    display:inline-block;
    *display:inline;
    zoom:1;
    width: 40px;
    height: 5px;
    /*float: left;*/
    margin: 0 5px;
    background: url(../../images/page/page_pic1.png) no-repeat -53px -77px;
    list-style-type:none;
}
.banner_index .change li:hover
{
    background: url(../../images/page/page_pic1.png) no-repeat -102px -77px;
}
.banner_index .change li.active
{
    display:inline-block; 
    *display:inline;
    zoom:1;
    width: 40px;
    height: 5px;
    /*float: left;*/
    margin: 0 5px;
    background: url(../../images/page/page_pic1.png) no-repeat -102px -77px;
}
.banner_index ul.picbody
{
    width: 100%; height: 600px;  overflow:hidden;
}
.banner_index ul.picbody li
{
    max-width: 1440px;
    min-width: 983px;
    height: 600px;
}
.banner_index ul.picbody li div a
{
    max-width: 1440px;
    min-width: 983px;
    height: 600px;
    display:block;
    text-align:center;
    
}
.banner_index ul.picbody li div a img
{
   
    min-width: 983px;
    /*width:100%; */   
    display:block;
    max-width: 1440px;
    margin:0 auto;
    height:600px;
}

/*******  banner  end   *******/

/*------------------ main_content css-------------*/

/*********************** product_category start  ***************/
dl.product_category{ height:90px; width:982px; margin:0 auto 10px auto; border-right:1px solid #e5e5e5;}

dl.product_category dt{ height:90px; width:141px; line-height:90px; text-align:center; color:#2e2e2e; font-size:14px; float:left;
                        background: url(/App_Themes/web/css/images/cpfllogo.png) #e5e5e5 no-repeat center center;}
dl.product_category dd{ height:90px;width:140px; float:left;}
dl.product_category dd a{ height:88px;width:139px; border:1px solid #e5e5e5; border-right:none;  display:block;background:#fff; }
dl.product_category dd a:hover{border:1px solid #ff5656; border-right:none;  display:block; background:#ff5656; color:#fff;}

dl.product_category dd a span{ width:139px;height:47px;display:block;}
dl.product_category dd a span.title{ width:139px;color:#585858; height:21px; text-align:center; display:block; font-family:微软雅黑;font-size:18px;padding-top:5px;}
dl.product_category dd a:hover span.title{ color:#fff;}

dl.product_category dd a .chari_icon{background: url(../../images/default/default_pic.png) no-repeat -145px 0;}
dl.product_category dd a .sofa_icon{background: url(../../images/default/default_pic.png) no-repeat -285px 0;}
dl.product_category dd a .hotel_icon{background: url(../../images/default/default_pic.png) no-repeat -425px 0;}
dl.product_category dd a .screen_icon{background: url(../../images/default/default_pic.png) no-repeat -565px 0;}
dl.product_category dd a .wood_icon{background: url(../../images/default/default_pic.png) no-repeat -705px 0;}
dl.product_category dd a .financial_icon{background: url(../../images/default/default_pic.png) no-repeat -845px 0;}

dl.product_category dd a:hover .chari_icon{background: url(../../images/default/default_pic.png) no-repeat -145px -88px;}
dl.product_category dd a:hover .sofa_icon{background: url(../../images/default/default_pic.png) no-repeat -285px -88px;}
dl.product_category dd a:hover .hotel_icon{background: url(../../images/default/default_pic.png) no-repeat -425px -88px;}
dl.product_category dd a:hover .screen_icon{background: url(../../images/default/default_pic.png) no-repeat -565px -88px;}
dl.product_category dd a:hover .wood_icon{background: url(../../images/default/default_pic.png) no-repeat -705px -88px;}
dl.product_category dd a:hover .financial_icon{background: url(../../images/default/default_pic.png) no-repeat -845px -88px;}

/*********************** product_category end  ***************/

/****************** index_pic start  ***************/
.index_pic{ width:983px; height:150px; margin:0 auto;}
.index_pic_L{height:150px; width:318px; float:left; padding-right:10px; _display:inline;}
a.company_profile{height:150px; width:318px; display:block;background: url(../../images/default/default_pic.png) no-repeat 0 -166px;}
a.company_profile:hover{height:104px; width:289px; display:block;background: #ff5656 url(../../images/default/default_pic.png) no-repeat 14px -320px;
                         padding:46px 15px 0 14px; color:#fff; line-height:24px; text-decoration:none;}
a.company_profile span{ display:none; }
a.company_profile:hover span{ display:block; height:104px; width:289px; }


.index_pic_M{height:150px; width:378px; float:left; padding-right:10px; _display:inline;}
.news_company_div{ width:378px; height:83px; padding-bottom:10px;}
a.news_company{ width:378px; height:83px; display:block;background:#50ab47;}
a.news_company span{  display:block; height:69px;  width:345px; padding:14px 0 0 15px;}
a.news_company span span.news_list  
{
    display:block; 
    height:21px; 
    width:338px;
    padding:0 0 0 7px; 
    color:#fff;
    background: url('../images/default/circle.png') no-repeat left 8px;
    word-break:keep-all; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
    }

.index_pic_M_bottom{width:378px; height:57px;}
.index_pic_M_bottom .mail_div{width:164px; height:57px; float:left; padding-right:10px;}
.index_pic_M_bottom .mail_div a.mail{width:164px; height:57px; display:block;background:url(../../images/default/default_pic.png) no-repeat -328px -259px; }
.index_pic_M_bottom .mail_div a.mail:hover{background:url(../../images/default/default_pic.png) no-repeat -328px -329px; }

.index_pic_M_bottom .online_shop_div{width:204px; height:57px; float:left;}
.index_pic_M_bottom .online_shop_div a.online_shop{width:204px; height:57px; display:block;background:url(../../images/default/default_pic.png) no-repeat -502px -259px; }
.index_pic_M_bottom .online_shop_div a.online_shop:hover{background:url(../../images/default/default_pic.png) no-repeat -502px -329px; }

.index_pic_R{height:150px; width:267px; float:left;}
a.engineering{height:150px; width:267px;  display:block;background:url(../../images/default/default_pic.png) no-repeat -716px -166px;}
a.engineering:hover{background:url(../../images/default/default_pic.png) no-repeat -716px -329px; }


/****************** index_pic end  ***************/