body { margin: 0; padding: 0; overflow-x:hidden;height: 100%; font-size: 16px; font-family: '微软雅黑','Times New Roman',Tahoma, Geneva, Microsoft YaHei; color: #222;background-color: #fff }
html{margin: 0; padding: 0; height: 100%; line-height: 30px}
div,dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none;font-weight: normal; }
h3, h4, h5 { margin: 0; padding: 0;  font-size: 16px }
input, button, select, textarea { outline: none; border: none; margin: 0; padding: 0; resize: none; background: none;line-height: 30px; }
table { width:100%;border-collapse: collapse; border-spacing: 0; }
table td{padding:10px;}
label { cursor: pointer; }
placeholder { color: #999; opacity: 1;}
::-moz-placeholder { color: #999;opacity: 1; }
::-webkit-input-placeholder { color: #999; opacity: 1;}
/*滚动条*/
::-webkit-scrollbar-track{background-color: #f6f6f6;}
::-webkit-scrollbar{width: 5px;background-color: #ffffff;}
::-webkit-scrollbar-thumb{background-color: #ccc;}

button, input { overflow: visible; }
button, select { text-transform: none; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
a {color: #383b56;-webkit-transition: .2s linear;transition: .2s linear;text-decoration: none;}
a:hover{color: #383b56; text-decoration: none; outline: none}
img {max-width: 100%;}
.relative{position: relative;}
.inline-block{display: inline-block;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *display: none; }
.clearfix { *zoom: 1; }
.clear { clear: both;  }
.show { display: block !important; }
.hide { display: none !important; }
.fl{float:left;}
.fr{float:right;}
.container {
    width: 100%;
    margin:0 auto;
}
.layout {
    max-width:1920px;
    min-width: 1200px;
    margin:0 auto;
}
.w-1400{max-width:1400px;min-width: 1200px;margin:0 auto;}
.mt-20{margin-top:20px;}
.mt-50{margin-top:50px;}
.pt-50{padding-top:50px;}
.pt-30{padding-top:30px;}
.pt-20{padding-top:20px;}
.pt-10{padding-top:10px;}
.over{
    overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.over2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.over3{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran5000{-webkit-transition:all 5s linear; -moz-transition:all 5s linear; -ms-transition:all 5s linear; transition:all 5s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.scaleimg img{transition: all .2s;}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
.translateY:hover{-webkit-transform:translateY(-6px); -moz-transform: translateY(6px); -ms-transform:translateY(-6px); transform:translateY(-6px);}