/*
 * 作品依赖：Z-BlogPHP
 * 作品 ID ：superpage
 * 前端框架：FinchUI
 * _|_|_|_|  _|_|_|  _|      _|    _|_|_|  _|    _|  _|    _|  _|_|_|  
 * _|          _|    _|_|    _|  _|        _|    _|  _|    _|    _|    
 * _|_|_|      _|    _|  _|  _|  _|        _|_|_|_|  _|    _|    _|    
 * _|          _|    _|    _|_|  _|        _|    _|  _|    _|    _|    
 * _|        _|_|_|  _|      _|    _|_|_|  _|    _|    _|_|    _|_|_|     
 * 发布时间：2022-10-30
 * 作者名称：星岚工作室
 * 作者官网：https://www.hnysnet.com
 * 作者邮箱：hnysnet@qq.com
 * 作者 QQ ：914466480
 * 官方声明：用户已购买的应用只能单一账号下使用,不得二次发布、赠送、转售、租让、盗版等,如被查实将被永久关闭用户账号。                                                              
 */
/*css reset*/
html {
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all;
}

body {
    font-size: 14px;
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
}

@font-face {
    font-family: iconfont;
    src: url(../iconfont/iconfont.woff2?t=1632367470440) format('woff2'), url(../iconfont/iconfont.woff?t=1632367470440) format('woff'), url(../iconfont/iconfont.ttf?t=1632367470440) format('truetype')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align: top;} */
a {
    text-decoration: none;
    transition: all .15s ease 0s;
}

a:hover {
    text-decoration: none;
}

button {
    background: transparent;
}

button:focus,
input:focus,
textarea:focus {
    outline: 0;
}

ol,
ul {
    list-style-type: none
}

i {
    font-style: normal
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
    transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s
}

video {
    height: auto !important;
    width: 100% !important
}

video::-internal-media-controls-download-button {
    display: none
}

video::-webkit-media-controls-enclosure {
    overflow: hidden
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

/**公告css**/
.nav li ul,
.search,
.section {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)
}

/**通用间距**/
.ml20 {
    margin-left: 20px;
}

.pl20 {
    padding-left: 20px;
}

.mb20 {
    margin: 0 0 20px 0 !important;
}

.left {
    float: left;
    text-align: left;
}

.right {
    float: right;
    text-align: right;
}

.clear {
    clear: both
}

.webwidth {
    margin: 0 auto;
    position: relative;
}

.logo,
.title_c {
    float: left;
    height: 60px;
    overflow: hidden;
}

.logo {
    margin: 20px 10px 20px 20px;
}

.logo img {
    height: 60px;
}

.title_c {
    margin: 20px 0;
}

.title {
    font-weight: bold;
    display: block;
    overflow: hidden;
}

.title_c .title_t1 {
    line-height: 60px;
    font-size: 28px;
}

.title_c .title_t2 {
    line-height: 36px;
    font-size: 24px;
}

.button_c,
.input_clear {
    display: none
}

/**=联系我们=**/
.contact {
    float: right;
    margin: 20px 20px 0 0;
    text-align: right;
}

.contact-number {
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
}

.contact-number img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.contact p {
    line-height: 150%;
    font-size: 12px;
}

/*导航条*/
.nav_box {
    line-height: 40px;
    height: 40px;
    position: relative;
}

/* 导航栏 */
.nav li {
    float: left;
    line-height: 40px;
    position: relative;
}

.nav li a {
    padding: 0 20px;
    color: #ffffff;
    display: block;
}

.nav li .nav-show::after {
    content: "\e7d9";
    margin-left: 3px;
    font-family: "iconfont";
}

.nav li .nav-hide::after {
    content: "\e7d8";
}

.nav li ul {
    position: absolute;
    top: 100%;
    z-index: 5;
    background: #ffffff;
    transition: top .5s;
    display: none;
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1)
}

