﻿/*--------全局样式--------*/
body{font-size: 12px;color: #333;line-height: 26px;font-family: "思源黑体 CN";font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif
}
form, div, body, img, p, a, img, dl, dd, dt, table, tr, td, th, h1, h2, h3, h4{margin: 0px;padding: 0px;border: 0;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color:#bb1b21;text-decoration: none;}
a:focus{-moz-outline-style: none;}
a:active{outline: none;text-decoration: none;}
ul, li{list-style: none;margin: 0;padding: 0;}
input, textarea, select{color: #333;margin: 0;padding: 0;font-size: 12px;font-family: "思源黑体 CN";vertical-align: middle;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif
}
input:focus, textarea:focus{outline: 0;}
/*-------- clear --------*/
.clearfix:before, .clearfix:after{display:block;clear:both;content:"";visibility:hidden;}
.clearfix{zoom:1}
.clear{clear: both;height: 0px;overflow: hidden;}
.clear100{clear: both;height: 100px;overflow: hidden;}
.clear270{clear: both;height: 270px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.w{width: 1200px;margin: 0 auto;}

.scroll::-webkit-scrollbar{width: 10px;height: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fcfcfc;}
.scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}



.CultureContainer{width:1200px;margin:30px auto;background:#fff;overflow:hidden}
.CultureContainer .title{text-align:center;margin-bottom:30px;}
.CultureContainer .year{float:left;width:20%;}
.CultureContainer .year ul{overflow-y:scroll;border-right:1px dotted #999999;height:350px}
.CultureContainer .year li{width:100%;box-sizing:border-box;padding:10px 20px;color:#a47d62;font-size:18px;position:relative;text-align:right;padding-right:80px;cursor:pointer}
.CultureContainer .year li.on{color:#b22320;font-size:28px}
.CultureContainer .year li span{display:none;position:absolute;width:7px;height:7px;border-radius:50%;right:-4px;top:20px;background:#b22320}
.CultureContainer .year li.on span{display:block;}
.CultureContainer .content{float:right;width:75%;height:350px}
.CultureContainer .content .swiper-container{height:100%}
.CultureContainer .content .swiper-slide{width:160px;}
.CultureContainer .content .swiper-slide img{display:block;width:100%}
.mCustomScrollBox{overflow-x:visible !important}
.mCSB_container{overflow:unset !important}
.mCustomScrollBox{overflow:unset !important}