﻿/*/////////////////////////////   设置样式初始值   ////////////////////////////////*/
/* 布局技巧：先整体在局部，把一个页面分很多小块布局，提取公共样式：字体，标题行的样式，超链接样式 */
/* *{margin: 0px;padding: 0px;}  */
body,div, ul,ol,li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p,hr,  form, input, select, textarea, iframe, table, th, td,span{margin: 0px;padding: 0px;}
body
{
    line-height:1.7;      /* 相对值*/
    color: #555;
    font-size:12px;     /* font-size 不能和 font-family合并 */
    font-family:"宋体",Arial;      /* 宋体解决尖括号 '>' 变的好看*/
    word-break:break-all;    /* 把单词截断 */
}
h3,h4,h5,h6{font-weight:normal;font-size:12px;}    /* 默认大小：h6:10px;h5:13px;h4:16px;h3:19px;h2:24px; */
h2    /* 标题 */
{
    font-size:14px;
    line-height:35px;
    padding-left:12px;
    padding-right:10px;
}
h2 a
{
    font-size:12px;
    font-weight:normal;
    float:right;
}
h1{clear:both;}    /* 使用 i标签 清除浮动 */
ol,ul
{
    line-height:24px;      /* line-height只对文字起作用 对于图片时失效    用奇数有些浏览器会有1px的区别    对于有些要求比较严格的网站,建议行高设计时用偶数*/
    list-style: none;
}
a{color:#333;text-decoration: none;}
a:hover{color: #ff6405;text-decoration: underline;}
a img{border-style:none;}
input{outline:none;}    /* 让输入框在谷歌浏览器获取焦点时无轮廓  */
em,i{font-style:normal;}
/*
.H50{height:50px;}
.H100{height:100px;}
.H150{height:150px;}
.H300{height:300px;}
.H450{height:450px;}
.H600{height:600px;}
*/
/*  table{border-collapse: collapse;}*/   /*表示表格的两条边框合并成一条*/
/* word-wrap:break-word;直接把整个单词放到下一行显示     word-break:break-all;  会把单词截断  */     /*英文字母溢出自动换行*/
/* .fontStyle{font-family:Georgia; } */     /*非常华丽的字体，一般用来修饰电话号码*/
/*   英文使用 font-family:Times New Roman 字体  */
/* font-family:Arial;  加粗的数字就用该字体  */
/* .borRadius{border-radius: 4px;}  制作圆角*/    
/*  zoom:0.5;  实现缩小或放大*/
/* display:inline-block; IE6、IE7不支持该属性,可用display:inline;float:left;代替，使行级标签设置高度宽有效，并且自动不会换行 */
/* vertical-align:middle; 两边的元素垂直居中，但必须是该元素的高度高于两边的元素，并且在同一行   */
/* 制作三角形，三角形垂直居中    <span>中引用该类样式
.borST
{
    width:0px;
    height:0px;
    line-height:0px;
    margin-left:-3px;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
    border:5px solid transparent;
    border-top:5px solid #666;
}
*/
/*/////////////////////////////   类样式   ////////////////////////////////*/
.div     /*   该类样式每次都要根据实际情况来定    ------------------------------------*/
{
    width:980px;
    margin:0px auto;
}
.aNone_a a:hover{text-decoration:none;}
.colR{color:Red;}
.colFFF{color:#fff;}
.dvm
{
    display:inline-block;
    vertical-align:middle;
}
.flo_dis
{
    float:left;
    display:inline;
}

.lineH22{line-height:22px;}
.lineH26{line-height:26px;}
.lineH28{line-height:28px;}
.lineH30{line-height:30px;}
.lineH35{line-height:35px;}
.lineH40{line-height:40px;}

.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padLR10_li li{padding-left:10px;padding-right:7px;}     
.padLR15_li li{padding-left:15px;padding-right:10px;}
.padLR5{padding-left:5px;padding-right:3px;}        
.padLR10{padding-left:10px;padding-right:7px;}     
.pad5{padding:3px 3px 0px 5px;}
.pad10{padding:5px 7px 7px 10px;}    /* 若行高为24px 则有6px被行高占据 */
.pad15{padding:10px 10px 10px 15px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}

.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL10_li li{margin-left:10px;}
.marL15_li li{margin-left:15px;}
.marL20_li li{margin-left:20px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR10_li li{margin-right:10px;}
.marR15_li li{margin-right:15px;}
.marR20_li li{margin-right:20px;}
.marR10_a a{margin-right:10px;}
.marR15_a a{margin-right:15px;}
.marR20_a a{margin-right:20px;}

.floR{float:right;}
.floR_li li{float:right;}
.floR_i i{float: right;}    /* 用于新闻布局 日期向右浮动 */
.floL{float:left;}
.floL_li li{float: left;}
.textR{text-align: right;}
.textC{text-align: center;}
.textC20
{
    width:20px;
    text-align:center;
}
.cle{clear:both;}
.clear
{
    width:0px;
    height:0px;
    line-height:0px; 
    margin:0px;
    padding:0px;
    clear: both;
}
.borR{border: 1px solid red;}