body {
    margin: 0px;
    padding: 0px;
}

div {
    margin: 0px;
    padding: 0px;
}

dl {
    margin: 0px;
    padding: 0px;
}

dt {
    margin: 0px;
    padding: 0px;
}

dd {
    margin: 0px;
    padding: 0px;
}

ul {
    margin: 0px;
    padding: 0px;
}

ol {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

h1 {
    margin: 0px;
    padding: 0px;
}

h2 {
    margin: 0px;
    padding: 0px;
}

h3 {
    margin: 0px;
    padding: 0px;
}

h4 {
    margin: 0px;
    padding: 0px;
}

h5 {
    margin: 0px;
    padding: 0px;
}

h6 {
    margin: 0px;
    padding: 0px;
}

pre {
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
}

input {
    margin: 0px;
    padding: 0px;
}

textarea {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0px;
    padding: 0px;
}

blockquote {
    margin: 0px;
    padding: 0px;
}

th {
    margin: 0px;
    padding: 0px;
}

td {
    margin: 0px;
    padding: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
}

div, dl, dt, dd, ul, ol, li, p {
    overflow: hidden;
    word-wrap: break-word;
    list-style: none;
}

img {
    border: 0px currentColor;
    border-image: none;
}

fieldset {
    border: 0px currentColor;
    border-image: none;
}

em, i {
    font-style: normal;
}

button {
    cursor: pointer;
}

section {
    display: block;
}

article {
    display: block;
}

aside {
    display: block;
}

header {
    display: block;
}

footer {
    display: block;
}

nav {
    display: block;
}

dialog {
    display: block;
}

figure {
    display: block;
}

hgroup {
    display: block;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hide {
    text-indent: -9999px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    font-weight: normal;
}

body {
    font: 12px 宋体, Arial, Helvetica, sans-serif;
    background-color: #ecedec;
    height: 100%;
    text-align: left;
    color: #363636;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    text-decoration: underline;
}

/*a {
	transition:0.2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;
}*/

/*常用两种链接*/
a {
    font-size: 12px;
    color: #363636;
}

a:hover {
    color: #006666;
}

a:focus {
    color: #006666;
}

a.orange {
    color: #363636;
}

a.orange:hover {
    color: #ff8000;
}

a.orange:focus {
    color: #ff8000;
}

a.orange1 {
    color: #ff8000;
}

a.orange1:hover {
    color: #ff8000;
}

a.orange1:focus {
    color: #ff8000;
}

/*常用颜色*/
.black {
    color: #000000 !important;
}

.white {
    color: #ffffff !important;
}

.green {
    color: #006666;
}

.red {
    color: red;
}

.grey {
    color: #363636;
}

.grey1 {
    color: #565656;
}

.grey2 {
    color: #888888;
}

.grey3 {
    color: #acacac;
}

.orange {
    color: #ff8000;
}

/*常用字体*/
.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.lh28 {
    line-height: 28px !important;
}

.lh24 {
    line-height: 24px;
}

.lh40 {
    line-height: 40px !important;
}

.lh50 {
    line-height: 50px !important;
}

.lh60 {
    line-height: 60px;
}

select {
    border: solid 1px #cccccc;
}

.btn {
    border: 0px;
    text-align: center;
    vertical-align: middle;
}

.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right;
}

.w250 {
    width: 250px !important;
}

.w700 {
    width: 700px;
}

.w992 {
    width: 992px !important;
}

/*鼠标手型*/
.pointer {
    cursor: pointer;
}

/*float 闭合*/
.clear {
    width: 992px;
    clear: both;
}

/* 超出字符用...补齐*/
li.truncation {
    /*overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；             -o-text-overflow: ellipsis针对Opera；而宽度的设定主要是针对IE6；*/
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.fb {
    font-weight: bolder;
}

.vt {
    vertical-align: top !important;
}

/*padding*/
.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p28 {
    padding: 28px;
}

.pt8 {
    padding-top: 8px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt28 {
    padding-top: 28px !important;
}

.pt38 {
    padding-top: 38px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb28 {
    padding-bottom: 28px;
}

.pb50 {
    padding-bottom: 50px;
}

.pr3 {
    padding-right: 3px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr28 {
    padding-right: 28px;
}

.pl3 {
    padding-left: 3px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl28 {
    padding-left: 28px;
}

.pl50 {
    padding-left: 50px;
}

.pl100 {
    padding-left: 100px;
}

.pl120 {
    padding-left: 120px;
}

.pl180 {
    padding-left: 180px;
}

.pl200 {
    padding-left: 200px;
}

.pl250 {
    padding-left: 250px;
}

/*HaoNan补充 首页头部使用*/
.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px;
}

.mt14 {
    margin-top: 14px !important;
}

.mt17 {
    margin-top: 17px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.ml3 {
    margin-left: 3px;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml14 {
    margin-left: 14px !important;
}

.ml15 {
    margin-left: 15px;
}

.ml18 {
    margin-left: 18px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml28 {
    margin-left: 28px;
}

.ml30 {
    margin-left: 30px !important;
}

.ml48 {
    margin-left: 48px;
}

.ml36 {
    margin-left: 36px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml56 {
    margin-left: 56px !important;
}

.ml38 {
    margin-left: 38px;
}

.ml70 {
    margin-left: 70px !important;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr28 {
    margin-right: 28px;
}

.mr40 {
    margin-right: 40px !important;
}

.mlr2 {
    margin: 0 2px;
}

.mlr3 {
    margin: 0 3px;
}

.mlr5 {
    margin: 0 5px;
}

.mlr8 {
    margin: 0 8px;
}

.mlr10 {
    margin: 0 10px;
}

.mlr15 {
    margin: 0 15px;
}

.mlr20 {
    margin: 0 20px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.text-orange {
    color: #fa8100 !important;
}

.text-orange a {
    color: #fa8100 !important;
}

.text-orange a:hover, .text-orange a:active {
    color: #fa8100 !important;
}

.text-orange a:link, .text-orange a:visited {
    color: #fa8100 !important;
}

.text-blue, a.text-blue {
    color: #006666 !important;
}

.text-blue a {
    color: #006666 !important;
}

.text-blue a:hover, .text-blue a:active {
    color: #006666 !important;
}

.text-blue a:link, .text-blue a:visited {
    color: #006666 !important;
}