@charset "utf-8";
html,body{font-family: '思源黑体',PingFang SC,Microsoft Yahei,Arial,sans-serif;}
a{text-decoration: none;outline: none;}
img.ofi{object-fit: cover;font-family: 'object-fit: cover;';object-position: center;}
img.ofc{object-fit: contain;font-family: 'object-fit: contain;';object-position: center;}
input::-webkit-input-placeholder { /* WebKit browsers*/
color: #666;
}
input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/
color: #666;
}
input::-moz-input-placeholder { /* Mozilla Firefox 19+*/
color: #666;
}
input:-ms-input-placeholder { /* Internet Explorer 10+*/
color: #666;
}
/* 滚动条 */
::-webkit-scrollbar {
/* display: none; */
width:5px;
height:5px
}
::-webkit-scrollbar-track {
border-radius:0;
background:#e5e5e5;
}
::-webkit-scrollbar-thumb {
border-radius:5px;
background: #89be3f;
}
::-webkit-scrollbar-thumb:hover {
border-radius:5px;
background: #89be3f;
}
/* 公共 */
body{position: relative;}
.w1720{width: 1720px;margin: 0 auto;}
.i-com-title{position: relative;left: 50%;transform: translateX(-50%);display: inline-block;padding: 65px 0 26px;}
.i-com-title p.cn{height: 40px;margin-bottom: 13px;color: #515151;font-size: 40px;line-height: 1em;text-align: justify;text-justify: distribute-all-lines;text-align-last: justify;}
.i-com-title p.cn:after {content: " ";display: inline-block;width: 100%;}
.i-com-title p.en{color: #626262;font-size: 23px;font-family: Microsoft Yahei;font-weight: lighter;line-height: .8em;text-transform: uppercase;}
.i-com-titleline{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 86px;height: 3px;background: rgba(136, 190, 52, .5);}
.i-com-titleline::after{content: "";position: absolute;left: 0;top: -1px;width: 29px;height: 5px;border-radius: 5px;background: #26366b;}
.i-com-titleline.one::after{left: 0;top: -1px;}
.i-com-titleline.two::after{left: 50%;top: -1px;transform: translateX(-50%);}
.i-com-titleline.three::after{left: 100%;top: -1px;transform: translateX(-100%);}
.i-com-btnpage{display: flex;align-items: center;}
.i-com-btn{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;box-sizing: border-box;border: 1px solid #89be3f;outline: none;background: transparent;cursor: pointer;}
.i-com-btn:first-child{margin-right: 30px;}
.i-com-btn:first-child i{position: relative;transform: rotate(180deg);}
.i-com-btn i{transition: all .5s;color: #89be3f;font-size: 18px;line-height: 1em;}
.i-com-btn:hover,.i-com-btn.on{background: #89be3f;}
.i-com-btn:hover i,.i-com-btn.on i{color: #fff;}
.fixed-pic{position: fixed;left: 0;top: 0;z-index: 1000;display: none;width: 100%;height: 100%;}
.fixed-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.fixed-picbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 92%;border-radius: 10px;box-sizing: border-box;padding: 5px;background: #fff;}
.fixed-piccontent{position: relative;overflow: hidden;width: 100%;}
.fixed-picbox .fixed-picshow{position: relative;width: 100%;padding-bottom: 508px;overflow-x: auto;}
.fixed-picbox .fixed-picshow img{position: absolute;left: 0;top: 0;width: auto;height: 100%;}
.fixed-close{position: absolute;top: 0;right: 0;transform: translate(50%,-50%);display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border-radius: 50%;background: #89be3f;cursor: pointer;}
.fixed-close i{color: #fff;}
#scroll_progress_bar {
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 4px;
background: #89be3f;
}
.scroll_progress_tag{position: absolute;left: 0;bottom: 0;width: 80px;height: 4px;background: #89be3f;z-index: 1;}
.fixed-picbox .fixed-picshow::-webkit-scrollbar {
display: none;
width:5px;
height:5px
}
.fixed-picbox .fixed-picshow::-webkit-scrollbar-track {
border-radius:0;
background:#e5e5e5;
}
.fixed-picbox .fixed-picshow::-webkit-scrollbar-thumb {
border-radius:5px;
background: #89be3f;
}
.fixed-picbox .fixed-picshow::-webkit-scrollbar-thumb:hover {
border-radius:5px;
background: #89be3f;
}
/* 页码 */
.com-page{display: flex;justify-content: center;align-items: center;}
.com-page span,.com-page a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 44px;height: 44px;box-sizing: border-box;margin:0 4px;color: #fff;font-size: 16px;text-align: center;background: #d9d9d9;}
.com-page-num {display: flex;}
.com-page-num span.now{background: #89be3f;}
.com-page a:hover{background: #89be3f;}
.com-page-prev{margin-right: 25px;}
.com-page-next{margin-left: 25px;}
/* header */
.header{position: absolute;left: 0;top: 0;z-index: 1000;width: 100%;background: rgba(0, 0, 0, .2);border-bottom: 1px solid rgba(255, 255, 255, .3);}
.header::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #d9d9d9;display: none;}
.inner .header{position: fixed;}
.header-main{position: relative;z-index: 2;display: flex;justify-content: space-between;align-items: center;}
.header-logo{position: relative;width: 140px;}
.header-logo img{transition: all .5s;width: 100%;height: auto;}
.header-logo .hover{position: absolute;left: 0;top: 0;width: 100%;height: auto;opacity: 0;}
.header-nav{display: flex;align-items: center;justify-content: center;}
.header-nav-item{position: relative;}
.header-nav-link{transition: all .5s;display: flex;justify-content: center;align-items: center;height: 60px;padding:0 30px;color: #fff;font-size: 16px;}
.header-tool{display: flex;align-items: center;}
.header-lang{transition: all .5s;color: #fff;font-size: 16px;}
.header-search{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 35px;height: 35px;border-radius: 50%;margin-left: 20px;background: #fff;cursor: pointer;}
.header-search i{transition: all .5s;color: #666;font-size: 17px;line-height: 1em;}
.header-search i.icon-sousuo{}
.header-search i.icon-close{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.header-search.on i.icon-sousuo{opacity: 0;}
.header-search.on i.icon-close{opacity: 1;}
.header-slide-bg{position: absolute;left: 0;top: 100%;z-index: 1;display: none;width: 100%;height: 359px;background: #fff;}
.header-nav-item .header-nav-slide{position: absolute;left: 0;top: 100%;transition: all .5s;display: none;width: 100%;height: 359px;box-sizing: border-box;padding-top: 49px;background: #fff;}
.header-nav-slide .header-nav-type{transition: all .5s;min-height: 18px;margin-bottom: 24px;color: #89be3f;font-size: 18px;line-height: 1em;text-align: center;font-weight: bold;}
.header-nav-slide .header-nav-slideitem{display: flex;justify-content: center;margin-bottom: 27px;}
.header-nav-slide .header-nav-slideitem:last-child{margin-bottom: 0;}
.header-nav-slide .header-nav-slideitem a{position: relative;transition: all .5s;color: #666;font-size: 14px;line-height: 1em;}
.header-nav-slide .header-nav-slideitem a::after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line1.jpg) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;}
.header-nav-item:hover .header-nav-slide{background: #89be3f;}
.header-nav-item:hover .header-nav-slide .header-nav-slideitem a{color: #fff;}
.header-nav-item:hover .header-nav-slide .header-nav-type{color: #26366b;}
.header-nav-slide .header-nav-type
.header-nav-slide .header-nav-slideitem:hover a::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
.header.on{border:none;background: #fff;}
.header.white{border-color: #d9d9d9;background: #fff;}
.header.searchbg{border-color: #d9d9d9;background: #fff;}
.header.on::after{display: block;}
.header.on .header-logo .leave,.header.white .header-logo .leave,.header.searchbg .header-logo .leave{opacity: 0;}
.header.on .header-logo .hover,.header.white .header-logo .hover,.header.searchbg .header-logo .hover{opacity: 1;}
.header.on .header-nav-item .header-nav-link,.header.white .header-nav-item .header-nav-link,.header.searchbg .header-nav-item .header-nav-link{color: #333;}
.header.on .header-lang,.header.white .header-lang,.header.searchbg .header-lang{color: #333;}
.header.on .header-search,.header.white .header-search,.header.searchbg .header-search{background: #d9d9d9;}
.header .header-nav-item:hover .header-nav-link,.header .header-nav-item.current .header-nav-link{color: #89be3f;}
.header .header-lang:hover{color: #89be3f;}
.header .header-search:hover{background: #89be3f;}
.header .header-search:hover i{color: #fff;}
/* i-search */
.i-search{position: absolute;left: 0;top: 100%;display: none;width: 100%;height: 110px;background: #89be3f;}
.i-search form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1100px;height: 50px;margin: 0 auto;;padding-left: 60px;background: #fff;box-sizing: border-box;}
.i-search .search-keywords{display: block;width: calc( 100% - 50px);height: 50px;border: none;outline: none;;font-size: 18px;line-height: 50px;color: #333;}
.i-search .search-submit{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-content: center;width: 50px;height: 50px;border: none;outline: none;background: transparent;cursor: pointer;}
.i-search .search-submit i{color: #89be3f;font-size: 32px;line-height: 50px;}
.i-search-slide{position: absolute;left: 60px;top: 100%;z-index: -1;transition: all .5s;width: 100px;box-sizing: border-box;border-radius: 5px;margin-top: 10px;padding: 5px 0;background: #fff;opacity: 0;}
.i-search-slide.on{z-index: 1;opacity: 1;}
.i-search-slide::before{content: "";position: absolute;top: 0;left: 10px;transform: translateY(-100%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;}
.i-search-slide li p{transition: all .5s;padding: 0 10px;color: #333;font-size: 14px;line-height: 3em;cursor: pointer;}
.i-search-slide li:hover p{background: rgba(0, 0, 0, .1);}
/* i-banner */
.i-banner{position: relative;height: 100vh;overflow: hidden;}
.i-banner-swiper{overflow: hidden;}
.i-banner-item{position: relative;height: 100vh;overflow: hidden;}
.i-banner-info{position: absolute;left: 50%;top: 40.08vh;transform: translateX(-50%);z-index: 1;display: flex;flex-flow: column;justify-content: space-between;}
.i-banner-title{margin-bottom: 52px;color: #fff;font-size: 50px;line-height: 1em;letter-spacing: 10px;}
.i-banner-longtitle{display: inline-block;width: auto;height: 50px;border-radius: 50px;border: 1px solid #fff;padding: 0 20px;;color: #fff;font-size: 26px;line-height: 50px;letter-spacing: 5px;}
.i-banner-content{position: absolute;left: 50%;top: 34.75vh;transform: translateX(-50%);z-index: 1;}
.i-banner-content .i-banner-title{margin-bottom: 68px;text-align: center;}
.i-banner-list{display: flex;align-items: center;justify-content: center;}
.i-banner-listitem{position: relative;padding: 0 61px;color: #fff;font-size: 26px;line-height: 1em;text-align: center;}
.i-banner-cycle{display: flex;justify-content: center;align-items: center;width: 102px;height: 102px;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;margin-bottom: 18px;}
.i-banner-cycle i{color: #fff;font-size: 50px;line-height: 1em;}
.i-banner-jia{position: absolute;right: 0;top: 51px;transform: translate(50%,-50%);width: 20px;height: 20px;}
.i-banner-jia span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: inline-block;width: 20px;height: 2px;background: #fff;}
.i-banner-jia span:last-child{width: 2px;height: 20px;}
.i-banner-bg{position: relative;width: 100%;height: 100%;}
.i-banner-bg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-banner-page{position: absolute;left: 50%;bottom: 49px;transform: translateX(-50%);z-index: 1;display: flex;align-items: center;}
.i-banner-num{display: flex;justify-content: center;align-items: center;}
.i-banner-pageitem{position: relative;width: 92px;border-bottom: 1px solid rgba(236, 236, 236, .3);margin-right: 20px;padding-bottom: 10px;color: #fff;font-size: 16px;line-height: 1em;cursor: pointer;}
.i-banner-pageitem:last-child{margin-right: 0;}
.i-banner-pageline{position: absolute;left: 0;bottom: 0;transition: all .5s;width: 0%;height: 3px;background: #fff;}
.i-banner-pageitem.on .i-banner-pageline{animation: longer 5s linear forwards;}
.pause{animation-play-state: paused;}
.play{animation-play-state: running;}
.i-banner-item.on .i-banner-bg img{animation: bigger 5s linear forwards;}
@keyframes bigger {
0%{transform: scale(1.1);}
100%{transform: scale(1);}
}
@keyframes longer {
0%{width: 0%}
100%{width: 100%}
}
.i-banner-play{display: flex;justify-content: center;align-items: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid #fff;box-sizing: border-box;margin-left: 32px;cursor: pointer;}
.i-banner-play i{color: #fff;font-size: 14px;line-height: 1em;}
.i-banner-play i.icon-play{display: none;}
.i-banner-play.on i.icon-stop{display: none;}
.i-banner-play.on i.icon-play{display: block;}
.i-banner-more:hover{background: #89be3f;}
.i-banner-more:hover p{opacity: 0;transform: translate3d(0, -25%, 0);}
.i-banner-more:hover::after{opacity: 1;transform: translate3d(0, 0, 0);}
/* .i-solution */
.i-solution{position: relative;overflow-x: hidden;}
.i-solution-bg{position: absolute;left: 0;top: 0;width: 100%;height: 84.64vh;background: #f2f2f2;}
.i-solution-bg .i-solution-bgpoint{position: relative;height: 200px;}
#particles{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: .2;}
.i-solution-main{position: relative;z-index: 1;}
.i-solution-menu{position: relative;display: flex;align-items: center;justify-content: space-between;margin: 47px auto 42px;padding: 0 2.91%;box-sizing: border-box;}
.i-solution-menu::after{content: "";position: absolute;left: 0;top: 40px;transform: translateY(-50%);width: 100%;height: 1px;background: #4e6b99;opacity: .5;}
.i-solution-menuitem{position: relative;z-index: 1;cursor: pointer;padding: 0 25px;background: #f2f2f2;}
.i-solution-cycle{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;border-radius: 50%;background: transparent;}
.i-solution-cycle i{transition: all .5s;color: #89be3f;font-size: 36px;line-height: 1em;opacity: 0;}
.i-solution-cycle p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;width: 100%;color: #333;font-size: 20px;line-height: 1em;text-align: center;opacity: 1;}
.i-solution-type{transition: all .5s;margin-top: 13px;color: #333;font-size: 20px;line-height: 1em;text-align: center;opacity: 0;}
.i-solution-menuitem:hover .i-solution-cycle,.i-solution-menuitem.on .i-solution-cycle{box-shadow: 0 0 13px rgba(28, 14, 14, .1);box-shadow: none;background: #89be3f;}
.i-solution-menuitem:hover .i-solution-cycle i,.i-solution-menuitem.on .i-solution-cycle i{opacity: 1;color: #fff;}
.i-solution-menuitem:hover .i-solution-cycle p,.i-solution-menuitem.on .i-solution-cycle p{opacity: 0;}
.i-solution-menuitem:hover .i-solution-type,.i-solution-menuitem.on .i-solution-type{opacity: 1;}
.i-solution-swiper{padding: 10px;}
.i-solution-part{display: flex;justify-content: space-between;}
.i-solution-info{display: none;width: 48.38%;box-sizing: border-box;padding-right: 10.34%;}
.i-solution-title{transition: all .5s;display: block;margin: 20px 0 45px;color: #333;font-size: 26px;line-height: 1em;}
.i-solution-msg{transition: all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 90px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.i-solution-more{position: relative;transition: all .5s;display: none;padding-bottom: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;color: #666;font-size: 16px;line-height: 1em;}
.i-solution-more:hover{color: #89be3f;animation: none;background-position: left bottom;background-size: 100% 1px;}
.i-solution-page{margin-top: 142px;}
.i-solution-box{opacity: 0;width: 51.62%;height: 100%;border-radius: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.i-solution-photo{overflow: hidden;}
.i-solution-pic{position: relative;width: 750px;height: auto;border-radius: 30px;overflow: hidden;padding-bottom: 56.86%;}
.i-solution-pic img{position: absolute;left: 0;top: 0;transition: all .8s;width: 100%;height: 100%;border-radius: 30px;overflow: hidden;}
.i-solution-part.swiper-slide-active .i-solution-info{display: block;}
.i-solution-part.swiper-slide-active .i-solution-box{opacity: 1;}
.i-solution-title:hover,.i-solution-msg:hover{color: #89be3f;}
.i-solution-pic:hover img{transform: scale(1.05);}
/* .i-service */
.i-service{position: relative;overflow-x: hidden;}
#i-service{position: absolute;top: -60px;left: 0;width: 100%;}
.i-service-main{position: absolute;left: 0;bottom: 0;display: flex;width: 100%;height: 78.78vh;background: url(/static/img/service.jpg)center/cover no-repeat;}
.i-service-item{position: relative;transition: all .5s;width: 50%;height: 100%;box-sizing: border-box;background: rgba(18, 57, 116, .45);}
.i-service-cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .5s;}
.i-service-menu{position: absolute;left: 50%;top: 29.09%;transform: translateX(-50%);z-index: 1;width: 100%;}
.i-service-type{transition: all .5s;margin-bottom: 111px;color: #fff;font-size: 34px;line-height: 1em;text-align: center;text-shadow: 3px 3px 6px rgba(0, 21, 48, .53);cursor: pointer;}
.i-service-type i{font-style: normal;}
.i-service-type span{font-family: Microsoft Yahei;font-size: 20px;text-transform: uppercase;line-height: 34px;font-weight: 100;}
.i-service-list li{margin-bottom: 47px;cursor: pointer;}
.i-service-list li:last-child{margin-bottom: 0 !important;}
.i-service-list li p{transition: all .5s;min-height: 1em;color: #fff;font-size: 26px;line-height: 1em;text-align: center;}
.i-service-list li:hover .i-service-title{color: #87bf33;}
.i-service-list .i-service-msg{display:none;}
.i-service-list .i-service-msg .i-service-msgtext{transition: all .5s;display: block;margin: 28px 0 38px;color: #fff;font-size: 16px;line-height: 30px;}
.i-service-list .i-service-msg .i-service-msgtext:hover{color: #89be3f;}
.i-service-list .i-service-msg .i-service-more{position: relative;transition: all .5s;padding-bottom: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;color: #fff;font-size: 16px;line-height: 1em;}
.i-service-list .i-service-msg .i-service-more::after{content: "";position: absolute;transform-origin: right;left: 0;bottom: 0;transition: all .5s;width: 100%;height: 1px;background: #fff;}
.i-service-list .i-service-msg .i-service-more:hover{color: #89be3f;animation: none;background-position: left bottom;background-size: 100% 1px;}
.i-service-list .i-service-msg .i-service-more:hover::after{transform: scaleX(0);}
.i-service-photo{position: absolute;z-index: -1;width: 42.18vw;opacity: 0;margin: 0;}
.i-service-pic{position: relative;width: 100% !important;height: 0;padding-bottom: 76.41%;}
.i-service-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;opacity: 0;}
.i-service-pic.swiper-slide-active img{opacity: 1;}
.i-service-item.open{display: flex;justify-content: flex-end;align-items: center;width: calc( 100% - (100% - 1720px) / 2);padding-left: calc( (100% - 1720px) / 2);padding-right: 7.23%;box-sizing: border-box;background: rgba(21, 65, 142, .8);}
.i-service-item.open .i-service-menu{left: calc((100% - 1720px) / 2);transform: translateX(0);width: 40.23%;}
.i-service-item.open .i-service-type{display: none;}
.i-service-item.open .i-service-list li.on{margin-bottom: 80px;padding-left: 50px;}
.i-service-item.open .i-service-list li p{text-align: justify;}
.i-service-item.open .i-service-title{cursor: pointer;color: #89be3f;}
.i-service-item.open .i-service-list li.on .i-service-title{position: relative;color: #fff;}
.i-service-item.open .i-service-list li.on .i-service-title::before{content: "";position: absolute;left: -50px;top: .5em;transform: translateY(-50%);width: 35px;height: 1px;background: #fff;}
.i-service-item.open .i-service-list li .i-service-msg{text-align: justify;}
.i-service-item.open .i-service-list li.on .i-service-msg{display: block;}
/* .i-service-item.open .i-service-list li.on .i-service-msg p{color: #89be3f;}
.i-service-item.open .i-service-list li.on .i-service-msg a{color: #89be3f;} */
.i-service-item.open .i-service-list li.on .i-service-msg .i-service-more::after{transform: scaleX(0);}
.i-service-item.open .i-service-photo{position: relative;z-index: 1;opacity: 1;}
.i-service-item.off{width: calc( (100% - 1720px) / 2);background: rgba(137, 190, 63, .8);}
.i-service-item.off .i-service-type{width: 34px;margin: 0 auto;letter-spacing: 27px;text-shadow: none;color: #fff;line-height: 1.5em;}
.i-service-item.off .i-service-type i,.i-service-item.off .i-service-type span{display: none;}
.i-service-item.off .i-service-list{display: none;}
.i-service-item.off .i-service-menu{top: 50%;transform: translate(-50%,-50%);}
.i-service-choose{position: absolute;right: 0;top: 0;transform: translate(50%);z-index: 2;width: 1px;height: 100%;background: rgba(255, 255, 255, .3);}
.i-service-choose.on{display: none;}
.i-service-cycle{position: absolute;left: 50%;top: 50%;transform: translate(-50%);display: flex;width: 60px;height: 60px;border-radius: 50%;background: #fff;overflow: hidden;}
.i-service-choosebtn{transition: all .5s;display: flex;align-items: center;width: 50%;height: 100%;outline: none;cursor: pointer;}
.i-service-choosebtn.i-btn-left{justify-content: flex-end;}
.i-service-choosebtn.i-btn-right{justify-content: flex-start;}
.i-service-choosebtn i{transition: all .5s;color: #000;font-size: 18px;line-height: 1em;}
.i-service-choosebtn.i-btn-left i{margin-right: 4px;}
.i-service-choosebtn.i-btn-right i{margin-left: 4px;}
.i-service-choosebtn:hover i{color: #89be3f;}
/* i-news */
.i-news{position: relative;}
.i-news-main{position: absolute;top: 50%;transform: translateY(-50%);width: calc((100% - 1720px) / 2 + 1720px);margin-left: calc((100% - 1720px)/2);margin-top: 20px;}
.i-news-item{width: 429px;box-sizing: border-box;border: 1px solid #d9d9d9;border-left: none;}
.i-news-item:first-child{border-left: 1px solid #d9d9d9;}
.i-news-pic{position: relative;width: 100%;padding-bottom: 67.59%;overflow: hidden;}
.i-news-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.i-news-info{padding:30px 33px;}
.i-news-text{margin-bottom: 30px;}
.i-news-title{transition: all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 4em;color: #333;font-size: 20px;line-height: 2em;}
.i-news-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 90px;color: #666;font-size: 16px;line-height: 30px;}
.i-news-data{display: flex;justify-content: space-between;align-items: center;}
.i-news-date{color: #666;font-size: 16px;line-height: 1em;}
.i-news-more{position: relative;transition: all .5s;padding-bottom: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;color: #89be3f;font-size: 16px;line-height: 1em;opacity: 0;}
.i-news-item:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.i-news-item:hover .i-news-pic img{transform: scale(1.1);}
.i-news-item:hover .i-news-title{color: #89be3f;}
.i-news-item:hover .i-news-more{animation: none;background-position: left bottom;background-size: 100% 1px;opacity: 1;}
.i-news-page{position: absolute;left: 50%;bottom: 7.46vh;transform: translateX(-50%);}
/* footer */
.footer{position: relative;z-index: 1;background: #222222;}
.footer-top{display: flex;justify-content: space-between;align-items: center;padding: 25px 0 18px;border-bottom: 1px solid #333;}
.footer-logo{width: 140px;}
.footer-logo img{display: block;width: 100%;height: auto;}
.footer-main{display: flex;justify-content: space-between;padding: 73px 0 120px;}
.footer-info{width: 23.25%;}
.footer-info-title{margin-bottom: 17px;color: #fff;font-size: 14px;line-height: 1em;}
.footer-info-tel{transition: all .5s;color: #fff;font-size: 28px;line-height: 1em;}
.footer-info-tel:hover{color: #89be3f;}
.footer-info-address{margin-top: 5px;color: #666;font-size: 14px;line-height: 25px;}
.footer-info-address a{transition: all .5s;color: #666;}
.footer-info-address p:hover a{color: #89be3f;}
.footer-share{display: flex;margin-top: 60px;}
.footer-share a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;outline: none;background: transparent;}
.footer-share a:first-child{margin-right: 18px;}
.footer-share a i{color: #fff;font-size: 26px;line-height: 1em;}
.footer-share-wexin{position: relative;}
.footer-share-wexinbox{display: none;border: 1px solid #eee;position: absolute;z-index: 9;top: -166px;left: 50%;transform: translateX(-50%);width: 120px;height: 150px;color: #666;font-size: 12px;text-align: center;background-color: #fff;transition: all 200ms;}
.footer-share-wexinbox:after{content: '';position: absolute;left: 50%;margin-left: -6px;bottom: -13px;width: 0;height: 0;border-width: 8px 6px 6px 6px;border-style: solid;border-color: #fff transparent transparent transparent;}
.social-share .footer-share-wexinbox h4 {font-weight: normal;height: 26px;line-height: 26px;font-size: 12px;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
.social-share .footer-share-wexinbox .qrcode{width: 105px;margin: 10px auto;}
.social-share .footer-share-wexinbox .qrcode img{width: 100%;}
.footer-share a:hover{border-color: #89be3f;background: #89be3f;}
.footer-share-wexin:hover .footer-share-wexinbox{display: block;}
.footer-nav{display: flex;justify-content: space-between;width: 65.93%;}
.footer-nav-item{}
.footer-nav-type{color: #fff;font-size: 20px;line-height: 1em;}
.footer-nav-son{margin-top: 46px;}
.footer-nav-link{}
.footer-nav-son a{padding-bottom: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;color: #666;font-size: 14px;line-height: 40px;}
.footer-nav-son a:hover{color: #89be3f;animation: none;background-position: left bottom;background-size: 100% 1px;}
.footer-bottom{display: flex;justify-content: space-between;align-items: center;padding: 18px 0;border-top: 1px solid #333;}
.footer-bottom p,.footer-bottom a{transition: all .5s;color: #fff;font-size: 14px;line-height: 1em;}
.footer-bottom a:hover{color: #89be3f;}
.footer-copyright{display: flex;align-items: center;}
/* 悬浮侧边栏 */
.fixed{position: fixed;right: 20px;top: 80vh;transform: translateY(-50%);z-index: 100;display: none;}
.fixed.on{display: block;}
.fixed-item{position: relative;display: flex;justify-content: center;align-items: center;width: 54px;height: 54px;margin-bottom: 14px;border-radius: 50%;background: #698fce;}
.fixed-item::before,.fixed-item::after{content: "";position: absolute;left: 0;top: 0;transform-origin: center;transition: all .5s;width: 100%;height: 100%;box-sizing: border-box;border-radius: 50%;border: 1px solid #89be3f;z-index: -1;opacity: 0;}
.fixed-item.on{background: #89be3f;}
.fixed-item.on::before{animation: cycle 2s linear infinite;z-index: 0;opacity: 1;}
.fixed-item.on::after{animation: cycle 2s linear infinite;animation-delay:.5s;z-index: 0;opacity: 1;}
@keyframes cycle {
form{transform: scale(1);opacity: 1;}
to{transform: scale(1.6);opacity: .2;}
}
.fixed-item:last-child{margin-bottom: 0;}
.fixed-item i{color: #fff;font-size: 30px;line-height: 1em;}
/* 内页 */
.inner-banner{position: relative;z-index: 1;display: flex;flex-flow: column;justify-content: center;align-items: center;height: 648px;color: #fff;text-align: center;}
.inner-banner .cn{margin-bottom: 20px;font-size: 57px;line-height: 1em;}
.inner-banner .en{font-family: Microsoft Yahei;font-weight: lighter;font-size: 25px;line-height: .8em;text-transform: uppercase;}
/* 面包屑 */
.breadcrumb{position: relative;z-index: 2;height: 48px;}
.breadcrumb-container{position: absolute;left: 0;top: 0;width: 100%;background: #fff;}
.breadcrumb.top .breadcrumb-container{position: fixed;left: 0;top: 60px;box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.breadcrumb-main{border-bottom: 1px solid #e3e3e3;}
.breadcrumb-content{display: flex;justify-content: space-between;align-items: center;min-height: 48px;}
.breadcrumb-site{display: flex;align-items: center;}
.breadcrumb-site i{color: #89be3f;font-size: 22px;line-height: 1em;}
.breadcrumb-site-link{display: flex;align-items: center;margin-left: 9px;color: #666;font-size: 16px;line-height: 1em;}
.breadcrumb-site-link a{transition: all .5s;color: #666;}
.breadcrumb-site-link a:hover{color: #89be3f;}
.breadcrumb-site-link span.jt{margin:0 5px;}
.breadcrumb-site-link span.jt,.breadcrumb-site-link p{color: #000;}
.breadcrumb-nav{display: flex;}
.breadcrumb-nav-item{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;min-width: 113px;height: 48px;box-sizing: border-box;padding: 0 20px;color: #666;font-size: 16px;}
.breadcrumb-nav-item>a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;color: #666;font-size: 16px;}
.breadcrumb-nav-item:hover,.breadcrumb-nav-item.on{color: #fff;background: #89be3f;}
.breadcrumb-nav-item:hover>a,.breadcrumb-nav-item.on>a{color: #fff;}
.breadcrumb-nav-slide{position: absolute;left: 0;top: 100%;display: none;width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, .2);background: #fff;}
.breadcrumb-nav-slide-item{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;height: 40px;color: #666;font-size: 16px;text-align: center;}
.breadcrumb-nav-slide-item:hover{color: #fff;background: #89be3f;}
.breadcrumb-main svg{transition: all .5s;display: none;}
.breadcrumb.on .breadcrumb-main svg{transform: rotate(90deg);}
.breadcrumb-list{position: absolute;left: 0;top: 100%;z-index: 98;display: none;width: 100%;padding: 20px 0 40px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);background: #fff;}
.breadcrumb-item{display: flex;justify-content: space-between;align-items: center;height: 50px;border-bottom: 1px solid #eaeaea;color: #333;font-size: 16px;}
/* case */
.case{padding: 96px 0 140px;overflow-x: hidden;}
.case-top{display: flex;}
.case-top-pic{position: relative;width: 61.86%;padding-bottom: 37.79%;overflow: hidden;}
.case-top-pic img{transition: all .5s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-top-pic:hover img{transform: scale(1.1);}
.case-top-info{display: flex;flex-flow: column;justify-content: center;width: 38.14%;box-sizing: border-box;padding: 0 5.58%;background: #fafafa;}
.case-top-text{margin-bottom: 144px;}
.case-top-title{margin-bottom: 80px;color: #333;font-size: 20px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-top-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height: 120px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.case-top-more span{padding-bottom: 2px;;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;color: #666;font-size: 16px;line-height: 1em;}
.case-top-info:hover .case-top-more span{color: #89be3f;animation: none;background-position: left bottom;background-size: 100% 1px;}
.case-list{display: flex;flex-wrap: wrap;margin: 27px 0 78px;border-left: 1px solid #d9d9d9;}
.case-item{position: relative;display: block;width: 25%;box-sizing: border-box;padding-bottom: 24.18%;border-bottom: 1px solid #d9d9d9;border-right:1px solid #d9d9d9;background: #fafafa;overflow: hidden;outline: none;}
.case-item-main{position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;display: flex;flex-flow: column;justify-content: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0 34px;}
.case-item-title{transition: all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height: 4em;color: #333;font-size: 20px;line-height: 2em;}
.case-item-msg{transition: all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 90px;margin: 30px 0 64px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.case-item-more{color: #666;font-size: 16px;line-height: .8em;}
.case-item-pic{position: absolute;left: 0;top: 0;transform: translateY(100%);transition: all .5s;width: 100%;height: 100%;overflow: hidden;}
.case-item-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-item:hover .case-item-main{background: rgba(23, 71, 151, .5);}
.case-item:hover .case-item-title,.case-item:hover .case-item-msg,.case-item:hover .case-item-more{color: #fff;}
.case-item:hover .case-item-pic{transform: translateY(0);}
/* 产品智能硬件 */
.product{position: relative;padding: 95px 0 165px;}
.product-menu{padding-bottom: 39px;border-bottom: 1px solid #d9d9d9;}
.product-menulist{display: flex;flex-wrap: wrap;}
.product-menu-item{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 17.55%;height: 54px;padding: 0 12px;border-radius: 54px;box-sizing: border-box;margin-right: 9.93%;margin-bottom: 26px;color: #333;font-size: 20px;line-height: 1.2em;background: #d9d9d9;overflow: hidden;}
.product-menu-item:nth-child(4n){margin-right: 0;}
.product-menu-item p{position: relative;z-index: 1;text-align: center;}
.product-menu-item::after{display: block;position: absolute;left: -130%;bottom: 0;content: "";width: 120%;height: 150%;background: #89be3f;transform: skew(-20deg);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.product-menu-item:hover,.product-menu-item.on{color: #fff;}
.product-menu-item:hover::after,.product-menu-item.on::after{left: 0}
.product-content{display: flex;padding-top: 76px;}
.product-title{width: 28.19%;box-sizing: border-box;padding-right: 60px;color: #89be3f;font-size: 32px;line-height: 58px;}
.product-title p{position: relative;display: inline-block;}
.product-title p::after{content: "";position: absolute;left: 0;bottom: -28px;width: 100%;height: 2px;background: #89be3f;}
.product-info{display: flex;flex-wrap: wrap;width: 71.81%;}
.product-pic{position: relative;width: 38.34%;height: 0;padding-bottom: 28.96%;}
.product-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-msg{width: 61.66%;box-sizing: border-box;padding-left: 12.45%;color: #666;font-size: 16px;line-height: 30px;}
.product-msg-title{color: #333;}
.product-td{margin-top: 30px;text-align: justify;}
.product-btn{position: absolute;top: 50%;transform: translateY(-50%);transition: all .5s;display: none;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;box-sizing: border-box;border: 1px solid #89be3f;cursor: pointer;}
.product-btn i{transition: all .5s;color: #89be3f;}
.product-btn-prev{left: 2.5%;}
.product-btn-next{right: 2.5%;}
.product-btn:hover{background: #89be3f;}
.product-btn:hover i{color: #fff;}
/* product详情页 */
.product-read{position: relative;display: flex;margin-bottom: 146px;overflow-x: hidden;}
.product-read-main{position: relative;width: 80.2%;border-right: 1px solid #d9d9d9;box-sizing: border-box;padding-top: 96px;}
.product-read-content{position: relative;width: 100%;box-sizing: border-box;padding-right: 4.35%;padding-left: calc((100vw - 1720px) / 2);margin-bottom: 104px;}
.index{position: absolute;left: 0;top: -200px;}
.product-read-content:nth-child(4),.product-read-content:nth-child(5){margin-bottom: 0;}
.product-read-title{display: flex;flex-flow: column;align-items: center;margin-bottom: 16px;}
.product-read-title p{margin-bottom: 6px;color: #515151;font-size: 40px;line-height: 1em;}
.product-read-title i{color: #515151;font-size: 18px;line-height: 1em;}
.product-read-msg{color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.product-read-msg p,.product-read-msg a{transition: all .5s;color: #666;}
.product-read-msg img{display: block;max-width: 100%;height: auto;margin: 0 auto 3px;}
.product-read-content .product-read-msg img:last-child{margin-bottom: 0;}
.product-read-msg a:hover{color: #89be3f;}
.product-function{position: relative;display: flex;padding-right: 4.35%;padding-left: calc((100vw - 1720px) / 2);}
.product-function-swiper{width: 52.29%;}
.product-function-pic{position: relative;width: 100%;height: 0;padding-bottom: 582px;overflow: hidden;background: #d9d9d9;}
.product-function-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-function-list{display: flex;flex-wrap: wrap;width: 47.71%;}
.product-function-title{display: flex;align-items: center;width: 100%;height: 131px;box-sizing: border-box;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;;padding-left: 10%;color: #515151;font-size: 40px;}
.product-function-title i{margin-right: 6px;color: #000;font-size: 18px;}
.product-function-item{position: relative;display: flex;justify-content: center;align-items: center;width: 50%;height: 75px;color: #666;font-size: 16px;line-height: 30px;text-align: center;border-bottom: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;box-sizing: border-box;cursor: pointer;}
.product-function-listtitle{transition: all .5s;}
.product-function-listmsg{position: absolute;left: 0;top: 0;transition: all .5s;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0 20px;opacity: 0;}
.product-function-item a{display: flex;align-items: center;color: #87bf33;font-size: 20px;}
.product-function-item a i{font-size: 30px;line-height: 1em;}
.product-function-item.on .product-function-listtitle,.product-function-item:hover .product-function-listtitle{opacity: 0;}
.product-function-item.on .product-function-listmsg,.product-function-item:hover .product-function-listmsg{color: #fff;background: #89be3f;opacity: 1;}
.product-function-btn{position: absolute;top: 50%;transform: translateY(-50%);transition: all .5s;z-index: 1;display: none;cursor: pointer;}
.product-function-btn.prev{left: 6px;}
.product-function-btn.next{right: 6px;}
/* .product-function-btn i{font-size: 30px;line-height: 1em;} */
/* 小精灵简介 */
.product-read-intro{display: flex;justify-content: center;align-items: center;margin-top: 80px;}
.product-read-intropic{position: relative;width: 593px;height: 422px;margin-right: 52px;}
.product-read-intropic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-read-intromsg{color: #89be3f;font-size: 26px;line-height: 1em;}
.product-read-intromsg ul{display: flex;justify-content: space-between;margin-top: 78px;}
.product-read-intromsg li{display: flex;flex-flow: column;align-items: center;}
.product-read-intromsg li i{margin-bottom: 22px;color: #7f838b;font-size: 56px;line-height: 1em;}
.product-read-intromsg li span{color: #666;font-size: 20px;line-height: 30px;}
.product-feature{padding-top: 104px;padding-bottom: 104px;margin-bottom: 0;background: #fafafa;}
.product-feature-main{position: relative;display: flex;align-items: center;margin-left: 9.12%;}
.product-feature-round{position: relative;display: flex;justify-content: center;align-items: center;width: 375px;height: 375px;}
.product-feature-half{position: absolute;right: 0;top: 0;width: 50%;height: 100%;overflow: hidden;}
.product-feature-half::after{content: "";position: absolute;top: 0;right: 0;width: 200%;height: 100%;border-radius: 50%;border: 1px solid #26366b;box-sizing: border-box;}
.product-feature-list{width: calc(100% - 375px);margin-left: -6px;}
.product-feature-cycle{position: relative;width: 187.5px;height: 375px;overflow: hidden;}
.product-feature-item{position: relative;display: flex;align-items: center;padding-left: 107px;margin-bottom: 52px;}
.product-feature-item:nth-child(odd){margin-left: -58px;}
.product-feature-item:last-child{margin-bottom: 0;}
.product-feature-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;border-radius: 50%;border: 1px solid #26366b;box-sizing: border-box;background: #fff;}
.product-feature-item::after{content: "";position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 95px;height: 1px;background: #26366b;}
.product-feature-cycle{display: flex;justify-content: center;align-items: center;width: 86px;height: 86px;border-radius: 50%;color: #fff;font-size: 20px;line-height: 30px;background: #26366b;}
.product-feature-msg{width: 570px;box-sizing: border-box;padding-left: 30px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.product-goal{padding-top: 120px;margin-bottom: 34px;}
.product-goal-title{color: #515151;font-size: 40px;line-height: 1em;text-align: center;}
.product-goal-main{position: relative;display: flex;justify-content: center;padding-top: 86px;}
.product-goal-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;}
.product-goal-list{position: relative;z-index: 1;;display: flex;justify-content: space-between;width: 1210px;}
.product-goal-item{width: 300px;}
.product-goal-cycle{display: flex;justify-content: center;align-items: center;width: 132px;height: 132px;border-radius: 50%;margin: 0 auto;background: #d9d89d;}
.product-goal-cycle i{color: #fff;font-size: 56px;line-height: 1em;}
.product-goal-text{margin-top: 20px;}
.product-goal-name{margin-bottom: 13px;color: #333;font-size: 20px;line-height: 1em;text-align: center;}
.product-goal-msg{color: #666;font-size: 16px;line-height: 30px;text-align: center;}
.product-goal-item:nth-child(2) .product-goal-cycle{width: 170px;height: 170px;margin-top: 55px;;background: #a3d45d;}
.product-goal-item:nth-child(3) .product-goal-cycle{width: 160px;height: 160px;;margin-top: 35px;background: #c5d4f6;}
.product-target{width: 19.8%;}
.product-target.on{position: fixed;right: 0;top: 0;z-index: 1;}
.product-target ul{position: relative;top: 107px;width: 100%;box-sizing: border-box;padding-left: 16.31%;padding-right: calc((100vw - 1720px) / 2);}
.product-target.on ul{top: 216px;}
.product-target ul.on{position: absolute;top: auto;bottom: 0;right: 0;width: 19.8%;padding-left: 3.2%;box-sizing: border-box;overflow: hidden;}
.product-target li:not(:last-child){margin-bottom: 40px;}
.product-target li a {display: flex;justify-content: space-between;align-items: center;color: #333;font-size: 16px;line-height: 1em;transition: all .5s;}
.product-target .line{width: 0%;height: 1px;background: #a0a0a0;transition: all .5s;}
.product-target li:hover a,.product-target li.on a{color: #89be3f;}
.product-target li:hover .line,.product-target li.on .line{width: 30%;background: #89be3f;}
/* news */
.news{padding: 96px 0 115px;}
.news-list{display: flex;flex-wrap: wrap;border-left: 1px solid #d9d9d9;margin-bottom: 64px;}
.news-item{transition: all .5s;width: 25%;box-sizing: border-box;box-sizing: border-box;border: 1px solid #d9d9d9;border-left: none;border-top: none;padding: 27px 29px;}
.news-item:nth-child(1),.news-item:nth-child(2),.news-item:nth-child(3),.news-item:nth-child(4){border-top: 1px solid #d9d9d9;}
.news-item-pic{position: relative;width: 100%;padding-bottom: 67.92%;overflow: hidden;}
.news-item-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.news-item-text{margin-top: 26px;}
.news-item-title{transition: all .5s;color: #333;font-size: 20px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-item-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 90px;margin: 20px 0 49px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.news-item-data{transition: all .5s;display: flex;justify-content: space-between;align-items: center;color: #666;font-size: 16px;line-height: 1em;}
.news-item-more{position: relative;}
.news-item-more::after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;}
.news-item:hover{box-shadow: 6px 6px 6px rgba(0, 0, 0, .1);}
.news-item:hover .news-item-pic img{transform: scale(1.1);}
.news-item:hover .news-item-title,.news-item:hover .news-item-data{color: #89be3f;}
.news-item:hover .news-item-more::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
/* solution */
.solution{padding:72px 0 115px;}
.solution-list{display: flex;flex-wrap: wrap;margin-bottom: 58px;}
.solution-item{transition: all .5s;display: flex;padding: 24px;padding-left: 0;border-bottom: 1px solid #d9d9d9;}
.solution-pic{position: relative;transition: all .5s;width: 551px;padding-bottom: 313px;margin-right: 20px;overflow: hidden;}
.solution-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.solution-right{display: flex;flex-flow: column;justify-content: space-between;width: calc(100% - 571px);box-sizing: border-box;padding: 20px 0 20px 4.06%;color: #666;font-size: 16px;line-height: 30px;}
.solution-text{}
.solution-title{transition: all .5s;color: #333;font-size: 20px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height: 90px;overflow:hidden;margin-top: 30px;text-align: justify;}
.solution-data{transition: all .5s;display: flex;justify-content: space-between;align-items: center;}
.solution-data ul{display: flex;align-items: center;}
.solution-data li{display: flex;align-items: center;justify-content: center;height: 30px;box-sizing: border-box;border: 1px solid #d9d9d9;margin-right: 19px;padding: 0 10px;}
.solution-data li:last-child{margin-right: 0;}
.solution-more{position: relative;line-height: 1em;}
.solution-more::after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) no-repeat left bottom;-webkit-transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property:background-size,color;-webkit-transition-property:background-size,color;background-position: right bottom;background-size: 0 1px;}
.solution-item:hover {box-shadow: 0 0 6px rgba(0, 0, 0, .1);background: #fafafa;}
.solution-item:hover .solution-pic{margin-left: 20px;margin-right: 0;}
.solution-item:hover .solution-title,.solution-item:hover .solution-data{color: #89be3f;}
.solution-item:hover .solution-more::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
.solution-item:hover .solution-data li{border-color: #89be3f;}
/* 新闻详情页 */
.article-read{padding: 90px 0 138px;}
.article-read-top{padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.article-read-title{margin-bottom: 46px;color: #333;font-size: 40px;line-height: 1.5em;text-align: center;}
.article-read-data{display: flex;justify-content: center;align-items: center;color: #666;font-size: 16px;line-height: 1em;text-align: center;}
.article-read-data p{margin-right: 65px;}
.article-read-data p:last-child{margin-right: 0;}
.article-read-content{border-bottom: 1px solid #d9d9d9;padding: 67px 0 81px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.article-read-content a{transition: all .5s;color: #666;}
.article-read-content a:hover{color: #89be3f;}
.article-read-content img{display: block;max-width: 100%;height: auto;margin: 22px auto;}
.case-read img{width: 100%;height: auto;}
.article-page {display: flex;justify-content: space-between;padding-top: 28px;}
.article-page a{color: #666;font-size: 16px;line-height: 1em;transition: all .5s;}
.article-page a p{text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .5s;}
.article-page-item{display: flex;align-items: center;width: 45%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.article-page-item.prev{justify-content: flex-start;}
.article-page-item.next{justify-content: flex-end;}
.article-page-back{display: flex;flex-flow: column;align-items: center;}
.article-page-back i{margin-bottom: 10px;color: #89be3f;font-size: 36px;line-height: 1em;}
.article-page a:hover p{color: #89be3f;}
/* 案例详情页 */
.case-read{width: 1000px;margin: 0 auto;}
/* 解决方案详情页相关案例 */
.solution-relation{padding-top: 60px;}
.solution-relation-title{margin-bottom: 22px;padding-bottom: 18px;}
.solution-relation-list{display: flex;padding: 5px;}
.solution-relation-item{position: relative;box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
.solution-relation-item::after{content: "";position: absolute;left: 0;bottom: 0;transition: all .5s;width: 0;height: 2px;background: #89be3f;}
.solution-relation-pic{position: relative;width: 100%;padding-bottom: 97.20%;overflow: hidden;}
.solution-relation-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.solution-relation-text{width: 100%;box-sizing: border-box;padding: 25px;}
.solution-relation-name{margin-bottom: 14px;color: #333;font-size: 20px;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-relation-msg{color: #666;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-relation-item:hover::after{width: 100%;}
.solution-relation-item:hover .solution-relation-pic img{transform: scale(1.1);}
.solution-relation-list .swiper-pagination{bottom: 0;display: none;justify-content: center;align-items: center;}
.solution-relation-list .swiper-pagination-bullet{width: 12px;height: 12px;}
.solution-relation-list .swiper-pagination-bullet-active{background: #89be3f;}
/* 联系我们 */
.contact{}
.contact-main{position: relative;display: flex;border-bottom: 1px solid #e3e3e3;}
.contact-info{display: flex;flex-flow: column;justify-content: center;width: 45.93%;box-sizing: border-box;padding-left: calc((100% - 1720px) / 2);border-right: 1px solid #e3e3e3;}
.contact-info-title{margin-bottom: 60px;}
.contact-info-pic{}
.contact-list{width: 54.07%;display: flex;flex-wrap: wrap;}
.contact-list li{width: 43.96%;height: 411px;box-sizing: border-box;padding-top: 97px;padding-left: 40px;cursor: pointer;transition: all .5s;}
.contact-list li:last-child{width: 56.04%;border-left: 1px solid #e3e3e3;padding-right: calc((100vw - 1720px) / 2);}
.contact-list li .contact-title{display: flex;align-items: center;margin-bottom: 37px;}
.contact-list li .contact-title i{transition: all .5s;margin-right: 28px;color: #89be3f;font-size: 50px;line-height: 1em;}
.contact-list li .contact-title p{transition: all .5s;color: #333;font-size: 26px;line-height: 1em;}
.contact-address{transition: all .5s;display: flex;align-items: center;justify-content: space-between;min-height: 113px;}
.contact-address .contact-address-msg a,.contact-address .contact-address-msg p{transition: all .5s;color: #666;font-size: 16px;line-height: 30px;}
.contact-address img{padding: 4px;background: #fff;}
.contact-list li:hover,.contact-list li.on{background: #89be3f;}
.contact-list li:hover .contact-title i,.contact-list li.on .contact-title i{color: #fff;}
.contact-list li:hover .contact-title p,.contact-list li.on .contact-title p{color: #fff;}
.contact-list li:hover .contact-address .contact-address-msg a,.contact-list li:hover .contact-address .contact-address-msg p,.contact-list li.on .contact-address .contact-address-msg a,.contact-list li.on .contact-address .contact-address-msg p{color: #fff;}
.contact-form{position: relative;padding: 116px 0 138px;background: #fafafa;}
.com-title{color: #333;font-size: 40px;line-height: 1em;}
.contact-form form{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 122px;}
.contact-form-input{display: flex;flex-flow: column;justify-content: space-between;width: 31.04%;}
.contact-form-input input{transition: all .5s;display: block;width: 100%;height: 31px;box-sizing: border-box;border: none;outline: none;border-bottom: 1px solid #d9d9d9;color: #666;font-size: 16px;background: transparent;}
.contact-form-input input::-webkit-input-placeholder { /* WebKit browsers*/
color: #666;
}
.contact-form-input input:-moz-input-placeholder { /* Mozilla Firefox 4 to 18*/
color: #666;
}
.contact-form-input input::-moz-input-placeholder { /* Mozilla Firefox 19+*/
color: #666;
}
.contact-form-input input:-ms-input-placeholder { /* Internet Explorer 10+*/
color: #666
}
.contact-form-textarea{width: 52.44%;}
.contact-form-textarea p{margin-bottom: 14px;color: #666;font-size: 16px;line-height: 1em;}
.contact-form-textarea textarea{transition: all .5s;display: block;width: 100%;height: 271px;box-sizing: border-box;border: 1px solid #d9d9d9;outline: none;padding: 20px;color: #666;font-size: 16px;background: transparent;resize: none;overflow-y: auto;}
.contact-form-btn{display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 65px;}
.contact-form-input input[type=text]:focus,.contact-form-textarea textarea:focus{ border-color: #89be3f; }
.contact-form-btn button{transition: all .5s;display: flex;justify-content: center;align-items: center;;width: 194px;height: 54px;box-sizing: border-box;border: 1px solid transparent;border-radius: 54px;outline: none;color: #fff;font-size: 16px;background: #87bf33;cursor: pointer;}
.contact-form-btn button:hover{border-color: #89be3f;color: #89be3f;background: transparent;}
/* about */
.about{padding-bottom: 140px;overflow-x: hidden;}
.about .index{position: absolute;left: 0;top: -60px;}
.about-title{color: #515151;font-size: 40px;line-height: 1em;text-align: center;}
.about-intro{position: relative;z-index: 1;width: 100%;box-sizing: border-box;padding: 127px calc((100% - 1720px) / 2) 192px;background: #fff;}
.about-intro-content{margin-top: 53px;color: #666;font-size: 16px;line-height: 30px;text-align: justify;}
.about-history{position: relative;z-index: 1;display: flex;flex-wrap: wrap;background: #fff;}
.about-history .index{top: -250px;}
.about-history-left{width: 50%;}
.about-history-pic{position: relative;width: 100%;padding-bottom: 53.22%;overflow: hidden;}
.about-history-pic img{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;}
.about-history-pic:hover img{transform: scale(1.1);}
.about-history-btn{position: absolute;bottom: 0;z-index: 1;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;outline: none;;background: #89be3f;cursor: pointer;outline: none;}
.about-history-btn.prev{left: 0;}
.about-history-btn.next{right: 0;}
.about-history-btn::after{content: "";position: absolute;left: 0;top: 0;transform-origin: right;transform: scaleX(0);transition: all .5s;width: 100%;height: 100%;background: #b7f75a;}
.about-history-btn i{position: relative;z-index: 1;color: #fff;font-size: 18px;line-height: 1em;}
.about-history-btn.next::after{transform-origin: left;}
.about-history-btn:hover::after{transform: scaleX(1);}
.about-history-year{height: 134px;}
.about-history-yearitem{display: flex;justify-content: center;align-items: center;box-sizing: border-box;border-left: 1px solid #d9d9d9;color: #ccc;font-size: 26px;text-align: center;cursor: pointer;}
.about-history-yearitem.swiper-slide-thumb-active{color: #000;}
.about-history-right{position: relative;width: 50%;padding-top: 121px;background: #fafafa;}
.about-history-msg{margin-top: 78px;color: #666;font-size: 20px;line-height: 30px;text-align: center;}
.about-history-bg{position: absolute;left: 50%;bottom: 134px;transform: translateX(-50%);color: #89be3f;font-size: 180px;line-height: 1em;text-align: center;opacity: .2;}
.about-vision{position: relative;height: 751px;box-sizing: border-box;padding-top: 127px;background: transparent;}
.about-vision::after{content: "";position: fixed; background: url(/static/img/vision.jpg)center/cover no-repeat; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; -webkit-background-size: cover !important;-moz-background-size: cover !important; -o-background-size: cover; background-size: cover !important;}
.about-vision-content{position: relative;z-index: 1;}
.about-vision-content.one{margin-bottom: 93px;}
.about-vision-title{margin-bottom: 35px;;color: #fff;font-size: 40px;line-height: 1em;text-align: center;}
.about-vision-msg{color: #fff;font-size: 26px;line-height: 1em;text-align: center;letter-spacing: 14px;}
.about-vision-list{position: absolute;left: 50%;bottom: 72px;transform: translateX(-50%);z-index: 1;display: flex;justify-content: center;align-items: center;}
.about-vision-item{position: relative;width: 16.66%;height: 80px;}
.about-vision-item::after{content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: 100%;background: #fff;opacity: .3;}
.about-vision-item:last-child::after{display: none;}
.about-vision-info{position: absolute;left: 0;top: 0;transition: all .5s;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0 20px;}
.about-vision-item i{margin-bottom: 12px;color: #fff;font-size: 35px;line-height: 1em;}
.about-vision-item p,.about-vision-item span{color: #fff;font-size: 20px;line-height: 30px;text-align: center;}
.about-vision-item span{display: none;}
.about-vision-item:hover .about-vision-info{top: -80px;}
.about-vision-item:hover span{display: block;}
/* 搜索 */
.search{padding: 90px 0;}
.search-list ul{margin-bottom: 50px;}
.search-item{}
.search-item a{display: flex;align-items: center;justify-content: space-between;height: 80px;border-bottom: 1px solid #d9d9d9;;color: #333;font-size: 20px;line-height: 1.5em;}
.search-item:hover a{color: #89be3f;}
.search-item a p{transition: all .5s;width: calc(100% - 120px);box-sizing: border-box;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-item a span{color: #666;font-size: 16px;}
.search-item:hover a p{padding-left: 10px;}
.search-nocontent{display: flex;align-items: center;justify-content: center;height: 100px;color: #333;font-size: 16px;text-align: center;}
/* 移动端 */
.header .header-btn{position: relative;display: none;width: 35px;height: 28px;margin-left: 20px;cursor: pointer;}
.header .header-line{position: absolute;transition: all .5s;width: 35px;height: 2px;background: #fff;}
.header.on .header-line,.header.white .header-line,.header.searchbg .header-line{background: #333;}
.header-btn .header-line:first-child{top: 0;left: 0;transform-origin: right bottom;}
.header-btn .header-line:nth-child(2){top: 0;left: 0;margin: 13px 0;}
.header-btn .header-line:last-child{bottom: 0;left: 0;transform-origin: right top;}
.header-btn.on .header-line:first-child{top: 0.5px;transform: rotate(-45deg);}
.header-btn.on .header-line:nth-child(2){opacity: 0;}
.header-btn.on .header-line:last-child{bottom: 0.5px;transform: rotate(45deg);}
.header-mobile{position: absolute;top: 60px;right: 0;transition: all .5s;display: none;width: 100%;height: calc(100vh - 60px);box-sizing: border-box;z-index: 99;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2) inset;}
.header-mobile.open {display: block;}
.header-slide{height: 100%;overflow-y: auto;}
.header-mobile-item {position: relative;border-bottom: 1px solid rgba(0,0,0,.15);z-index: 1;}
.header-mobile-type{transition: all .5s;display: flex;justify-content: space-between;align-items: center;opacity: 0;}
.header-mobile.open .header-mobile-type{opacity: 1;}
.header-mobile-type a,.header-mobile-type p{display: inline-block;padding: 20px 0;color: #000;font-size: 20px;line-height: 1.5em;}
.header-mobile-type svg{transition: all .5s;}
.header-mobile-type.on svg{transform: rotate(90deg);}
.header-mobile-slide{display: none;margin-left: 30px;margin-bottom: 25px;}
.header-mobile-slide a{display: block;padding: 5px 0;color: #000;font-size: 18px;line-height: 1.5em;}
/* media css */
@media screen and (max-width:1800px) {
.w1720{width: 95%;}
.i-service-item.open{width: calc(100% - 100px);padding-left: 2.5%;}
.i-service-item.off{width: 100px;}
.i-service-item.open .i-service-menu{left: 2.5%;top: 50%;transform: translate(0,-50%);}
.i-service-item.off .i-service-type{margin: 0 auto;}
.i-news-main{width: 97.5%;margin-left: 2.5%;margin-top: 0;}
.product-read-main{padding:96px 2.5% 0;}
.product-read-content,.product-function{padding: 0;}
.product-target{box-sizing: border-box;padding-right: 2.5%;}
.product-target ul{padding-right: 0;}
.product-target ul.on{padding-right: 2.5%;}
.product-feature{padding: 104px 0;}
.product-feature-main{margin-left: 0;justify-content: center;}
.product-goal{padding-top: 120px;}
.product-menu-item{width: 22%;margin-right: 4%;}
.about-intro{padding: 127px 2.5% 192px;}
.contact-main{padding-left: 2.5%;}
.contact-info{padding-left: 0;}
.contact-list li{padding: 97px 20px 0;}
.contact-list li:last-child{padding-right: 20px;}
.contact-info-pic img{display: block;width: 600px;}
}
@media (max-height: 768px) and (min-width: 1500px){
.i-news-msg{-webkit-line-clamp:2;height: 60px;}
.i-service-main{height: 84vh;}
}
@media screen and (max-width:1500px) {
.i-solution-info{width: 40%;padding-right: 20px;}
.i-solution-main{display: flex;flex-flow: column;height: 100%;}
.i-solution-menu{margin: 46px auto 0;}
.i-solution-swiper{margin-top: 20px;}
.i-solution-page{margin-top: 80px;}
.i-solution-box{width: 60%;}
.product-read-intro{justify-content: space-between;}
.product-read-intropic{width: 50%;height: auto;padding-bottom: 30.72%;margin-right: 0;}
.product-read-intromsg{font-size: 22px;}
.product-read-intromsg li span{font-size: 18px;line-height: 1.2em;}
.product-feature-item{margin-bottom: 48px;}
.product-feature-msg{width: calc(100% - 140px);padding-left: 14px;}
.product-feature-cycle{font-size: 16px;line-height: 1.5em;letter-spacing: .5em;}
.product-feature-cycle p{margin-left: .5em;}
.case-item-title{height: 3em;line-height: 1.5em;}
.about-history-year{height: 100px;}
.about-history-yearitem{font-size: 22px;}
.about-history-right{padding-top: 80px;}
.about-history-bg{bottom: 40px;font-size: 150px;}
.about-vision-msg{font-size: 22px;}
.contact-info-pic img{width: 540px;}
.contact-list li{height: 390px;padding-top: 70px;}
.contact-list li .contact-title i{font-size: 46px;margin-right: 20px;}
.contact-list li .contact-title p{font-size: 22px;}
.contact-address img{width: 80px;height: auto;}
.solution-relation-text{padding: 20px 12px;}
.solution-relation-name{margin-bottom: 10px;}
}
@media (max-height: 900px) and (min-width: 1366px){
.i-com-title{padding: 24px 0;}
.i-solution-menu::after{top: 35px;}
.i-solution-cycle{width: 70px;height: 70px;}
.i-solution-cycle i{font-size: 30px;}
.i-solution-box{width: 55%;}
.i-news-info{padding: 24px;}
.i-news-title{height: 3em;line-height: 1.5em;}
.i-news-page{bottom: 20px;}
}
@media screen and (max-width:1366px) {
.i-service-type{margin-bottom: 60px;}
/* .i-service-main{height: 75vh;} */
.i-service-item.open .i-service-list li.on{margin-bottom: 40px;}
.i-service-list .i-service-msg .i-service-msgtext{margin: 20px 0;}
.i-news-item{width: 330px;}
.i-news-title{display: block;height: 1.5em;line-height: 1.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-news-info{padding: 20px;}
.footer-main{padding: 60px 0;}
.inner-banner{height: 550px;}
.product-menu-item{width: 24%;margin-right: 1.33%;}
.solution-pic{width: 430px;padding-bottom: 244px;}
.solution-right{width: calc(100% - 450px);padding: 20px 0 20px 40px;}
.case-top-info{padding: 0 2.5%;}
.case-top-title{margin-bottom: 40px;}
.case-top-text{margin-bottom: 60px;}
.case-item-main{padding: 20px;}
.news-item{padding: 20px;}
.news-item-msg{height: 4.5em;font-size: 14px;line-height: 1.5em;}
.news-item-data{font-size: 14px;}
.about-vision-item p, .about-vision-item span{font-size: 18px;}
.contact-info-title{margin-bottom: 40px;}
.contact-info-pic img{width: 440px;}
.contact-address{flex-flow: column;align-items: flex-start;}
.contact-list li,.contact-list li:last-child{width: 50%;height: 360px;}
.contact-list li .contact-title{margin-bottom: 24px;}
.contact-address img{margin-top: .5em;}
.contact-form-input{width: 40%;}
.product-target li:hover .line, .product-target li.on .line{width: 36%;}
}
@media (max-height: 768px) and (min-width: 1280px){
.i-com-title{padding: 20px 0;}
.i-com-title p.cn{height: 30px;margin-bottom: 8px;font-size: 30px;}
.i-com-title p.en{font-size: 18px;}
/* .i-solution-msg{width: 60px;height: 60px;} */
.i-solution-menu{margin-top: 20px;}
.i-solution-menu::after{top: 30px;}
.i-solution-cycle{width: 60px;height: 60px;}
.i-solution-cycle i{font-size: 28px;}
.i-solution-cycle p{font-size: 16px;}
.i-solution-type{margin-top: 4px;font-size: 16px;}
.i-solution-title{margin: 0 0 20px;}
.i-solution-box{width: 51.62%;}
.i-service-list li p{font-size: 20px;}
.i-service-list .i-service-msg .i-service-msgtext{font-size: 14px;line-height: 1.5em;}
.i-service-list .i-service-msg .i-service-more{font-size: 14px;}
}
@media (max-height: 720px) and (min-width: 960px){
.i-solution-title{font-size: 22px;}
.i-solution-msg{height: 4.5em;font-size: 14px;line-height: 1.5em;}
.i-solution-box{width: 50%;}
.i-com-btn{width: 40px;height: 40px;}
.i-news-info{padding: 12px;}
.i-news-text{margin-bottom: 12px;}
}
@media screen and (max-width:1280px) {
.header-nav-link{padding: 0 20px;}
.i-search form{width: 95%;}
.i-solution-bg{height: 76vh;}
/* .i-solution-main{height: 80vh;} */
.i-solution-title{margin: 10px 0 20px;}
.i-solution-page{margin-top: 50px;}
.footer-info-tel{font-size: 22px;}
.product-function-item{line-height: 1.5em;}
.product-function-item a{font-size: 16px;}
.product-function-item a i{margin-right: 4px;}
.product-read-intromsg{font-size: 20px;}
.product-read-intromsg li i{margin-bottom: 12px;font-size: 40px;}
.product-read-intromsg li span{font-size: 16px;}
.product-feature{padding: 80px 0;}
.product-feature-round{width: 300px;height: 300px;}
.product-feature-round img{width: 170px;height: auto;}
.product-feature-item{padding-left: 70px;}
.product-feature-cycle{width: 70px;height: 70px;font-size: 14px;}
.product-feature-msg{width: calc(100% - 100px);font-size: 14px;line-height: 1.5em;}
.product-goal-item{width: 33.33%;}
.product-title{font-size: 28px;line-height: 1.2em;}
.product-title p::after{bottom: -.5em;}
.product-msg{padding-left: 50px;}
.case-item-main{justify-content: space-between;}
.case-item-msg{height:4.5em;margin: 0;font-size: 14px;line-height: 1.5em;}
.news-item{width: 33.33%;}
.contact-info-pic img{width: 400px;}
.case-read{width: 100%;}
}
@media screen and (max-width:960px) {
.header-main{height: 60px;}
.header-nav{display: none;}
.header .header-btn{display: block;}
.i-banner-title{margin-bottom: 40px;font-size: 40px;}
.i-banner-longtitle{height: 40px;font-size: 20px;line-height: 40px;}
.i-banner-listitem{padding: 0 50px;font-size: 20px;}
.i-banner-cycle i{font-size: 40px;}
.i-com-title{padding: 40px 0 20px;}
.i-com-title p.cn{height: 30px;font-size: 30px;}
.i-com-title p.en{font-size: 20px;}
.i-solution{height: 950px !important;}
.i-solution-bg{height: 100%;}
.i-solution-bg .i-solution-bgpoint{height: 170px;}
.i-solution-main{display: block;height: 100%;}
.i-solution-menu{margin: 30px auto;}
.i-solution-menu::after{top: 35px;}
.i-solution-cycle{width: 70px;height: 70px;}
.i-solution-cycle i{font-size: 30px;}
.i-solution-cycle p,.i-solution-type{font-size: 18px;}
.i-solution-swiper{padding-bottom: 80px;}
.i-solution-type{margin-top: 10px;}
.i-solution-part{flex-flow: column;}
.i-solution-info{width: 100%;padding-right: 0;margin-bottom: 20px;}
.i-solution-title{margin-top: 0;;font-size: 24px;}
.i-solution-msg{-webkit-line-clamp:2;height: 60px;margin-bottom: 20px;}
.i-solution-more{display: inline-block;}
.i-solution-box{width: 700px;margin: 0 auto;}
.i-solution-page{position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%);margin: 0;}
.i-service{height: 800px !important;}
.i-service-main{height: 645px;}
.i-service-type{font-size: 28px;margin-bottom: 40px;}
.i-service-type span{font-size: 18px;}
.i-service-item.open{flex-flow: column;justify-content: space-between;padding: 30px;}
.i-service-item.open .i-service-menu{position: relative;left: 0;top: 0;transform: none;width: 100%;}
.i-service-list li{margin-bottom: 30px;}
.i-service-item.open .i-service-list li.on{padding-left: 30px;margin-bottom: 30px;}
.i-service-item.open .i-service-list li.on .i-service-title::before{left: -30px;width: 20px;}
.i-service-item.off .i-service-type{width: 28px;}
.i-service-list li p{font-size: 24px;}
.i-service-list .i-service-msg .i-service-msgtext{font-size: 14px;line-height: 1.5em;}
.i-service-list .i-service-msg .i-service-more{font-size: 14px;}
.i-service-photo{width: 324px;}
.i-news{height: auto !important;padding-bottom: 40px;}
.i-news-main{position: relative;top: auto;transform: none;width: 95%;margin: 40px auto 0;}
.i-news-item{width: 50%;}
.i-news-title{font-size: 18px;margin-bottom: 10px;}
.i-news-page{position: relative;left: auto;bottom: auto;transform: none;justify-content: center;margin-top: 40px;}
.footer-main{flex-wrap: wrap;padding: 40px 0 10px;}
.footer-info{width: 100%;}
.footer-share{margin-top: 10px;}
.footer-nav{width: 100%;margin-top: 40px;}
.footer-nav-type{font-size: 14px;}
.footer-nav-son{display: none;}
.fixed{top: auto;bottom: 10px;right: 10px;}
.fixed-item{width: 40px;height: 40px;}
.fixed-item i{font-size: 20px;}
.product-read-main{width: 95%;padding: 96px 0 0;margin: 0 auto;border-right: none;}
.product-target{display: none;}
.inner-banner{height: 400px;}
.inner-banner .cn{font-size: 40px;}
.inner-banner .en{font-size: 16px;}
.breadcrumb-main{background: #89be3f;cursor: pointer;box-shadow: 0 5px 5px rgb(0 0 0 / 20%);border-bottom: none;}
.breadcrumb-site-link span,.breadcrumb-site-link a,.breadcrumb-nav{display: none;}
.breadcrumb-site i,.breadcrumb-site-link p{color: #fff;}
.breadcrumb-main svg{display: block;}
.product-read-title p,.product-function-title,.product-goal-title{font-size: 30px;}
.product-read-content{margin-bottom: 60px;}
.product-function{flex-flow: column-reverse;}
.product-function-title{height: 100px;padding-left: 2.5%;}
.product-function-swiper,.product-function-list{width: 100%;}
.product-function-list{box-sizing: border-box;border-left: 1px solid #d9d9d9;}
.product-function-pic{padding-bottom: 81.33%;}
.product-function-btn{display: flex;width: 40px;height: 40px;}
.product-read-intro{flex-flow: column;margin-top: 10px;}
.product-read-intropic{width: 100%;padding-bottom: 71.16%;}
.product-read-intromsg{width: 70%;text-align: center;}
.product-feature{padding: 60px 20px;}
.product-feature-main{flex-flow: column;}
.product-feature-round{width: auto;height: auto;margin-bottom: 40px;}
.product-feature-half{display: none;}
.product-feature-half::after{display: none;}
.product-feature-list{width: 100%;}
.product-feature-item{padding-left: 0;margin-bottom: 30px;}
.product-feature-item:nth-child(odd){margin-left: 0;}
.product-feature-item::before,.product-feature-item::after{display: none;}
.product-feature-msg{width: calc(100% - 70px);}
.product-goal{padding-top: 0;margin-bottom: 0;}
.product-goal-cycle{width: 110px;height: 110px;}
.product-goal-cycle i{font-size: 42px;}
.product-goal-item:nth-child(2) .product-goal-cycle{width: 150px;height: 150px;}
.product-goal-item:nth-child(3) .product-goal-cycle{width: 140px;height: 140px;}
.product-menu{display: none;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;padding-bottom: 20px;border-bottom: none;}
.product{padding: 90px 0;}
.product-menulist{flex-wrap: nowrap;}
.product-menu-item{width: auto;margin-right: 10px;margin-bottom: 0;font-size: 16px;}
.product-menu-item:nth-child(4n){margin-right: 10px;}
.product-menu-item:last-child{margin-right: 0;}
.product-menu-item p{width: 210px;}
.product-content{flex-flow: column;padding: 0 50px;box-sizing: border-box;}
.product-title{width: 100%;padding-bottom: 60px;padding-right: 0;font-size: 22px;}
.product-title p{width: 100%;text-align: center;}
.product-info{width: 100%;}
.product-pic{width: 45%;}
.product-msg{width: 55%;}
.product-btn{display: flex;}
.solution-item{flex-flow: column;padding: 20px;box-shadow: 0 0 6px rgb(0 0 0 / 10%);background: #fafafa;margin-bottom: 20px;}
.solution-pic{width: 100%;padding-bottom: 56.66%;margin: 0;}
.solution-right{width:100%;padding: 0;padding-left: 0;margin-top: 30px;}
.solution-msg{display: flex;height: auto;;margin-top: 14px;}
.solution-title{font-size: 18px;}
.solution-data{margin-top: 10px;}
.solution-data li,.solution-more{font-size: 14px;}
.solution-item:hover .solution-pic{margin: 0;}
.solution-relation-item::after{display: none;}
.case,.news{padding: 90px 0;}
.case-top{flex-flow: column;}
.case-top-pic{width: 100%;padding-bottom: 61.09%;}
.case-top-info{width: 100%;padding: 20px;}
.case-top-msg{-webkit-line-clamp: 2;height: 3em;font-size: 14px;line-height: 1.5em;}
.case-item{width: 33.33%;padding-bottom: 31.09%;}
.case-top-title,.case-item-title{font-size: 16px;}
.case-item .case-item-main{background: rgba(23, 71, 151, .5);}
.case-item .case-item-title, .case-item .case-item-msg, .case-item .case-item-more{color: #fff;}
.case-item .case-item-pic{transform: translateY(0);}
.news-item{width: 50%;}
.news-item-title{font-size: 16px;}
.news-item-msg{margin: 12px 0 20px;}
.about{padding-bottom: 90px;}
.about-title,.about-vision-title{font-size: 30px;}
.about-intro{padding: 90px 2.5%;}
.about-history-btn{width: 44px;height: 44px;}
.about-history-year{height: 80px;}
.about-history-yearitem{font-size: 18px;}
.about-history-right{padding-top: 60px;}
.about-history-msg{margin-top: 40px;font-size: 16px;}
.about-history-bg{bottom: 20px;font-size: 80px;}
.about-vision{height: 600px;padding-top: 90px;}
.about-vision-content.one{margin-bottom: 60px;}
.about-vision-title{margin-bottom: 20px;}
.about-vision-msg{font-size: 18px;}
.about-vision-info{padding: 0 10px;}
.about-vision-item i{font-size: 30px;}
.about-vision-item p, .about-vision-item span{font-size: 14px;line-height: 1.5em;}
.about-vision-item:hover .about-vision-info{top: -60px;}
.about-vision-content{width: 95%;margin: 0 auto;}
.com-title{font-size: 30px;}
.contact-main{flex-wrap: wrap;padding-left: 0;}
.contact-info{width: 100%;height: 220px;padding: 0 2.5%;border-bottom: 1px solid #e3e3e3;}
.contact-list{width: 100%;}
.contact-list li, .contact-list li:last-child{height: 300px;padding: 40px 2.5% 0;}
.contact-list li .contact-title p{font-size: 18px;}
.contact-list li .contact-title i{font-size: 40px;}
.contact-form{padding: 90px 0;}
.contact-form form{flex-flow: column;margin-top: 60px;}
.contact-form-input,.contact-form-textarea{width: 100%;}
.contact-form-input input{margin-bottom: 40px;}
.i-search{height: 80px;}
.i-search form{height: 40px;padding-left: 50px;}
.i-search .search-keywords{height: 40px;font-size: 16px;line-height: 40px;}
.i-search .search-submit{width: 40px;height: 40px;}
.i-search .search-submit i{font-size: 28px;line-height: 40px;}
.i-search-slide{left: 50px;}
.i-search-slide li p{line-height: 2em;}
.search{padding: 60px 0;}
.search-item a{height: 60px;font-size: 16px;}
.search-item a p{width: calc(100% - 90px);}
.search-item a span{font-size: 14px;}
.article-read{padding: 90px 0;}
.article-read-title{font-size: 30px;line-height: 1.5em;}
.article-read-content{padding: 60px 0;line-height: 1.5em;}
.article-page a{width: 42px;font-size: 14px;}
.article-page a.article-page-item p,.article-page a span.colon{display: none;}
.solution-relation-list{padding-bottom: 40px;}
.solution-relation-text{padding: 12px 8px;}
.solution-relation-name{font-size: 16px;}
.solution-relation-msg{font-size: 14px;line-height: 1.5em;}
.solution-relation-list .swiper-pagination{display: flex;}
}
@media screen and (max-width:768px) {
.i-solution{height: 890px !important;}
.i-solution-box{width: 570px;}
.i-service-cycle{width: 50px;height: 50px;}
.i-service-item.open{width: calc(100% - 80px);padding: 20px;}
.i-service-item.off{width: 80px;}
.i-service-list li{margin-bottom: 20px;}
.i-service-item.open .i-service-list li.on{margin-bottom: 20px;}
.i-service-list .i-service-msg .i-service-msgtext{font-size: 12px;}
.i-service-list .i-service-msg .i-service-more{font-size: 12px;}
.product-info{flex-flow: column;}
.product-pic{width: 100%;padding-bottom: 79.52%;}
.product-msg{width: 100%;padding-left: 0;margin-top: 30px;}
.case-item{width: 50%;padding-bottom: 45%;}
.about-history{flex-flow: column-reverse;}
.about-history-left,.about-history-right{width: 100%;}
.about-history-right{height: 250px;padding-top: 40px;}
.about-history-bg{bottom: 40px;}
.contact-address{font-size: 14px;}
}
@media screen and (max-width:600px) {
.i-banner-bg img{object-position: center;}
.i-banner-title{font-size: 34px;}
.i-banner-longtitle{font-size: 18px;letter-spacing: 3px;}
.i-banner-content .i-banner-title{margin-bottom: 40px;}
.i-banner-listitem{padding: 0 30px;font-size: 18px;}
.i-banner-pageitem{width: 70px;}
.i-com-title p.cn{height: 24px;font-size: 24px;text-align: center;letter-spacing:10px;margin-right: -10px;}
.i-com-title p.en{font-size: 18px;text-align: center;}
.i-service .i-com-title p.cn{letter-spacing: 26px;margin-right: -26px;}
.i-news .i-com-title p.cn{letter-spacing: 16px;margin-right: -16px;}
.i-solution{height: 810px !important;}
.i-solution-menu::after{top: 30px;}
.i-solution-menuitem{padding: 0 12px;}
.i-solution-cycle{width: 60px;height: 60px;}
.i-solution-cycle i{font-size: 24px;}
.i-solution-cycle p, .i-solution-type{font-size: 16px;}
.i-solution-title{font-size: 22px;}
.i-solution-msg{-webkit-line-clamp:3;height: 4.5em;font-size: 14px;line-height: 1.5em;}
.i-solution-more{font-size: 14px;}
.i-solution-box{width: 470px;}
.i-service{height: 780px !important;}
.i-service-main{height: 632px;}
.i-service-type span{font-size: 16px;}
.i-service-item.off .i-service-type{font-size: 18px;}
.i-service-item.off .i-service-type{width: 18px;}
.i-service-list li p{font-size: 18px;}
.i-service-type{font-size: 22px;}
/* .i-service-cycle{display: none;} */
.i-service-cycle{width: 44px;height: 44px;}
.i-service-choosebtn i{font-size: 14px;}
.i-news-item{width: 100%;border-left: 1px solid #d9d9d9;}
.i-news-msg{height: 3em;font-size: 14px;line-height: 1.5em;}
.i-news-date,.i-news-more{font-size: 14px;}
.product-read{margin-bottom: 60px;}
.product-read-main{padding-top: 60px;}
.product-read-title p, .product-function-title,.product-goal-title{font-size: 24px;}
.product-read-msg{font-size: 14px;line-height: 1.5em;}
.product-function-item,.product-function-item a{font-size: 14px;}
.product-read-intromsg{width: 90%;}
.product-read-intromsg ul{margin-top: 50px;}
.product-read-intromsg li span{font-size: 14px;}
.product-goal-cycle{width: 90px;height: 90px;}
.product-goal-item:nth-child(2) .product-goal-cycle{width: 120px;height: 120px;}
.product-goal-item:nth-child(3) .product-goal-cycle{width: 110px;height: 110px;}
.product-goal-cycle i{font-size: 34px;}
.product-goal-text{margin-top: 12px;}
.product-goal-name{font-size: 16px;}
.product-goal-msg{font-size: 14px;line-height: 1.5em;}
.product-menu-item{padding: 0 6px;}
.product-msg{font-size: 14px;line-height: 1.5em;}
.solution-msg{height: 6em;font-size: 14px;line-height: 1.5em;}
.solution-data li{margin-right: 10px;}
.solution-data li, .solution-more{font-size: 12px;}
.case-top-more span,.case-item-more{font-size: 14px;}
.news-item{width: 100%;margin-top: -1px;}
.about-title, .about-vision-title{font-size: 24px;}
.about-vision{padding-top: 60px;}
.about-vision-msg{letter-spacing: 6px;}
.about-vision-list{flex-wrap: wrap;align-items: flex-start;bottom: 30px;}
.about-vision-item{width: 33.33%;height: 100px;margin-bottom: 20px;}
.about-vision-item::after{height: 80px;top: 50%;transform: translateY(-50%);}
.about-vision-item:nth-child(3n):after{display: none;}
.about-vision-info{position: relative;justify-content: flex-start;}
.about-vision-item:hover .about-vision-info{top: 0;}
.about-vision-item span{display: block;font-size: 12px;}
.contact-list li, .contact-list li:last-child{width: 100%;height: auto;border-right: none;padding: 40px 2.5%;}
.contact-address{min-height: auto;}
.article-read-title{margin-bottom: 30px;font-size: 24px;}
.article-read-content{padding: 30px 0;font-size: 14px;}
.article-page-back i{font-size: 30px;}
}
@media screen and (max-width:500px) {
.i-banner-title{font-size: 28px;letter-spacing: 8px;}
.i-banner-longtitle{font-size: 16px;padding: 0 12px;}
.i-banner-listitem{padding: 0 20px;font-size: 16px;}
.i-banner-cycle{width: 90px;height: 90px;margin-bottom: 12px;}
.i-banner-cycle i{font-size: 34px;}
.i-solution{height: 710px !important;}
.i-solution-info{margin-bottom: 10px;}
.i-solution-msg{margin-bottom: 10px;}
.i-solution-box{width: 370px;}
.i-com-btn{width: 40px;height: 40px;}
.i-solution-page{bottom: -60px;}
.i-news-msg{display: block;white-space: nowrap;text-overflow: ellipsis;height: 1.5em;}
.footer-logo{width: 120px;}
.footer-wechat img{width: 80px;}
.footer-nav-type{font-size: 12px;}
.footer-share a{width: 32px;height: 32px;}
.footer-share a i{font-size: 20px;}
.footer-bottom{padding: 4px 0;}
.footer-copyright{flex-flow: column;align-items: center;width: 100%;}
.footer-bottom p, .footer-bottom a{line-height: 1.5em;font-size: 12px;}
.inner-banner{height: 300px;}
.inner-banner .cn{margin-bottom: 12px;font-size: 34px;}
.inner-banner .en{font-size: 14px;}
.product{padding: 60px 0;}
.product-function-item{height: 66px;line-height: 1.2em;}
.product-function-item a i{font-size: 26px;}
.product-read-intromsg{width: 100%;font-size: 18px;}
.product-read-intromsg p{line-height: 1.2em;}
.product-feature-round img{width: 140px;}
.product-goal-main{padding-top: 70px;}
.product-goal-cycle{width: 80px;height: 80px;}
.product-goal-item:nth-child(2) .product-goal-cycle{width: 80px;height: 80px;margin-top: 0;}
.product-goal-item:nth-child(3) .product-goal-cycle{width: 80px;height: 80px;margin-top: 0;}
.product-goal-name{margin-bottom: 10px;font-size: 14px;}
.product-goal-msg{font-size: 12px;}
.product-menu-item{height: 40px;font-size: 14px;}
.product-menu-item p{width: 180px;}
/* .product-content{padding-top: 40px;} */
.solution-list{margin-bottom: 10px;}
.solution-item{padding: 14px;}
.solution-data li{padding: 0 5px;}
.com-page span, .com-page a{width: 34px;height: 34px;}
.solution,.article-read,.case,.news{padding: 40px 0;}
.case-list{margin-bottom: 30px;}
.case-item{width: 100%;padding-bottom: 61.09%;border-top: 1px solid #d9d9d9;margin-top: -1px;}
.com-title{font-size: 24px;}
.contact-info-title{margin-bottom: 20px;}
.contact-info-pic img{width: 320px;max-width: 100%;height: auto;}
.contact-list li, .contact-list li:last-child{padding: 20px 2.5%;}
.contact-list li .contact-title{margin-bottom: 12px;}
.contact-list li .contact-title i{font-size: 34px;margin-right: 12px;}
.contact-form{padding: 60px 0;}
.contact-form form{margin-top: 40px;}
.contact-form-input input,.contact-form-textarea p{font-size: 14px;}
.contact-form-input input{margin-bottom: 30px;}
.contact-form-textarea textarea{height: 200px;}
.contact-form-btn{margin-top: 30px;}
.contact-form-btn button{width: 150px;height:40px;font-size: 14px;}
.article-read-title{margin-bottom: 20px;}
.fixed-picbox .fixed-picshow{padding-bottom: 400px;}
}
@media screen and (max-width:400px) {
.header-logo{width: 120px;}
.i-banner-title{font-size: 24px;letter-spacing: 5px;}
.i-banner-longtitle{height: 32px;font-size: 14px;letter-spacing: 1px;line-height: 32px;}
.i-banner-listitem:first-child{padding-left: 0;}
.i-banner-listitem:last-child{padding-right: 0;}
.i-banner-listitem{font-size: 14px;}
.i-banner-cycle{width: 72px;height: 72px;}
.i-banner-jia{width: 16px;height: 16px;}
.i-banner-jia span{width: 16px;}
.i-banner-jia span:last-child{height: 16px;}
.i-banner-pageitem{width: 60px;font-size: 14px;}
.i-service{height: 760px !important;}
.i-service-item.open{width: calc(100% - 60px);}
.i-service-item.off{width: 60px;}
.i-service-main{height: 610px;}
.i-service-type{font-size: 20px;}
.i-service-type span{font-size: 12px;}
.i-service-list li p{font-size: 16px;}
.i-service-list .i-service-msg .i-service-msgtext{margin: 10px 0;}
.i-solution-box{width: 100%;}
.i-service-photo{width: 240px;}
.footer-main{padding: 40px 0;}
.footer-nav{display: none;}
.product-feature{padding: 50px 10px;}
.product-feature-cycle{width: 60px;height: 60px;font-size: 12px;}
.product-feature-msg{width: calc(100% - 60px);font-size: 12px;}
.product-goal-main{padding-top: 60px;}
.product-goal-cycle{width: 70px;height: 70px;}
.product-goal-item:nth-child(2) .product-goal-cycle{width: 70px;height: 70px;}
.product-goal-item:nth-child(3) .product-goal-cycle{width: 70px;height: 70px;}
.about-vision-item i{font-size: 26px;}
.about-vision-msg{font-size: 16px;letter-spacing: normal;}
.about-vision-info{}
}