@charset "utf-8";

/*
Theme ID: ydjijian
Author: guokun
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://www.yzktw.com.cn/
*/
html {
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    color: #656565;
    background-color: #f8f8f8;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    outline: 0;
}

a {
    text-decoration: none;
    color: #666;
    transition: all 0.25s ease 0s;
    outline: 0;
}

a:hover {
    color: #d6623d;
}

img {
    border: 0;
}

div,
h1,
h2,
h3,
h4,
h5,
p,
form,
ul,
label,
input,
textarea,
img,
span,
dl,
dt,
dd {
    margin: 0px;
    padding: 0;
    outline: 0;
}

/*li{list-style-type: none;}*/
.container {
    width: 1380px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/*===========#header===============*/
#header {
    height: 120px;
    line-height: 120px;
    display: none;
}

/*.header{}*/
.header .logo {
    float: left;
    width: 180px;
}

.header .logo img {
    max-width: 100%;
    vertical-align: middle;
}

/*
.header .bannertop{float: left;margin-left: 20px;width: 800px;}
.header .bannertop img{max-width: 100%;vertical-align: middle;}
.header .bannerright{float: right;width:260px;}
.header .bannerright img{max-width: 100%;vertical-align: middle}
*/
.search {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 40px 0;
}

.search form {
    width: 80%;
    margin: 0 auto;
}

.search input {
    float: left;
    width: 75%;
    padding-left: 2%;
    height: 40px;
    line-height: 40px;
    border: 2px solid #d6623d;
}

.search button {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d6623d;
    background-color: #d6623d;
    text-align: center;
    color: #fff;
}

/*#main*/
#main {}

.main {}

.mainl {
    /* float: left; */
    width: 180px;
    min-height: 1px;
    max-height: 100vh;
    overflow-y: auto;
}

.mainl::-webkit-scrollbar {
    display: none;
}

/*logo*/
.mainl .logo {
    width: 100%;
    height: 120px;
    line-height: 120px;
}

.mainl .logo img {
    max-width: 100%;
    vertical-align: middle;
}

/*跟随*/
.fixednav {
    position: fixed;
    top: 0;
    z-index: 265;
}

.gs {
    width: 180px;
}

/*mainc*/
.mainc {
    /* float: left; */
    /* margin-left: 20px; */
    width: 900px;
    margin-bottom: 30px;
    padding-top: 20px;
    max-height: 100vh;
    overflow-y: auto;
}

.mainc::-webkit-scrollbar {
    display: none;
}

.mainc .body {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 0;
}

.mainc .bannertop {
    height: 80px;
    line-height: 80px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.mainc .bannertop img {
    width: 100%;
    display: block;
}

/*slider*/
#slider {
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin-bottom: 20px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    /* Center slide text vertically 
        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;
        -webkit-align-items: center;
        align-items: center;*/
}

/*.swiper-pagination{text-align: right;}*/
.swiper-pagination-bullet {
    background-color: #fafafa;
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(images/swiper-next.png);
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(images/swiper-next.png);
    transform: rotate(180deg);
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    height: 50px;
    line-height: 50px;
    padding-left: 3%;
    padding-right: 10%;
    overflow: hidden;
}

.swiper-pagination-bullets {
    text-align: right;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 15px;
    width: 99%;
}

/*h1*/
.mainc {}