.nav li ul li {
    float: none;
    width: 100%;
    line-height: 36px;
    white-space: nowrap;
    display: block;
    border-top: 1px solid #f2f2f2;
    margin: 0;
}

.nav li ul li:first-child {
    border-top: 0;
}

.nav li ul li::before:hover,
.nav li.current-li ul li {
    border-bottom: 0;
}

.nav li ul li a,
.nav li.current-li ul li a {
    color: #333333;
}

.nav li ul li:hover,
.nav li ul li.current-li {
    background: #f2f2f2;
}

/* 搜索 */
#nav_search {
    font-family: iconfont !important;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
}

#nav_search::before {
    content: "\e640"
}

.search {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 998;
    padding: 30px 20px;
    display: none;
}

.search form {
    position: relative;
    height: 40px;
}

.search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    display: block;
    border-radius: 3px 0 0 3px;
}

.input_clear {
    position: absolute;
    line-height: 40px;
    right: 80px;
    top: 0;
    cursor: pointer;
    transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -webkit-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transition: 1s ease 0s;
    -moz-transition: 1s ease 0s;
    -webkit-transition: 1s ease 0s;
    -o-transition: 1s ease 0s;
}

.input_clear::before {
    content: "\ef630";
    padding: 0 10px;
    font-family: iconfont !important;
}

.search button {
    width: 80px;
    line-height: 40px;
    height: 40px;
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}

/*网站头部样式2*/
.head2_fixed,
.head2_fixed2 {
    position: fixed;
    top: 0px;
    z-index: 9999;
    right: 0;
    left: 0;
    transition: top .5s
}

.head2_hide {
    top: -60px
}

.head2 {
    height: 60px;
}

.head2 .logo,
.head2 .title_c {
    float: left;
    height: 40px;
    overflow: hidden;
}

.head2 .logo {
    margin: 10px 10px 10px 20px;
}

.head2 .logo img {
    height: 40px;
}

.head2 .title_c {
    margin: 10px 0;
    color: #fff;
}

.head2 .title_c .title_t1 {
    line-height: 40px;
    font-size: 24px;
}

.head2 .title_c .title_t2 {
    line-height: 24px;
    font-size: 18px;
}

.head2 .title_c p {
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, .3);
}

.nav_box2 {
    line-height: 60px;
    height: 60px;
    float: right;
}

.nav_box2 .nav li,
.nav_box2 #nav_search {
    line-height: 60px;
}

.nav_box2 .nav li ul li {
    line-height: 36px;
}

.nav_box2 .search {
    top: 60px;
}

.pr60 {
    padding-right: 60px;
}

.top60 {
    top: 60px;
}

/***==导航栏浮动==*/
.fixednav,
.fixednav2 {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: top .5s
}

.hide {
    top: -40px
}

.main {
    padding: 0 0 20px 0;
    margin: 0;
    overflow: hidden;
    display: block;
    clear: both
}

.main-page {
    background: #333;
    margin: 0;
    overflow: hidden;
    display: block;
    clear: both
}

.main-page .webwidth {
    background: #fff;
}

.main-page .webwidth .banner,
.main-page .webwidth .nomargin {
    margin: 0 !important;
}

.main-page .webwidth .section {
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important;
    background: #fff !important;
}

/***==海报图片==*/
.banner {
    overflow: hidden;
    margin: 20px 0 0 0;
}

.banner img {
    width: 100%;
    height: auto;
    display: block;
}

