@charset "utf-8";
header, section, footer, aside, nav, main, article, figure { display: block }
strong { font-weight: bold }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 }
body, html { font-size: 100%; padding: 0; margin: 0; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { margin: 0; padding: 0 }
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
body { background-color: #fff }
form { display: block }
em { font-style: normal }
ul, ol, li { list-style: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none }
img { border: 0px }
img.h-fit { height: 100%; }
img.w-fit { width: 100%; }
table { border-collapse: collapse; border-spacing: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: '微软雅黑', "microsoft yahei", Arial, Verdana, sans-serif, 'Tahoma' }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
input[type="submit"]:hover { cursor: pointer }
* html .clearfix { height: 1% }
.clearfix { display: block }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.hide { opacity: 0; filter: opacity(0); }
.none { display: none }
.block { display: block }
.inline-block { display: inline-block }
.whole-a { display: block; width: 100%; height: 100% }
.whole-img { width: 100%; height: 100% }
.text-center { text-align: center }
.text-right { text-align: right }
a, p, i, span { font-size: inherit; color: inherit; line-height: inherit }
.tran02 { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.w { width: 1200px; margin: 0 auto }
.mcolor { color: #0054a5 !important; }
.white { color: #fff !important; }
.gray { color: #666 !important; }
.yellow { color: #fba807 !important; }
.red { color: #fb0504 !important; }
.rainbow { background: -webkit-linear-gradient(left, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000); /* 标准的语法（必须放在最后） */ }
.mhover:hover { color: #fba807 !important; }
.uhover:hover { text-decoration: underline !important; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

/*public.css*/
.icon { background: url(../images/icon.png) no-repeat; }

/* btn */
.btn { width: 90px; height: 30px; font-size: 12px; display: inline-block; background: #fba601; line-height: 30px; color: #fff; text-align: center; border-radius: 4px; border: none; }
.btn-big { width: 140px; height: 40px; line-height: 40px; font-size: 16px; }
.btn.btn-blue { background: #0054a5; }
.btn:hover { opacity: .8; filter: opacity(80); }
.btn.btn-yellow { background: #fba601; }
.btn.btn-yellow:hover { opacity: 1; filter: opacity(100); background: #ff002a; }

/*mk_tip*/
.mk_tip { font-size: 12px; background: #fcf8e2; line-height: 23px; padding: 5px 15px; color: #f56e0c; position: relative; padding-left: 20px; margin-bottom: 10px; }
.mk_tip.mk_tip-large { font-size: 14px; }
.mk_tip>span { color: #f56e0c; position: absolute; left: 15px; top: 8px; }
.mk_tip.mk_tip_green { background-color: #F2FFEA; color: #55911f; }
.mk_tip.mk_tip_green span { color: #55911f }
.mk_tip.mk_tip_blue { background-color: #d9edf7; color: #3997f8; }
.mk_tip.mk_tip_blue span { color: #35a8e1; }
.mk_tip.mk_tip_gray { background-color: #f4f4f4; color: #666; }
.mk_tip.mk_tip_gray span { color: #666 }

/* form-inline */
.form-inline { }
.form-inline .form-group { clear: both;/* margin-bottom: 10px; */ }
.form-inline .input-group { float: left; margin-bottom: 10px; margin-right: 20px; }
.form-inline .input-group.long { width: 100%; }
.form-inline .input-label { display: block; font-size: 14px; line-height: 30px; color: #222; font-weight: bold; }
.form-inline .input-tip { width: 100%; height: 20px; font-size: 13px; line-height: 20px; }
.form-inline .form-control { width: 200px; height: 38px; background: #fff; padding: 0 8px; font-size: 14px; line-height: 28px; border: 1px solid #ccc; border-radius: 2px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.form-inline .form-control:focus { border-color: #0054a5; }
.form-inline .form-control.short { width: 100px; }
.form-inline .form-control.long { width: 300px; }
.form-inline .ml10 { margin-left: 10px; }
.form-inline .form-bottom { padding-top: 10px; line-height: 14px; font-size: 14px; }

/*.table*/
.table { width: 100%; border: 1px solid #eee; }
.table tr { height: 30px; line-height: 30px; }
.table tr:hover { background: #f6f6f6; }
.table td, .table th { line-height: 30px; color: #666; font-size: 14px; text-align: center; border: 1px solid #ddd; }
.table th { font-weight: bold; background: #f9f9f9; }

/* banner图滚动模板 */
.focus { position: relative; width: 100%; height: 100%; background-color: #fff; }
.focus .fPic { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000; height: 100%; }
.focus .fcon .imgwrap { width: 100%; height: 100%; }
.focus .fcon img { display: block; width: 100%; height: 100%; }
.focus .shadow .title { width: 100%; height: 65px; padding-left: 30px; padding-top: 20px; }
.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 12px; font-weight: bolder; overflow: hidden; }
.focus .shadow { width: 100%; z-index: 10; height: 84px; background: #fff; border-top: 2px solid #0054a5; color: #333; box-shadow: 2px 2px 13px #eee; }
.focus .shadow a.title { width: 100%; height: 30px; margin-top: 10px; line-height: 30px; padding: 0 14px; color: #0054a5; font-size: 15px; }
.focus .shadow a.title:hover { text-decoration: underline; }
.focus .shadow .txt { width: 100%; height: 20px; line-height: 20px; padding: 0 14px; color: #666; font-size: 12px; }
.focus .fbg { bottom: 0px; right: 10px; position: absolute; height: 21px; text-align: center; z-index: 2; }
.focus .fbg div { margin: 0 auto 0; overflow: hidden; zoom: 1; height: 14px }
.focus .D1fBt { overflow: hidden; zoom: 1; height: auto; z-index: 2; }
.focus .D1fBt a { cursor: pointer; position: relative; display: inline; width: 14px; height: 14px; border-radius: 50%; margin: 0 2px; color: #B0B0B0; text-decoration: none; text-align: center; outline: 0; float: left; background: #fff; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #ccc; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/banner_btn.png) no-repeat; }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; }
.focus .prev:hover { background-position: 0 0; }
.focus .next:hover { background-position: -40px 0; }
.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; }

/* 小图滚动模板 */
.slide-wrap { width: 100%; height: 100%; position: relative; }
.slider { height: 100%; width: 90%; overflow: hidden; position: relative; background: #f2f7fb; margin: 0 auto;/*! padding: 15px 0; */ }
.sliderbox { position: relative; }
.sliderbox li a { position: relative; width: 104px; height: 104px; display: block; overflow: hidden; padding: 2px; /*! background: #eee; */ margin: 13px 0; }
.sliderbox li a .pro-icon { width: 100px; height: 100px; background-color: #fff; border: 4px solid #b4cdf5; background-image: url(../images/index/pro_icon.png); }

/*.sliderbox li a .pic-name { position: absolute; bottom: 10px; left: 10px; width: 220px; height: 60px; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; text-align: center; line-height: 20px; display: none;}*/

/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.slidernav { position: absolute; right: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0; *word-spacing: -1px; }
.slidernav li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal; }
.slidernav li a { width: 16px; padding: 2px 4px; height: 12px; background: #fff; color: #000; text-align: center; }
.slidernav li.current a { background: #3B8DD1; color: #fff; }
@media screen and (-webkit-min-device-antio:0) {
	.slidernav { letter-spacing: -5px; }
}
.slide_prev, .slide_next { position: absolute; top: 0; left: 0; cursor: pointer; width: 5%; height: 100%; background: url(../images/index/slide_prev.png) center left no-repeat #f2f7fb; z-index: 2; opacity: 0.8; filter: opacity(80); }
.slide_next { right: 0; left: auto; background: url(../images/index/slide_next.png) center right no-repeat #f2f7fb; }
.slide_prev:hover, .slide_next:hover { opacity: 1; filter: opacity(100); }

/* agroup: used by FOOTER */
.agroup { font-size: 12px; line-height: 50px; color: #666; text-align: right; }
.agroup a {	/*padding: 0 8px;*/ }
.agroup a:after { content: '/'; padding: 0 8px; }
.agroup a:last-child:after { display: none; }
.agroup a:hover { color: #1071d3; font-size: 13px; }