.mainc h1 {
    color: #150707;
    background-color: #f7f7f7;
    font-size: 18px;
    border-left: 2px solid #d6623d;
    font-weight: normal;
    padding-left: 40px;
    height: 50px;
    line-height: 50px;
    margin-left: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*tab*/
.mainc .tab {}

.mainc .tab i {
    font-style: normal;
    display: inline-block;
    float: left;
}

.mainc .tab span {
    display: inline-block;
    float: right;
    padding-right: 20px;
    color: #d6623d;
    font-size: 13px;
}

.mainc .tab span a {
    color: #d6623d;
    display: inline-block;
    margin-left: 15px;
}

/*list*/
/* .list{padding-left: 30px;} */
.list ul {
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;
    list-style: none;
}

.list li {
    display: block;
    font-size: 16px;
    margin-bottom: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list li span {
    display: inline-block;
    margin-right: 20px;
}

.list li i {
    font-style: normal;
    color: #d6623d;
    letter-spacing: 6px;
}

/*cms*/
.cms {
    padding: 10px 20px 0 20px;
}

.cms ul {
    list-style: none;
}

.cms li {
    padding: 20px 10px;
    border-bottom: 1px dotted #d3d3d3;
    overflow: hidden;
    border-right: 3px solid #fff;
}

.cms li:hover {
    background-color: #fbfbfb;
    border-right: 3px solid #d6623d;
}

.cms li .img {
    float: left;
    width: 200px;
    height: 140px;
    overflow: hidden;
}

.cms li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: all 0.6s;
}

.cms li:hover .img img {
    transform: scale(1.1);
}

.cms li .imgr {
    margin-left: 220px;
}

.cms li .imgr h5 {
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}

.cms li .imgr h5 a {
    color: #404040
}

.cms li .imgr h5 a:hover {
    color: #d6623d;
}

.cms li .imgr p {
    margin-top: 6px;
    margin-bottom: 30px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.cms li .imgr span {
    color: #bbb;
    display: inline-block;
}

.cms li .imgr span i {
    font-style: normal;
    margin-left: 6px;
    margin-right: 3px;
}

.cms li .imgr span b {
    font-weight: normal;
}

.cms li .imgr span a {
    color: #bbb;
}

.cms li .imgr span.time {
    float: right;
}

/*pagebar*/
.pagebar {
    text-align: center;
}

.pagebar span,
.pagebar a {
    display: inline-block;
    text-align: center;
    line-height: 35px;
    padding: 0 14px;
    margin: 10px 2px;
    font-size: 16px;
}

.pagebar span,
.pagebar a:hover {
    background-color: #d6623d;
    color: #fff;
}

.pagebar a {
    border: 1px solid #f8f8f8;
    background-color: #f8f8f8;
}

/*无限*/
.ias_trigger,
.pagination-loading {
    text-align: center;
    padding-top: 20px;
    color: #d6623d;
    font-size: 18px;
    padding-bottom: 20px;
}

.ias_trigger a {
    color: #d6623d;
    font-size: 18px;
}

/*mainr*/
.mainr {
    /* float: right; */
    width: 260px;
    padding-top: 20px;
    max-height: 100vh;
    overflow-y: auto;
}

.mainr::-webkit-scrollbar {
    display: none;
}

.mainr .bannerright {
    height: 80px;
    line-height: 80px;
    width: 100%;
    margin-bottom: 20px;
}

.mainr .bannerright img {
    max-width: 100%;
    display: block;
}

.widget {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px 0;
}

.widget h4 {
    line-height: 30px;
    color: #150707;
    background-color: #f7f7f7;
    font-size: 16px;
    border-left: 2px solid #d6623d;
    margin-left: -2px;
    padding-left: 10px;
    font-weight: normal;
}

.widget ul {
    padding: 10px 10px 0;
    overflow: hidden;
    list-style: none;
}

.widget ul ul {
    display: none;
}

.widget li {
    float: left;
    width: 50%;
    line-height: 24px;
}

.widget .widget_div {
    padding: 0 10px;
    overflow: hidden;
}

.widget .widget_div img {
    max-width: 100%;
}

.widget .widget_div form {
    margin-top: 10px;
}

/*widget_navbar*/
.widget_navbar {}

.widget_navbar ul {
    list-style: none;
    padding: 0;
}

.widget_navbar li {
    float: none;
    padding: 5px 0;
    position: relative;
    width: 100%;
}

.widget_navbar li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .5px;
}

.widget_navbar li.active>a {
    background-color: #d6623d;
    color: #fff;
}

.widget_navbar li:hover>a {
    background-color: #d6623d;
    color: #fff;
}

.nav ul {
    overflow: visible;
    z-index: 111;
}

.nav ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    border: 1px solid #ececec;
}

.nav ul li:hover>ul {
    display: block;
}

.nav ul ul li {
    white-space: nowrap;
}

.nav ul ul li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    letter-spacing: .5px;
    padding: 0 30px;
}