/**轮播图**/
.slides-box {
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.slides-box .prev {
    left: 0
}

.slides-box .next {
    right: 0
}

.slides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

.slides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.slides li:first-child {
    position: relative;
    display: block;
    float: left
}

.slides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

.slides p {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 16px;
    text-align: center;
    text-shadow: none;
    color: rgba(255, 255, 255, .8);
    background: rgba(0, 0, 0, .2);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    margin: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slides_nav {
    font-size: 20px;
    position: absolute;
    top: 50%;
    z-index: 9;
    line-height: 50px;
    height: 50px;
    width: 30px;
    text-align: center;
    margin-top: -25px;
    vertical-align: middle;
    cursor: pointer;
    background: rgba(0, 0, 0, .1)
}

.slides_nav span {
    display: block;
    color: rgba(255, 255, 255, .8) !important;
    margin-right: 0 !important
}

.slides_tabs {
    position: absolute;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0;
    font-size: 0;
}

.slides_tabs li {
    margin: 0 10px;
    display: inline-block;
}

.slides_tabs li.slides_here a {
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.slides_tabs li a {
    font-size: 0px;
    padding: 0 20px;
    line-height: 2px;
    display: inline-block;
    background: rgba(0, 0, 0, .2);
    border-radius: 1px;
    overflow: hidden;
}

/*面包屑*/
.breadcrumb {
    line-height: 150%;
    padding: 10px 20px;
}

.breadcrumb i {
    padding: 0 10px;
}

.content .breadcrumb {
    margin: 0 -20px;
}

.abstract {
    overflow: hidden;
    line-height: 150%;
    padding: 15px 20px;
}

/*容器*/
.ArticleEdt {
    float: right;
    font-size: 14px;
    color: #266497;
}

.section {
    overflow: hidden;
    margin: 20px 0 0 0;
}

.section .h3 {
    padding: 0 20px;
    line-height: 40px;
}

.section .h3 h3 {
    display: inline-block;
    position: relative;
    font-size: 16px;
}

.section .h3 h3::before {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
}

.section .h3 span {
    float: right;
    font-size: 12px;
}

/* 正文 */
.section h1 {
    font-size: 28px;
    line-height: 150%;
    margin: 20px 0;
    text-align: center;
}

.section .info {
    line-height: 150%;
    text-align: center;
    margin: 20px -10px;
    font-size: 12px;
}

.section .info span {
    margin: 0 10px;
}

.section .info span i {
    margin-right: 5px;
    font-size: 12px;
}

.section .tal {
    text-align: left !important;
}

.section h1,
.section .info {
    padding: 0 20px;
}

/**内容**/
.content {
    padding: 0 20px;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    line-height: 150%;
    border: 0;
    padding: 0;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content video,
.content p,
.content div,
.content table {
    margin: 20px 0;
}

.content h2::before,
.content h3::before,
.content h4::before,
.content h5::before,
.content h6::before {
    content: "\ef616";
    margin-right: 5px;
    font-family: iconfont !important;
}

.content p,
.content div {
    line-height: 175%;
}

.nomp {
    padding: 0 !important
}

.nomp p,
.nomp div,
.content table td p,
.content table td div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.content img {
    max-width: 100%;
    height: auto !important;
    vertical-align: middle;
}

.content table {
    border-collapse: collapse;
    width: 100%;
}

.content section {
    width: 100% !important
}

.content table tr:first-child {
    color: #fff;
}

.content table tr:first-child td {
    font-weight: 700;
}

.content table tr:nth-child(2n-1) {
    background: rgba(4, 4, 4, 0.03)
}

.content table td {
    text-align: center;
    padding: 10px;
    line-height: 150%;
    vertical-align: middle;
}

.website-declare {
    text-align: center;
}

.website-declare h3 {
    font-size: 14px;
    font-weight: normal;
}

.website-declare h3::before {
    content: '————';
    margin-right: 5px;
    color: #333
}

.website-declare h3::after {
    content: '————';
    margin-left: 5px;
    color: #333
}

.website-declare p {
    font-size: 12px;
    color: #999;
    margin: 20px;
    line-height: 175%;
}

/*链接按钮*/
.taourl {
    text-align: center;
    width: 100%;
}

.taourl a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 30px;
    color: #333333;
    margin-top: 20px;
    background: #f7f8ff;
    border: 1px solid #e5eaff
}

.taourl a:hover {
    background: #ebedff
}

/*活动时间*/
.active_time {
    text-align: center;
    padding: 0 20px;
    position: relative;
    z-index: 9;
}

.active_time h2 {
    color: #CC3333;
}

.active_time p,
.active_time h2 {
    line-height: 150%;
    margin: 20px 0;
}

.active_time #countdown #time {
    color: #333333;
}

.active_time #countdown #day,
.active_time #countdown #hour,
.active_time #countdown #min,
.active_time #countdown #sec {
    background: #CC3333;
    color: #ffffff;
    padding: 0 2px;
    margin-right: 2px;
    border-radius: 3px;
}

.active_time .nottime {
    background: #FF9900;
    color: #ffffff;
    padding: 0 2px;
}

.active_time .endtime {
    background: #CC3333;
    color: #ffffff;
    padding: 0 2px;
}

/*阅读更多*/
.section .noExpanded {
    height: 800px;
    overflow: hidden;
    transition: all .3s;
}

.readmore {
    position: relative;
    top: -100px;
    text-align: center;
    cursor: pointer;
    display: none;
    margin-bottom: -80px;
}

.readmore span {
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 5px;
}

.readmore .readmorecover {
    height: 100px;
    display: block;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
}

/*文章标签*/
.Tags {
    margin-right: -20px;
}

.Tags a {
    margin-right: 20px;
    display: inline-block;
}

/*翻篇*/
.turn {
    overflow: hidden;
    padding: 0 20px 20px 20px;
    margin-right: -2%;
}

.turn li {
    line-height: 150%;
    margin-top: 20px;
    margin-right: 2%;
    width: 48%;
    float: left;
    font-size: 16px;
}

.turn li::before {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 5px 0;
    font-family: iconfont !important;
}

.turn_prev::before {
    content: "上一篇";
}

.turn_next::before {
    content: "下一篇";
}

/*网站评论*/
.compost {
    padding: 20px 20px 0 20px
}

.comlist .pagebar {
    margin: 10px 0 20px 0;
}

.compost .com_name span {
    line-height: 21px;
    margin: 0 20px 0 0;
    position: relative;
    top: -10px;
    display: inline-block;
}

.compost .com_name span,
.compost .com_name a,
.clbody .cinfo h5,
.clbody .cinfo span a,
.clbody p a {
    color: #5781bf
}

.compost .com_info {
    overflow: hidden;
}

.compost .com_info ul {
    list-style: none;
    margin-right: -3%;
}

.compost .com_info li {
    float: left;
    margin-right: 3%;
    width: 30.333333%;
    margin-bottom: 20px;
    position: relative;
}

.compost .com_info li input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}

