.lh-flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}



@keyframes circle{
	0%{stroke-dashoffset: 1000;}
	100%{stroke-dashoffset:0;}	
}
@keyframes btnHeight{
	0%{transform:scaleY(0);}
	100%{transform:scaleY(1);}	
}
.lh-brand{margin-top:30px; background:#fff;transform-origin: right bottom;  transition:ease 1s;}
.lh-brand-item li{position:relative;overflow:hidden;width: 33.333333%;}
.lh-brand-item li .text{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.lh-brand-item li .icon img{width:auto;margin-bottom: 12px;}
.lh-brand-item li .icon{width:100%;position:absolute;left:0;top: 46%;height:78px;text-align: center;justify-content:center;transform:translateY(-50%);transition:ease .65s;}
.lh-brand-item li .lh-more{position:absolute; left:50%; bottom:170px; margin-left:-15px;z-index:5; transform:translateY(100%); opacity:0;}
.lh-more{width:30px; height:30px; transition:ease .65s; position:relative;}
.lh-more i{display:block; width:1px; height:69px; background:#fff; position:absolute; left:50%; top:-54px; transition:ease .65s;}
.lh-more svg{position:absolute; left:-15px; top:-15px; width:60px; height:60px;}
.lh-more h2{position:absolute;left:50%;bottom:-40px;width:66px;margin-left:-33px;text-align:center;color:#fff;font-size: 14px;}
.lh-brand-item li:hover .lh-more{transform:translateY(0); opacity:1;}
.lh-brand-item li:hover .icon{transform:translateY(-200%);}
.circle1{stroke-dasharray: 1000;stroke-dashoffset: 1000;}
.lh-brand-item li:hover .circle1{animation: circle 10s linear infinite;animation-delay:.35s;}
.lh-brand-item li:hover .lh-more i{animation:btnHeight linear .45s forwards; transform-origin:center top;transform:scaleY(0);}
.lh-brand-item li .img img{transition:ease 1s;max-width: 100%;}
.lh-brand-item li:hover .img img{transform:scale(1.1);}
.lh-brand-item li:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;opacity:1;transition:ease .65s;z-index:1;background: rgba(0,0,0,.15);}
.lh-brand-item li:hover:before{opacity:0;}
.lh-brand-res{padding:80px 0;}
.lh-brand-l{width:476px;}
.lh-brand-l>h2{font-size:16px;}
.lh-brand-l>h3{font-size:36px; line-height:48px; position:relative; margin:3px 0 75px;}
.lh-brand-l>h3:after{content:''; display:block; width:18px; height:4px; background:#C30109; position:absolute; left:0; bottom:-30px;}
.lh-brand-l>.cont{color:#898989; line-height:24px; height:246px; overflow:hidden;}
.lh-more.two h2{color:#c30109; left:-54px; top:50%; height:14px; line-height:14px; margin-top:-7px; margin-left: -80px;}
.lh-more.two i{background:#c30109; width:0; height:1px; left:-54px; top:50%;}
.lh-more.two .circle1{stroke:#c30109 !important;}
.lh-brand-l .lh-more.two{margin-top:40px; margin-left:129px;}
.lh-more.two:hover i{width:69px;}
.lh-more.two:hover .circle1{animation: circle 10s linear infinite;animation-delay: .35s;}
.lh-brand-r{width:627px;}
.lh-brand-r .img{width:627px; height:439px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center;}
.lh-brand-r .img img{transition:ease .65s;}
.lh-brand-r .img i{display:block; width:45px; height:45px; text-align:center; line-height:45px; background:#c30109; position:absolute; right:0; bottom:0; color:#fff;}
.lh-brand-r .text{font-size:16px; line-height:24px; margin-top:30px;}
.lh-brand-r .img:hover img{transform:scale(1.1);}

.z33{ font-size:16px; color:#fff;}