@charset "utf-8";
/* CSS Document */

/* 鼠标选中文字的样式 */
::-moz-selection { background: #233a86; color: #FFFFFF; }
::selection { background: #233a86; color: #FFFFFF; }
/* 网站默认滚动条的样式 */
::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; } 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #233a86; }

html { font-size: 62.5%; }
html, body { height: 100%; }
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, caption, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
ol, ul, li { list-style: none; }
ol { list-style-type: none; }
img { border: 0px none; vertical-align: middle; outline: none; max-width: 100%; max-height: 100%; width: auto; height: auto; }
body { font-size: 16px; color: #333; font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif!important; }
body { margin: 0px auto; }
a { color: #333; text-decoration: none; }
a:hover { color: #233a86; text-decoration: none; }
input { color: #999; border: 0 solid #ccc; background: #fcfcfc; outline: none; }
.input1[type="text"] { display: block; margin-bottom: 20px; width: 300px; height: 48px; border: 1px solid #ccc; background: #fbfbfb; color: #aaa; text-indent: 10px; }
.input1[type="password"] { display: block; margin-bottom: 10px; width: 150px; height: 18px; border: 1px solid #ccc; background: #efefef; color: #333; }
.input1[type="button"] { display: block; width: 300px; height: 48px; background: #06c; color: #FFFFFF; cursor: pointer; border-radius: 5px; font-size: 14px; }
.input2 { border: 1px solid #ccc; height: 18px; color: #666; background: #efefef; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }

.wrap { max-width: 92%; margin: auto; }

/* 单栏目面包屑 */
.inline-nav { width: 100%; background: #f5f5f5; padding: 20px 0px 20px 0px; }

/* 多栏目面包屑 */
.p_nav { background: #F5F5F5; }
.p_nav .wrap { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; background: #F5F5F5; }
.p_nav_box { display: flex; flex: 1; align-self: center; }
.p_nav_box a { background: #dedede; color: #333333; padding: 20px 35px; font-size: 18px; transition: .5s; -webkit-transition: .5s; }
.p_nav_box a:hover, .p_nav_box a.cur { background: #114fb7; color: #FFFFFF; }

@media (max-width:767.98px) {
.p_nav { padding: 8px 0px; }
.p_nav_box { display: flex; flex: 1 1 100%; align-self: center; padding-bottom: 8px; }
.p_nav_box a { font-size: 16px; text-align: center; padding: 8px 15px; }
}

/* 面包屑 */
.breadcrumb { padding: 0px 0px; margin-bottom: 0px; list-style: none; background: none; margin-right: 0px; margin-left: 0px; }
.breadcrumb li { display: inline-block; }
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: ">"; font-family: "宋体"; }

/* 内页主图 */
.doc-header { position: relative; line-height: 0; }
.doc-header .box { position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); color: rgba(255,255,255,1.0); transition: .3s all; -webkit-transition: .3s all; line-height: 2; text-align: center; width: 100%; }
.doc-header .title { font-size: 4.8rem; font-weight: bold; }
.doc-header .desc { font-size: 2.4rem; color: rgba(255,255,255,0.7); }
.doc-header img { width: 100%; }

@media (max-width:991.98px) {
.doc-header { margin-top: 90px; }
.doc-header .title { font-size: 2.4rem; }
.doc-header .desc { font-size: 1.6rem; }
}

/* 分页页码 */
.pageSty { text-align: center; margin: 0 auto; padding-top: 20px; clear: both; }
.pageBar { margin: 0; padding: 0; text-align: center; background: #FFFFFF; display: inline; font-size: 16px; }
.pageBar a { color: #55555; padding: 0 5px; margin: 0 3px; display: inline-block; background: #FFFFFF; border: #e7ecf0 1px solid; min-width: 30px; height: 36px; line-height: 36px; text-decoration: none; }
.pageBar a:hover { background: #114fb7; color: #FFFFFF; border: #114fb7 1px solid; }
.pageBar strong { color: #FFFFFF; padding: 0 5px; margin: 0 3px; display: inline-block; background: #114fb7; border: #114fb7 1px solid; min-width: 30px; height: 36px; line-height: 36px; font-weight: normal; }
.hhfanye { display: inline-block; font-size: 16px; vertical-align: top; }
.tzfanye { height: 36px; border: 1px solid #e7ecf0; }

@media (max-width:767.98px) {
/*.hhfanye { display: block; margin-top: 10px; }*/
}

/* 只显示一行 */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* 只显示两行 */
.ellipsis-line-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
/* 只显示三行 */
.ellipsis-line-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.vertical_img { display: block; position: relative; overflow: hidden; }
.vertical_img img.bgimg { width: 100%; }
.vertical_img img.up-pic { transition: transform 0.3s ease 0s; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translateY(-50%) translateX(-50%); }
.vertical_img:hover img.up-pic { transform: translate( -50%, -50%) scale(1.05); }