body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, img { padding: 0; margin: 0 }
html { _background: url(about:blank) }

/* 酌情修改 */

/* body{background:#fff;font-family:"微软雅黑","宋体";} */
body, th, td, input, select, textarea, button { font-size: 16px; line-height: 1 }

/* 重置页面文字属性 */

/* 短引用的内容可取值：''或"" */
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

/* 重置嵌套引用*/

/* 缩写，图片等无边框 */
fieldset, img, abbr, acronym { border: 0 none }

/* 重置fieldset（表单分组）、图片的边框为0*/
img { vertical-align: top }

/* 图片在当前行内的垂直位置 */
abbr, acronym { font-variant: normal }
legend { color: #000 }
blockquote, q { quotes: none }

/* 重置嵌套引用的引号类型 */

/* 清除特殊标记的字体和字号 */
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal }

/* 重置样式标签的样式 */

/* 上下标 */

/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }

/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/

/* 表格标题及内容居左显示 */
caption { display: none }

/* 重置表格标题为隐藏 */
caption, th { text-align: left }

/* 清除列表样式 */
dl, ul, ol, menu, li { list-style: none }

/* 重置类表前导符号为onne,menu在HTML5中有效 */
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }

/* 输入控件字体 */
input, select, textarea, button { vertical-align: middle; outline: none }

/* 重置表单控件垂直居中*/
textarea { resize: none }
input[type="submit"] { cursor: pointer }

/* 鼠标样式 */
button { border: 0 none; background-color: transparent; cursor: pointer }

/* 重置表单button按钮效果 */
input::-moz-focus-inner { border: 0; padding: 0 }

/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold }

