@charset "utf-8";
/* CSS Document */
/*
* @description: 网站公共样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-25 10:19)
*/

/*全局 on*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;box-sizing: content-box;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font: 14px/1.5 "Microsoft YaHei",微软雅黑,'黑体','宋体',tahoma,Verdana,arial,sans-serif; color:#333; background: url(../images/public/body_bg.png) #f5f5f5 center top no-repeat; min-width: 1200px;}
input,textarea,select,button,label{vertical-align:middle; font-family:"Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none; -webkit-transition: all 0.4s; transition: all 0.4s;}
a:hover{color:#045da6; text-decoration:none; -webkit-transition: all 0.4s; transition: all 0.4s;}
a img{border:none;}
.f-fl,.fl{float:left;}
.f-fr,.fr{float:right;}
.f-clear,.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.f-clearfix:after,.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
* html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix{zoom: 1;} /* IE7 */
h1,h2,h3{font-weight: normal;}
.hidden,.f-dn{display: none;}
.is-main{width: 1200px; margin: 0 auto;}
.f-tac{text-align: center;}
.f-nbg{background: none!important;}
.text-center{text-align: center;}
/*全局 end*/

/*头部 on*/
.m-top{background: #f5f5f5;}
.g-top{margin: 0 auto; width: 1200px; height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 13px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(/dist/images/public/icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(/dist/images/public/bg-funline.png) left center no-repeat;}

.g-gov{width: 100%; height: 40px; background: #ebebeb;}
.m-gov{width: 1200px; height: 40px; line-height: 40px; margin: 0 auto;}
.m-gov a,.m-gov p{font-size: 13px; color: #999;}
.u-gov a{padding-left: 28px; margin-right: 28px; display: inline-block; background-image: url(../images/public/public_icon.png); background-repeat: no-repeat;}
.m-gov a:hover{color: #045da6;}
.u-gov a.u-sw{background-position: 0 10px;}
.u-gov a.u-rd{background-position: 0 -49px;}
.u-gov a.u-zx{background-position: 0 -105px;}
.is-loignbtn{color: #999; background: #ebebeb; border: none; cursor: pointer;}
.is-loignbtn:hover{color: #066fc6;}
#logout{display: inline;}
#member_logged{color: #999; font-size: 13px;}
/*头部 end*/

/*底部 on*/
.is-footer{width: 100%; margin-top: 10px; border-top: 2px solid #066fc6; background: #f0f0f0;}
.g-friendlink{width: 100%; height: 58px; background: #e6e6e6;}
.m-friendlink{width: 1200px; height: 58px; margin: 0 auto;}
.m-friendtab{float: left; position: relative; z-index: 4;}
.m-friendtab span{display: inline-block; color: #666; padding: 0 36px 0 12px; line-height: 58px; cursor: pointer; background-image: url(../images/public/public_icon.png); background-repeat: no-repeat; background-position: right -214px;}
.u-margs span{padding-right: 42px;}
.m-friendtab span.u-active{background-color: #eaf6ff;}
.m-friendbd{position: absolute; bottom: 58px; width: 1160px; max-height: 168px; padding: 5px 20px; border-top: 3px solid #066fc6; background: #eaf6ff;}
.m-friendbd div{width: 1160px; max-height: 168px; overflow-y: auto;}
.m-friendbd ul li{width: 163px; line-height: 40px; float: left; text-indent: 15px; background: url(../images/public/public_icon.png) 8px -279px no-repeat;}
.u-frd01{left: 0;}
.u-frd02{left: -132px;}
.u-frd03{left: -264px;}
.u-frd04{left: -396px;}
.u-frd05{left: -528px;}
.u-frd06{left: -632px;}
.u-frd07{left: -736px;}
.u-frd08{left: -840px;}
.u-frd09{left: -958px;}
.u-frd10{left: -1062px;}
.m-footer{width: 1200px; margin: 0 auto; padding: 14px 0 25px; position: relative;}
.m-footer p{line-height: 32px; text-align: center; color: #444;}
.m-footer p.m-footerfun,.m-footerfun a{color: #066fc6;}
.m-footer p img{vertical-align: middle; margin-right: 8px;}
#_ideConac{position: absolute; left: 41px; top: 44px;}
#_span_jiucuo{position: absolute; right: 48px; top: 48px;}
#backTop {position: fixed;right: 10.2rem;top: 70%;display: none;cursor: pointer;z-index: 999;}
#f-elderwza{position: absolute;top: 53px;left: 121px;}
#f-elderwza img{width: 152px;height: 64px;}
/*底部 end*/

/*悬浮 on*/
.m-suspen{width: 50px; height: 420px; padding: 25px 0; position: fixed; top: 50%; margin-top: -235px; right: 10px; background: #8db6d8; border-radius: 25px; z-index: 5;}
.m-suspen span.u-close{position: absolute; top: -20px; right: 0; cursor: pointer;}
.m-suspen ul li{width: 50px; height: 60px; line-height: 16px; float: left; text-align: center; background-image: url(../images/public/suspen_icon.png); background-repeat: no-repeat;}
.m-suspen ul li a.u-supa{display: block; width: 50px; height: 60px; position: relative;}
.m-suspen ul li a.u-supa span{padding: 14px 10px; color: #fff; display: none;}
.m-suspen ul li a.u-supa:hover{background: #066fc6;}
.m-suspen ul li a.u-supa:hover span{display: block;}
.u-sup01{background-position: 0 0;}
.u-sup02{background-position: 0 -60px;}
.u-sup03{background-position: 0 -120px;}
.u-sup04{background-position: 0 -180px;}
.u-sup05{background-position: 0 -240px;}
.u-sup06{background-position: 0 -300px;}
.u-sup07{background-position: 0 -360px; position: relative;}
.m-suspen ul li.u-sup07 a span{padding: 22px 10px;}
.u-sup03 img,.u-sup04 img{position: absolute; left: 0; bottom: 0; width: 0; height: 0;}
.m-webshare{width: 0; height: 0; background: #333; position: relative; left: 0; top: 0; overflow: hidden;}
.m-webshare a{display: block; width: 24px; height: 24px; float: left; margin: 8px 8px 0 8px; padding:0!important; border-radius: 4px;}
.bshare-custom a{margin-right: 0!important;}
/*悬浮 end*/

/*置顶 on*/
.u-gotop{width: 50px; height: 50px; background: url(../images/public/public_icon.png) #066fc6 11px 166px; position: fixed; right: 10px; bottom: 100px; z-index: 6; display: none; cursor: pointer;}
/*置顶 end*/

/*选项卡上面 on*/
.m-tabstyle1{width: 100%; height: 40px; line-height: 40px; background: #f6f6f6; overflow: hidden;}
.m-tabstyle1 .hds{zoom:1;}
.m-tabstyle1 a{float: left; display: inline-block; padding: 0 23px; font-size: 16px; color: #545454;}
.m-tabstyle1 a.aon{background: #066fc6; color: #fff; font-weight: bold;}
.m-tabstyle2{width: 100%; height: 36px; line-height: 35px; border-bottom: 1px solid #ddd;}
.m-tabstyle2 a{float: left; display: inline-block; padding: 0 15px; font-size: 16px;}
.m-tabstyle2 a.aon{border-bottom: 2px solid #066fc6; color: #066fc6; font-weight: bold;}
.m-tabstyle3{width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; background: url(../images/page/page_icon.png) left top no-repeat;}
.m-tabstyle3 a{float: left; display: inline-block; padding: 0 2px 0 23px; font-size: 18px;}
.m-tabstyle3 a.aon{color: #066fc6; font-weight: bold;}

.m-tabstyle4{width: 100%; height: 40px; line-height: 40px; background: url(../images/page/page_icon.png) #f6f6f6 left top no-repeat;}
.m-tabstyle4 a{float: left; display: inline-block; margin: 0 12px 0 18px; font-size: 16px;}
.m-tabstyle4 a.aon{color: #066fc6; font-weight: bold;}
/*选项卡上面 end*/

/*标题 on*/
.m-titlestyle1{width: 100%; height: 36px; line-height: 35px; border-bottom: 1px solid #ddd;}
.m-titlestyle1 a,.m-titlestyle1 span{display: inline-block; padding: 0 22px; font-size: 16px; color: #066fc6; font-weight: bold; float: left; border-bottom: 2px solid #066fc6;}
.m-titlestyle2{width: 100%; height: 40px; line-height: 40px; background: #f6f6f6;}
.m-titlestyle2 a,.m-titlestyle2 span{display: inline-block; padding: 0 23px; font-size: 16px; background: #066fc6; color: #fff; font-weight: bold; float: left;}
.m-titlestyle3{width: 100%; height: 40px; line-height: 40px; background: #f6f6f6;}
.m-titlestyle3 a,.m-titlestyle3 span{display: inline-block; padding-left: 12px; font-size: 16px; color: #066fc6; font-weight: bold; border-left: 4px solid #066fc6; float: left;}
/*标题 end*/

/*列表 on*/
.m-liststyle ul li{line-height: 33px; background: url(../images/public/public_icon.png) left -160px no-repeat;}
.m-liststyle ul li a{padding-left: 14px;}
.m-liststyle ul li span{font-size: 12px; color: #999; float: right;}
/*列表 end*/

/*滚动条样式 on*/
.scroll_absolute{position: absolute;}
.scroll_vertical_bar{position:absolute;top:0;right:0;width:6px; border-radius: 3px; overflow: hidden; height:100%;margin:0;padding:0;}
.scroll_track{position:relative;background:#f0f0f0;width:6px;}
.scroll_drag{position:relative;top:0;right:0;cursor:pointer;background:#d6d6d6;width:6px !important; border-radius: 3px; overflow: hidden;}
.scroll_arrow{text-indent:-20000px;display:block;cursor:pointer;background:#d6d6d6;}
/*滚动条样式 end*/

#qrcode img{margin: 5px auto; padding: 5px; display: block; border: 1px solid #ddd;}

/* 适配pad */
@media screen and (min-width:768px) and (max-width: 1025px) {
	body{min-width:100%}
	.g-top{width:97%;height:auto}
	.m-footer{width:100%!important}
	.m-footer #_ideConac{left:0}
	.m-footer #f-elderwza{left:72px;top:36px;}
	#f-elderwza img{width:97px!important;height:auto!important}

}

@media screen and (max-width: 767px) {
	#_ideConac,#f-elderwza,#_span_jiucuo{position: relative;float: left;margin: 0 5px;text-align: center;}
	#_ideConac{left: 0;top: 0;width: calc(24% - 10px);}
	#f-elderwza,#_span_jiucuo{width: calc(38% - 10px);}
	#f-elderwza{left: 0;top: 9px;}
	#f-elderwza img{width: 100%;}
	#_span_jiucuo{right: 0;top: 13px;}
}