.compost .com_info li img {
    position: absolute;
    top: 0;
    left: 100%;
    height: 30px;
}

.compost .com_info textarea {
    width: 100%;
    resize: none;
    margin-bottom: 20px;
    display: block;
    padding: 10px;
}

.compost .com_info button {
    border: 0;
    border-radius: 3px;
    padding: 0 25px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.comlist {
    padding: 20px 0 0 0
}

.comlist ul {
    list-style: none;
}

.comlist ul ul {
    margin-left: 5%
}

.comlist ul li p ul {
    margin-top: 20px;
}

.comlist ul li p ul li {
    padding: 20px 0 0 0;
}

.comlist li {
    overflow: hidden;
    padding: 20px;
    display: block;
}

.comlist li img,
.list-comment li img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.list-comment li img {
    margin-right: 15px;
}

.comlist li:hover img,
.list-comment li:hover img,
.input_clear:hover {
    transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
}

.comlist li .clbody {
    margin-left: 50px
}

.comlist li.reply {
    padding: 0 !important;
}

.clbody .cinfo {
    overflow: hidden
}

.clbody .cinfo h5 {
    float: left;
    line-height: 21px;
    font-size: 14px;
    font-weight: normal;
}

.clbody .cinfo span {
    float: right;
}

.clbody em {
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 12px;
    font-style: normal;
    display: block
}

.clbody p {
    line-height: 150%;
}

.ViewNums,
.CommNums,
.Author,
.Time,
.Tags,
.Cate {
    font-family: iconfont !important;
}

.ViewNums::before {
    content: "\e62a";
    margin-right: 2px;
}

.CommNums::before {
    content: "\e660";
    margin-right: 2px;
}

.Author::before {
    content: "\e63e";
    margin-right: 2px;
}

.Time::before {
    content: "\e65c";
    margin-right: 2px;
}

.Tags::before {
    content: "\e6c5";
    margin-right: 2px;
}

.Cate::before {
    content: "\e713";
    margin-right: 2px;
}

/* 网站分类 */
.catalog {
    overflow: hidden;
    padding: 0 0 20px 20px;
    font-size: 0;
}

.catalog li {
    float: left;
    width: 20%;
    margin: 20px 0 0 0;
    line-height: 150%;
    padding: 0 20px 0 0;
    font-size: 16px;
}

.catalog li.ulyes {
    width: 100%;
    display: block;
}

.catalog li li {
    padding: 0 0 0 20px;
    width: 25%;
}

.catalog li li a::before {
    position: relative;
    margin-right: 3px;
    color: #999;
    content: "\ef7b3";
    font-size: 12px;
    font-family: "iconfont"
}

/*子分类*/
.subcategorys {
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0 0 20px 20px;
}

.subcategorys li,
.subcategorys span {
    line-height: 150%;
    margin: 10px 0 0 0;
    padding: 0 20px 0 0;
    display: inline-block;
}

.subcategorys span::before {
    content: "\e623";
    font-family: iconfont;
    margin: 0 2px 0 0;
}

.sub-loop span::before {
    content: "\e87d";
}

.sortlist span::before {
    content: "\e6a7";
}

.pagenav span::before {
    content: "\e68a";
}

/*两栏文章列表*/
.multicolumn-box {
    margin: 0 -2% 0 0;
    font-size: 0;
}

.multicolumn-box .section {
    display: inline-block;
    margin: 20px 2% 0 0;
    font-size: 14px;
    vertical-align: top;
}

.columns2 {
    width: 48%;
}

.columns3 {
    width: 31.3333333%;
}

.columns4 {
    width: 23%;
}

.column-a {
    overflow: hidden;
    padding: 0 20px 20px 20px;
}

.column-a li {
    margin: 20px 0 0 0;
    line-height: 150%;
    font-size: 16px;
    overflow: hidden;
}

/*首页图文列表*/
.column-it li img {
    float: right;
    width: 108px;
    height: 81px;
    object-fit: cover;
    margin-left: 15px;
}

.column-it li h2 {
    line-height: 24px;
    height: 48px;
    font-size: 16px;
    font-weight: normal;
}

/*文章列表*/
.list-a,
.list-website {
    overflow: hidden;
    padding: 0 0 20px 20px;
    font-size: 0;
}

.list-a li,
.list-website li {
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 150%;
}

.list-a li {
    width: 50%;
}

.list-a li span,
.column-a li span {
    float: right;
    font-size: 12px;
}

.list-a li i,
.list-website li i,
.column-a li i {
    margin-right: 5px;
    font-size: 16px;
}

.jian ul li a::before {
    content: "\e60b";
    margin-right: 5px;
    font-family: "iconfont"
}

/*网址列表*/
.list-website li {
    width: 20%;
}

.list-website li img {
    position: relative;
    top: -2px;
    height: 16px;
    width: 16px;
    margin-right: 5px;
}

/*图片列表*/
.list-pic {
    overflow: hidden;
    padding: 0 20px 20px 20px;
    margin: 0 -2% 0 0;
}

.list-pic li {
    width: 23%;
    float: left;
    margin: 20px 2% 0 0;
}

.list-pic li .img {
    position: relative;
    padding-top: 75%;
    width: 100%;
}

.list-pic li .img img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-pic li .shopimg {
    position: relative;
    padding-top: 100%;
    width: 100%;
}

.list-pic li .shopimg img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-pic li h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0;
    line-height: 24px;
    height: 48px;
}

