﻿@charset "utf-8";
/*code by shaojingrong*/
/*css重置*/
@font-face {font-family:"PT Sans ";font-weight:normal;font-style:normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td, small { margin: 0; padding: 0; }
body { font: 12px/1.5 "PT Sans","Arial", "Helvetica Neue",arial,"Microsoft Yahei", "微软雅黑",'Hiragino Sans GB',tahoma,sans-serif; color: #666;}
h1, h2, h3, h4, h5, h6, small { font-size: 100%; overflow: hidden; font-weight: normal; }
input, select { vertical-align: middle; font-size: 12px; }
ol, ul, li { list-style: none; }
i { font-style: normal; }
img { border: 0; }
ul, li { list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*全局公用*/
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.f12 { font-size: 12px}
.f13 { font-size: 13px}
.f14 { font-size: 14px}
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.divc { margin: 0 auto}
.fb { font-weight: bold}
.dis { display: block; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; font-size: 0; height: 0; overflow: hidden; }
.cl5 { clear: both; font-size: 0; height: 5px; overflow: hidden; }
.cl10 { clear: both; font-size: 0; height: 10px; overflow: hidden; }
.cl15 { clear: both; font-size: 0; height: 15px; overflow: hidden; }
.cl20 { clear: both; font-size: 0; height: 20px; overflow: hidden; }
.cl30 { clear: both; font-size: 0; height: 30px; overflow: hidden; }
.cl40{clear: both; font-size: 0; height: 40px; overflow: hidden; }
.cl50{clear: both; font-size: 0; height: 50px; overflow: hidden; }
a:link { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: none}
a:hover { color: #e60044; text-decoration: none}
a:active { color: #e60044; text-decoration: none; }
.ti2 { text-indent: 2em; }
.w1000 { width: 1000px; }
.w980 { width: 980px; }
.w1200 { width: 1200px; }
.wauto { width: auto; }
.ovn { overflow: hidden; }
.r3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px; }
a.more, a.more:link, a.more:visited { float: right;font-size: 12px;font-weight: normal;}
a.more:hover, a.more:active { }
a.lan, a.lan:link, a.lan:visited, .lan { color: #0389fe; }
a.lan:hover, a.lan:active { color: #0389fe; text-decoration: underline; }
a.cheng, a.cheng:link, a.cheng:visited,.cheng { color: #fc814b; }
a.cheng:hover, a.cheng:active { color: #fc814b; text-decoration: underline; }
a.tdu:hover{text-decoration: underline;}
.redborder { border: 1px solid #f4167b;}
.red, a.red { color: #f4167b}
a.red:hover{text-decoration: underline;}
.bai,a.bai{color: #fff;}
.hui,a.hui{color: #777;}
.qhui,a.qhui{color: #999;}
a.bai:hover{text-decoration: underline;}
.t5{margin-top: 5px;}
.t10{margin-top: 10px;}
.t15{margin-top: 15px;}
.t20{margin-top: 20px;}
.t30{margin-top: 30px;}
.t40{margin-top: 40px;}
.t50{margin-top: 50px;}
.lh1{line-height: 1;}
.lh13{line-height: 1.3;}
.lh15{line-height: 1.5;}
.lh18{line-height: 1.8;}
.lh2{line-height: 2;}
.lh30{line-height: 30px;}
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{clear: both;content: " ";display: table;}
.bgbai{background: #fff;}
.bghui{background: #f0f0f0;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.wraperh-xs{padding-top: 5px;padding-bottom: 5px;}
.wraperh{padding-top: 10px;padding-bottom: 10px;}
.wraperh-sm{padding-top: 15px;padding-bottom: 15px;}
.wraperh-md{padding-top: 20px;padding-bottom: 20px;}
.wraperh-lg{padding-top: 40px;padding-bottom: 40px;}
.wraperl-xs{padding-left: 5px;padding-right: 5px;}
.wraperl{padding-left: 10px;padding-right: 10px;}
.wraperl-sm{padding-left: 15px;padding-right: 15px;}
.wraperl-md{padding-left: 20px;padding-right: 20px;}
.wraperl-lg{padding-left: 40px;padding-right: 40px;}
.bbd{border-bottom: 1px solid #ddd;}
.btd{border-top: 1px solid #ddd;}
.border{border: 1px solid #ddd;}
.bbe{border-bottom: 1px solid #eee;}
.bte{border-top: 1px solid #eee;}
.bordere{border: 1px solid #eee;}
.imgborder{padding: 1px;border: 1px solid #eee;}
a:hover .imgborder{border:1px solid #ccc;}
.op:hover{ opacity: 0.8; filter: alpha(opacity=80); }
.br0{border-right: 0px!important;}
.mr0{margin-right: 0px!important;}
.iblock{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.transition { -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.ellipsis2 { line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height:44px; }
.ellipsis3 { line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }
.circle{border-radius: 100%}
/*模板公用*/
body {
    position:relative;
}
/*footer*/
.footer {
    width: 100%;
    height: 123px;
    border-top: 1px solid #dbdce0;
    background-color: #eff0f4;
    position: absolute;
    bottom: 0;
}
.footer .container {
    width: 949px;
}
.footer .minelogo {
    line-height: 123px;
    text-align: center;
}
.footer .right-ewm {
    line-height: 123px;
}
.footer .mid {
    padding-top: 37px;
    color: #353b4f;
    margin-left: 10px;
}
.footer .mid h5 {
    font-size: 15px;
    font-weight: 900;
    border-bottom: 1px solid #caccd3;
    padding-bottom: 9px;
    margin-bottom: 5px;
}
.footer .mid h5 i {
    font-weight: 700;
    color: #235da8;
}
.footer .mid span {
    font-size: 13px;
}
.footer .mid span i {
    margin-right: 1px;
    vertical-align: middle;
}
.footer .mid span i.address {
    vertical-align: baseline;
}


/*top*/
.top {
    width: 100%;
    /*height: 146px;*/
    border-bottom: 6px solid #d6dcfb;
    background-color: #4561ec;
    text-align: center;
    color: #fff;
    padding-top: 52px;
}
.top h1 {
    font-size: 30px;
    font-weight: 700;
}
.top span {
    font-size: 15px;
    line-height: 55px;
}
.top span.time {
    margin-right: 26px;
}
.top span i {
    margin-right: 2px;
    font-size: 16px;
    font-weight: 700;
}
/*字体图标*/
@font-face {
    font-family: 'iconfont';  /* project id 347209 */
    src: url('http://at.alicdn.com/t/font_d2pdy0vcj0sve7b9.eot');
    src: url('http://at.alicdn.com/t/font_d2pdy0vcj0sve7b9.eot?#iefix') format('embedded-opentype'),
    url('http://at.alicdn.com/t/font_d2pdy0vcj0sve7b9.woff') format('woff'),
    url('http://at.alicdn.com/t/font_d2pdy0vcj0sve7b9.ttf') format('truetype'),
    url('http://at.alicdn.com/t/font_d2pdy0vcj0sve7b9.svg#iconfont') format('svg');
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*导航*/
.main .navbar ul > li.step a {
    display: block;
    width: 100%;
    height: 100%;
}
.main .navbar ul > li.step a span {
    display: block;
    width: 95%;
    margin: 0 auto;
    height: 100%;
    padding-left: 21px;
    background: url("../images/over.png") left center no-repeat;
    color: #eaebed;
}
.main .navbar ul > li.step a:hover {
    background: url("../images/on1.png") no-repeat;
}
.footer-box {
    height: 143px;
}
