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



@media (max-width: 600px) {
    .footer-main  {
      width: 1520px;
    }
    .header-main{
        width: 1520px;
    }
    .banners{
        width: 1520px; 
    }
  }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}



body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: #000
}

body {
    font-size: 14px;
    background: #f2efe6 url(../../../themes/shufa/images/bg.jpg) 0 0 repeat
}

.container {
    width: 1200px;
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.heading-one {
    font-size: 20px;
    color: #5e473f;
    font-weight: 700;
    padding-bottom: 15px;

}

.heading-one-more {
    margin-top: -30px
}

.header-top {
    width: 100%;
    height: 35px
}

.header-container {
    line-height: 35px
}

.welcome-text {
    padding-left: 115px
}

.header-main {
    width: 100%;
    height: 130px;
    background-color: #5e473f
}



.footer-main {
    width: 100%;
    height: 100px;
    background-color: #5e473f
}

.xxlj {
    position: relative;
    top: 10px;
    right: 15px;
    color: #FFFFFF !important
}

.main {
    margin-bottom: 40px
}

.main-container {
    margin-top: 20px;
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    
}

.news-container {
    margin-top: 10px;
    height: 270px
}

.logo-ding {
    width: 60px;
    float: left;
    margin-top: 10px
}

.logo-text {
    width: 330px;
    float: left;
    margin-top: 15px;
    margin-left: 30px
}

.nav-item {
    margin: 17px 0 0 63px;
    display: flex;

}

.nav-item>li {
    padding-left: 35px;
    float: left;
    position: relative;
    color: #ffffff !important;
    font-size: 16px
}

.nav-item>li>a {
    color: #fff
}

.nav-item ul {
    z-index: 9999;
    position: absolute;
    background-color: #5e473f;
    left: 20px;
    top: 38px;
    display: none
}

.nav-item ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff5cb;
    width: 150px;
    text-align: center;
    border-bottom: 1px solid #fff5cb
}

.main-container-left {
    width: 330px
}

.main-container-right {
    width: 430px
}

.news-item {
    width: 310px;
    float: left;
    margin-right: 20px
}

.news-item-title>a {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #5e473f;
    padding: 5px 0
}

.news-item-des {
    font-size: 14px;
    color: #6a6a6a;
    line-height: 20px;
    height: 40px;
    overflow: hidden
}

.news-item-date {
    padding: 10px 12px 16px 0;
    font-size: 12px;
    color: #d4993d
}

.table_card {
    width: 430px;
    margin: 0 auto
}

.table_card .tab {
    height: 37px;
    font-size: 14px;
    border-bottom: 1px #e1e1e1 solid
}

.table_card .tab li {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 17px;
    font-weight: 700;
    padding-right: 10px;
    cursor: pointer
}

.table_card .tab li:hover {
    color: #5e473f;
    border-bottom-color: #5e473f;
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #5e473f;
    cursor: pointer
}

.table_card .active {
    color: #5e473f;
    border-bottom-color: #5e473f;
    border-bottom: 1px solid #5e473f
}

.table_card .tabCon {
    padding: 10px 0
}

.table_card .tabCon div {
    display: none
}

.table_card .tabCon .on {
    display: block
}

.newslist01 {
    font-size: 14px
}

.newslist01 li {
    display: block;
    height: 55px;
    width: 430px
}

.newslist01 li a {
    display: block;
    font-size: 16px;
    padding-left: 50px
}

.newslist01 li .ding {
    color: #F30;
    margin-left: 5px
}

.newslist01 li .time {
    display: block;
    width: 43px;
    height: 47px;
    color: #fff;
    font-size: 12px
}

.newslist01 li .tab-time {
    display: block;
    height: 23.5px;
    line-height: 23.5px;
    text-align: center
}

.newslist01 li .tab-time-top {
    background-color: #795f56
}

.newslist01 li .tab-time-bottom {
    background-color: #5e473f
}

.footer {
    margin-top: 20px
}

.footer-logo {
    width: 400px;
    margin-top: -38px;
    float: left
}

.copyright {
    margin-top: 15px;
    color: #fff
}

.support-logo {
    width: 30px
}

.category-title {
    width: 260px;
    height: 60px;
    background-color: #5e473f;
    font-size: 25px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    margin-left: 90px;
    position: absolute;
    top: 365px
}

.category-list-title-bar {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #5e473f
}

