/* DHA800.com  春兰 德业除湿机 页面设置，顶部可以固定 */

body { font-family: Arial, Helvetica,sans-serif,Verdana; color:#333;
       background:#ffff  url(http://www.ichunlan.com/image/bg10.jpg) repeat-x;
       padding:0px;margin:0px;
      }

td,p {font-family: sans-serif;  }
    p {line-height: 166.6%; }

/*去掉图片及表格 的边框*/
img     {border:0; border-radius:5px;}
table   {border:none;border-spacing: 0; border-collapse: collapse; }
ul,ol,li {list-style:none}

/*超级链接 */
     a     {text-decoration:none; transition:all 0.4s linear;}
a:link    { color:#333;           text-decoration:none;}
a:visited{ color:#666;         text-decoration:none;} 
a:hover  { color:#02599c;  text-decoration:none;
                   transition:all 0.4s linear; 
                
           } 


/* h,strong,b 定义 颜色       */
h1 h2 h3 h4 {color:#0457B3;}


.m  {width:960px;margin:auto;}
.top{height:26px;line-height:26px;background:url('image/top_bg.gif') repeat-x;font-size:12px}

.left  {float:left;}
.right {float:right;}
.telphone {float:right; font-weight:800;}


li  { display:inline; }



/*  增加透明度 20250305   */ 
.header_container{
     position:fixed; 
     top:0;
     width:100%;
     height:26px;  opacity: 0.9;
     background-color:#fefaf9;
   }

.nav td{ text-align:center;}

/*  导航nav,不同的效果展示  */ 
.nav{
    background-color:#449cfe;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    color:#fff;
    font-size:105%;
    height:28px;
    margin:0px auto;
    width:960px; 
        
    }
 .nav ul{
    list-style:none;margin-left:0px;}
 .nav li{
    display:inline;margin-left:20px;}

.nav a{
    line-height:20px;
    color:#fff;
    text-decoration:none;
    padding:2px 2px;
    }
.nav a:hover{
    color:#02599c;
    background-color:#f5f5f5;
    
    font-size:115%;
    border-radius:15px;
    }


#nav{
    margin:0px auto;
    height:20px;
    
    }
    #nav ul{
    list-style:none;
    margin-left:0px;
    }
    #nav li{
    display:inline;margin-left:20px;
    }
    #nav a{
    line-height:20px;
    color:#333;
    text-decoration:none;
    padding:5px 5px;
    }
    #nav a:hover{
    color:#fff;
    background-color:#86c0ff;
    }

/* 型号列表栏宽度及背景色 20200910*/ 
.side-list {background-color:#fff; width:220px; text-align:center;}
.sale-price{background-color:#449cfe; color:#fff;}


/*页面底部显示新闻列表，通栏的方式  20200909*/ 
.news-main {width:100%; background-color:#fafaf9;}
.news-list { margin:0px auto; width:960px;height:220px; background-color:#fafaf9; text-align:left; 
             color:#afafa9;
              }

.lFloat {float:left;margin-right:80px;width:400px; background-color:#fafaf9;margin-top:20px; }     




/* 合并相同属性 20250514 */
.side-list, .parameter_radius,  .lFloat {   border-radius:15px;
                                                                     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);  
                                                                       }

.side-list:hover, .parameter_radius:hover,.lFloat:hover {     background: #f5f5f5;    /* 悬停时变暗 */
                                                                                                        transition: 0.3s ease;
                                                                                                                  }





/* 标准底部样式 通栏   */  
.footer {
     background-color:#f5f5f5;
     color:#333;
     height:150px; 
     margin:auto 0px;  
     opacity: 0.9;
     text-align:center;
     width:100%; 
       
      }

.footer a:hover{
         background-color:#fff;
         border-radius:15px;
         color:#449cfe;
         font-size:110%;
         text-decoration:none;
         
      }  


/*底部样式A:底色为蓝色，灰字*/  
.area{text-align:center;background-color:#02599c; color:#666;
       }
.area a{color:#666;}
.area a:hover{color:0065b3;
              background-color:#fff;
              border-radius:15px;
              font-size:120%;}


.textcetent{text-align:center;background-color:#0065b3; color:#666;
            border-bottom-left-radius:0px;
            border-bottom-right-radius:0px;margin-bottom:-2px;}
            
.textcetent a{ color:#666;}
.textcetent a:hover {color:0065b3;
                     background-color:#fff;
                     border-radius:15px;
                     font-size:110%;}


 /*悬停图片及div 后就有一个上浮效果*/ 
img:hover{                                        
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-moz-transform: translate(-2px,-2px);
	-webkit-transform: translate(-2px,-2px);
	-o-transform: translate(-2px,-2px);
	-ms-transform: translate(-2px, -2px);
	transform: translate(-2px,-2px);
	-webkit-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
	-moz-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
	-o-box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
	box-shadow: 5px 5px 15px rgba(67, 72, 84, 0.5);
}