.list-pic li .info {
    padding: 10px 0 0 0;
    margin: 0;
    text-align: left;
}

.list-pic li .info span {
    margin: 0;
}

/*图文列表*/
.list-it li,
.column-it li {
    overflow: hidden;
}

.list-it li,
.list-comment li,
.column-it li {
    padding: 20px;
}

.list-it li img {
    float: right;
    width: 153px;
    height: 115px;
    object-fit: cover;
    margin-left: 15px;
}

.list-it li h2 {
    font-size: 16px;
    line-height: 150%;
}

.list-it li p {
    line-height: 21px;
    height: 42px;
    margin: 15px 0 0 0;
}

.list-it li p a {
    margin-right: 10px;
}

.list-it li .info,
.column-it li .info {
    margin: 15px -20px 0 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
}

.list-it li .info span {
    margin: 0 20px 0 0;
}

.list-it li .info span.Tags {
    margin: 0 -20px 0 0;
}

/* 单行显示省略号 */
.list-a li,
.list-website li,
.column-a li,
.links li,
.catalog li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.column-it li h2,
.list-pic li h2,
.list-it li p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

/*评论列表*/
.list-comment .comment_box {
    overflow: hidden
}

.list-comment .comment_box h4 {
    font-size: 14px;
    line-height: 21px;
    color: #5781bf;
}