.category-list-title {
    font-size: 20px;
    font-weight: 700;
    color: #5e473f
}

.category-list-nav {
    color: #999;
    font-size: 12px;
    padding-right: 10px
}

.category-list {
    width: 900px;
    margin-left: 280px;
    font-size: 16px;
    color: #444;
    background-color: #fff;
    padding: 10px
}

.category-list li {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 13px;
    background: url(../../../themes/shufa/images/li_icon.png) 0 center no-repeat
}

.category-post-time {
    font-size: 11px;
    color: #444;
    float: right;
    position: relative;
    top: -30px;
    right: 3px
}

.page_navi {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    border-top: 1px solid #E8E8E8
}

.page_navi a {
    display: inline-block;
    margin-right: 8px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    background: #e4e5e1;
    color: #626262;
    font-size: 14px
}

.page_navi a:hover,
.page_navi .current {
    color: #fff;
    background: #8c9fcc;
    text-decoration: none
}

.page_navi .page-numbers {
    position: absolute;
    top: 5px;
    left: 15px;
    letter-spacing: 1px;
    font-family: 微软雅黑;
    color: #424242
}

.article-content-area {
    min-height: 300px;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 0 0 10px 10px;
    border: 1px solid #fef7f1
}

.article-title {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    padding-top: 10px
}

.article-author {
    text-align: center;
    font-size: 13px;
    color: #999;
    line-height: 30px;
    padding-bottom: 20px
}

.article-content {
    color: #444;
    text-indent: 2em;
    line-height: 25px
}

.article-content img {
    display: block;
    text-indent: 0;
    max-width: 700px;
    margin: 10px auto
}

.jdyw .ywlb {
    padding-bottom: 5px;
    float: left;
    width: 404px;

    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #dedede;
    position: relative;
    overflow: hidden;
    margin-left: 15px
}

.ywlb .plb ul li {
    /* background-image: url(../../../themes/shufa/images/in_xn_28.png); */
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    width: 300px;

}

.new_time{
    position:absolute;
    font-size: 15px; 
    display:bold; 
    color:#656667;
    font-family: Impact;
    left: 300px;
}


.new_time2{
    position:absolute;
    font-size: 15px; 
    display:bold; 
    color:#656667;
    font-family: Impact;
    left: 400px;
}

.new_time3{
    position:absolute;
    font-size: 15px; 
    display:bold; 
    color:#656667;
    font-family: Impact;
    left: 335px;
}




.ywlb .plb ul li a {
    font-size: 14px;
    line-height: 26px;
    color: #474747;
    
}

.plb{
    width: 200px;

}

/* @charset "utf-8"; */