.nav ul ul ul {
    left: 100%;
    top: 0;
}

/*widget_tags*/
.widget_tags ul {
    overflow: hidden;
    margin-right: -5px;
}

.widget_tags li {
    float: left;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget_tags li a {
    display: block;
    padding: 0 5px;
    color: #fff;
}

.widget_tags li[class$="0"] a {
    background-color: #4A4A4A;
}

.widget_tags li[class$="1"] a {
    background-color: #428BCA;
}

.widget_tags li[class$="2"] a {
    background-color: #5CB85C;
}

.widget_tags li[class$="3"] a {
    background-color: #D9534F;
}

.widget_tags li[class$="4"] a {
    background-color: #567E95;
}

.widget_tags li[class$="5"] a {
    background-color: #B433FF;
}

.widget_tags li[class$="6"] a {
    background-color: #00ABA9;
}

.widget_tags li[class$="7"] a {
    background-color: #B37333;
}

.widget_tags li[class$="8"] a {
    background-color: #FF6600;
}

.widget_tags li[class$="9"] a {
    background-color: #D8B303;
}

/*widget_searchpanel*/
.widget_searchpanel form {
    width: 100%;
}

.widget_searchpanel form input[type=text] {
    width: 74%;
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d6623d;
    padding-left: 1%;
}

.widget_searchpanel form input[type=submit] {
    width: 22%;
    float: left;
    height: 30px;
    line-height: 30px;
    border: 0 solid #d6623d;
    background-color: #d6623d;
    margin-left: -1px;
    color: #fff;
}

/*widget_comments*/
.widget_comments li {
    margin-bottom: 10px;
    font-size: 12px;
}

.widget_comments li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.widget_comments li span {
    color: #999;
}

/*widget_previous*/
.widget_previous ul {
    list-style: none;
}

/* .widget_previous li{width: 100%;font-size: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.widget_previous li::before{content: "";width: 3px;height: 3px;background-color: #333;position: absolute;margin-top: 12px;}
.widget_previous li a{font-size: 15px;padding-left: 10px;} */
.widget_previous li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
}

.widget_previous li:hover {
    background-color: #fbfbfb;
}

.widget_previous li a {
    display: block;
}

.widget_previous li .img {
    float: left;
    width: 100px;
    height: 72px;
    overflow: hidden;
}

.widget_previous li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.widget_previous li:hover .img img {}

.widget_previous li p {
    margin-left: 110px;
    line-height: 24px;
    font-size: 14px;
    max-height: 72px;
    overflow: hidden;
}


/*widget_calendar*/
.widget_calendar #tbCalendar {
    width: 100%;
    text-align: center;
}

.widget_calendar caption {
    background-color: #fafafa;
    height: 20px;
    line-height: 20px;
}

.widget_calendar td a {
    display: block;
    margin: 0 5px;
    background: #d6623d;
    color: #FFFFFF;
}

/*widget_wechats*/
.widget_wechats {
    text-align: center;
    padding: 0;
}

.widget_wechats img {
    max-width: 100%;
}

