/* 
xxs  100 - 479
xs   480 - 767
sm   768 - 996
md   997 - 1479
lg   1480 - 
 */
 @charset "utf-8";


 @media screen and (min-width:992px) {
 
 html{
     font-size: 100px !important;
 }
     .effect2, .effect21, .effect21 li {
         opacity: 0;
         transition: all 1.5s ease-out;
         transform: translateX(50px);
     }
 
     .effect2.isView, .effect21.isView, .effect21.isView li {
         opacity: 1;
         transform: none;
         -webkit-animation-name: effect2;
         animation-name: effect2;
     }
 
     @-webkit-keyframes effect2 {
         from {
             opacity: 0;
             transform: translateX(50px);
         }
 
         to {
             opacity: 1;
             transform: none;
         }
     }
 
     @keyframes effect2 {
         from {
             opacity: 0;
             transform: translateX(50px);
         }
 
         to {
             opacity: 1;
             transform: none;
         }
     }
 
     .effect4, .effect41, .effect41 li {
         opacity: 0;
         transition: all 1.5s ease-out;
         transform: translateX(-50px);
     }
 
     .effect4.isView, .effect41.isView, .effect41.isView li {
         opacity: 1;
         transform: none;
         -webkit-animation-name: effect4;
         animation-name: effect4;
     }
 
     @-webkit-keyframes effect4 {
         from {
             opacity: 0;
             transform: translateX(-50px);
         }
 
         to {
             opacity: 1;
             transform: none;
         }
     }
 
     @keyframes effect4 {
         from {
             opacity: 0;
             transform: translateX(-50px);
         }
 
         to {
             opacity: 1;
             transform: none;
         }
     }
 
     .effect {
         transition: transform 1s, opacity 1s ease-in-out;
         animation-duration: 1s;
         -webkit-animation-duration: 1s;
         animation-timing-function: ease-in-out;
         -webkit-animation-timing-function: ease-in-out;
     }
 }
 
 /* @media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}} */
 
 
 
 
 .fs44 {
     font-size: 0.44rem;
 }
 
 .fs40 {
     font-size: 0.4rem;
 }
 
 .fs38 {
     font-size: 0.38rem;
 }
 
 .fs36 {
     font-size: 0.36rem;
 }
 
 .fs34 {
     font-size: 0.34rem;
 }
 
 .fs33 {
     font-size: 0.33rem;
 }
 
 .fs32 {
     font-size: 0.32rem;
 }
 
 .fs30 {
     font-size: 0.3rem;
 }
 
 .fs28 {
     font-size: 0.28rem;
 }
 
 .fs26 {
     font-size: 0.26rem;
 }
 
 .fs24 {
     font-size: 0.24rem;
 }
 
 .fs22 {
     font-size: 0.22rem;
 }
 
 .fs20 {
     font-size: 0.2rem;
 }
 
 .fs19 {
     font-size: 0.19rem;
 }
 
 .fs18 {
     font-size: 0.18rem;
 }
 
 .fs17 {
     font-size: 0.17rem;
 }
 
 .fs16 {
     font-size: 0.16rem;
 }
 
 .fs15 {
     font-size: 0.15rem;
 }
 
 .fs14 {
     font-size: 0.14rem;
 }
 
 .fs13 {
     font-size: 0.13rem;
 }
 
 .fs12 {
     font-size: 0.12rem;
 }
 
 @media screen and (max-width:992px) {
     .fs44 {
         font-size: 32px;
     }
 
     .fs40 {
         font-size: 28px;
     }
 
     .fs38 {
         font-size: 26px;
     }
 
     .fs36, .fs34, .fs33 {
         font-size: 24px;
     }
 
     .fs30, .fs32, .fs28 {
         font-size: 22px;
     }
 
     .fs24, .fs26 {
         font-size: 22px;
     }
 
     .fs22 {
         font-size: 18px;
     }
 
     .fs18 {
         font-size: 16px;
     }
 
     .fs16, .fs17 {
         font-size: 14px;
     }
 
     .fs14, .fs15 {
         font-size: 13px;
     }
 }
 
 @media screen and (max-width:767px) {
     .fs44 {
         font-size: 26px;
     }
 
     .fs38.fs40 {
         font-size: 24px;
     }
 
     .fs36, .fs34, .fs33 {
         font-size: 20px;
     }
 
     .fs30, .fs32, .fs28 {
         font-size: 19px;
     }
 
     .fs24, .fs26 {
         font-size: 18px;
     }
 
     .fs22, .fs20 {
         font-size: 16px;
     }
 
     .fs18, .fs19 {
         font-size: 14px;
         line-height: 2 !important;
     }
 
     .fs16, .fs17 {
         font-size: 14px;
     }
 
     .fs14, .fs13, .fs15 {
         font-size: 12px;
     }
 }
 
 
 .title {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .info {
     display: block;
     overflow: hidden;
 }
 
 .img, .img5x7, .img5x3, .img3x2, .img4x3, .img2x3, .img3x4 {
     display: block;
     overflow: hidden;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
 }
 
 .img img, .img5x7 img, .img5x3 img, .img3x2 img, .img4x3 img, .img2x3 img, .img3x4 img {
     width: 100%;
     display: block;
     transition: all ease-in 0.2s;
     -ms-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -webkit-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }
 
 
 a:hover .img img, a:hover .img5x7 img, a:hover .img5x3 img, a:hover .img3x2 img, a:hover .img4x3 img, a:hover .img2x3 img, a:hover .img3x4 img {
     transform: scale(1.05) translateY(-50%);
     -ms-transform: scale(1.05) translateY(-50%);
     -moz-transform: scale(1.05) translateY(-50%);
     -webkit-transform: scale(1.05) translateY(-50%);
     -o-transform: scale(1.05) translateY(-50%);
 }
 
 .time {
     font-family: 'Arial';
 }
 
 .clear {
     clear: both;
 }
 
 .rightDate {
     float: right;
 }
 
 .clear2 {
     line-height: 0;
 }
 
 .clear2::after {
     content: '';
     display: inline-block;
     *display: inline;
     *zoom: 1;
     width: 100%;
     height: 0;
     line-height: 0;
 }
 
 .visible_box {
     display: none;
 }
 
 .visible_box.on {
     display: block;
 }
 
 @keyframes y_scale {
     0% {
         transform: scaleY(0);
         -ms-transform: scaleY(0);
         -webkit-transform: scaleY(0);
         transform-origin: top;
         -ms-transform-origin: top;
         -webkit-transform-origin: top;
     }
 
     100% {
         transform: scaleY(1);
         -ms-transform: scaleY(1);
         -webkit-transform: scaleY(1);
         transform-origin: top;
         -ms-transform-origin: top;
         -webkit-transform-origin: top;
     }
 }
 
 .row {
     max-width: 1400px;
     position: relative;
     z-index: 2;
     margin-left: auto !important;
     margin-right: auto !important;
 }
 
 @media screen and (max-width:1640px) {
     .row {
         max-width: 1240px;
     }
 }
 
 @media screen and (max-width:1480px) {
     .row {
         padding-left: 40px;
         padding-right: 40px;
         max-width: 1200px;
     }
 }
 
 @media screen and (max-width:1040px) {
     .row {
         padding-left: 0;
         padding-right: 0;
         margin-left: 26px !important;
         margin-right: 26px !important;
     }
 }
 
 
 
 @media screen and (min-width:1024px) {
     .h_shadow, .h_transY {
         transform: translateY(0);
         transition: all ease-in-out 0.2s;
         -ms-transition: all ease-in-out 0.2s;
         -moz-transition: all ease-in-out 0.2s;
         -webkit-transition: all ease-in-out 0.2s;
         -o-transition: all ease-in-out 0.2s;
     }
 
     .h_transY:hover {
         transform: translateY(-10px);
     }
 
     .h_shadow:hover {
         box-shadow: 0 5px 20px 2px rgba(101, 53, 117, 0.1);
     }
 }
 
 
 
 /* 文章页还原结束 */
 
 .wrap_content {
     position: relative;
     padding: 0.49rem 0 0.6rem;
     overflow: hidden;
 }
 
 .img img, .img5x7 img, .img5x3 img, .img3x2 img, .img4x3 img, .img2x3 img, .img3x4 img {
     width: 100%;
     height: 100%;
     display: block;
     transition: all ease-in 0.2s;
     -ms-transition: all ease-in 0.2s;
     -moz-transition: all ease-in 0.2s;
     -webkit-transition: all ease-in 0.2s;
     -o-transition: all ease-in 0.2s;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }
 
 
 
 .content {
     position: relative;
     z-index: 2;
 }
 
 .sub_left {
     width: 3.1rem;
     float: left;
     position: relative;
     z-index: 3;
 }
 
 .sub_left_title {
     line-height: 0.7rem;
     padding: 0 0 0 1rem;
     color: #484848;
     position: relative;
     font-weight: bold;
     z-index: 2;
     margin: 0 0 0.12rem;
 }
 
 .sub_left_title::before {
     content: '';
     display: block;
     width: 0.34rem;
     height: 0.34rem;
     border: 1px solid #970003;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     background: #fff;
     z-index: 2;
 }
 
 .sub_left_title::after {
     content: '';
     display: block;
     width: 0.58rem;
     height: 1px;
     position: absolute;
     left: 0.36rem;
     top: 50%;
     z-index: 1;
     background: #970003;
 }
 
 
 
 .sub_012 .lf {
     float: left;
     width: calc(100% - 5.8rem);
     padding: 0.38rem 0 0;
 }
 
 .sub_012 .rt {
     float: right;
     width: 5.7rem;
     margin: -0.31rem 0 0;
 }
 
 .sub_012a {
     margin: 0 0 0 0;
     position: relative;
     white-space: nowrap;
 }
 
 .sub_012a::before {
     content: '';
     display: block;
     width: 1px;
     position: absolute;
     left: 0.4rem;
     top: 0.4rem;
     bottom: -10rem;
     background: #d0b693;
 }
 
 .sub_012a .box {
     margin: 0 0 0.44rem;
     position: relative;
     z-index: 2;
     font-size: 0;
 }
 
 .sub_012a .time {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     width: 0.78rem;
     height: 0.78rem;
     text-align: center;
     line-height: 0.78rem;
     border: 1px solid #b28850;
     color: #b28850;
     border-radius: 50%;
     vertical-align: middle;
     background: #fff;
 }
 
 .sub_012a .title {
     margin: 0 0 0 0.2rem;
     line-height: 0.3rem;
     vertical-align: middle;
     white-space: normal;
     display: inline-block;
     *display: inline;
     *zoom: 1;
     color: #484848;
     max-width: calc(100% - 1rem);
 }
  
 
 .sub_012b .img {
     padding-bottom: 64%;
     position: relative;
 }
 
 .sub_012b .img::before {
     content: '';
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     z-index: 2;
     bottom: 0;
     border: 1px solid #b78f5a;
 }
 
 .sub_012b .title {
     line-height: 0.24rem;
     white-space: nowrap;
     padding: 0.14rem 0.68rem 0.17rem;
     background: #f1f1f2;
 }
 
 .sub_012b .slick-arrow {
     border: 0;
     width: 0.35rem;
     height: 0.35rem;
     font-size: 0;
     outline: none;
     background-position: center;
     background-repeat: no-repeat;
     border: 0.03rem solid #970003;
     background-color: #970003;
     border-radius: 50%;
     top: auto;
     bottom: 0.12rem;
     transform: none;
 }
 
 .sub_012b .slick-arrow:after {
     display: none;
 }
 
 .sub_012b .slick-prev {
     left: 0.11rem;
     background-image: url(../images/0427/mode06_prev.png);
     background-size: 0.08rem auto;
 }
 
 .sub_012b .slick-next {
     right: 0.11rem;
     background-image: url(../images/0427/mode06_next.png);
     background-size: 0.08rem auto;
 }
 
 .sub_012c {
     position: relative;
     float: right;
     width: 3.8rem;
 }
 
 .sub_012c::before {
     content: '';
     display: block;
     width: 1px;
     position: absolute;
     left: 50%;
     top: 0;
     bottom: -10rem;
     background: #d0b693;
 }
 
 .sub_012c ul {
     margin:  0;
     position: relative;
     z-index: 2;
 }
 
 .sub_012c li {}
 
 .sub_012c a {
     margin: 0 0 0.66rem;
     display: block;
 }
 
 .sub_012c img {
     display: block;
     width: 100%;
 }
 
 
 
 @media screen and (max-width: 992px) {
     .row {
         padding-left: 0;
         padding-right: 0;
         margin-left: .1rem !important;
         margin-right: .1rem !important;
     }
 
     .sub_012 .lf {
         width: auto;
         float: none;
         padding: 0;
     }
 
     .sub_012 .rt {
         width: auto;
         float: none;
         margin: 0;
     }
 
     .sub_012a::before {
         left: 30px;
         bottom: 0;
     }
 
     .sub_012a .time {
         width: 60px;
         height: 60px;
         line-height: 60px;
     }
     .sub_012a .title{
         max-width: calc(100% - 60px - .2rem)
     }
     .sub_012a .box {
         margin: 0 0 0.2rem;
     }
 
     .sub_012c {
         width: auto;
         float: none;
         overflow: hidden;
     }
 
 }