@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}.mar-10{margin-right:10px}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}abbr,acronym{border:0}
html,body{
  font-size:12px
}
.container{
  max-width:1000px
}
a {
    color: #444;
    transition:all .3s ease;
}

a:hover {
    color          : #e00012;
    text-decoration: underline
}

a img {
    transition   : all .3s ease;
}
.font-12{font-size:12px}
.font-14{font-size:14px}
.font-16{font-size:16px}
a img.card-img-top {
    border-radius: 0
}

a:hover img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 5px 15px rgba(0, 0, 0, .1);
}

.vertical-hr::after {
    content  : "|";
    font-size: 1em;
    padding  : 0 .5em;
    opacity  : .5;
    font-family: simsun;
}

.header {
  position:relative;
    background-color: #fff;
    margin-bottom   : 2rem;
}
.nav{z-index:10;box-shadow: 0 2px 6px rgba(0, 0, 0, .2);}
.nav.nav-fixed{
    position: fixed;
    top: 0;
    left:0;
    right:0;
    z-index: 10;
}

.header .top-nav {
    text-align   : right;
    margin-bottom: 1em;
}

.header .search-btn-bar {
    position : relative;
    font-size: 14px;
}

.header .search-bar .select-search,
.header .search-bar .input-search,
.header .search-bar .btn-search {
    border          : 1px solid transparent;
    background-color: #fff;
    padding         : .3em .6em;
    border-radius   : 1rem;
    height          : 30px;
    outline         : 0;
    transition      : border-color .3s ease;
}

.header .search-bar .input-search {
    border       : 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0
}

.header .search-bar .btn-search {
    border-color: #ccc;
    cursor      : pointer;
    font-size   : 12px;
    padding     : 0 1em
}

.header .search-bar .select-search:hover,
.header .search-bar .input-search:hover,
.header .search-bar .btn-search:hover {
    border-color    : #999;
    background-color: #fff;
}

.header .search-bar .input-search:focus {
    border-color: #AA8A6D;
}

.header .search-bar .btn-search:hover {
    background-color: #eee;
}

.header .search-bar .btn-search:active {
    background-color: #ddd;
}

.nav {
    background-color: #AA8A6D;
}

.nav .nav-bar ul {
    color: #fff;
    height: 100%;
}

.nav .nav-bar ul li {
    display: inline-block;
    height: 100%;
}

.nav .login-btns {
    float           : right;
    width           : 240px;
    background-color: rgba(0, 0, 0, .1);
    font-weight     : bold;
}

.nav .login-btns a {
    position  : relative;
    width     : 50%;
    box-sizing: border-box;
    display   : block;
    float     : left;
    text-align: center;
}

.nav .login-btns a:first-child::after {
    content    : "|";
    position   : absolute;
    right      : -5px;
    top        : 0;
    bottom     : 0;
    line-height: 56px;
    font-family: 'Courier New', Courier, monospace;
    opacity    : .3;
}

.nav .login-btns a,
.nav .nav-bar ul li a {
    display      : inline-block;
    padding: 0 .7rem;
    line-height: 3.5rem;
    font-size: 1.2rem;
    height: 100%;
    color        : #fff;
    transition   : background-color .3s ease;
    border-bottom: 4px transparent solid;
}

.nav .login-btns a:hover,
.nav .nav-bar ul li a:hover {
    background-color: rgba(0, 0, 0, .1)
}

.nav .nav-bar ul li.actived a {
    border-bottom-color: #fff;
    font-weight        : bold;
    pointer-events     : none;
}

/* banner */
.banner {
    position        : relative;
    background-color: #eee;
    overflow        : hidden;
    border-radius   : .5rem;
    line-height     : 1.4
}

.banner>.banner-pics {
    height                    : 300px;
    overflow                  : hidden;
    white-space               : nowrap;
    -webkit-overflow-scrolling: touch;
}

.banner>.banner-pics>li {
    position           : relative;
    display            : inline-block;
    width              : 100%;
    height             : 100%;
    white-space        : normal;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center
}

.banner>.banner-pics>li>a {
    display: block;
    height : 100%;
    color  : #fff;
}

.banner>.banner-pics>li dl {
    position        : absolute;
    bottom          : 0;
    left            : 0;
    right           : 0;
    padding         : 6rem 2rem 3rem 2rem;
    background-color: #999;
    background-color: rgba(0, 0, 0, .3);
    background      : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, .5)));
    background      : linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 90%);
}

.banner>.banner-pics>li dl>dt {
    font-size    : 1.4rem;
    font-weight  : 600;
    margin-bottom: .5rem;
    text-shadow  : 0 1px 3px rgba(0, 0, 0, .4), 0 0 8px rgba(0, 0, 0, .4)
}

.banner>.banner-pics>li dl:hover>dt {
    text-decoration: underline
}