.list-comment .comment_box h4 span {
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    font-weight: normal;
}

.list-comment .comment_box p {
    margin-top: 15px;
    line-height: 150%;
}

.list-comment .comment_info {
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
    text-align: right;
}

.list-comment .comment_info time {
    float: left;
}

.list-comment .comment_info .comment_zan {
    font-family: iconfont !important;
    margin-right: 10px;
    cursor: pointer
}

.list-comment .comment_info .comment_zan::before {
    content: "\e60a" !important;
}

.list-comment .comment_info .comment_cai {
    font-family: iconfont !important;
    cursor: pointer
}

.list-comment .comment_info .comment_cai::before {
    content: "\e606" !important;
}

.column-it li:last-child,
.list-it li:last-child,
.list-comment li:last-child {
    border-bottom: 0;
}

.zan_red {
    color: #e61717 !important;
}

.cai_hei {
    color: #000000 !important;
}

/*分页*/
.pagebar {
    text-align: center;
    margin: 10px -5px 0 -5px;
}

.pagebar .page {
    display: inline-block;
    line-height: 32px;
    width: 32px;
    border-radius: 3px;
    margin: 10px 5px 0 5px;
    text-align: center
}

.pagebar .page:hover,
.pagebar .now-page {
    color: #ffffff;
}

/*友情链接/网站标签*/
.links {
    overflow: hidden;
    padding: 10px 0 20px 20px;
    font-size: 0;
}

.links li {
    display: inline-block;
    width: 20%;
    padding: 0 20px 0 0;
    margin: 10px 0 0 0;
    line-height: 150%;
    font-size: 14px;
}

.links li small {
    position: relative;
    top: -1px;
}

/*网站底部*/
footer {
    overflow: hidden;
    text-align: center;
    padding: 20px;
}

footer ul {
    text-align: center;
    margin: 0 -10px
}

footer ul li {
    line-height: 150%;
    display: inline-block;
    margin: 0 10px 10px 10px;
}

footer p {
    line-height: 150%;
}

footer a:hover {
    text-decoration: underline
}

.beian {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    position: relative;
    top: -2px;
}

/* 返回顶部 */
.ylwFhBox {
    width: 58px;
    top: 75%;
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #EAEAEA;
}

.ylwFhList {
    width: 58px;
    cursor: pointer;
}

.ylwFhList img {
    width: 22px;
    position:absolute;
    left:17px;
    top:0;
}

.ylwFhList li {
    width: 58px;
    height: 30px;
}

