﻿body { margin: 0; padding: 0; overflow-x:hidden;height: 100%; font-size: 16px; font-family: 'MS Gothic‌','Hiragino Kaku Gothic','Noto Sans Japanese‌', Geneva, Microsoft YaHei; color: #282828;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: #282828;-webkit-transition: .2s linear;transition: .2s linear;text-decoration: none;}
a:hover{color: #a71f23; 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;}
.fs-large{font-size: 2.25rem;line-height: 50px}
.fs-biger{font-size: 18px;line-height: 30px}
.fs-big{font-size: 16px;line-height: 28px}
.fs-small{font-size: 14px;line-height: 26px}
.aline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;}
.alin_w:hover .aline_w{background-size:100% 1px;color: #fff}
.aline_w:hover{background-size:100% 1px}
.aline_r{position:relative;background-image:linear-gradient(#a71f23,#a71f23);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;}
.alin_r:hover .aline_r{background-size:100% 1px;color: #a71f23}
.aline_r:hover{background-size:100% 1px}
.fs-18{font-size: 18px;line-height: 30px}
.fs-16{font-size: 16px;line-height: 30px}
.fc-red{color: #a71f23;}
.fc-white{color: #fff}
.fc-gray{color: #999}
.container {
    width: 100%;
    max-width:1920px;
    margin:0 auto;
    padding:0;
}

.layout {
    width:1200px;
    margin:0 auto;
    position: relative;
}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.m-t-b{margin-top:40px;margin-bottom: 30px}
.bg-red{background-color:#ad122f;}
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f6f6f6;}
.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);}

._topline{background-color: #fff;border-top:3px solid #ad122f;}
._iconnew{position: absolute;top:0;right:0;}
/*list*/
.downfile .downs{color:#00a3ac}
.list-page{margin:50px 0 80px 0;}