/*widget_link*/
.widget_link li {
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*widget_comments*/
.widget_comments li {
    width: 100%;
}

/*widget_author*/
.widget_author {}

.widget_author .title {
    padding: 10px 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.widget_author .title img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.widget_author .info h5 {
    font-size: 16px;
    line-height: 32px;
}

.widget_author ul {
    list-style: none;
}

.widget_author li {
    float: none;
    width: 100%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget_author li::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #333;
    position: absolute;
    margin-top: 12px;
}

.widget_author li a {
    padding-left: 10px;
}

/*===========post==========*/
.article_content {
    padding: 20px 30px;
    overflow: hidden;
}

.mainc h3 {
    color: #150707;
    background-color: #f7f7f7;
    font-size: 16px;
    border-left: 2px solid #d6623d;
    font-weight: normal;
    padding-left: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -2px;
}

.mainc .info {
    padding: 15px 30px;
    border-bottom: 1px dotted #ddd;
    color: #999;
    font-size: 13px;
}

.mainc .info span {
    margin-right: 12px;
}

.mainc .info span i {
    margin-right: 5px;
}

.mainc .info span b {
    font-weight: normal;
}

.mainc .info a {
    color: #999;
}

/*article_content*/
.article_content {
    font-size: 16px;
    line-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
    padding-bottom: 5px;
    position: relative;
}

.article_content img {
    max-width: 100%;
    height: auto;
}

.article_content h1,
.article_content h2,
.article_content h3,
.article_content h4,
.article_content h5,
.article_content h6 {
    margin-bottom: 18px;
    background-color: #FBFBFB;
    color: #333;
    border-left: 4px solid #d6623d;
    padding-left: 10px;
    margin: 10px 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-weight: normal;
}

.article_content h2 {
    font-size: 24px;
}

.article_content h2 {
    font-size: 20px;
}

.article_content h3 {
    font-size: 18px;
}

.article_content h4 {
    font-size: 16px;
}

.article_content h5 {
    font-size: 14px;
}

.article_content h6 {
    font-size: 12px;
}

.article_content ul,
.article_content ol {
    margin: 0 0 18px 50px
}

.article_content ul {
    list-style: disc;
}

.article_content ol {
    list-style: decimal;
}

.article_content li {
    margin-bottom: 6px;
}

/*.article_content p {margin: 12px 0; color: #555; line-height: 32px; word-wrap:break-word;}*/
.article_content pre {
    word-wrap: break-word
}

.article_content table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    width: 100%;
    margin-bottom: 18px
}

.article_content table th {
    background-color: #F9F9F9;
    text-align: center
}

.article_content table td,
.article_content table th {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    padding: 5px 10px
}

.article_content .alignnone {
    margin: 0 auto;
}

.article_content .alignleft {
    float: left;
    text-align: left;
    margin-right: 10px
}

.article_content .aligncenter {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.article_content .alignright {
    float: right;
    text-align: right;
    margin-left: 10px
}

.article_content a {
    color: #d6623d;
}

.article_content a:hover {
    color: #f40;
    text-decoration: underline;
}

.article_content pre,
.comment pre {
    font-size: 12px;
    background: #ededed;
}

.article_content blockquote {
    margin: 10px;
    border: 1px #d0d4c8 dashed;
    background: #f4f5f6 url(images/blockquote.gif) 5px 3px no-repeat;
    padding: 8px 12px 8px 36px;
}

.article_content blockquote p {
    padding: 8px 0;
    line-height: 26px;
    text-indent: 0em;
    text-align: justify;
    color: #2A2A2A;
}

/*
.article_content blockquote {margin: 20px 0px;padding: 15px 20px 1px;border-left: 5px solid #d6623d;background-color:#fafafa;}
.article_content blockquote p {margin:0;padding:0;margin-bottom: 10px;}
*/
/*视频*/
.article_content embed,
.article_content video,
.article_content iframe {
    width: 510px;
    height: 498px;
}

/*related*/
.related {
    padding: 20px 40px;
}

.related ul {
    list-style: none;
}

.related li {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.related li span {
    display: inline-block;
    margin-right: 20px;
}

.related li i {
    font-style: normal;
    color: #d6623d;
    letter-spacing: 6px;
}

/*post_comments*/
.post_comments {
    padding: 20px 30px;
}

/*===========comment=================*/
#comments {
    padding: 20px;
    border: 1px solid #E5E5E5;
    background-color: #FDFDFD;
    position: relative;
}

#comment {
    overflow: hidden;
}

#comment .ping {
    color: #333;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ededed;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    font-weight: normal;
}

#comment .compost {
    margin: 20px 0;
}

.compost form {}

.compost .com_name {
    margin: 10px 0;
    overflow: hidden;
    color: #d6623d;
}

.compost .com_name a {
    color: #FF5E52;
}

.compost .com_box {
    margin: 10px 0;
}

.compost .com_box textarea {
    width: 99.5%;
    border: 1px solid #ddd;
    display: block;
}

.compost .com_info {
    margin: 10px 0;
    overflow: hidden
}

.compost .com_info ul {
    float: left;
    list-style: none;
    display: inline-block;
}

.compost .com_info li {
    float: left;
    margin-right: 6px;
    margin-bottom: 10px;
}