.banner>.banner-pics>li dl>dd {
    opacity  : .7;
    font-size: .9rem;
}

.banner>.banner-dots {
    position                  : absolute;
    left                      : 0;
    bottom                    : 6px;
    right                     : 0;
    text-align                : center;
    white-space               : nowrap;
    overflow-x                : auto;
    -webkit-overflow-scrolling: touch;
}

.banner>.banner-dots>li {
    display: inline-block
}

.banner>.banner-dots>li>a {
    display   : inline-block;
    padding   : .5rem;
    width     : 30px;
    color     : rgba(0, 0, 0, 0);
    background: url(../images/dot-cloud.png) no-repeat left center;
}

.banner>.banner-dots>li.actived>a,
.banner>.banner-dots>li>a:hover {
    background-position: right center;
}

.side-text ul li a {
    color: #333;
}

.side-text ul li a dt {
    line-height: 1.7rem;
}

.side-text ul li a dd {
    opacity    : .7;
    line-height: 1.5rem;
    padding    : 6px 0 25px 0;
    font-size  : 0.9em;
}

/*推广链接*/
.more-links {
    margin: .8rem 0 1.5rem 0;
    text-align: center;
    overflow  : hidden;
}

.more-links span {
    overflow: hidden;
}

.more-links span.more-link-item {
    position     : relative;
    max-width    : 25%;
    overflow     : hidden;
    white-space  : nowrap;
    float        : left;
    display      : block;
    text-overflow: ellipsis;
    padding-right: 2em;
}

.more-links span.more-link-item:last-child::after {
    display: none;
}

.more-links span.more-link-item::after {
    content : "/";
    position: absolute;
    right   : 0;
    top     : 0;
    opacity : .33;
    padding : 0 1em;
}

.part-box {
  margin-bottom: 1rem;
}

.part-box>.box-header {
    display      : flex;
    align-items  : flex-end;
    margin-bottom: 1rem;
}