.ylwFhList li a {
    width: 58px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #333333;
    text-decoration: none;
    border-bottom: 1px solid #EAEAEA;
}

.ylwFhlist .ylwSjbMoren {
    display: block;
}

.ylwFhList li a.ylwSjbMoren {
    width: 22px;
    height: 22px;
    margin: 10px 0px 0px 18px;
}

/*.ylwFhList li a:hover.ylwSjbMoren{ background:url(../dximages/images/bg30.png) no-repeat -30px -235px;}*/
.ylwFhList li a.ylwFhMoren {
    display: block;
    background: #E4E4E4;
}

.ylwFhList li a:hover.ylwZkMoren {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a:hover.ylwFhMoren {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwDjMoren:hover {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwSyMoren:hover {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwBdMoren:hover {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwZxMoren:hover {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwGdMoren:hover {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwzk {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwDj {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwSy {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwBd {
    background: #FF6900;
    color: #FFFFFF;
}

.ylwFhList li a.ylwZx {
    background: #FF6900;
    color: #FFFFFF;
}

.left-space {
    min-width: 210px;
    position: absolute;
    top: 50%;
    right: 84%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s;
}

.ylwFhList .left {
    min-width: 200px;
    margin-right: 11px;
    transform: translate(0, -50%);
    padding: 10px;
    color: #444444;
    background-color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.ylwFhlist:hover .left-space {
    visibility: visible;
    opacity: 1;
}

.ylwFhList .left h3 {
    color: #e07121;
    font-weight: normal;
}

.ylwFhlist:hover .left-space {
    visibility: visible;
    opacity: 1;
}

.contact-info h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
}

.contact-info strong {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    text-align: center;
}

@media screen and (max-width:721px) {

    #nav_search,
    .search,
    .nav,
    .contact,
    .list-it li p {
        display: none;
    }

    .web-width {
        max-width: 720px;
    }

    .main {
        margin-top: 0;
    }

    /* 手机版网页头部显示效果 */
    .head_fixed,
    .head_fixed2 {
        position: fixed;
        top: 0px;
        z-index: 9999;
        right: 0;
        left: 0;
        transition: top .5s
    }

    .head_hide,
    .head2_hide {
        top: -60px
    }

    .logo,
    .head2 .logo {
        height: 40px;
        margin: 10px 10px 10px 20px;
    }

    .logo img,
    .head2 .logo img {
        height: 40px
    }

    .title_c,
    .head2 .title_c {
        height: 40px;
        margin: 10px 0;
    }

    .title_c .title_t1,
    .head2 .title_c .title_t1 {
        line-height: 40px;
        font-size: 24px;
    }

    .title_c .title_t2,
    .head2 .title_c .title_t2 {
        line-height: 24px;
        font-size: 18px;
    }

    .title_c p {
        line-height: 16px;
        font-size: 12px;
    }

    .button_c {
        display: block;
    }

    .button_c button:first-child {
        margin: 0 10px 0 0
    }

    #nav,
    #search,
    #contact {
        line-height: 20px;
        float: right;
        padding: 10px 10px 8px 10px;
        text-align: center;
        font-size: 12px;
    }

    #nav i,
    #search i,
    #contact i {
        font-size: 16px;
        display: block;
        margin-bottom: 2px;
    }

    .search,
    .contact,
    .nav {
        width: 100%;
        float: none;
        left: 0;
        right: 0;
        margin: 0;
        z-index: 999;
        position: absolute;
        background: #fff;
    }

    .search,
    .contact {
        padding: 20px;
    }

    .contact {
        text-align: center;
        top: 60px;
    }

    .search,
    .nav {
        top: 0;
    }

    .nav,
    .contact {
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
    }

    .nav_box,
    .nav_box2 {
        height: 0;
        float: none;
        padding: 0;
    }

    .pr60 {
        padding: 0;
    }

    .top60 {
        top: 60px;
    }

    /* 导航 */
    .nav {
        overflow: auto;
        line-height: 36px;
        max-height: calc(100vh - 60px);
        height: auto;
    }

    .nav li {
        width: 100%;
        line-height: 36px;
    }

    .nav li.current-li,
    .nav li:hover {
        background: #fff;
    }

    .nav li a,
    .nav li a:hover,
    .nav li.current-li a {
        color: #333;
    }

    .nav li .nav-show {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px;
        cursor: pointer;
        margin: 0;
        z-index: 5;
        font-size: 12px;
    }

    .nav li .nav-show::after {
        position: static;
        content: "\e79b";
        padding: 0 6px;
        line-height: 26px;
        height: 26px;
        border: 1px solid #f2f2f2;
        background: #fff;
        box-sizing: border-box;
        display: block;
    }

    .nav li .nav-hide::after {
        content: "\e79c";
    }

    .nav li a:hover,
    .nav li a.current,
    .nav li ul li.current-li a {
        background: #f2f2f2;
    }

    .nav li.current-li ul {
        display: block;
    }

    .nav li ul {
        position: static;
        top: 0;
        margin: 10px;
    }

    .nav li ul li:hover,
    .nav li ul li.current-li {
        background: #fff;
    }

    .nav li ul li {
        border-top: 0;
    }

    /*网站头部样式2*/
    .head2 {
        height: 60px;
    }

    .nav_box2 .nav li,
    .nav_box2 #nav_search,
    .nav_box2 .nav li ul li {
        line-height: 40px;
    }

    .nav_box2 .nav,
    .nav_box2 .search {
        top: 60px;
    }

    .head2 #nav i,
    .head2 #search i,
    .head2 #contact i,
    .head2 #nav,
    .head2 #search,
    .head2 #contact {
        color: #ffffff;
    }

    .fixednav,
    .fixednav2 {
        top: auto;
        left: auto;
        position: fixed;
    }

    .section h1 {
        font-size: 24px;
    }

    .columns2,
    .columns3 {
        width: 98%;
    }

    .columns4 {
        width: 48%;
    }

    .list-a li,
    .column-a li,
    .turn,
    .turn li {
        width: 100%;
    }

    .list-pic {
        margin-right: -3%;
    }

    .list-pic li {
        margin-right: 3%;
        width: 47%;
    }

    /***=图文列表=***/
    .list-it li img {
        width: 108px;
        height: 81px;
    }

    .list-it li h2,
    .column-it li h2 {
        font-weight: normal;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: auto;
    }

    .list-it li .info span {
        margin: 0 15px 0 0;
    }

    .list-website li,
    .links li,
    .catalog li {
        width: 33.33333%;
    }

    .catalog li li {
        width: 50%;
    }

    .catalog li li li {
        width: 100%;
    }

    footer p {
        font-size: 12px
    }
}

@media screen and (max-width:481px) {
    .input_clear {
        right: 60px;
    }

    .search button {
        width: 60px;
    }

    .slides_nav {
        font-size: 16px;
        line-height: 40px;
        height: 40px;
        width: 25px;
        margin-top: -20px;
    }

    .slides p {
        font-size: 12px;
        padding: 5px 15px;
    }

    .slides_tabs {
        padding: 10px 0;
    }

    .slides_tabs li a {
        padding: 0 10px;
    }

    .multicolumn-box {
        margin: 0;
    }

    .multicolumn-box .section {
        margin: 20px 0 0 0;
    }

    .columns2,
    .columns3,
    .columns4 {
        width: 100%;
    }

    .pc,
    .list-a li span,
    .column-a li span,
    .list-it li .info span.Cate,
    .list-it li .info span.Tags {
        display: none;
    }

    .compost .com_info ul,
    .compost .com_info li {
        margin-right: 0;
        width: 100%;
    }

    .compost .com_info li:nth-child(4) {
        width: 50% !important
    }

    /***=图文列表=***/
    .list-it li img,
    .column-it li img {
        margin-left: 10px;
    }

    .list-website li {
        width: 50%;
    }
}