/* 链接样式，颜色可酌情修改 */
a:link { color: #000 }

/* 未访问的链接 */
a:visited { color: #000 }

/* 已访问的链接 */
a:hover { cursor: pointer }

/* 鼠标移动到链接上 */
a:active { }

/* 选定的链接 */
del, ins, a { text-decoration: none }
a:hover, a:active, a:focus { text-decoration: none }

/* 取消a标签点击后的虚线框 */

/*
::selection{color: #fff;}
::-moz-selection{color: #fff;background-color: #4C6E78;}
*/
a { outline: none; transition: color 0.2s ease 0s }

/*CSS3链接秒数缓冲效果2秒*/

/* 层板块缓冲效果CSS3       transition: all 0.3s ease 0s;   */
.clearfix { zoom: 1 }
.clearfix:after { content: '\20'; display: block; clear: both }
.f_yh { font-family: "Arial, Helvetica, sans-serif" }

/*f_yh为英文字体样式*/
.cursor { cursor: pointer }
.pr { position: relative }

/*相对定位*/
.pa { position: absolute }

/*绝对定位*/
.fl { float: left }

/*左浮动*/
.fr { float: right }

/*右浮动*/
.fl, .fr { display: inline }

/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/

/*文字颜色c，背景颜色bc*/
.c1 { color: #5d5d5d }
.bc1 { background: #f3f3f3 }

/*上边距*/
.mt1 { margin-top: 10px }
.mt2 { margin-top: 20px }
.mt3 { margin-top: 30px }
.mt4 { margin-top: 40px }
.mt5 { margin-top: 50px }
input { outline: none; border: 0 }
.guanggao { width: 100%; height: auto }
html, body { width: 100%; height: 100% }

/*pz排行三个开始*/
.peizi-pc { width: 1200px; margin: 0 auto }
.pc-box { padding: 20px; background: #FAFAFC; padding-bottom: 10px }
.pc-title { display: flex; justify-content: space-between }
.pc-title .icon-01 { display: inline-block; width: 18px; height: 17px; vertical-align: top; margin-top: 0px; margin-right: 3px; background: url('../images/pc-icon01.png') }
.pc-title .icon-02 { display: inline-block; vertical-align: top; width: 146px; margin-top: -1px; height: 23px; background: url('../images/pc-icon02.png') }
.pc-title .name-peizi { vertical-align: top; font-size: 16px; font-weight: bold; display: inline-block }
.pc-title .chakan-icon { display: inline-block; vertical-align: top; margin-left: 10px; width: 10px; height: 19px; background: url('../images/pc-you.png') }
.pc-title .chakan { display: flex; align-items: center; font-size: 18px; color: #C2C6CC }
.peizi-li { margin-top: 20px }
.peizi-li li { position: relative; padding: 0 6px }
.peizi-img { overflow: hidden }
.peizi-img i { display: inline-block; width: 25px; height: 30px; position: absolute; left: 6px; top: 0 }
.peizi-li li .peizi-img span { display: inline-block; position: absolute; left: calc(50% - 62px); top: -5px; width: 124px; height: 30px; background: url('../images/shi.png') no-repeat; background-size: 100% }
.peizi-li li:nth-child(1) .peizi-img i { background: url('../images/pc-one.png') no-repeat }
.peizi-li li:nth-child(2) .peizi-img i { background: url('../images/pc-two.png') no-repeat }
.peizi-li li:nth-child(3) .peizi-img i { background: url('../images/pc-three.png') no-repeat }
.peizi-img img { vertical-align: top; max-width: 100% }
.peizi-m { display: none }
@media (max-width:1140px) {
.peizi-pc { display: none }
.peizi-m { background-color: #fff; display: block }
.pm-title { padding: 16px 10px; display: flex; justify-content: space-between; border-bottom: 1px solid #E7ECF4; padding-bottom: 13px }
.pm-title .pm-left i { display: inline-block; width: 20px; height: 18px; vertical-align: top; margin-right: 10px; background: url('../images/m-icon01.png') no-repeat; background-size: 100% }
.pm-title .pm-left .name { font-size: 16px; font-weight: bold }
.pm-title .pm-left p { margin-top: 8px; margin-left: 30px; font-size: 13px; color: #999 }
.pm-title .pm-left p .num { color: #4E6EDF }
.pm-title .pm-right a { font-size: 16px; color: #C2C6CC }
.pm-title .pm-right span { vertical-align: top; display: inline-block; width: 9px; margin-left: 8px; height: 18px; background: url('../images/m-you.png') no-repeat; background-size: 100% }
.pm-li { display: block; justify-content: space-between; padding: 12px 10px; border-bottom: 1px solid #E7ECF4; padding-bottom: 2px; margin-bottom: 5px }
.pm-li li { border: 1px solid #E7ECF4; border-radius: 5px; box-shadow: 0 0 3px #E7ECF4; margin-bottom: 10px }
.pm-li .pm-img { width: 100%; overflow: hidden }
.pm-li .pm-img img { max-width: 100% }
.pm-li .pm-img i { display: inline-block; width: 27px; height: 32px; position: absolute; left: 6px; top: 0 }
.pm-li li:nth-child(1) .pm-img i { background: url('../images/m-one.png') no-repeat; background-size: 100% }
.pm-li li:nth-child(2) .pm-img i { background: url('../images/m-two.png') no-repeat; background-size: 100% }
.pm-li li:nth-child(3) .pm-img i { background: url('../images/m-three.png') no-repeat; background-size: 100% }
.pm-li li .pm-img span { display: inline-block; width: 124px; height: 30px; position: absolute; left: calc(50% - 62px); top: -5px; background: url('../images/shi.png') no-repeat; background-size: 100% }
}
.title-pc-left .shoulu { display: inline-block; font-size: 14px; padding-left: 12px; vertical-align: top; margin-top: -3px; color: #4E6EDF; background: url('../images/shoulu-bg.png') no-repeat; width: 134px; padding-top: 4px; height: 19px }
.counter-value { font-weight: bold; display: inline-block; padding: 0 2px }
.chaxun-box { position: fixed; right: 35px; top: 50%; z-index: 999 }
.chaxun-show { cursor: pointer }
.peizi-m .chaxun-icon { width: 60px }
.peizi-m .chaxun-box { position: fixed; right: 2%; top: 50%; z-index: 999 }
.peizi-m .chaxun-show { width: 18px; margin-left: -14px; margin-top: -9px }

/*pz排行三个结束*/

/*
banner
*/
.swiper-container { width: 100% }
.swiper-container img { max-width: 100% }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center }
.swiper-text { position: absolute; left: 0; top: 0; z-index: 2; text-align: center; color: #FFF; width: 100%; HEIGHT: 100%; display: flex; flex-direction: column; justify-content: center }
.swiper-text .banner-text-wrap { width: 100%; height: 100% }
.swiper-text .top-banner-text { max-width: 1180px; height: 100%; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding-left: 20px }
.swiper-text .banner1 { background: transparent url(../images/banner1.png) no-repeat right 55%/64% auto }
.swiper-text .banner2 { background: transparent url(../images/top_banner_con.png) no-repeat right bottom/60% auto }
.swiper-text .top-banner-text .banner1 h2 { color: #fff; font-size: 36px }
.swiper-text .top-banner-text .banner1 p { color: #fff; opacity: .8; font-size: 18px; line-height: 1.7 }
.swiper-text h3 { font-size: 24px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px }
.swiper-text p { font-size: 16px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px }
.swiper-text .top-banner-text h2, .swiper-text .top-banner-text p { text-align: left; margin-bottom: 0; line-height: 1.7 }
.swiper-text .swiperbtn { display: block; background: #0064Cd; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d)); background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%); width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin: 0 auto; font-size: 14px }
.swiper-text .swiperbtn:hover { -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); -webkit-transform: translateY(-5px); transform: translateY(-5px) }

/*
banner结束
*/

/*
话题标签
*/

.peizi01meta-tags { padding: 20px }
.peizi01meta-tags .peizi01tagitem { position: relative; display: inline-block; height: 20px; padding: 0 12px; font-size: 14px; line-height: 20px; vertical-align: top; border-radius: 30px; background: #f2f3f5; margin-bottom: 20px }
.peizi01meta-tags .peizi01tagitem:hover { background-color: rgba(0, 102, 255, .15) }
.peizi01meta-tags .peizi01tagitem:not(:last-child) { margin-right: 10px }

/*
话题标签结束
*/

/*
友情链接
*/
.friendly-links { width: 100%; margin: 5px auto 20px}
.friendly-links span { font-size: 14px; font-weight: bold; color: #EEEEEE; padding: 5px 5px 5px 20px }
.friendly-links li { display: inline-block; padding: 5px 6px }
.friendly-links a { flex: 1; display: inline-block; color: #ddd; padding: 5px 10px; text-align: center }

/*
友情链接结束
*/

/*
上下篇开始
*/
.peizi01context { max-width: 100% }
.peizi01context ul { padding: 10px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.peizi01context li { padding: 10px 10px }
.peizi01context li a { font-weight: bold }

/*
上下篇结束
*/