.part-box>.box-header>.title {
    font-size   : 2rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.part-box>.box-header>.title .red-dot-right {
    padding-right: 10px;
    margin-right : .3em;
    text-shadow  : 1px 1px 0 #fff, 2px -2px 1px #fff;
    background   : url(../images/dot.png) no-repeat right top;
        background-size: 65%;
}

.part-box>.box-header>.more-link-bar {
    position      : relative;
    border-bottom: 1px solid #333;
    padding: .3rem 0 0;
    flex-grow     : 1;
    min-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.part-box>.box-header>.more-link-bar a {
    margin-right: .5em;
}

.part-box>.box-header>.more-link-bar>.other-link {
    position      : absolute;
    right         : 0;
    bottom: 0;
    color         : #e00012;
    padding-bottom: 8px;
    margin        : 0;
}
.part-box>.box-header>.more-link-bar>.other-link::after {
    content:"";
    width:100%;
    position:absolute;
    right:0;
    bottom: -2px;
    z-index: 10;
    border-bottom: 2px solid #e00012;
}
.media-list {
    max-width: 55%
}

.media-list h5 {
    max-height: 90px;
    overflow: hidden;
}

.media-list .media {
    margin-bottom: 1rem;
}
.media-list .media:last-child {margin-bottom:0}
.media-list .media > a.d-block  {
  height: 110px;
  width: 50%;
  overflow: hidden;
}
.media-list .media > a.d-block >img{
    height: 100%;
}

.media-list .media .media-body h5 {
    display: -webkit-box;
    line-height: 1.5;
    font-size  : 1.1rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.media-list .media .media-body .stretched-link {
    font-size: 12px;
    margin-top: 1rem;
    display   : inline-block;
    color: #999;
}

.news-list {
    max-width: 45%
}

.news-list .main-link {
    position: relative;
    line-height  : 1.6;
    font-size    : 1.4rem;
    margin-bottom: 1.5rem;
}

.news-list .main-link >a{
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list .main-link::after {
    content   : '';
    display   : block;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    border-top: 2px solid #e00012;
    width     : 5rem;
}

.news-list .sub-news-list li {
    line-height  : 1.6;
    margin-top: .75rem;
    white-space  : nowrap;
    font-size: 1.1rem;
}

.news-list .sub-news-list li a {
    display      : block;
    overflow     : hidden;
    text-overflow: ellipsis;
}



.qzzj-media-list {
    max-width: 50%;
     margin-bottom: 10px;
}

.qzzj-media-list h5 {
    max-height: 90px;
    overflow: hidden;
}

.qzzj-media-list .media {
    margin-bottom: 1rem;
}
.qzzj-media-list .media:last-child {margin-bottom:0}
.qzzj-media-list .media > a.d-block  {
  height: 110px;
  width: 50%;
  overflow: hidden;
}
.qzzj-media-list .media > a.d-block >img{
    height: 100%;
}
.qzzj-media-list .media img {
}

.qzzj-media-list .media .media-body h5 {
    display: -webkit-box;
    line-height: 1.5;
    font-size  : 1.1rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.qzzj-media-list .media .media-body .stretched-link {
    font-size: 12px;
    margin-top: 0.5rem;
    display   : inline-block;
    color: #999;
}

.qzzj-media-list .news-list {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px
}

.qzzj-media-list .news-list .main-link {
    position: relative;
    line-height  : 1.6;
    font-size    : 1.4rem;
    margin-bottom: 1.5rem;
}

.qzzj-media-list .news-list .main-link >a{
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.qzzj-media-list .news-list .main-link::after {
    content   : '';
    display   : block;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    border-top: 2px solid #e00012;
    width     : 5rem;
}

.qzzj-media-list .news-list .sub-news-list li {
    line-height  : 1.6;
    margin-top: .25rem;
    white-space  : nowrap;
    font-size: 1.1rem;
}

.qzzj-media-list .news-list .sub-news-list li a {
    display      : block;
    overflow     : hidden;
    text-overflow: ellipsis;
}




.qzzj-media-list>.box-header {
    display      : flex;
   
}

.qzzj-media-list>.box-header>.title {
    font-size: 1.1rem;
    font-weight:bold;
    margin-right: 1rem;
    margin-bottom: 0.25rem;
    flex-shrink: 0;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #dc3545;
}



.qzzj-media-list>.box-header>.more-link-bar {
    position: relative;
    flex-grow: 1;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    border-bottom:1px solid #eee;
}






.picture-collage::after {
    content: '';
    display: block;
    clear  : both;
}

/* 清照画院图片拼图版式 */
.picture-collage {
    margin: -2px;
}

.picture-collage a {
    position        : relative;
    display         : block;
    float           : left;
    width: 25%;
    height: 140px;
    overflow        : hidden;
    border          : 2px solid #fff;
    color           : #fff;
    background-color: #000;
    transition      : all .125s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.picture-collage a:first-child {
    height: 280px;
}

.picture-collage a img {
    width        : 100%;
    min-height: 100%;
    transition   : all 1s ease;
    border-radius: 0;
}

.picture-collage a span {
    display         : block;
    position        : absolute;
    left            : 0;
    bottom          : 0;
    right           : 0;
    text-align      : center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding         : .5em;
    background-color: #555;
    background-color: rgba(0, 0, 0, .2);
    opacity         : 0;
    transform       : translateY(10px);
    transition: all .125s .125s ease;
}

.picture-collage a:hover {
    transform: scale(1.05);
    position  : relative;
    box-shadow: 0 2px 50px rgba(0, 0, 0, .5);
    z-index   : 10;
}

.picture-collage a:hover span {
    transform       : translateY(0);
    opacity         : 1;
    background-color: rgba(0, 0, 0, .8);
}

.picture-collage:hover a img {
    opacity: .9;
}

.picture-collage:hover a:hover img {
    opacity: 1;
}

/* 清照足迹 */
.pic-slider {
    position     : relative;
    margin-bottom: 1rem;
}

.pic-slider h5 {
    font-size: 1.2rem;
}

.pic-slider ul {
    position       : relative;
    display        : flex;
    flex-wrap      : nowrap;
    overflow       : hidden;
    padding        : 1rem .5em;
    scroll-behavior: smooth;
}

.pic-slider .append-shadow::before,
.pic-slider .append-shadow::after {
    content         : "";
    display         : block;
    position        : absolute;
    right           : 0;
    bottom          : 0;
    width           : 20px;
    height          : 1rem;
    background-color: #fff;
    background      : -webkit-linear-gradient(bottom, #fff, rgba(0, 0, 0, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #fff, rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #fff, rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(bottom, #fff, rgba(0, 0, 0, 0));
    /* 标准的语法 */
    pointer-events: none;
}

.pic-slider .append-shadow::before {
    right     : 0;
    top       : 0;
    background: -webkit-linear-gradient(top, #fff, rgba(0, 0, 0, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fff, rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fff, rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(top, #fff, rgba(0, 0, 0, 0));
    /* 标准的语法 */
    pointer-events: none;
    z-index       : 2;
}

.pic-slider .append-shadow {
    display         : block;
    position        : absolute;
    right           : 0;
    bottom          : 0;
    width: .5rem;
    top             : 1rem;
    background-color: #fff;
    background      : -webkit-linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0));
    /* 标准的语法 */
    pointer-events: none;
    z-index       : 2;
}

.pic-slider ul li {
    width: 22%;
    flex-shrink : 0;
    margin-right: 10px;
}

.pic-slider ul li a {
    display         : block;
    border-radius   : .5rem;
    overflow        : hidden;
    position        : relative;
    color           : #fff;
    height: 115px;
    background-color: #fff;
    transition      : all .2s ease;
    box-shadow: 0 0 3px #ccc;
}

.pic-slider ul li a img {
    max-width: 100%;
    display  : block;
    margin: auto;
    min-height: 100%;
    border-radius: 0;
}

.pic-slider ul li a .inner-text {
    position        : absolute;
    left            : 0;
    right           : 0;
    bottom          : 0;
    font-size: 14px;
    padding         : .6rem 1rem;
    background-color: #666;
    background-color: rgba(0, 0, 0, .4);
    transition      : background-color .6s ease, transform .3s ease;
    line-height     : 1.4;
    transform       : translateY(18px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.pic-slider ul li a .inner-text small {
    display   : block;
    opacity   : 0;
    transition: all .3s ease;
}

.pic-slider ul li a:hover {
    box-shadow: 0 2px .3rem rgba(0, 0, 0, .2), 0 5px 1rem rgba(0, 0, 0, .2)
}

.pic-slider ul li a:hover img {
    opacity: .85
}

.pic-slider ul li a:hover .inner-text {
    background-color: rgba(0, 0, 0, .8);
    transform       : translateY(0);
}

.pic-slider ul li a:hover .inner-text small {
    opacity: .6;
}

.pic-slider .btn-prev,
.pic-slider .btn-next {
    position        : absolute;
    border-radius   : 100px;
    background-color: #fff;
    box-shadow      : 0 2px 5px rgba(0, 0, 0, .3);
    z-index         : 3;
    border          : 0;
    top             : 50%;
    transform       : translateY(-50%);
    padding         : 1rem;
    cursor          : pointer;
    outline         : 0
}

.pic-slider .btn-prev:hover,
.pic-slider .btn-next:hover {
    background-color: #eee;
    box-shadow      : 0 2px 5px rgba(0, 0, 0, .15), 0 2px 15px rgba(0, 0, 0, .3);
}

.pic-slider .btn-prev:active,
.pic-slider .btn-next:active {
    background-color: #ddd;
    box-shadow      : inset 0 1px 2px rgba(0, 0, 0, .15), 0 2px 15px rgba(0, 0, 0, .3);
}

.pic-slider .btn-prev span,
.pic-slider .btn-next span {
    display   : block;
    overflow  : hidden;
    color     : transparent;
    background: url(../images/arrow.png) no-repeat center top;
    height    : 20px;
    width     : 20px;
}

.pic-slider .btn-prev {
    left: -26px;
}

.pic-slider .btn-next {
    right: -26px;
}

.pic-slider .btn-next span {
    background-position: center bottom;
}

/* 右侧新闻 */
.side-news {
}

.side-news dl {
    margin-bottom: 1rem;
}

.side-news dl dt {
    margin-bottom: .5rem
}

.side-news dl dd {
    font-size: 1rem;
    color    : #999;
    font-size: 12px;
}

.recommend-news {
	box-sizing: border-box;
	margin-bottom: 0.5rem;
	display: block;
	margin: 0;
    padding: 0;
}

.recommend-news ul {
	box-sizing: border-box;
	margin-bottom: 0.5rem;
	display: block;
	margin: 0;
    padding: 0;
   
}
.recommend-news .title a{
    font-weight: bold;
     margin-bottom: 1rem;
     font-size: 16px;
      width: 100%;
   overflow:hidden;
    height: 20px;
   line-height: 20px;
       float: left;
}

.recommend-news .subtitle{
   width: 50%;
   overflow:hidden;
   font-size:14px;
   float:left; list-style:none;
   height: 18px;
   line-height: 18px;
   margin-bottom: 1rem;
   padding-left: 2px;
    padding-right: 2px;
}


.side-bar{}
.ad-link{
  position:relative;
  z-index:1;
}
.ad-link img{
  max-width:100%;
  box-shadow: 0 3px 2rem rgba(0, 0, 0, .3);
}
.side-box {
    margin-bottom: 0.5rem;
    font-size: 14px;
}

.side-box .box-header {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: .5em;
}
 .box-header{
 }
.side-box .box-header .more-link {
    float: right;
}

.side-box .box-content {
    padding-top: 1rem
}

.cika-list dl {
    position     : relative;
    margin-bottom: 1rem;
    padding-left: calc(50% + 15px);
    min-height: 80px;
}

.cika-list dl dt {
    height: 3em;
    overflow: hidden;
    font-weight: normal;
    font-size: 1rem;
}

.cika-list dl dt.cika-pictrue {
    position: absolute;
    left    : 0;
    top     : 0;
    width: 50%;
    height  : 100%;
}

.cika-list dl dt.cika-pictrue img {
    width        : 100%;
    max-height   : 100%;
    transition   : all .3s ease;
}

.cika-list dl .money-strik {
    font-size: 1rem;
    text-decoration: line-through;
    color          : #888;
    line-height: 1;
}

.cika-list dl .money-main {
    font-size: 1.1rem;
    color    : #e00012;
    line-height: 1;
    font-weight: bold;
}

.story-list {
    margin: 0
}

.story-list dl {
    margin-bottom: 1.5rem
}

.story-list dt {
    padding-left: .5rem;
    text-shadow    : 1px 1px 0 #fff, 2px -2px 1px #fff;
    background     : url(../images/dot.png) no-repeat left top;
    background-size: 1em;
}
.guilai-list{}
.guilai-list dl{
    display:flex;
    margin-bottom:.75rem;
}
.guilai-list dl:last-child{margin:0}
.guilai-list dl dt{width:auto;font-weight:normal}
.guilai-list dl dt.guilai-pictrue{
    margin:0;
    width: 45%;
    text-align:center;
    padding:2px;
    margin-right:5px;
    flex-shrink:0;
    border: 1px solid #cbcbd2;
}
.guilai-list img {
    max-width : 100%;
    max-height: 120px;
    border-radius:0;
}

/* 金石录 */
.jinshilu-list dl {
    margin-bottom: 1rem
}

.jinshilu-list dt {
    height: 80px;
}

.jinshilu-list dd {
    color      : #777;
}

.jinshilu-list .jinshilu-pictrue {
  position:relative;
    width       : 50%;
    float       : left;
    margin-right: 10px;
    overflow: hidden;
}
.jinshilu-list .jinshilu-pictrue[data-tag]::after{
  content:attr(data-tag);
  line-height:1;
  position:absolute;
  left:0;
  top:.5rem;
  color:#fff;
  font-size:12px;
  background:#dc3545;
  padding:3px;
  font-weight:normal;
}

.jinshilu-list .jinshilu-pictrue img {
    width: 100%;
}

.jinshilu-list dd {
    clear: both
}

.wenchuang-list dl {
    padding: 0;
}

.footer {
    background-color: #eee;
    text-align      : center;
    padding         : 2rem;
    margin-top:2rem;
    border-top: 1px solid #b6babd;
}

.footer .nav-links a {
    padding: 0 1em;
}

.header .sub-nav {
    position: relative;
    padding-left: 160px;
    box-sizing  : border-box;
}

.sub-nav .search-bar {
    color    : #fff;
    font-size: 14px;
}

.sub-nav .search-bar .input-search::-webkit-input-placeholder,
.sub-nav .search-bar .input-search::-moz-placeholder,
.sub-nav .search-bar .input-search::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.sub-nav .search-bar .input-search,
.sub-nav .search-bar .btn-search {
    color           : #fff;
    background-color: transparent;
    font-size       : 14px;
}

.sub-nav .search-bar .input-search:hover,
.sub-nav .search-bar .input-search:focus {
    color           : #fff;
    background-color: transparent;
    font-size       : 14px;
}

.logo-position {
    position        : absolute;
    left: 15px;
    padding         : 10px;
    background-color: #fff;
    box-shadow      : inset 0 1px 2px rgba(0, 0, 0, .15), 0 2px 15px rgba(0, 0, 0, .15);
    border-radius   : 0 0 6px 6px;
    z-index         : 1;
}

.btn-group-right {
    display: block;
    float  : right;
    padding: 7px 0;
}

.btn-group-right button {
    height          : 40px;
    width           : 40px;
    border-radius   : 10rem;
    text-align      : center;
    color           : #fff;
    border          : 0;
    cursor          : pointer;
    background-color: rgba(0, 0, 0, .1);
    outline         : 0;
    margin-left     : .5rem
}

.btn-group-right button:hover {
    background-color: rgba(0, 0, 0, .15)
}

.btn-group-right button:active {
    background-color: rgba(0, 0, 0, .2)
}


.btn-group-right .person-btn {
    background-color: #fff;
    color           : #aa8a6d
}

.btn-group-right .person-btn:hover {
    background-color: #eee;
}

.btn-group-right .person-btn:active {
    background-color: #ddd;
    box-shadow      : inset 0 1px 2px rgba(0, 0, 0, .3)
}

.about-us-text {
    margin-bottom: 3rem;
}

.about-us-text .pic-left {
    float       : left;
    width       : 50%;
    margin-right: 4rem
}

.about-us-text .pic-right {
    float      : right;
    width      : 50%;
    margin-left: 4rem
}

.about-us-text h3 {
    font-size : 24px;
    color     : #ea3a07;
    margin-top: 55px
}

.about-us-text p {
    line-height: 1.5;
    margin-top : 20px;
    color      : #666;
}

.about-us-text .gray-bar {
    margin-top: 20px;
}



.company-info {
    margin       : 0 -8px;
    margin-bottom: 3rem;
}
.company-info .company-info-title {
  font-size:1.4rem
}

.company-info a {
    color: #aa8a6d;
}

.company-info ul {
    text-align: center;
    float     : left;
    width     : calc(25% - 16px);
    padding   : 25px;
    margin    : 0 8px;
    box-shadow      : 0 1px 2px rgba(0, 0, 0, .1), 0 2px 15px rgba(0, 0, 0, .1);
}

.company-info ul li {
    padding: 5px 0;
}

.company-info .text-muted {
    font-size: 12px;
}

.company-map {
    box-shadow      : 0 1px 2px rgba(0, 0, 0, .1), 0 2px 15px rgba(0, 0, 0, .1);
    margin-bottom   : 3rem;
    background-color: #fff;
}

.contact-us-text {
    padding: 100px 50px 0 50px;
}

.contact-us-text h5 {
    font-size  : 24px;
    line-height: 80px;
}

.contact-us-text p {
    padding    : 8px 0 0 0;
    color      : #666;
    font-size  : 14px;
    line-height: 30px;
}

.transparent-bg {
    background-color: transparent;
    padding-left    : 0;
}

.mab-10 {
    margin-bottom: 10px;
}

.mat-0 {
    margin-top: 0;
}

.mar-10 {
    margin-right: 16px;
}

.mat-10 {
    margin-top: 10px;
}

.mal-15 {
    margin-left: 15px;
}

.line24 {
    line-height: 24px;
}

.discuss ul {
    overflow: hidden;
}

.discuss ul li {
    float: left;
}

.discuss ul li a {
    color: #999;
}

.discuss ul li:hover a {
    color: #ea3a07;
}

.discuss ul li:hover a img {
    background-color: transparent;
    box-shadow      : none;
}

.pictrue-list {
    padding-bottom: 3rem;
    display       : flex;
    flex-wrap     : wrap;
    margin-left:-10px;
    margin-right:-10px;
}

.pictrue-list .card {
    width       : calc(33.333333% - 20px);
    margin      : 10px;
    box-sizing  : border-box;
    border-color: rgba(0, 0, 0, .1)
}

.page {
    padding-bottom: 50px;
}

.page .pagination {
    justify-content: center;
}

.article-1 {
    border-bottom : 1px solid #eee;
    padding: 1.5rem 0;
}
.article-1 .media > a ,
.article-img a {
    display: inline-block;
    overflow: hidden;
    max-height: 9rem;
    width: 14rem;
}
.article-1 .media > a >img {
    border-radius: 0;
  max-width:100%;
}

.article-1 h5 {
    font-weight: bold;
}

.article-1 p {
    color  : #666;
    padding: 1em 0;
}

.article-1 .time {
    color  : #999;
    padding: 0;
}

.article-2 {
}
.article-img {
  margin-bottom:1em
}
.article-img a {
  margin-right: 1em;
}
.article-img a img{
  max-width:100%;
}

.mat-50 {
    margin-top: 50px;
}

.inside-banner {
   background: #bc4635 url(../images/banner-bg.png);
}
.inside-banner-text {
    color      : #fff;
    padding-top: 30px;
    padding-bottom: 120px;
}

.inside-banner-text h2 {
    line-height: 1.8;
    font-size  : 2.5rem;
}

.inside-banner-text p {
    font-size  : 1.2rem;
    opacity: .75;
}
.ad-box{margin-left:-15px;margin-right:-15px;}
.ad-box::after {content: "";clear: both;display: block;}
.ad-box li {
    float     : left;
    max-width: 25%;
    padding: 0 15px;
}
.ad-box li:last-child {margin-right:0}
.ad-box li a{
  display:inline-block
}
.ad-box li img{
    max-width: 100%;
    box-shadow: 0 3px 2rem rgba(0, 0, 0, .3);
    }
.content-position {
    margin-top : -100px;
}

.author-information ul {
    float       : left;
    padding-left: 20px;
}

.author-information .author {
    float: left;
}
.left-side-buttons{
    float:left;
}
.left-side-buttons ul{
    border:1px solid #eee;
    background-color:#f6f6f6
}
.left-side-buttons ul li{
    padding:8px;
}
.left-side-buttons ul li a{
    color:#999;
}
.article-title {padding:8rem 0 2rem;background-position:left center;background-repeat:repeat-x;background-color: #f2eee5;background-size: cover;}
.article-title h1 {
  font-size:2.2rem;
  line-height:1.7;
  margin-bottom:.7rem;
  text-shadow: 0 0 15px #f1eee5, 0 0 10px #f1eee5, 0 0 30px #f1eee5;
}
.article-title small {
  font-size:1rem;
  opacity:.7;
  line-height:2;
  text-shadow: 0 0 15px #f1eee5, 0 0 10px #f1eee5, 0 0 30px #f1eee5;
}
.article-information {
    /* margin-left: 68px; */
    font-size  : 16px;
    color      : #242424;
    line-height: 1.7;
}

.article-information img {max-width:100%}
.article-information p {
   margin-bottom:1.5rem
}

.article-preface{
  
    color: #aa8a6d;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #eee;

}
.article-body{}
.article-keywords{
  margin:1.5rem 0;
}
.article-keywords > a{
  border-radius:2rem;
  background-color:#eee;
  line-height:1;
  padding:.3em 1em;
  color:#555;
  font-size:.85em
}
.article-keywords > a:hover{
  background:#aa8a6d;
  color:#fff;
}

.siblings-link{
  padding:1em;
  background-color:#f6f6f6;
  margin:1.5rem 0;
  font-size:16px;
}

.declaraction {
    border    : 1px solid #ea3a07;
    color     : #ea3a07;
    padding   : .7rem 1rem;
    line-height:1.4
}

.declaraction h6 {
    line-height: 1.7;
}

.liqingzhao-introduct {
    margin: 2rem 0;
    line-height: 1.7;
    font-size:1.2rem;
    padding-bottom:2em;border-bottom:1px solid #eee;margin-bottom:2em;
}

.liqingzhao-introduct p {margin-bottom:1em}
.liqingzhao-introduct > img {width:25%;border-radius:50%}
.liqingzhao-introduct h5 {
    font-size    : 24px;
    margin-bottom: 20px;
}

/* 其他推荐 */
.recommend {
    margin-bottom: 2rem;
}
.recommend .recommend-title{
  font-size:16px;
  margin-bottom:1rem;
  font-weight:bold;
}

.recommend .recommend-list {
  margin-left:-1rem;
  margin-right:-1rem;
}
.recommend dl {
  width:25%;
  padding:1rem;
    float: left;
}

.recommend dl dt {
    padding-top: 5px;
    font-weight:normal
}

.recommend dl img {
  width:100%;
}

.recommend dl dt a {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width        : 100%;
    display      : inline-block;
}


.sy{
	border-left: 0px solid #fcfcfd;border-right: 0px solid #fcfcfd;margin-bottom: 10px;	
	display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
}


.sy .recommend {
    margin-bottom: 0rem;
}
.sy .recommend .recommend-title{
  font-size:1.4rem;
  margin-bottom:0rem;
}

.sy .recommend .recommend-list {
  margin-left:-0.2rem;
  margin-right:-0.2rem;
  
}
.sy .recommend dl {
  width:12.5%;
  padding:0.2rem;
  float: left;
  
 
        
}

.sy .recommend dl dt {
    padding-top: 5px;
    font-weight:normal;
    
}

.sy .recommend dl img {
  width:100%;
  border: 1px solid #cbcbd2;
 
}

.sy .recommend dl dt a {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    width        : 100%;
    display      : inline-block;
}



.calligraphy-box ul li {
    width: auto;
}

.calligraphy-box ul li a {
    height          : 420px;
    padding         : .5rem;
    background-color: #fff;
    box-shadow      : 0 0 2px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .15);
    overflow        : visible;
    margin-bottom   : 3em;
}

.calligraphy-box ul li a .inner-text {
    bottom    : -3em;
    transform : translateY(0);
    background: transparent;
    color     : #333;
    white-space: nowrap;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.calligraphy-box ul li a .inner-text small {
    opacity: .7;
}

.calligraphy-box ul li a:hover .inner-text {
    background: transparent;
}

.calligraphy-box ul li img {
    max-height: 100%;
    min-width : 200px;
    min-height: auto !important;
    max-width : 600px !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.camera-list  {
  margin:0 -1rem;
}
.camera-list .card {
    border       : 0;
    width        : calc(33.333% - 2rem);
    float        : left;
    margin       : 1rem;
}
.camera-list .card >a{
    height: 16rem;
    overflow:hidden;
    border-radius:.5rem;
}
.camera-list .card >a >img{
    height: 100%;
}
.camera-list .card ul {
    padding: 10px;
}

.camera-list .card ul li {
    float: left;
}

.camera-list .card .card-title {
    margin-top : .75rem;
    margin-bottom : .5rem;
    font-size:1.2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.camera-list .card .text-muted {
    font-size:12px;
}
.camera-list .card ul li a {
    font-size    : 12px;
    color        : #666;
    padding-right: 10px;
}
.cartoon-list{
    margin:0 -1rem;

}
.cartoon {
    border: 0;
    width        : calc(20% - 2rem);
    float : left;
    margin       : 0 1rem;
    margin-bottom: 2rem;
}
.cartoon a img {
   border-radius:.5rem
}
.cartoon-list .card .card-title{
    margin-top : .75rem;
    margin-bottom : .5rem;
    font-size:1.2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cartoon-list .card .card-img-top{
    height:10rem;
}
.part-box>.box-header>.img-details-title .red-dot-right-small {
    padding-right: .4em;
    padding-top: .2em;
    margin-right : .3em;
    text-shadow  : 1px 1px 0 #fff, 2px -2px 1px #fff;
    background   : url(../images/small-dot.png) no-repeat right top;
}
.part-box>.box-header>.img-details-title {
    font-size   : 2rem;
    margin-right: 2.5rem;
}
.img-details{
  position:relative;
}
.img-details ul li{
    width:auto;
    text-align:center;
}
.img-details ul li img{
  max-width:100%;
}
.img-details ul li a{
    height:auto;
}
.img-details .img-details-inner-text{
    display         : block;
    overflow        : hidden;
    position        : absolute;
    color           : #fff;
    transition      : all .2s ease;
    bottom:0;
    left:0;
    right:0;
    background-color: #777;
    background-color:rgba(0,0,0,.6);
    padding:1em;
}
.img-details .img-details-inner-text small{
    font-size:14px;
    display   : block;
}
.img-details-list ul {
  padding: 1rem 0;
}
.img-details-list ul li{
    width:160px;
    height:108px;
}
.img-details-list ul li a{
  display:block;
    border:2px solid #fff;
    height:100%;
}
.img-details-list ul li a img{
    border-radius:0;
    height:100%;
}
.img-details-list ul li.active a,
.img-details-list ul li a:hover{
    border-color:#000;
}
.row-cika-list{
}
.row-cika-list dl{
    padding:0 1rem;
    padding-left: 160px;
    float:left;
    width:25%;
}
.row-cika-list dl dt.cika-pictrue{
   width:140px;
}
.img-details ul li a{
    background-color: transparent;
}
.part-box>.img-nav-bar{padding-bottom:1em}
.part-box>.img-nav-bar>.img-details-title a{font-size:1.5rem;font-weight: normal;padding-bottom:.5em}
.part-box>.img-nav-bar>.img-details-title.active a{border-bottom:2px solid #333;color:#dc3545;}
.part-box>.img-nav-bar>.img-details-title.active span{font-weight:bold;}

.ad-pic img{max-width:100%}
.weather-bar img{max-width:100%}
.zuji-list{}
.zuji-list .card >a{
  height:140px;
}

/*新闻内页 相关阅读*/
.other-news{font-size:14px;margin-bottom:2em;}
.other-news > .other-news-title{font-weight:bold;font-size:16px}
.other-news > .other-news-list{
    line-height: 1.7;
    margin-top: 1em;
    padding: 1em;
    border: 1px solid #ccc;
    list-style-type: circle;
    list-style-position: inside;
    }
.other-news > .other-news-list > li{display: list-item;float:left;padding:0 1em;width:50%;margin-bottom:.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.other-news > .other-news-list > li::after{content:"";clear:both}
.other-news > .other-news-list > li > a{}

.side-banner.side-banner-fixed{
  position: fixed;
  top: 70px;
}
.side-banner{
  position: absolute;
  top: 335px;
  display: flex;
  justify-content: space-between;
  width: 1240px;
  left: 50%;
  transform: translateX(-50%);
}
.side-banner > a{display:inline-block;position:relative}
.side-banner > a > .close{position:absolute;right:0;bottom:0;background:#000;color:#fff;padding:5px;font-size:16px;font-weight:normal;line-height:1;opacity:1}
.side-banner > a > .close:hover{opacity:.7}

/* 搜索页 */
.search-box{
  padding:3rem 0;
}
.search-box .search-bar{font-size:16px;display:flex;}
.search-box .search-bar .input-search{padding:1em 1.5em;border:1px solid #ddd;line-height:1;flex-grow:1;margin-right:.5rem;}
.search-box .search-bar .btn-search{padding:1em 1.5em;border:1px solid #dc3545;background:#dc3545;color:#fff;line-height:1;width:8em;cursor:pointer}
.search-box .search-bar .btn-search:hover{background:#de5562;}
.search-box .search-type{padding-top:1em;font-size: 14px;}
.search-box .search-type .form-check{margin-right:1em}

.filter-box{
  font-size:14px;
  padding:1rem 0;
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;}
.filter-box .sort-bar{}
.filter-box .sort-bar li{display:inline;padding:0 .5em}
.filter-box .sort-bar .active{font-weight:bold;}
.filter-box .filter-bar{}
.filter-box .filter-bar li{display:inline;}
.filter-box .filter-bar li a{display:inline-block;padding:.3em 1em;}
.filter-box .filter-bar .active a{background:#aa8a6d;color:#fff;}