*{
    margin: 0px;
    padding:0px;
}
html{font-size:14px;}
body{
    font:14px Microsoft Yahei,sans-serif,PingFangSC-Regular,Tahoma,helvetica,Segoe UI !important;
    color:#333;
    box-sizing: border-box;
}
ul,ol,dl{
    list-style: none;
}
i{
    font-style: normal;
}
a{
    color:#333;
    text-decoration: none;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
    cursor: pointer;
}

:root{
   --theme:#843011;  /* 主题颜色 */
   --theme_active:#f50;  /* 主题颜色 */
   --theme2:#dfc2b7; 
}
/* 主体宽度 */
.body{
    width:100%;
    max-width:1260px;
    margin:0 auto;
    padding:0 10px;
    box-sizing: border-box;
}

/* 头部 */
.header{
    height: 115px;
    background:url(img/header_bg.gif)no-repeat center center;
    background-size:cover;
    display: flex;
    align-items: center;
    
}

.nav{
    background-color: var(--theme);
    position: relative;
}
.nav ul{
    display: flex;
}
.nav ul li a{
    display: block;
    color:#fff;
    padding:0 18px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    display: block;;
}
.nav ul li a:hover{
    color:var(--theme_active);
}
.nav ul li a.on{
    background-color: var(--theme_active);
}
.nav ul li a.on:hover{
    color:#fff;
}
.nav .body{
    position: relative;
}
.nav .zxt{
    position: absolute;
    right: 0px;
    top:-4px;
}

/* 底部 */
.footer{
    background-color: #f5f5f5;
}
.footer .body{
    display: flex;
    justify-content: space-between;
    padding:40px 0;
}
.footer .item .title{
    font-size: sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin:15px 0 15px 0;
}
.footer .item ul li{
    margin:12px 0;
}
.footer .item li a{
    color:#7f7f7f;
    text-decoration: 0px;
    transition: .3s ease-out; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
    font-size:13px;
}
.footer .item li a:hover{
    color: var(--theme);
    text-decoration: 5px;
}
.footer-left .logo{
    margin-bottom: 20px;
}
.footer-left .slogan{
    font-size:17px;
    color: #253D4E;
    margin:10px 0;
}
.footer-left ul li{
    color:#7f7f7f;
}
.footer-right .ad{
    font-size: 15px;
    color: #253D4E;
    margin:15px 0;
}
.footer-right .icon{
    margin-bottom: 15px;
}
.footer-right .icp a{
    color: #7f7f7f;
}

/* 返回顶部 */
#pageGoTop{
    position: fixed;
    bottom:100px;
    right:30px;
    border:2px solid #333;
    width:35px;
    height: 35px;
    display: flex;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition: .3s ease-out; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out;
    cursor: pointer;
    opacity:0;
    visibility: hidden;
    transform:scale(1.2); 
}
#pageGoTop .iconfont{
    font-size:22px;
}
#pageGoTop.active{
    visibility:visible;
    opacity:0.9;
    transform:scale(1);
}
#pageGoTop:hover{
    opacity: 1;
    transform:scale(1.1); 
}

/* 内容布局 */
.flex{
    display: flex;
    border: 1px solid #ebebeb;
    margin:30px 0;
    border-radius: 5px;
}
.flex-left{
    width:100%;
    padding: 20px;
    box-sizing: border-box;
}
.flex-right{
    width:260px;
    flex-shrink: 0;
    padding: 20px;
    margin-left:30px;
}

.flex-left .top-title{
    border-bottom: 1px dashed #ebebeb;
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.flex-left .top-title span{
    display: block;
    font-size:18px;
    font-weight: 700;
}
.flex-left .top-title span::before{
    content: '';
    display: inline-block;
    width:4px;
    height: 19px;
    background-color: var(--theme_active);
    margin-right: 10px;
    position: relative;
    top:3px;
}
.flex-left .content{
    font-size:15px;
    line-height: 32px;
    color:#333;
    font-family: Microsoft Yahei,sans-serif,PingFangSC-Regular,Tahoma,helvetica,Segoe UI;
}
.flex-left .content img{
    max-width: 100% !important;
}

.flex-right .rbar{
    display: block;
    position: sticky;
    top:20px;
}
.flex-right .rbar ul li{
    margin-bottom: 3px;
    position: relative;
}
.flex-right .rbar ul li a{
    display: block;
    background: rgb(248, 248, 248);
    height: 38px;
    line-height: 38px;
    padding:0 10px;
    color:#333;
}
.flex-right .rbar ul li em{
    position: absolute;
    display: block;
    width:12px;
    height: 12px;
    left:-6px;
    top:14px;
    background-color: #eee;
    transform: rotate(45deg);
    background-color: var(--theme_active);
    display: none;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.flex-right .rbar ul li:hover a{
    background-color: var(--theme_active);
    color:#fff;
}
.flex-right .rbar ul li.on a{
    background-color: var(--theme_active);
    color:#fff;
}
.flex-right .rbar ul li.on em{
    display: block;
}

@media screen and (min-width:0px) and (max-width:768px){
    
}