.compost .com_info li input {
    width: 160px;
    height: 30px;
    line-height: 30px;
    padding-left: 4px;
    border: 1px solid #ddd;
}

.compost .com_info li span {
    margin-left: 4px;
}

.compost .com_info li span img {
    height: 30px;
    line-height: 30px;
    vertical-align: top;
}

.compost .com_info button {
    float: right;
    background-color: #d6623d;
    border: 0;
    border-radius: 3px;
    padding: 6px 10px;
    color: #fff;
    display: inline-block;
}

#comment .comlist {
    margin: 10px 0;
}

.comlist .title {
    margin: 10px 0;
    overflow: hidden;
}

.comlist .title span {
    color: #333;
    background-color: #fff;
}

.comlist ul {
    list-style: none;
    border-top: 1px solid #ededed;
}

.comlist ul ul {
    margin-left: 3%;
    margin-top: 10px;
}

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

.comlist li:hover {
    background-color: #fafafa;
}

.comlist li img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 12px;
}

.comlist li .clbody {
    margin-left: 64px;
}

.clbody .cinfo {
    overflow: hidden;
}

.clbody .cinfo h5 {
    float: left;
    height: 18px;
    line-height: 18px;
    color: #d6623d;
    font-size: 14px;
    font-weight: normal;
}

.clbody .cinfo span {
    float: right;
    margin-right: 10px;
}

.clbody .cinfo span a {
    color: #d6623d;
}

.clbody .cinfo span i {
    margin-right: 4px;
}

.clbody em {
    color: #888;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-style: normal;
    display: block;
}

.clbody p {
    line-height: 24px;
    color: #4a4a4a;
    overflow: hidden;
}

.clbody p a {
    color: #d6623d;
}

/*footer*/
#footer {
    padding: 10px 0;
    background: #232323;
    line-height: 24px;
    text-align: center;
    clear: both;
    overflow: hidden;
}

#footer img {
    vertical-align: middle;
}

/*=========返回顶部===========*/
@media screen and (max-width: 767px) {
    .bottom_tools {
        bottom: 60px !important;
    }

    .bottom_tools .qr_tool {
        display: none;
    }

    .qr_tool i {
        font-size: 20px !important;
    }
}

.bottom_tools {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
}

.bottom_tools a {
    padding: 10px;
    display: block;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    margin-bottom: 4px;
}

.bottom_tools a.topcomment {
    margin-bottom: 0;
    line-height: 50px;
}

.bottom_tools a:hover {
    background-color: #d6623d;
}

.qr_tool {
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    padding: 10px;
}

.qr_tool i {
    font-size: 40px;
}

.qr_tool:hover {
    background-color: #d6623d;
}

.bottom_tools .qr_img {
    position: absolute;
    top: -100px;
    left: -160px;
    /* width: 146px;
    height: 146px; */
    display: none;
    background-color: #ededed;
    padding: 6px;
}

.bottom_tools .qr_img img {
    width: 126px;
    height: 126px;
    display: block;
}

/*=====广告=======*/
.fad {
    clear: both;
    margin-bottom: 30px;
}

.fad img {
    max-width: 100%;
}

/*404页面*/
.page404 {
    padding: 50px 0 50px;
    text-align: center;
    overflow: hidden;
}

.page404 h6 {
    margin: 10px 0;
    color: #333;
    text-shadow: rgba(61, 61, 61, .3) 1px 1px, rgba(61, 61, 61, .2) 2px 2px, rgba(61, 61, 61, .3) 3px 3px;
    font-weight: 700;
    font-size: 52px;
    line-height: 150px;
}

.page404 h3 {
    margin: 10px 0;
    color: #333;
    font-size: 30px;
    line-height: 35px;
    font-weight: normal;
}

.serach404 {
    margin: 20px 0;
}

.serach404 p {
    color: #333;
    font-size: 14px;
}

.serach404 form {
    width: 420px;
    margin: 10px auto;
    overflow: hidden;
}

.serach404 form input {
    float: left;
    width: 335px;
    height: 40px;
    line-height: 38px;
    box-sizing: border-box;
    padding-left: 2%;
    border: 1px solid #d6623d;
}

