body{color:#333333;background:#FFF;font:12px/1.6 Verdana, Helvetica, sans-serif;text-align:center;}
*{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
li{list-style-type:none;}
img{border:0 none;}
a{ text-decoration:none; color:#333;  }
a:hover{ color:#1974A1;  }
a:link, a:visited{color:#333;text-decoration: none;outline: none;}
a:hover{color:#0E4470;text-decoration: none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { height: 1%; }
.clearfix { display: block; clear:both; float:none; }
.pull-left{ float:left}
.pull-right{ float:right}
.text-left{ text-align:left}
.text-right{ text-align:right}
.text-center { text-align: center; }
/*::-moz-selection {*/
/*background:#70A102;*/
/*color:#fff;*/
/*text-shadow: #000 0 1px 0;*/
/*}*/
/*::selection { background: #70A102; color: #fff; text-shadow: #000 0 1px 0; }*/
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f21 { font-size: 21px !important; }
.f22 { font-size: 22px !important; }
.f23 { font-size: 23px !important; }
.f24 { font-size: 24px !important; }
.f25 { font-size: 25px !important; }
.f26 { font-size: 26px !important; }
.f27 { font-size: 27px !important; }
.f28 { font-size: 28px !important; }
.f29 { font-size: 29px !important; }
.f30 { font-size: 30px !important; }
.f-bold-no { font-weight: normal !important; }
.f-bold { font-weight: bold !important; }
.hidden { overflow: hidden !important; }
.pl0 { padding-left: 0 !important; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pt0 { padding-top: 0 !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pr0 { padding-right: 0 !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.ml0 { margin-left: 0 !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.mr0 { margin-right: 0 !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mt0 { margin-top: 0 !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.pd0{ padding:0 !important; }
.pd1{ padding:1px !important; }
.pd2{ padding:2px !important; }
.pd3{ padding:3px !important; }
.pd4{ padding:4px !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd25{ padding:25px !important; }
.pd30{ padding:30px !important; }
.btn { width: auto; padding: 0 35px; height: 40px; line-height: 40px; display: inline-block; font-size: 16px; border-radius: 30px; }
.btn.primary { background: #004ea2; color:#fff; }
.btn.black { background: #000; color:#fff; }
.btn.small { font-size: 12px; height: 30px; line-height: 30px; border-radius: 25px; }
.base-block{display:block;}
.base-flex{display:flex;}
/* flex 布局 */
.base-rows{flex-direction:row;}
.base-columns{flex-direction:column;}
.base-wrap{flex-direction:row; flex-wrap:wrap;}
.base-nowrap{flex-direction:row; flex-wrap:nowrap;}
.base-space-around{justify-content:space-around;}
.base-space-between{justify-content:space-between;}
.base-justify-content-start{justify-content:flex-start;}
.base-justify-content-center{justify-content:center;}
.base-justify-content-end{justify-content:flex-end;}
.base-align-items-start{align-items:flex-start;}
.base-align-items-center{align-items:center;}
.base-align-items-end{align-items:flex-end;}
.base-flex1{flex:1;}

.container{width: 1378px; margin: 0 auto; position: relative;}
/*分页*/
#ecmspage { font-size: 14px; text-align: right; width: 100%; height: 35px; line-height: 35px; overflow: hidden; padding: 30px 0; }
#ecmspage b { padding: 4px 8px; background: #204f9f; border: 1px solid #204f9f; color: #fff; font-weight: normal }
#ecmspage a b { background: none; color: #000; border: none; }
#ecmspage a { border: 1px solid #204f9f; padding: 4px 8px; margin: 0 3px; cursor: pointer; color: #204f9f; font-size: 14px; background-color: #fff; }
#ecmspage a:hover { background: #f6f6f6; }

/* 标题 */
.common-title {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-bottom: 54px;
    font-size: 32px;
    letter-spacing: 6px;
    color: #333333;
}
.common-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    /* left: 46.5%; */
    /* left: calc(50% - 88px); */
    left: 50%; /* 居中定位 */
    transform: translateX(-53%); /* 向左偏移理论上应该是50%，根据实际需求微调，实现真正居中 */
    background: url('../images/title-line.png') no-repeat;
    background-size: cover;
    width: 88px;
    height: 7px;
}
.common-title.white {
    color: #fff;
}
.common-title.white:after {
    background: url('../images/title-line-white.png') no-repeat;
}