@charset "utf-8";

/* public */
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{font:14px "microsoft yahei", Helvetica, sans-serif; color:#666; background:#fff;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden;}


a{font-size:14px;text-decoration:none;transition:ease .35s; color:#666;}
a:hover{color:#077739;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"Microsoft yahei";-webkit-appearance: none;border-radius: 0;}
textarea{resize:none; overflow:hidden;}
select::-ms-expand { display: none; }
i{font-style:normal;}
.left{float:left;}
.right{float:right;}
.noscript{position:fixed; left:0px; top:0px; background:#ddd; color:red; text-align:center; width:100%; height:30px; line-height:30px;}
em{font-style:normal;}
.pace-progress{width:100% !important; height:100% !important;}
.pace-progress-inner{position:fixed; left:0; top:0; width:100% !important; height:100% !important;background:#292930;z-index:4000; animation:pace linear 1s forwards; animation-delay:1s;}

@keyframes pace{
	0%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0;}	
}
.pace-progress-inner:after{width:200px; height:1px;content:''; display:block; background:rgba(255,255,255,.15); position:absolute; left:50%; margin-left:-100px; top:50%; animation:progress linear 1s forwards; animation-delay:1s;}
.pace-progress-inner:before{width:200px; height:1px; content:''; display:block; background:#fff; position:absolute; left:50%; margin-left:-100px; top:50%; animation:inner linear 1s forwards;}
@keyframes progress{
	0%{width:200px;}
	100%{width:100%; margin-left:0; left:0;}
}
@keyframes inner {
	2%{transform-origin: 100% 50%;transform: scaleX(1)}
	48%{transform-origin: 100% 50%;transform: scaleX(0)}
	52% {transform-origin: 0 50%;transform: scaleX(0)}
	98% {transform-origin: 0 50%;transform: scaleX(1)}
}
.pace-activity{position:fixed;left:0; top:0; width:100%; z-index:3000; animation:act linear 1s forwards; animation-delay:3s;}
@keyframes act{
	100%{visibility:hidden;}	
}
.pace-activity:before{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; top:0; animation:activity linear 1s forwards; animation-delay:2s; transform-origin:center top;}
@keyframes activity{
	100%{opacity:0; transform:scaleY(0);}	
}
@keyframes activity1{
	100%{opacity:0; transform:scaleY(0);}	
}
.pace-activity:after{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; bottom:0;animation:activity1 linear 1s forwards; animation-delay:2s; transform-origin:center bottom;}
.lh-flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap;}
.red{color:#b72024;}

/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:0px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*header*/
.lh-header{position:fixed; left:0; top:0; right:0; height:100px; background:#fff; z-index:100; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.2);}
.lh-header:before{content:''; display:block; width:304px; height:70px; background:url(../images/icon1.png) no-repeat center; position:absolute; left:0; bottom:-7px; z-index:-1;}
.lh-header:after{content:''; display:block; width:343px; height:59px; background:url(../images/icon2.png) no-repeat center; position:absolute; right:-10px; bottom:0; z-index:-1;}
.lh-logo{position:absolute; left:5.2vw; top:0px;}
.lh-nav{position:absolute; right:8vw; top:0; line-height:100px;}
.lh-nav li{float:left;}
.lh-nav li a{display:block; padding:0 2.34vw; font-size:18px; color:#333; position:relative;}
.lh-nav li a:hover{color:#077739;}
.lh-nav li a:before{content:''; display:block; width:1px; height:24px; border-left:1px dotted #BEBEBE; position:absolute; left:0; top:50%; margin-top:-12px;}
.lh-nav li.on a{ background:url(../images/headx.jpg) no-repeat bottom center; color:#077739;}
.lh-nav li.on a:before{display:none;}
.lh-nav li:first-child a:before{display:none;}

.lh-nav li a:after {content:'';  background:url(../images/headx.jpg) no-repeat bottom center; position:absolute; left:0; width:0; height:4px; bottom:0; opacity:0;transition: ease .35s;}
.lh-nav li:hover a:after { opacity:1; width:100%;}


.lh-banner{position:relative; width:100%; height:100%; overflow:hidden;}
.lh-banner-text{position:absolute; left:5.2vw; bottom:2.8vw; z-index:10; color:#fff;}
.lh-banner-text ul{float:left;}
.lh-banner-text ul li{float:left; width:3px; height:20px; background:#F4D6A2; margin:0 8px; position:relative; text-indent:-9999px; cursor:pointer;}
.lh-banner-text ul li:before{content:''; display:block; width:100%; height:100%; background:#F4D6A2; position:absolute; left:0; bottom:0; transition:ease .65s;}
.lh-banner-text ul li.on:before{height:40px;}
.lh-banner-text span{float:left; font-size:20px; color:#F4D6A2; font-family:'Arial'; padding-left:94px; position:relative; margin-left:5px;}
.lh-banner-text span:before{content:''; display:block; width:84px; height:1px; background:rgba(244,214,162,.6); position:absolute; left:0; top:50%;}
.lh-banner-page{width:54px; height:54px; display:block; background:url(../images/icon3.png) no-repeat center; position:absolute; right:10vw; bottom:2.8vw;}
.lh-banner-page:hover{opacity:.8; transform:translateY(5px);}


.lh-about{padding:60px 0 209px; background:#FBF8F2 url(../images/icon10.png) no-repeat center bottom; position:relative; z-index:1;}
.lh-about:before{content:''; display:block; width:177px; height:86px; background:url(../images/icon4.png) no-repeat center; position:absolute; left:2vw; top:20%; z-index:-1;}
.lh-about:after{content:''; display:block; width:183px; height:57px; background:url(../images/icon7.png) no-repeat center; position:absolute; right:0; top:40%; z-index:-1;}
.lh-index{ width:1200px; max-width:100%; margin:auto; position:relative;}
.lh-about-h2{font-size:42px; color:#3e5d4c; text-align:center; padding-top:40px;}
.lh-about-h2 span{position:relative;}
.lh-about-h2 span:before{content:''; display:block; width:81px; height:27px; background:url(../images/icon5.png) no-repeat center; position:absolute; left:-80px; top:-20px;}
.lh-about-h2 span:after{content:''; display:block; width:59px; height:35px; background:url(../images/icon6.png) no-repeat center; position:absolute; right:-70px; bottom:0;}

.lh-about-a{position:relative; padding:60px 0; float:right; width:87%;}
.lh-about-a img{transition:ease 1.5s; max-width:100%;}
.lh-about-a a{display:block;position:relative;}
.lh-about-a a:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; transition:ease 2s;opacity:0; z-index:1;}
.lh-about-a a:hover:before{opacity:0;transform: matrix3d(0.930111, -0.0260031, 0, -8.93578e-05, -0.0458936, 0.930111, 0, -0.000101986, 0, 0, 1, 0, 13.355, 11.7014, 0, 1); transform-origin: 0px 0px 0px;}

.lh-about-a a:hover img{transform: matrix3d(0.930111, -0.0260031, 0, -8.93578e-05, -0.0458936, 0.930111, 0, -0.000101986, 0, 0, 1, 0, 13.355, 11.7014, 0, 1); transform-origin: 0px 0px 0px;}

.lh-about-btn{text-align:right; margin-top:27px;}
.lh-about-btn ul,.lh-about-btn ul li{display:inline-block;}
.lh-about-btn ul li{width:2px; height:10px; background:#3E5D4C; position:relative; margin:0 6px; text-indent:9999px; cursor:pointer;}
.lh-about-btn ul li:before{content:''; display:block; width:100%; height:20px; background:#3E5D4C; position:absolute; left:0; bottom:0; transition:ease .65s; transform:scaleY(0); transform-origin:center bottom;}
.lh-about-btn ul li.on:before{transform:scaleY(1);}
.lh-about-btn a{font-size:18px; font-weight:bold; color:#BDBDBD;}
.lh-about-btn a:hover{color:#3E5D4C;}
.lh-about-b{position:absolute; left:0; bottom:0; width:604px; height:400px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); z-index:3; padding:45px;}
.lh-about-b .logo{position:absolute; right:35px; top:-58px; transition:ease 1s; transform-origin:center;}
.lh-about-b:hover .logo{transform:rotateY(360deg);}
.lh-aboutc-l{font-size:32px; position:relative; width:98px;}
.lh-aboutc-l h2,.lh-aboutc-l h3{width:32px; font-weight:bold; line-height:32px;}
.lh-aboutc-l h2{position:absolute; left:37px; top:0;}
.lh-aboutc-l h3{padding-top:40px;}
.lh-aboutc-l h4{font-size:18px; color:#999999; position:relative; margin-top:5px;}
.lh-aboutc-l h4:before{content:''; display:block; width:37px; height:37px; background:url(../images/icon9.png) no-repeat center; position:absolute; right:15px; bottom:30px;}
.lh-aboutc-r{margin:50px 0 0 20px;}
.lh-aboutc-r li{font-size:14px; color:#666; line-height:14px; margin-top:10px; position:relative; padding-left:20px; font-weight:bold;}
.lh-aboutc-r li:before{content:''; display:block; width:8px; height:8px; border:1px solid #436150; border-radius:50%; position:absolute; left:2px; top:3px;}
.lh-aboutc-r li:after{content:''; display:block; width:12px; height:12px; border:1px solid #436150; border-radius:50%; position:absolute; left:0; top:1px;}
.lh-about-d{margin-top:25px; padding:20px 0 0 0; border-top:1px dotted #BEBEBE; line-height:24px; color:#888; font-size:14px;  position:relative;}
.lh-about-d:before{content:''; display:block; width:8px; height:8px; background:#3E5D4C; position:absolute; left:0; top:-4px; animation:slider linear 2.5s infinite;}
.lh-about-d h5 {font-size: 24px;  text-align:center;}

@keyframes slider{
	0%{left:0;}
	100%{left:99%;}	
}
.lh-about-d a{display:inline-block; margin-top:30px; color:#3e5d4c; padding-left:54px; position:relative; font-weight:bold;}
.lh-about-d a:before{content:''; display:block; width:40px; height:1px; background:#3e5d4c; position:absolute; left:0; top:50%; transition:ease .65s;}
.lh-about-d a:hover:before{width:50px;}
.lh-about-d a:hover{padding-left:64px;}
.lh-container{background:#fff; position:relative; z-index:2;}
.about-svg{width:100%; height:100%; position:absolute; left:0; top:0; fill:none;stroke:rgba(0,0,0,.1);stroke-width:1;stroke-dasharray:5;stroke-dashoffset: 100;animation: dash 5s linear infinite;}
@keyframes dash {
  to{stroke-dashoffset: 0;}
}
.lh-product{position:relative; z-index:2; margin-top:-150px; }
.lh-about-h2.product span:before{width:86px; height:10px; background:url(../images/icon11.png) no-repeat center; left:-63px; top:-15px;}
.lh-about-h2.product span:after{width:42px; height:37px; background:url(../images/icon12.png) no-repeat center; right:-50px; bottom:-7px;}
.lh-product-item{margin-top:35px; max-width:100%; position:relative;}

.lh-product-item .li{flex:1; position:relative;}
.lh-product-item .li a{display:block; position:relative; overflow:hidden;}
.lh-product-item .li:before{content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0; top:0; z-index:2;}
.lh-product-item .li:first-child:before{display:none;}
.lh-product-item .li .text{width:120px; height:340px; color:#fff; position:absolute; left:50%; top:50%; margin:-170px 0 0 -60px; transition:ease .65s; z-index:2;}
.lh-product-item .li .img:before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; transition:ease .65s; z-index:1;}
.lh-product-item .li img{transition:ease .65s;}
.lh-product-item .li a:hover img{transform:scale(1.2);}
.lh-product-item .li a:hover .img:before{opacity:0;}
.lh-product-item .li a:before{content:''; display:block; width:120px; height:340px; background:#3E5D4C; position:absolute; left:50%; top:50%;margin:-170px 0 0 -60px; transition:ease .65s; z-index:1; opacity:0; transform:scale(2);}
.lh-product-item .li a:hover:before{transform:scale(1); opacity:1;}
.lh-product-item .li a:hover h3:before{background:#758266;}
.lh-product-item .li a:hover h3:after{top:99%;}
.lh-product-item .li a:hover .text:before,.lh-product-item li a:hover .text:after{opacity:1;}
.lh-product-item .li a:hover .text:after{transform:scale(1);}
.lh-product-item .li .text h2{font-size:32px; width:32px; position:absolute; right:20px; top:20px; line-height:32px;}
.lh-product-item .li .text h3{font-size:14px; letter-spacing:1px; position:absolute; left:20px; top:20px;writing-mode: vertical-lr;writing-mode: tb-lr; min-height:50%;}
.lh-product-item .li .text h3:before{content:''; display:block; width:1px; height:100%; background:#7B7775; position:absolute; right:-15px; top:0; transition:ease .65s;}
.lh-product-item .li .text h3:after{content:''; display:block; width:7px; height:7px; background:#F4D6A2; position:absolute; right:-18px; top:0; transition:ease .65s;}
.lh-product-item .li .text:before{content:''; display:block; width:71px; height:44px; background:url(../images/icon16.png) no-repeat center; position:absolute; right:10px; bottom:10px; z-index:-1;transition:ease .65s; opacity:0;}
.lh-product-item .li .text:after{content:''; display:block; width:94%; height:98%; border:1px solid #657D70; position:absolute; left:3%; top:1%; z-index:-1; transition:ease .65s; opacity:0; transform:scale(0);}

.lh-product-item .induspic .owl-item:nth-child(1){animation-delay:.1s;}
.lh-product-item .induspic .owl-item:nth-child(2){animation-delay:.2s;}
.lh-product-item .induspic .owl-item:nth-child(3){animation-delay:.3s;}
.lh-product-item .induspic .owl-item:nth-child(4){animation-delay:.4s;}



.lh-news{padding:90px 0; background:#FAFAFA;width:100%; overflow:hidden;}
.lh-about-h2.news span:before{width:80px; height:19px; background:url(../images/icon13.png) no-repeat center; top:-30px;}
.lh-about-h2.news span:after{width:28px; height:34px; background:url(../images/icon14.png) no-repeat center;right:-40px;}
.lh-news-l{width:65px; height:172px; position:relative; font-size:30px; font-weight:bold; z-index:1; margin-top:30px;}
.lh-news-l:before{width:100%; height:8px; border-left:2px solid #9FB798; border-top:2px solid #9FB798; position:absolute; left:0; top:0; display:block; content:'';}
.lh-news-l:after{width:100%; height:8px; border-right:2px solid #9FB798; border-bottom:2px solid #9FB798; position:absolute; left:0; bottom:0; display:block; content:'';}
.lh-news-l h2{position:absolute; right:3px; top:15px; width:30px; line-height:32px;}
.lh-news-l h3{position:absolute; left:3px; top:60px; width:30px; line-height:32px;}
.lh-news-l h4{font-size:18px; color:#999999; position:absolute; right:3px; bottom:15px;writing-mode: vertical-lr;}
.lh-news-l h4:before{content:''; display:block; width:31px; height:30px; background:url(../images/icon15.png) no-repeat center; position:absolute; left:-40px; bottom:0;}
.lh-news-item{width: 90%;}
.lh-news-item li a:after{content:''; display:block; clear:both;}
.lh-news-item li{border-bottom:1px dashed #BEBEBE; position:relative;}
.lh-news-item li:before{content:''; display:block; width:100%; height:1px; border-bottom:1px dashed #3E5D4C;position:absolute; left:0; bottom:-1px; transition:ease .65s; transform:scaleX(0); transform-origin:left center;}
.lh-news-item li:hover:before{transform:scaleX(1);}
.lh-news-item li a{display:block; position:relative; padding:30px 20px;}
.lh-news-item li .time,.lh-news-item li .img,.lh-news-item li .text{float:left;}
.lh-news-item li .time{font-family:'Arial';color:#999;margin-top:10px;max-width: 10%;}
.lh-news-item li .time h2{font-size:24px; text-align:center; border-bottom:1px solid #CDCDCD; padding-bottom:5px; margin-bottom:5px; transition:ease .65s;}
.lh-news-item li .time h3{text-align:right;transition:ease .65s;}
.lh-news-item li .img{width: 22%;display:flex;align-items:center;justify-content:center;margin:0 50px 0 35px;}
.lh-news-item li .text{width: 90%;}
.lh-news-item li .text h2{font-size:18px; font-weight:bold; color:#333; height:20px; line-height:20px; word-break: keep-all;overflow: hidden;    text-overflow: ellipsis;transition:ease .65s;}
.lh-news-item li .text h3{line-height:24px; color:#666; margin-top:20px; max-height:48px; overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.lh-news-main{margin-top:30px;}
.lh-news-item li:hover .text h2{color:#3E5D4C;}
.lh-news-item li:hover .time h2{transform:scale(.8); transform-origin:center right;}
.lh-news-item li:hover .time h3{transform:scale(1.2); transform-origin:center right;}



.lh-footer{}
.lh-footer-a{padding:55px 0; text-align:center;background:url(../images/footer-bg.jpg) no-repeat top center; background-size:cover;}
.lh-footer-logo{width:100px; display:block; margin:auto;}
.lh-footer-a .text{font-size:18px; line-height:32px; color:#000; font-weight:bold; margin:30px auto; margin-bottom:10px;width:80%;}
.lh-footer-a .tel h2{font-size:18px; color:#000; font-weight:bold; line-height:34px;}
.lh-footer-a .tel h2 i{font-size:34px; color:#077739; font-weight:normal; margin-right:10px; position:relative; top:5px;}
.lh-footer-a .tel h3{font-size:42px; color:#077739; font-weight:bold; font-style: normal;}
.lh-footer-a .ewm{width:140px; border:1px solid #077739; margin:10px auto;}
.lh-share{text-align:center;}
.lh-share a{display:inline-block !important; width:40px !important; height:40px !important; text-align:center !important; line-height:40px !important; border-radius:50%; background:#fff !important; font-size:24px !important; color:#077739 !important; margin:0 10px !important; opacity:1 !important;}
.lh-share a:hover{background:#077739 !important; color:#fff !important; transform:rotate(360deg);}
.lh-share{margin:20px 0;color:#FFFFFF; font-size:18px;}
.lh-share p{ display:inline-block;background: rgba(18,113,11,0.4);padding:5px 15px;}

.lh-footer-a .addr{color:#FFFFFF; font-size:18px; line-height:35px;}
.lh-footer-a .addr a{color:#FFFFFF;}
.lh-footer-a .addr p { display:inline-block; padding:5px 15px;background: rgba(18,113,11,0.4);}
.lh-footer-b{ min-height:54px; background:#F7F7F7; color:#616161; line-height:25px; padding:15px 11.97vw; }
.lh-footer-b a{color:#616161;}
.lh-footer-b a:hover{color:#000;}
.visible-mm { display:none;}
.homeban { margin-top:70px;}
.owl-theme.homeban .owl-nav { display:none;}
.owl-theme.homeban .owl-dots { position:absolute; width:100%; bottom:10px; text-align:center;}
.owl-theme.homeban .owl-dots button { border:none;}
.owl-theme.homeban .owl-dots .owl-dot.active span, .owl-theme.homeban .owl-dots .owl-dot:hover span { background:#F3D5A1;}

@media screen and (max-width: 1199px){
.lh-nav li a{padding:0 2vw; font-size:18px; }
}

@media screen and (max-width: 1099px){
.lh-nav li a{padding:0 1.5vw; font-size:16px; }
}
@media screen and (max-width: 991px){

.hidden-mm { display:none;}
.visible-mm { display: block;}
.lh-header{ height:70px; overflow:revert; }
.lh-logo{position:absolute; left:5.2vw; top:0px;}
.lh-logo img {max-width: 260px;}

/*首页关于我们*/
.lh-about-a{ width:95%;}
.lh-about-b{  width:604px; height:330px; padding:45px;}
.about-svg{width:100%; height:90%; position:absolute; left:0; top:0; fill:none;stroke:rgba(0,0,0,.1);stroke-width:1;stroke-dasharray:5;stroke-dashoffset: 100;animation: dash 5s linear infinite;}
.lh-about-h2{font-size:35px; padding-top:20px;}

/*首页新闻*/
.lh-news-item{width: 90%; padding-left:15px;}
.lh-news-item li .time{ max-width: 14%;}
.lh-news-item li .text { width:86%;}
.lh-news-item li .img{width: 22%;margin:0 30px 0 25px;}
}

@media screen and (max-width: 767px){
.lh-about-a{ width:100%; float:left; padding:30px 0;}
.lh-about-b { width:100%; position:relative; padding:30px; height:auto; float:left;}	
.about-svg { display:none;}
.lh-about-b .logo { width:30%; top:-30px;}	
.lh-aboutc-l{font-size:26px;width:82px;}	
.lh-aboutc-l h4 { font-size:16px;}
.lh-aboutc-r li { line-height:22px;}
.lh-aboutc-r li:before{top:8px;}
.lh-aboutc-r li:after{top:6px;}
.lh-aboutc-l h2, .lh-aboutc-l h3 { font-size: 22px;line-height: 25px;}
.lh-about-h2 { font-size:26px; padding-top:0;}
.lh-aboutc-r{margin:10px 0 0 0px;}
.lh-about-d h5 { font-size:20px;}
.lh-about-d a { margin-top:20px;}

.lh-news { padding:70px 0 50px 0;}
.lh-news-l { display:none;}
.lh-news-item { width:100%; padding-left:0;}
.lh-news-item li a { padding:0;}
.lh-news-item li .text { width:100%;}
.lh-news-item li .time { display:none;}
.lh-news-item li .img { width:100%; display:block; margin:0; padding-top:15px;}
.lh-news-item li .img img { width:100%;}
.lh-news-item li .text h2,.lh-news-item li .text h3 { width:100%; margin-top:15px; float:left; font-size:16px;}
.lh-news-item li .text h3 { font-size:14px; margin-bottom:10px;}

.lh-footer-a{padding:30px 0;}
.lh-footer-a .tel{ padding-bottom:15px;}
.lh-footer-a .text{font-size:16px;width: 100%; padding:0 15px; line-height:28px; margin-bottom:5px; margin-top:20px;}
.lh-footer-a .tel h3{font-size:36px;}
.lh-footer-b{ padding:15px; font-size:14px; }
.lh-footer-b .right { width:100%; text-align:left;}
.lh-footer-a .addr { font-size:16px;}

.lh-banner-page { display:none;}

.lh-header:before,.lh-header:after{ display:none;}

}