.column-hd-box{position: absolute; top: 0; left: 0; bottom: 0; width: 100%;}
.column-hd .weui-flex{width: 100%; height: 100%;}
.column-hd .weui-flex__item{position: relative; height: 100%; overflow: hidden;}
.column-hd .weui-flex__item:before{position: absolute; z-index: 1; display: block; content: ""; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.3);}
.column-hd .weui-flex__item:first-child:before{display: none;}
.column-hd .bg, .column-hd .weui-flex__item:after{top: 0; left: 0; width: 100%; height: 100%;}
.column-hd .bg{background: rgba(0,0,0,.65);}
.column-hd .weui-flex__item:after{display: block;content: "";background: rgba(221,254,226,.8);-webkit-animation: fadeOutRight 1s;animation: fadeOutRight 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.column-hd .cont{position: absolute;z-index: 1;top: 10%;left: 0;right: 12px;padding-left: 35px;}
.column-hd .weui-flex__item:nth-of-type(2n) .cont{top: 10%;}
.column-hd .inner-title h2{margin-top: 0;margin-bottom: 4%;font-size: .84rem;color: #fff;}
.column-hd .inner-title h6{margin-bottom: 6%;font-size: .4rem;color: #fff;}
.column-hd .inner-title p{color: #fff;opacity: .62;font-size: .26rem;line-height: 54px;max-height: 1430px;overflow: hidden;text-overflow: ellipsis;}
.column-hd .inner-title .line{position: absolute;left: 0;top: .4rem;margin: 0;width: 22px;height: 4px;background: #b0a18d;}
.column-hd .imore{opacity: 0;position: relative;display: block;margin-top: 5%;width: .5rem;height: .5rem;border: 1px solid #38311d;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.column-hd .imore:before, .column-hd .imore:after{position: absolute; display: block; content: ""; top: 50%; left: 50%; background: #38311d;}
.column-hd .imore:before{width: 12px; height: 2px; margin-top: -1px; margin-left: -6px;}
.column-hd .imore:after{width: 2px; height: 12px; margin-top: -6px; margin-left: -1px;}

@media (min-width: 640px){.column-hd-box{background: none !important;}}
@media (min-width: 1200px){
.column-hd .weui-flex__item:hover:after{-webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.column-hd .weui-flex__item:hover .imore{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.column-hd .weui-flex__item:hover .line{background: #39321d;}
.column-hd .weui-flex__item:hover .inner-title h2, .column-hd .weui-flex__item:hover .inner-title h6, .column-hd .weui-flex__item:hover .inner-title p{color: #39321d;}
.column-hd .weui-flex__item:hover .inner-title p{opacity: 1;/* font-weight: bold; */}
.column-hd .weui-flex__item .imore:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);} 
}
@media (max-width: 1199px){
.column-hd .weui-flex__item:nth-of-type(2n-1) .cont{top: 8%;}
.column-hd .weui-flex__item:nth-of-type(2n) .cont{top: 10%;}
.column-hd .imore{opacity: 1; -webkit-transform: none; transform: none; border-color: #fff;}
.column-hd .imore:before, .column-hd .imore:after{background: #fff;}
}
@media (max-width: 991px){
.column-hd .weui-flex__item .cont{top: 5% !important;}
.column-hd .inner-title h6{font-size: .26rem;}
}
@media (max-width: 639px){
.column-hd >img{display: none;}
.column-hd-box{position: absolute; height: 60vh; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.column-hd .bg{background: rgba(0,0,0,.3);}
.column-hd .weui-flex{display: table;}
.column-hd .weui-flex__item{display: table-row; height: auto;}
.column-hd .weui-flex__item:before{width: 100%; height: 1px; }
.column-hd .cont{position: relative; top:  auto; left: auto; right: auto; bottom: auto; padding-left: 50px; height: 100%; border-top: 1px solid rgba(255,255,255,.3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.column-hd .inner-title{margin: 0 !important;}
.column-hd .inner-title .line{left: 15px;}
.column-hd .inner-title h2, .column-hd .inner-title h6{margin-bottom: 0;}
.column-hd .inner-title h2{margin-top: 0; font-size: .64rem;}
.column-hd .inner-title p{display: none;}
.column-hd .imore{position: absolute; top: 50%; right: 15px; margin: -.25rem 0 0 0;}
}





<!--ºÄʱ1768079771.9821Ãë-->