body{margin-right:calc(-1 * (100vw - 100%));overflow-x:hidden !important;overflow:hidden}
img{border:0;display:block;width:auto;max-width:100%;content:normal !important}
/*幻灯片*/
.lh-banner{position:relative;height:100vh;width:100%;overflow:hidden;background:#000}
.lh-banner-bd li{position:relative}
.lh-banner-bd li .img{height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover}
.lh-index-banner{height:100vh;overflow:hidden;position:relative}

.lh-more{display:block;width:28px;height:28px;position:relative}
.lh-more:before{content:'';display:block;width:100%;height:4px;background:#fff;position:absolute;left:0;top:50%;margin-top:-2px}
.lh-more:after{content:'';display:block;width:4px;height:100%;background:#fff;position:absolute;left:50%;top:0;margin-left:-2px}
.lh-banner-bd li .text a{margin-top:14vh}
.lh-banner-bd li.style2 .text{left:auto;right:13.5vw}
.lh-banner-bd li.style1 .pro-img{position:absolute;right:9.73vw;top:50%;transform:translateY(-100%);width:34vw;opacity:0;animation:proImg1 cubic-bezier(.8,-.5,.2,1.4) 1.2s forwards}
.lh-banner-bd li.style1.swiper-slide-active .pro-img,.lh-banner-bd li.style1.swiper-slide-duplicate-active .pro-img{animation:proImg cubic-bezier(.8,-.5,.2,1.4) 1.2s forwards;animation-delay:.45s}
@keyframes proImg{0%{transform:translateY(-100%);opacity:0}
100%{transform:translateY(-50%);opacity:1}
}
@keyframes proImg1{0%{transform:translateY(-50%);opacity:1}
100%{transform:translateY(-100%);opacity:0}
}

.lh-banner-hd{width:auto !important;height:50px;background:#068cd2;position:absolute;left:50% !important;transform:translateX(-50%);bottom:4vh !important;z-index:2;padding:0 16px}
.lh-banner-hd span{width:15px;height:18px;background:url(../images/icon3.png) no-repeat center;opacity:.5;margin:15px 15px 0 !important;transition:ease .65s;outline:none}
.lh-banner-hd span.swiper-pagination-bullet-active{opacity:1}
/*第二屏简介*/
.big-title{ border-left:3px solid #2576b9;}
.big-title .bt1{font-size: 32px;color: #444444;font-weight: bold; padding-left:5px}
.big-title .bt1 span{color: #117edd;}
.big-title .bt2{color: #797979;font-size: 15px;margin-top: 6px; padding-left:5px}

.index-about{background:url(../images/aboutbg.jpg) no-repeat center;;display:flex;align-items:center;height:100vh;padding-top:15vh}
.intoentit {text-align: center;}
.intocntit {background: url(/images/company_25.png) no-repeat center;text-align: center;font-size:20px;margin:10px 0;}
.pt1{}
.pt1 .left_box{width:50%; padding:40px 0 100px;}
.pt1 .left_box span{ float:left;width:100%; line-height:70px; font-size:35px;}
.pt1 .right_box{width:50%; margin-top:40px;}
.pt1 .cn{font-weight:bold;}
.pt1 .cn1{font-size:38px; margin-top:30px; margin-bottom:10px;}
.pt1 .cn2{font-size:30px; margin-bottom:30px; line-height:1.4; color:#0e68b0;}
.pt1 .desc{text-indent:2em; font-size:16px; line-height:45px;}
.pt1 .right_box ul{margin-left:10%; padding-top:104px; position:relative;}
.pt1 .right_box ul:after{content:""; height:500px; width:1px;border-left: 1px solid rgba(180, 180, 180, 0.2); position:absolute; top:0; left:50%; z-index:1;}
.pt1 .right_box ul:before{content:""; height:500px; width:1px;border-left: 1px solid rgba(180, 180, 180, 0.2);position:absolute; top:0; left:0; z-index:1;}
.pt1 .right_box li{float:left; width:50%; padding-bottom:115px; position:relative; z-index:2;}
.pt1 .right_box li:before{content:""; position:absolute; top:0; left:0; background:#d20319; width:2px; height:80px; z-index:2;}
.pt1 .right_box li .n{display:inline-block; *display:inline; *zoom:1; margin-left:18%;position:relative; overflow: hidden;}
.pt1 .right_box li .n .num{font-size:70px; line-height:1;}
.pt1 .right_box li .n .flag{position:absolute; right:0; top:0; line-height:1; font-size:20px;}
.pt1 .right_box li .desc{margin-left:18%; font-size:16px; text-indent:0;}
.iabl2{ width:100%; padding-top:30px; overflow:hidden;}
.iabl2-l{float: left;}
.iabl2-l a{display: block;width: 158px;height: 40px;text-align: center;line-height: 40px; background-image:linear-gradient(to right, #d5d5d5 , #d5d5d5);border-radius:10px}

/*第三屏 产品展示*/
.index-product{background:url(../images/pbg.jpg) no-repeat center;display:flex;align-items:center;height:100vh;padding-top:12vh}
.sidebar{width: 255px;float: left;background: #fff; margin-top:10px;}
.incplist{ float:right;width:100%; overflow:hidden; margin-top:30px;}
.sidebar .top{padding: 25px 0; background-image:linear-gradient(to right, #117edd , #63b6ff);}
.sidebar .top .p1{font-size: 22px; text-align:center; color:#fff;}
.sidebar .top .p2{font-size: 14px; text-align:center; color:#fff;}
.typelist{padding: 10px 5px 20px 15px;box-sizing: border-box;}
.typelist li{ float:left; width:100%; border-bottom:1px dashed #ccc;}
.typelist li a{display: block;width: 100%;box-sizing: border-box;color: #717171;font-size: 15px;background: url("../images/sj.png") left center no-repeat;padding-left: 12px;white-space: nowrap; line-height:60px;}
.typelist li a:hover{color: #0e6fda;background: url("../images/sj1.png") left center no-repeat;}
.typelist li a[data=xz]{color: #008d57;font-weight: bold;background: url("../images/sj1.png") left center no-repeat;}
.ipr{width:100%;}

/*case*/
.case{ width:100%; overflow:hidden; margin-top:25px;}
.case li{ float:left; width:16.666666666%; line-height:40px; background-color:rgba(255,255,255, 0.8); padding-left:10px; box-sizing: border-box; border-right:1px solid #fff; border-top:1px solid #fff;}
.case li:nth-child(2n){background-color:rgba(239,239,239, 0.8);}

.piclist {display: flex;flex-wrap: wrap; margin-top:40px;}
.piclist li {width:31%; margin-right:2%;cursor: pointer;}
.piclist li:nth-child(3n) {margin-right: 0;}
.piclist li .img img {max-width: 100%;width: 100%;object-fit: cover;}
.piclist li .text{ width:100%;color: #666;align-items: center;font-size: 16px;text-align:center; line-height:50px;}

/*第四屏 优势*/
.index-youshi{background:url(../images/youshibg.jpg) no-repeat center;display:flex;align-items:center;height:100vh;padding-top:12vh; position:relative}
.index-youshi div {position:absolute;}
.zhuti1 { background-color:; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s; }
.zhuti2 {background-color:; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s;}
.zhuti3 {background-color:; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s;}
.zhuti4 {background-color:; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s; }
.active .zhuti1 { left:0; transition-delay: 0.5s;}
.active .zhuti2 { left:25%; transition-delay:  0.5s;}
.active .zhuti3 { left:50%;  transition-delay:  0.5s;}
.active .zhuti4 { left:75%;  transition-delay: 0.5s;}
.index-youshi .tb img,.index-youshi .tb1 img { height:130px;}
.zhuti1zi, .zhuti2zi, .zhuti3zi, .zhuti4zi {position:absolute; bottom:0px; width:93px; height:91px; display:none; text-align:center;  color:#fff; margin-left:-45px; }
.ztitle { width:80%; height:60px; font-size:28px; color:#fff; text-align:center; position:absolute; left:10%; top:50%; transition: top 0.5s; }
.zhuti1:hover .ztitle ,.zhuti2:hover .ztitle,.zhuti3:hover .ztitle ,.zhuti4:hover .ztitle { color:#FFFFFF;  }
.zhuti1:hover .ztitle ,.zhuti2:hover .ztitle,.zhuti3:hover .ztitle ,.zhuti4:hover .ztitle {top:46%; transition-delay: 0s; }
.zhuti1:hover ,.zhuti2:hover , .zhuti3:hover , .zhuti4:hover {cursor:pointer;}
.zhuti1:hover .zhuti1zi, .zhuti2:hover .zhuti2zi, .zhuti3:hover .zhuti3zi, .zhuti4:hover .zhuti4zi{display:block;}
.zhuti1 .tb1,.zhuti2 .tb1, .zhuti3 .tb1, .zhuti4 .tb1{width:230px;height:150px;position:absolute;top:30%;left:50%;margin-left:-115px;text-align:center;
 transition: all 0.5s; background-repeat: no-repeat ;background-position:top center;}
.zhuti1:hover .tb,.zhuti2:hover .tb, .zhuti3:hover .tb, .zhuti4:hover .tb{width:230px;height:150px;position:absolute;display: none;top:20%;left:50%;margin-left:-115px;
text-align:center;transition-delay: 0.5s;background-position:bottom 20px center;}
.zhuti1:hover .tb1,.zhuti2:hover .tb1, .zhuti3:hover .tb1, .zhuti4:hover .tb1{width:230px;height:150px;position:absolute;display: block;top:30%;left:50%;
margin-left:-115px;text-align:center;transition-delay: 0s;background-position:bottom 20px center;}
.zms { top:60%; color:#fff; width:90%; margin:auto; padding:0; transition: all 0.5s; font-size:14px; line-height:30px; }
.zms p {font-size:16px;}
.zms span {color:#fff; display:block; float:left; padding:10px 0px 0px 5%; font-size:14px;}
.zhuti1:hover .zms ,.zhuti2:hover .zms ,.zhuti3:hover .zms ,.zhuti4:hover .zms  { top:55%; transition-delay: 0s;}
.zhuti1:hover .zms p ,.zhuti1:hover .zms span { color:#FFFFFF; }
.zhuti3:hover .zms p ,.zhuti3:hover .zms span { color:#FFFFFF;}
.zhuti1 .ztbg ,.zhuti2 .ztbg,.zhuti3 .ztbg ,.zhuti4 .ztbg {opacity: 0; }
.zhuti1:hover .ztbg { background:#9876e4; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;}
.zhuti2:hover .ztbg { background:#67adde; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;  }
.zhuti3:hover .ztbg { background:#ecbd19; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0; }
.zhuti4:hover .ztbg { background:#4dad33; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;  }


/*第五屏 公司资质*/
.index-equipment{background: url(../images/equbg.jpg) no-repeat left bottom;display:flex;align-items:center;height:100vh;padding-top:12vh}

.poster-main{height: 500px;position: relative;margin: 40px auto; }
.poster-main a,.poster-main img{display:block; width:100%; height:100%;}
.poster-main img{box-shadow:0 3px 8px rgba(0,0,0,0.5); background:#fff; border:8px solid #fff}
.poster-main .poster-list{width:100%;height: 500px;}
.poster-main .poster-list .poster-item{ width: 550px;height: 440px;position:absolute;left:0;top:0;}
.poster-main .poster-btn{ width: 60px!important;height: 60px!important;position:absolute;top:190px;z-index:10; cursor:pointer;  }
.poster-main .poster-prev-btn{left:0;background: url(../images/c_jt.png) no-repeat center center;}
.poster-main .poster-prev-btn:hover{left:0;background: url(../images/c_jt_h.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(../images/c_rjt.png) no-repeat center center;}
.poster-main .poster-next-btn:hover{right:0; background: url(../images/c_rjt_h.png) no-repeat center center;}


.morecen{ width:120px; margin:auto; text-align:center; overflow:hidden;}
a.more{display: block;overflow: hidden;font-size: 14px;color:#fff;text-align: center;height: 38px;line-height: 38px;position: relative;
	width: 115px;border-radius: 3px;border: 1px solid #e8e8e8;transition: all 0.5s linear; margin-top:20px;}
.more em{display: block;overflow: hidden;width: 110%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%) scale(0);background: #117fd6;
	border-radius: 50%;z-index: 1;transition: all 0.5s;}
.more em:after{display: block;content: "";overflow: hidden;padding-top: 100%;}
.more span{position: relative;z-index: 5;}
.more i{padding-left: 5px;}
.more.hover,.more:hover{color:#fff;border-color:#fff;}
.more.hover em,.more:hover em{transform: translate(-50%,-50%) scale(1);}
/*第六屏 新闻资讯*/
.index-news{background: url(../images/newsbg.jpg) no-repeat left bottom;display:flex;align-items:center;height:100vh;padding-top:12vh}
.index-row{padding: 15px 0 15px;}
.i-row{ width:100%; margin-top:8vh; overflow:hidden;}
.i-col-l{width: 31%;float: left;}
.i-col-r{width: 67%;float: right;}
.m-hotNews{color: #666;background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}
.m-hotNews a{color: #444;}
.m-hotNews a:hover{color: #19adab;}
.m-hotNews .pic{background-repeat: no-repeat;background-position: center;-o-background-size: cover;-ms-background-size: cover;
    -moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.m-hotNews .pic a{display: block;/*height: 160px;*/height:255px;}
.m-hotNews .con{padding: 15px 20px 15px;}
.m-hotNews .time{width: 88px;height: 80px;float: left;font-size: 15px;padding: 10px 5px;background-color: #068cd2;color: #fff;text-align: center;margin-right: 20px;}
.m-hotNews .time em{font-size: 30px;display: block;line-height: 40px; font-style: normal}
.m-hotNews .tit{font-size: 18px;overflow: hidden;margin: 10px 0;line-height: 2;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;}
.m-hotNews .info{overflow: hidden;}
.m-hotNews .info *{display: inline-block;padding-left: 25px;background-repeat: no-repeat;background-position: -5px center;}
.m-hotNews .det{/*padding-top: 15px;*/clear: both;overflow: hidden;/*line-height: 25px;max-height: 90px;*/padding-top:10px;line-height:20px;max-height:80px;}
.ul-list4{overflow: hidden;margin: 0 -12px;}
.ul-list4 li{float: left;width: 50%;margin-bottom: 20px;}
.ul-list4 .con{display: block;overflow: hidden;padding: 20px 15px;margin: 0 12px;background-color: #f5f5f5;border-radius: 5px;}
.ul-list4 .time{margin-right: 20px;width: 85px;height: 85px;background-color: #afafaf;color: #fff;font-family: 'Arial';text-align: center;padding: 20px 5px 5px 10px;font-size: 15px;float: left;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.ul-list4 .time img{width: 85px;height: 85px;}
.ul-list4 .time em{font-size: 30px;display: block;line-height: 40px;font-style: normal}
.ul-list4 .tit{font-size: 15px;color: #333;font-weight: bold;line-height: 35px;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;}
.ul-list4 .det{color: #666;line-height: 22px;height: 44px;overflow: hidden;}
.ul-list4 .con:hover .tit{color: #068cd2;}
.ul-list4 .con:hover .time{background-color: #068cd2;}
/*foot*/

.index-footer{background: url("../images/fo.jpg") center no-repeat;display:flex;align-items:center;background-size: cover;height:100vh;padding-top:12vh;padding-bottom:6.5vh}
.contact-new{width:900px;height:380px; margin:auto;}
.contact-top{margin-bottom:20px;}
.contact-dl{padding-left:10px;float:left; width:700px;}
.contact-dl li{ float:left; width:100%; line-height:45px; color:#999999; font-size:16px;}
.contact-r{ width:200px; float:right; padding-top:50px;}

.lh-main-hd{position:fixed;right:40px !important;top:50%;transform:translateY(-50%);z-index:20}
.lh-main-hd li:first-child{margin:0 0 50px!important}
.lh-main-hd li:last-child{margin:50px 0 0!important}
.lh-main-hd li{margin:50px 0!important;border-radius:0;background:none;opacity:1;width:6px;height:6px;position:relative;display:block;outline:none}
.lh-main-hd:before{content:'';display:block;width:2px;height:100%;background:#0c82dc;position:absolute;left:50%;top:0;margin-left:-1px}
.lh-main-hd li i{display:block;width:6px;height:6px;border-radius:50%;background:#0c82dc}
.lh-main-hd li i:after{content:'';display:block;width:14px;height:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);border:1px solid #0c82dc;border-radius:50%;opacity:0;transition:cubic-bezier(.8,-.5,.2,1.4) 1.2s}
.lh-main-hd li.swiper-pagination-bullet-active i:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
.lh-main-hd li span{width:84px;height:34px;text-align:center;line-height:34px;background:#0c82dc;border-radius:3px;color:#fff;position:absolute;left:-108px;top:50%;margin-top:-17px;display:block;transition:cubic-bezier(.8,-.5,.2,1.4) 1.2s;transform:translateX(-50%);opacity:0;visibility:hidden}
.lh-main-hd li.swiper-pagination-bullet-active span{transform:translateX(0);opacity:1;visibility:visible}
.lh-main-hd li span:after{content:'';display:block;width:0;height:0;border:6px solid transparent;border-left:6px solid #0c82dc;position:absolute;right:-12px;top:50%;margin-top:-6px}

.lh-loading{text-align:center}
.lh-loading>h2{margin-top:10px;color:#0c82dc}
.swiper-slide.footer{height:auto !important}

. @-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}
}