@charset "gb2312";
/* 鍏辩敤css */
* { margin: 0; padding: 0 }
body { font: 16px, Arial, Helvetica, sans-serif; color: #555; background:#f7f7f7; }
img { border: 0; display: block }
ul, li { list-style: none; }
/*榛樿閾炬帴棰滆壊 */
a { text-decoration: none; color: #555 }
.clear { clear: both; }
.blank { height: 8px; overflow: hidden; width: 100%; margin: auto; clear: both }
.blank80 { height: 100px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left }
.f_r { float: right }
.mt20 { margin-top: 20px }
header { width: 100%; background: rgba(255,255,255,1); }
article { overflow: hidden }
.tophead { width: 1200px; margin: 0 auto 10px; overflow: hidden; }
/* nav */
.logo { float: left; overflow: hidden; font-size: 24px; margin-top: 10px; margin-left: 10px }
.logo a { color: #333 }
.logo img { float: left;width: 36px;border-radius: 90%;}
.topnav { overflow: hidden; margin: 10px 0; }
nav { color: #999; line-height: 32px; }
nav ul { text-align: right; }
nav ul li { display: inline; font-size: 16px; padding: 10px 20px; height: 46px; line-height: 46px; }
/*瀵艰埅褰撳墠椤�*/
#topnav_current { color: #000; border-bottom: #333 2px solid; padding-bottom: 10px; }
/*phone  nav */
#mnav { display: none; width: 100%; }
#mnav h2 { text-align: right; color: #fff; font-size: 18px; height: 52px; line-height: 52px; padding-left: 10px; width: 100% }
#mnav h2.open { text-align: right; background: rgba(1,1,1,0.8); width: 100%; }
#mnav ul { display: none; background: rgba(1,1,1,0.8); width: 100%; padding-bottom: 40px }
#mnav li { height: 40px; line-height: 40px; vertical-align: top; font-size: 16px; display: block; overflow: hidden; text-align: center }
#mnav li a { color: #fff }
/* 榛樿鑿滃崟鏍� */
#mnav h2 .navicon { margin-right: 15px; }
.navicon { display: inline-block; position: relative; width: 30px; height: 5px; background-color: #FFFFFF; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
/* 灞曞紑鍚庡鑸爮鐩� */
#mnav h2.open .navicon { background: none }/* 闅愯棌涓嚎 */
#mnav h2.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#mnav h2.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#mnav h2.open .navicon:before, #mnav h2.open .navicon:after { content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #FFFFFF; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
footer { width: 100%; background: #333; color: #a5a4a4; text-align: center; padding: 20px 0; }
footer a { color: #a5a4a4 }
/* 鍒嗛〉 */
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 20px 0; padding-top: 20px }
.pagelist a { color: #666; margin: 0 2px; border: 1px solid #000; padding: 5px 10px; }
.pagelist a:hover { color: #f00; text-decoration: underline }
.pagelist > b { border: 1px solid #000; padding: 5px 10px; }
/*content*/

h1.t_nav span { float: right; color: #999 }
h1.t_nav { border-bottom: #bfbfbf 1px solid; font-size: 14px; font-weight: normal; line-height: 40px; width: 100%; overflow: hidden }
h1.t_nav a { width: 100px; display: block; text-align: center; color: #fff; float: left }
.n1 { background: #5EA51B; }
.n2 { background: #8BBF5D; }
.litle { font-size: 20px; margin: 20px 0 0 0; border-bottom: #d6d5d5 1px solid; padding-bottom: 5px; padding: 10px 0 10px 100px; color: #000; background: url(../images/jdbg.png) no-repeat left center; }
.litle span { float: right; font-size: 14px; color: #666; font-weight: normal }
.ab_box { padding: 20px; overflow: hidden; background: rgba(255,255,255,1); margin-top: 20px }


/*底部*/
.footer{margin:40px auto 0;padding:10px 0;display:flex;justify-content:space-between;align-items:center;width:1210px;color:#5b5e70;background:none}
.footer a{text-decoration:none;color:#7485e3}
.footer *{font-size:14px}
.footer-left span{margin-right:10px}
.footer-right span{margin-left:10px}
/* 验证码 */
.vcode-img{height:28px;cursor:pointer;vertical-align:middle;}
.vcode-input{width:100px;border:none;border-radius:0;border-left:1px solid #c3c7db;height:30px;line-height:20px;}

/* 分页 */
.paging{padding:20px;font-size:16px;display:table;margin-bottom:20px}
.paging a{padding:10px;margin-left:-1px;border-top:none;border-right:none;border-left:none;border-image:initial;border-bottom:2px solid #EAEAEA;text-decoration:none}
.paging a:hover{border-top:none;border-right:none;border-left:none;border-image:initial;background:none;border-bottom:2px solid #7485e3;color:#7485e3}
.paging a.paging-active{color:#7485e3;background:none;border-top:none;border-right:none;border-left:none;border-image:initial;border-bottom:2px solid #7485e3}
.paging-prev:hover,.paging-next:hover{color:#696A6B;background:#FFF;border-top:none;border-right:none;border-left:none;border-image:initial;border-bottom:2px solid #696A6B}
.paging-disabled{cursor:not-allowed;color:#a4a7b7!important;border-bottom:2px solid #EAEAEA!important}
.paging-ell{padding:10px;display:inline-block;border-bottom:2px solid #EAEAEA}

/* 弹窗 */
.alert{position:fixed;top:0px;left:0px;z-index:99990;width:100%;height:100%;display:flex;align-items:center}
.alert-box{width:300px;background:#FFF;position:relative;margin:auto;inset:0px;box-shadow:rgba(0,0,0,0.13) 4px 4px 10px;border-radius:2px}
.alert-bg{width:100%;height:100%;margin:0px auto;background:#000;opacity:0.15;top:0px;left:0px;position:fixed}
.alert-content{font-size:16px;position:relative;padding:20px}
.alert-footer{width:100%;border-top:1px solid #F3F3F3;padding:10px;text-align:right}
.alert-footer > div{padding:0px 10px;height:25px;line-height:25px;cursor:pointer;display:inline-block}
.alert-cancel{color:#888888}
.alert-cancel:hover{color:#768FE7}
.alert-confirm{background:#948CD1;color:#FFF;border-radius:2px}
.alert-confirm:hover{background:#677ECF;color:#FFF}

/* 提示页 */
.prompt{text-align:center;box-shadow:1px 1px 5px rgb(0 0 0 / 5%);background:#fff;border-radius:4px;padding:40px;flex:1}
.prompt-title{color:#768FE7;display:inline-block;margin-bottom:20px}
.prompt-footer a{color:#939393}
.prompt-footer a:hover{color:#768FE7}