@charset "utf-8";
@font-face {
    font-family: 'Regular';
    src: url('./DINPro-Regular.otf');
}
html, body, div, dl, dd, dt, ul, ol, li, a, i, font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px}
html { height: 100%}
body { position: relative; font-size: :14px; font-family: 'Regular','微软雅黑'; height: 100%; overflow: scroll; overflow-x: hidden}
a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-decoration:none; cursor:pointer; color:#707070}
a:hover { text-decoration:none  }
i { display:-moz-inline-stack; display:inline-block; font-style:normal}
table{ border-collapse:collapse; border-spacing:0px}
ol, ul, li { list-style:none}
img { border:0px none; }
input[type=text], input[type=button], input[type=submit], input[type=reset] { font-family: 'Regular','微软雅黑'; -webkit-appearance:none; font-size:100%; outline:none 0}
select { padding:0px}
textarea { font-family: 'Regular','微软雅黑'; resize:none}
:focus { outline:none; }
.container { height: 100% }

/** 工具 **/
.row { margin: 0 auto }
.bgf3 { background: #f3f3f3 }
.bgred { background: #e60012 }
.clear { clear:both}
.fl { float:left}
.fr { float:right}
.psa { position:absolute}
.psr { position:relative}
.psf { position:fixed}
.vat { vertical-align:top}
.vam { vertical-align:middle}
.vab { vertical-align:bottom}
.cp { cursor:pointer}
.db { display:block}
.di { display:inline-block}
.dn { display:none}
.tal { text-align:left}
.tac { text-align:center}
.tar { text-align:right}
.oh { overflow:hidden}
.oxs { overflow:hidden; overflow-x:scroll}
.oys { overflow:hidden; overflow-y:scroll}
.ha { height:auto; overflow:auto}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml30 { margin-left:30px}
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mt-100 { margin-top: 100% }
.mb20{margin-bottom: 20px!important}
.pt5 { padding-top:5px}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt15 { padding-top:15px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.fs13 { font-size:13px}
.fs14 { font-size:14px}
.fs15 { font-size:15px}
.fs16 { font-size:16px}
.am3 { transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.sl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:auto; height:auto}
.editorDetail p:first-child { margin-top:0px}
.editorDetail img { max-width:100%}
.emptyTip { clear:both; font-size:12px; color:#888; padding:30px 0; margin:0px; text-align:center; overflow:hidden}
.img { position: relative; overflow: hidden; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.img img { transition:all .5s ease-out; -webkit-transition:all .5s ease-out; background: #fff}
.img:hover { background: #fff }
.img:hover img { opacity: .7; -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); background:#000}
div.img { position:relative; overflow:hidden; /*background:#dadada url(/com/img/i.png) no-repeat center;*/ background-size:40% auto}
div.img > img { position:relative; width:100%; height:100%}

.YPMsg { position:fixed; padding:15px 20px; background:rgba(0,0,0,0.7); z-index:-1; border-radius:8px; color:#fff; font-size:15px; line-height:20px; max-width:400px; text-align:center;}
.loading { display:none; width:0px; height:0px}
.loading > div { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:999; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; z-index:9990}
.loading > div > div { background:rgba(0,0,0,0.8); padding:20px; border-radius:10px;}
.ldi,.ldi>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.ldi{display:block;font-size:0;color:#fff}.ldi.la-dark{color:#fff}.ldi>div{display:inline-block;float:none;background-color:currentColor;border:0 solid #ddd}.ldi{width:32px;height:32px}.ldi>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 1s linear infinite;animation:ball-clip-rotate 1s linear infinite}.ldi.la-sm{width:16px;height:16px}.ldi.la-sm>div{width:16px;height:16px;border-width:1px}.ldi.la-2x{width:48px;height:48px}.ldi.la-2x>div{width:48px;height:48px;border-width:4px}.ldi.la-3x{width:96px;height:96px}.ldi.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


html, body, ul, li, p, h1, h2, h3, h4, h5, h6, input, form, dd, dt, dl, ol, caption, td, tr, th, hr, header, footer, blockquote, pre, fieldset, legend, aside, nav, section {
    padding: 0;
    margin: 0
}

html, body {
    width: 100%;
    height: 100%
}

body {
    font-family: Tahoma, Helvetica, "microsoft yahei", "Hiragino Sans GB", Simsun, \5b8b\4f53, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none
}

ul, li {
    list-style: none
}

table, div, img {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    vertical-align: middle
}

button, input, select, textarea {
    outline: 0;
    font-family: inherit
}

:focus {
    outline: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
    background: #fff
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

select {
    font-family: "microsoft yahei";
    color: #666
}

.clear, .clearfix {
    zoom: 1
}

.clear:after, .clearfix:after {
    content: '';
    display: block;
    clear: both
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    border: 0 none
}




.indexBanner { clear:both; height:560px; z-index:2}
.indexBanner .flexslider { position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;z-index:3 }
.indexBanner .flexslider > div { position:relative; width:100%; height:100%}
.indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides > li { width:100%; height:100%; background-size:cover}
.indexBanner .flexslider ul.slides > li > a { width:100%; height:100%; background:no-repeat center; background-size:cover}
.indexBanner .flex-control-nav { width:100%; position:absolute; bottom:15px; text-align:center; z-index:6}
.indexBanner .flex-control-nav > li { margin:0 5px; display:inline-block; zoom:1; *display:inline; }
.indexBanner .flex-control-paging li { width:18px; height:18px; overflow:hidden}
.indexBanner .flex-control-paging li a { width:14px; height:14px; overflow:hidden; cursor:pointer; border-radius:50%; border:2px solid transparent; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.indexBanner .flex-control-paging li i { width:4px; height:4px; background:#58524f; border-radius:50%; overflow:hidden; margin-bottom:7px}
.indexBanner .flex-control-paging li a.flex-active { border-color:#58524f}
.indexBanner .flex-control-paging li a:hover { border-color:#58524f}
.indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides li { background-position:center; background-size:cover}