.serach404 form button {
    float: right;
    width: 85px;
    line-height: 38px;
    height: 40px;
    background-color: #d6623d;
    color: #fff;
    text-align: center;
    border: 1px solid #d6623d;
    font-size: 16px;
}

.goindex404 {
    text-align: center;
    margin: 20px 0;
}

.goindex404 a {
    display: inline-block;
    padding: 8px 30px;
    background-color: #d6623d;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
}

@media screen and (max-width: 980px) {
    .page404 {
        padding: 0 0 0;
    }

    .serach404 form {
        width: 80%;
    }

    .serach404 form input {
        width: 75%
    }

    .serach404 form button {
        width: 25%;
    }
}

/* // 404 */



/*下方为自适应CSS
Theme ID: ydjijian
Author: guokun
Author QQ：525887672
Author Email：525887672@qq.com
Author URL: http://www.yzktw.com.cn/
*/

#mnav,
#msearch {
    display: none;
}

@media screen and (max-width: 1080px) {
    .container {
        width: 1000px;
    }

    /* .mainr{display: none;}
    .header .bannerright{display: none;} */
}

@media screen and (max-width: 980px) {
    .container {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }

    body {
        margin-top: 55px;
    }

    #header {
        display: block;
        height: 45px;
        line-height: 45px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #f8f8f8;
        border-bottom: 1px solid #ececec;
        z-index: 112;
    }

    .header .logo {
        width: 100%;
        text-align: left;
        padding-left: 5%;
    }

    .header .logo img {
        max-height: 40px;
        vertical-align: middle;
    }

    .header .bannertop,
    .header .bannerright {}

    .mainc .bannertop,
    .mainr .bannerright {}

    .mainc .bannertop {
        height: auto;
        margin-bottom: 10px;
        line-height: normal;
    }

    .mainr .bannerright {
        height: auto;
        line-height: normal;
        width: 100%;
        margin-bottom: 10px;
    }

    /* .header .bannerright{display: none;}
    .mainr .bannerright{display: none;} */

    #mnav {
        display: block;
        position: absolute;
        top: 0;
        right: 20%;
        cursor: pointer;
    }

    #mnav i {
        font-size: 18px;
    }

    #msearch {
        display: block;
        position: absolute;
        top: 0;
        right: 5%;
        cursor: pointer;
    }

    #msearch i {
        font-size: 18px;
    }

    .mainl {
        display: none;
        width: 100%;
        position: fixed;
        top: 45px;
        left: 0;
        right: 0;
        z-index: 122;
        background-color: #fff;
    }

    .mainl .logo {
        display: none;
    }

    .fixednav {
        position: static;
        top: 0;
        z-index: 265;
    }

    .gs {
        width: 100%;
    }


    .mainc {
        margin-left: 0;
        width: 100%;
        padding-top: 0;
    }

    #slider {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }

    .swiper-slide p {
        display: none;
    }

    .swiper-pagination-bullets {
        text-align: center;
    }

    .mainc h1 {
        padding-left: 20px;
    }

    .mainc h3 {
        padding-left: 20px;
    }

    .mainc .tab span {
        display: none;
    }

    /* .list{padding-left: 10px;} */
    .list ul {
        padding-left: 0;
    }

    .cms {
        padding: 10px 10px 0
    }

    .cms li {
        padding: 10px 0;
    }

    .cms li .img {
        width: 40%;
        height: 100px;
    }

    .cms li .imgr {
        margin-left: 42%;
    }

    .cms li .imgr h5 {
        height: 75px;
        line-height: 25px;
        white-space: normal;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 6px;
    }

    .cms li .imgr p {
        display: none;
    }

    .cms li .imgr span {
        display: block;
    }

    .cms li .imgr span.time {
        float: none;
        display: none;
    }


    .mainr {
        display: block;
        width: 100%;
    }

    .article_content {
        padding: 20px
    }

    .related {
        padding: 20px
    }

    .post_comments {
        padding: 10px;
    }

    .article_content embed,
    .article_content video,
    .article_content iframe {
        width: 100%;
        height: 220px;
    }
}