* {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a,
img {
    border: 0
}

body {
    font: 12px/180% Arial, Helvetica, sans-serif, "新宋体"
}

.yx-rotaion img {
    width: 100%;
    height: 300px
}

.yx-rotaion {
    margin: 0 auto
}

.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn {
    position: absolute
}

.yx-rotation-title {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #000;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    left: 0;
    bottom: 0;
    _bottom: -1px;
    z-index: 1
}

.yx-rotation-t {
    color: #fff;
    font-size: 16px;
    font-family: microsoft yahei;
    z-index: 2;
    bottom: 0;
    left: 10px;
    line-height: 40px
}

.yx-rotation-focus span,
.yx-rotaion-btn span {
    background: url(../../../themes/shufa/images/ico.png) no-repeat;
    display: block
}

.yx-rotation-focus {
    height: 40px;
    line-height: 40px;
    right: 20px;
    bottom: 0;
    z-index: 2
}

.yx-rotation-focus span {
    width: 12px;
    height: 12px;
    line-height: 12px;
    float: left;
    margin-left: 5px;
    position: relative;
    top: 14px;
    cursor: pointer;
    background-position: -24px -126px;
    text-indent: -9999px
}

.yx-rotaion-btn {
    width: 100%;
    height: 41px;
    top: 50%;
    margin-top: -20px
}

.yx-rotaion-btn span {
    width: 41px;
    height: 41px;
    cursor: pointer;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    position: relative
}

.yx-rotaion-btn .left_btn {
    background-position: -2px -2px;
    float: left;
    left: 10px
}

.yx-rotaion-btn .right_btn {
    background-position: -2px -49px;
    float: right;
    right: 10px
}

.yx-rotaion-btn span.hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.yx-rotation-focus span.hover {
    background-position: -10px -126px
}

.rotaion_list {
    width: 0;
    height: 0;
    overflow: hidden
}
.d{
     width: 180px;
    overflow:hidden;  /*内容会被修剪，并且其余内容是不可见的。*/
    text-overflow: ellipsis;  	/*显示省略符号来代表被修剪的文本*/
    white-space: nowrap;	/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
}

.d:hover{

    background-color: rgb(163,150,146);
}

a:hover{
    color: rgb(163,042,085);
}

/*轮播图样式 */

/* 1. 样式重置 */
* {
    margin: 0;
    padding: 0;
}
.body1 li {
    list-style: none;
}


/* 外层盒子样式,左右箭头和小圆点都要采用绝对定位，所以其父盒子要采用相对定位*/
.banners {
    position: relative;
    overflow: hidden;
    width: 935px;
    height: 300px;
    top:10px;
    left: 300px;
        
box-shadow: 4px 4px 10px rgb(30, 30, 30);

}
/*滚动区 包裹所有图片的盒子 宽度要足够宽可以放下所有的图片*/
.images {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 700%;
    
}
/* 对图片使用浮动 使其排列在一行*/
.images li{
    float: left;
}
/* 图片大小会撑大盒子,设置图片大小 */
.banners img {
    width: 935px;
    height: 300px;
    object-fit:  contain ;
 
}

.back_img1{
    background-image: url("../图和音频/干员轮换卡池119\(高斯模糊\).jpg");

}

.back_img2{
    background-image: url("../图和音频/宿愿\(高斯模糊\).JPG");
}

/*左右箭头相同样式*/
.prev,
.next {
    display: none;
    position: absolute;  
    /* 绝对定位的盒子垂直居中 */
    top: 50%;
    margin-top: -15px;
    width: 40px;
    height: 40px;
    background: rgba(204, 204, 204, 0.823);
    text-align:center;
    line-height: 40px;
    color: #28282883;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none; 
    
}
/*左箭头靠左定位*/
.prev {
    left: 0;
        /* 设置圆角 */
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-radius: 50%;  /*圆形按钮样式，一定要写在这里，写在上面就不行，原因不明*/

    
}
/*右箭头靠右定位*/
.next {
    right: 0;
    /* 设置圆角 */
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-radius: 50%;

}
/* 小圆点外层盒子的样式 */
.dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -35px;
    height: 13px;
    border-radius:7px;
    
}
/* 小圆点样式*/
.dots li {
    float: left;
    width: 80px;
    height: 8px;
    background-color: #d8d8d8;
    margin: 3px;
}
/* 小圆点被点击的样式 */
.dots .active {
    background-color: #ff5000;
}

.banner{
  
    position: relative;/*相对定位 给绝对定位位置参考*/

    float: left;
    display: flex;flex-wrap: wrap; width: 100%; height: 400px;
}
.banner .item{
    display: none;/*隐藏元素*/
    position: absolute;/* 绝对定位*/
    width: 1300px;
    height: 300px;
    top: 0;
    left: 0;
}
ul{
    list-style-type: none;/*清除默认列表样式 ....*/
    margin: 0;
    padding: 0;/*内外编剧清除*/
}
.lunbo{
    width: 100%;
    height: 300px;
}
/*左右按钮的属性设置*/
.lr-tab .btn{
    position: absolute;
    top: 120px;
    width: 41px;
    height: 69px;
    background: url("img/8a.png");
  
}
.lr-tab .left{
    left: 0px;
    background-position-x: -83px;
  
}
.lr-tab .right{
    right: 0px;
    background-position-x: -125px;
}
/*左右按钮触碰事件*/
.lr-tab .left:hover{
    background-position-x: 0px;
}
.lr-tab .right:hover{
    background-position-x: -41px;
}
/*圆形按钮属性设定*/
.tab-btn{
    position: absolute;
    right: 40px;
    bottom: 20px;
    width: 120px;
    height: 30px;
    top: 270px;
  
}
.tab-btn .btn{
  
    float: left;
    width: 6px;
    height: 6px;
    background: #868686;
    border: 2px solid #c3c3c3;/*边框*/
    margin-left: 10px;
    position: relative;
    top: 100px;
    border-radius: 50%;
 }
/*圆形按钮触碰事件*/
.tab-btn .btn:hover{
    background: #e4e4e4;
    border-color:#7f7f7f;
}
.tab-btn .active{
    background: #e4e4e4;
    border-color:#7f7f7f;
}