@charset "utf-8";
body{width: 100vw;overflow-x: hidden;font-family: Source Han Sans CN, Microsoft Yahei, Arial, sans-serif;}
a{color: inherit;font-size: initial;line-height: inherit;outline: none;}
/* 滚动条 */
::-webkit-scrollbar {
    /* display: none; */
    width:2px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #0e93e7;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #0e93e7;
}


/* 通用 */
.index{position: relative;top: -166px;}
.w1600{width: 83.33%;margin: 0 auto;}
.w1440{width: 75%;margin: 0 auto;}
.p54{padding: 0 2.8125%;}
.f-48{font-size: 48px;}
.f-42{font-size: 42px;}
.f-36{font-size: 36px;}
.f-30{font-size: 30px;}
.f-24{font-size: 24px;}
.f-22{font-size: 22px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-14{font-size: 14px;}
.ofi{object-fit: cover;object-position: center;}
.ofc{object-fit: contain;object-position: center;}

/* 公共 */
.i-more{position: relative;transition: background-color .5s,border-color .5s;display: flex;align-items: center;width: 150px;height: 48px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 24px;color: #666;background: transparent;}
.i-more p{margin-left: 14.6%;font-size: 18px;line-height: 1em;}
.i-more i{position: absolute;right: 16%;top: 50%;transform: translateY(-50%);transition: right .5s;font-size: 12px;line-height: 1em;}
.i-more:hover,.i-more.blue{border-color: #0e93e7;color: #fff;background-color: #0e93e7;}
.i-more:hover i,.i-more.blue i{animation: moreMove 1s linear infinite;}
@keyframes moreMove {
    0%{right: 16%;}
    50%{right: 12%;}
    100%{right: 16%;}
}

.download{display:block;position:fixed;top:190px;right:0;font-size:16px;height:60px;line-height:60px;color:#fff;background:#207eec;z-index:999;width:160px;text-align:center;border-bottom-left-radius:25px;border-top-left-radius:25px;}
.download .download-line{height:1px;background:rgba(255,255,255,.4);position:absolute;right:0;width:135px;}
.download .top{top:0;}
.download .bottom{bottom:0;}

.message {margin: 0 0 150px;}
.i-title{text-align: center;}
.i-title p{position: relative;color: #000;line-height: 1em;}
.i-title p::after{content: "";position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);width: 86px;height: 4px;background: #0e93e7;}
.i-title span{display: block;margin-top: 34px;line-height: 1em;}

.i-pageitem{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 5px;box-sizing: border-box;border: 1px solid #c5c5c5;margin: 0 18px;color: #c5c5c5;font-size: 12px;line-height: 1em;cursor: pointer;outline: none;}
.i-pageitem:hover{border-color: #0e93e7;color: #fff;background: #0e93e7;}

.com-title p{color: #000;line-height: 1em;text-align: center;}
.com-title span{display: block;line-height: 1em;text-align: center;margin-top: 24px;}

.com-page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.com-page span,.com-page a{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 5px;box-sizing: border-box;border: 1px solid #c5c5c5;margin: 3px;color: #888;cursor: pointer;}
.com-page .prev span,.com-page .prev a{margin-left: 0;margin-right: 30px;}
.com-page .next span,.com-page .next a{margin-right: 0;margin-left: 30px;}
.com-page .now,.com-page span:hover{border-color: #0e93e7;color: #fff;background: #0e93e7;}

/* header */
.header{position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;box-sizing: border-box;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.header-main{display: flex;justify-content: space-between;align-items: center;}
.header-logo{display: block;width: 127px;}
.header-logo img{display: block;width: 100%;height: auto;}
.header-nav{display: flex;align-items: center;justify-content: center;}
.header-nav li{position: relative;padding: 0 25px;}
.header-nav li:first-child{margin-left: 0;}
.header-nav li:last-child{margin-right: 0;}
.header-nav-item{position: relative;;transition: all .5s;display: flex;justify-content: center;align-items: center;height: 90px;color: #fff;}
.header-nav-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 2px;
}
.header-nav li .header-slide{position: absolute;left: 0;top: 100%;display: none;width: 100%;padding: 15px 0;border-radius: 0 0 6px 6px;background: #fff;}
.header-nav li .header-slide a{display: block;padding: 10px 0;margin-bottom: 4px;line-height: 1em;text-align: center;}
.header-nav li .header-slide a:last-child{margin-bottom: 0;}
.header-nav li .header-slide a:hover{color: #fff;background: #0e93e7;}

.header-right{display: flex;align-items: center;}
.header-search{display: flex;align-items: center;width: 119px;height: 26px;box-sizing: border-box;box-sizing: border-box;border: 1px solid #fff;border-radius: 12.5px;padding-left: 14px;padding-right: 8px;margin-right: 44px;}
.header-search input{display: block;width: calc(100% - 14px);height: 100%;border: none;outline: none;color: #fff;font-size: 12px;background: transparent;}
.header-search button{display: flex;justify-content: center;align-items: center;border: none;outline: none;background: transparent;cursor: pointer;}
.header-search button i{color: #fff;font-size: 14px;line-height: 1em;}
.header-lang{position: relative;}
.header-lang::before{content: "";position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: #8e8e8e;}
.header-lang::after{content: "";position: absolute;right: -2px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: #8e8e8e;}
.header-lang .now{display: flex;align-items: center;padding: 0 11px;color: #fff;font-size: 16px;line-height: .8em;cursor: pointer;}
.header-lang .now .sjx{width: 0;height: 0;border: 5px solid transparent;border-top-color: #fff;margin-top: 5px;margin-left: 12px;}
.header-link{display: flex;align-items: center;}
.header-link-item{display: flex;justify-content: center;align-items: center;margin: 0 11px;}
.header-link-item:last-child{position: relative;margin-right: 0;}
.header-link-item:last-child::before{content: "";position: absolute;left: -11px;top: 50%;transform: translateY(-50%);width: 2px;height: 16px;background: #8e8e8e;}
.header-link-item img{vertical-align: top;}


/* .header-nav li:hover{overflow: visible;} */
.header-nav li:hover .header-nav-item,.header-nav li.on .header-nav-item{position: relative;color: #0e93e7;}
.header-nav li:hover .header-nav-item::after,.header-nav li.on .header-nav-item::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.header.on,.header:hover,.header.clicked,.header.innerheader{background: #fff;}
.header.on .header-nav-item,.header:hover .header-nav-item,.header.innerheader .header-nav-item{color: #666;}
.header.on .header-search,.header:hover .header-search,.header.innerheader .header-search{border-color: #666;}
.header.on .header-search input,.header:hover .header-search input,.header.innerheader .header-search input{color: #666;}
.header.on .header-search button i,.header:hover .header-search button i,.header.innerheader .header-search button i{color: #666;}
.header.on .header-lang .now,.header:hover .header-lang .now,.header.innerheader .header-lang .now{color: #666;}
.header.on .header-lang .now .sjx,.header:hover .header-lang .now .sjx,.header.innerheader .header-lang .now .sjx{border-top-color:#666}


/* i-banner */
.i-banner{position: relative;height: 100vh;}
.i-banner-item{}
.i-banner-item .content{position: relative;top: 43.22%;color: #fff;}
.i-banner-item .text{margin-bottom: 90px;}
.i-banner-item .text .cn{line-height: 1em;}
.i-banner-item .text .en{margin-top: 30px;line-height: 1em;font-weight: lighter;text-transform: uppercase;}
.i-banner-item .i-more{color: #fff;border-color: #0e93e7;background: #0e93e7;}
.i-banner .swiper-pagination{bottom: 50px;display: flex;justify-content: center;align-items: center;}
.i-banner .swiper-pagination .swiper-pagination-bullet{transition: all .5s;width: 14px;height: 14px;box-sizing: border-box;border: 2px solid #e0dfdc;margin: 0 10px;background: #e0dfdc;outline: none;opacity: 1;}
.i-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 18px;height: 18px;border-color: #0e93e7;background: transparent;}

/* i-latest */
.i-latest{padding: 140px 0 135px;}
.i-latest-list{margin-top: 60px;}
.i-latest-item{position: relative;width: 23.54%;background: #f2f2f2;overflow: hidden;}
.i-latest-item::after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 5px;}
.i-latest-pic{position: relative;width: 100%;padding-bottom: 128.83%;}
.i-latest-pic img{position: absolute;left: 0;width: 100%;height: 100%;}
.i-latest-text{position: absolute;left: 0;bottom: -48px;transition: all .5s;width: 100%;text-align: center;padding-bottom: 30px;}
.i-latest-title{color: #000;margin-bottom: 28px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-latest-text .i-more{transition: all .5s;margin: 0 auto;opacity: 0;}
.i-latest-item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.i-latest-item:hover .i-latest-text{bottom: 0;}
.i-latest-item:hover .i-latest-text .i-more{opacity: 1;}
.i-latest-page{display: flex;align-items: center;justify-content: center;margin-top: 80px;}

/* i-product */
.i-product{padding: 0 0 160px;}
.i-product-list{display: flex;flex-wrap: wrap;margin-top: 78px;}
.i-product-item{position: relative;width: 16.67%;box-sizing: border-box;border: 1px solid #e5e5e5;margin-top: -1px;margin-right: -1px;background: #f6f6f6;}
.i-product-item:last-child{display: flex;justify-content: center;align-items: center;}
.i-product-item::after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 2px;}

.i-product-pic{position: relative;width: 100%;padding-bottom: 98.73%;}
.i-product-pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.i-product-title{position: absolute;left: 50%;bottom: 19.4%;transform: translateX(-50%);transition: background .5s;display: flex;justify-content: center;align-items: center;min-width: 74.16%;max-width: 90%;border-radius: 20px;box-sizing: border-box;padding: 0 20px;color: #000;line-height: 2em;text-align: center;background: transparent;overflow: hidden;}
.i-product-title p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.i-product-item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.i-product-item:hover .i-product-title{color: #fff;background: #0e93e7;}
.i-product-item:last-child:hover .i-more{border-color: #0e93e7;color: #fff;background-color: #0e93e7;}
.i-product-item:last-child:hover .i-more i{animation: moreMove 1s linear infinite;}

/* i-industry */
.i-industry{position: relative;}
.i-industry-swiper{height: 100vh;}
.i-industry-swiperitem{width: 100%;height: 100%;}
.i-industry-swiperitem img{display: block;width: 100%;height: 100%;}
.i-industry-menu{position: absolute;left: 50%;bottom: 16.67%;transform: translateX(-50%);z-index: 1;;display: flex;align-items: center;justify-content: space-between;color: #fff;line-height: 1em;}
.i-industry-menu a{transition: all .5s;display: flex;justify-content: center;align-items: center;flex-flow: column;width: 205px;height: 177px;border-radius: 16px;background: transparent;}
.i-industry-menu a i{margin-bottom: 36px;font-size: 42px;line-height: 1em;}
.i-industry-menu a:hover,.i-industry-menu a.on{background: #0e93e7;}
.i-industry-text{position: absolute;left: 50%;top: 27.99%;transform: translateX(-50%);z-index: 2;color: #fff;line-height: 1.5em;text-align: center;}

/* i-customer */
.i-customer{position: relative;display: flex;justify-content: center;align-items: center;height: 47.29vw;background: url(/static/img/customer-bg.jpg)bottom center/cover no-repeat;overflow: hidden;}
.i-customer-content{position: relative;transform-origin: center center;display: flex;justify-content: center;align-items: center;width: 28.02vw;height: 28.02vw;border-radius: 50%;background: rgba(255,255,255,.58);}
.i-customer-content .cycle1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transform-origin: center center;transition: all .5s;width: 100%;height: 100%;border: 16px solid rgba(255,255,255,.2);border-radius: 50%;animation: cycleBig1 4s linear infinite;}
.i-customer .cycle2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transform-origin: center center;transition: all .5s;width: 54.79vw;height: 53.33vw;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;animation: cycleBig 4s linear infinite;}
.i-customer .cycle3{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transform-origin: center center;transition: all .5s;width: 77.6vw;height: 70.67vw;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;animation: cycleBig 4s linear infinite;}

@keyframes cycleBig {
    form{transform: translate(-50%,-50%) scale(0.2);opacity: .36;}
    to{transform: translate(-50%,-50%) scale(1.5);opacity: 1;}
}
@keyframes cycleBig1 {
    form{border: 1px solid rgba(255,255,255,.2);}
    to{border: 16px solid rgba(255,255,255,.36);}
}

.i-customer-title{display: flex;justify-content: center;align-items: center;width: 224px;height: 224px;border-radius: 50%;color: #fff;line-height: 1em;text-align: center;background: #0e93e7;}
.i-customer-title p{position: relative;}
.i-customer-title p::after{content: "";position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);width: 86px;height: 4px;background: #fff;}
.i-customer-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-customer-item{position: absolute;width: 8.8vw;z-index: 2;}
.i-customer-item img{display: block;width: 100%;height: auto;box-shadow: 0 0 5px rgba(0,0,0,.1);border-radius: 28px;}
.i-customer-item1{left: 9.21%;top: 27.31%;}
.i-customer-item2{left: 5.98%;top: 38.87%;}
.i-customer-item3{left: 4.84%;top: 50.22%;}
.i-customer-item4{left: 6.71%;top: 62.33%;}
.i-customer-item5{left: 20.46%;top: 25%;}
.i-customer-item6{left: 17.13%;top: 38.68%;}
.i-customer-item7{left: 17.13%;top: 52.31%;}
.i-customer-item8{left: 18.95%;top: 65.52%;}
.i-customer-item9{left: 35.83%;top: 20.04%;}
.i-customer-item10{left: 30.57%;top: 32.04%;}
.i-customer-item11{left: 29.27%;top: 45.26%;}
.i-customer-item12{left: 30.625%;top: 58.25%;}
.i-customer-item13{left: 30.9%;top: 70.59%;}
.i-customer-item14{left: 50%;top: 75.66%;transform: translateX(-50%);}
.i-customer-item15{right: 35.83%;top: 20.04%;}
.i-customer-item16{right: 30.57%;top: 32.04%;}
.i-customer-item17{right: 29.27%;top: 45.26%;}
.i-customer-item18{right: 30.625%;top: 58.25%;}
.i-customer-item19{right: 30.9%;top: 70.59%;}
.i-customer-item20{right: 20.46%;top: 25%;}
.i-customer-item21{right: 17.13%;top: 38.68%;}
.i-customer-item22{right: 17.13%;top: 52.31%;}
.i-customer-item23{right: 18.95%;top: 65.52%;}
.i-customer-item24{right: 9.21%;top: 27.31%;}
.i-customer-item25{right: 5.98%;top: 38.87%;}
.i-customer-item26{right: 4.84%;top: 50.22%;}
.i-customer-item27{right: 6.71%;top: 62.33%;}

/* i-news */
.i-news{padding: 130px 0 126px;}
.i-news-content{display: flex;justify-content: space-between;margin: 88px auto 55px;}
.i-news-show{width: 50%;box-sizing: border-box;padding: 36px;background: #f5f5f5;overflow: hidden;}
.i-news-pic{position: relative;width: 100%;padding-bottom: 340px;overflow: hidden;margin-bottom: 58px;}
.i-news-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-news-text{display: flex;}
.i-news-time{text-align: right;}
.i-news-time .year{margin-bottom: 12px;line-height: .8em;}
.i-news-time .date{line-height: .8em;}
.i-news-info{width: calc(100% - 78px);box-sizing: border-box;padding-left: 38px;}
.i-news-info .title{margin-bottom: 14px;color: #000;font-weight: bold;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-news-info .msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height: 26px;text-align: justify;}
.i-news-list{width: calc(50% - 40px);}
.i-news-item{position: relative;left: 0;transition: left .5s;display: block;width: 100%;height: 196px;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;box-sizing: border-box;margin-top: -1px;padding: 36px 22px 0;overflow: hidden;}
.i-news .i-more{margin: 0 auto;}

.i-news-item:hover{left: 14px;color: #fff;border-radius: 0 50px 0 0;background: url(/static/img/i-news-bg.jpg)center/cover no-repeat;}
.i-news-item:hover .i-news-info .title{color: #fff;}

/* footer */
.footer{border-top: 12px solid #0e93e7;padding: 48px 0 20px;background: url(/static/img/footer-bg.jpg)center/cover no-repeat;}
.footer-top{display: flex;justify-content: space-between;align-items: flex-start;}
.footer-logo{display: block;}
.footer-logo img{display: block;}
.footer-nav{display: flex;justify-content: flex-end;align-items: center;color: #ccc;line-height: 1em;border-bottom: 1px solid #4c4c4c;}
.footer-nav a{padding: 12px 0 16px;margin-left: 60px;}
.footer-nav a:first-child{margin-left: 30px;}

.footer-main{margin: 50px auto;}
.footer-info{color: #ccc;line-height: 30px;}
.footer a:hover{color: #0e93e7;}
.footer-share{display: flex;align-items: center;margin-top: 10px;}
.footer-share a{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;box-sizing: border-box;border: 1px solid #f7f7f7;border-radius: 50%;margin-right: 20px;color: #f7f7f7;overflow: hidden;}
.footer-share a:last-child{margin-right: 0;}
.footer-share a i{font-size: 14px;line-height: 1em;}
.footer-share a .box{position: absolute;left: 100%;top: 50%;transform: translate(12px,-50%);z-index: 1;padding: 4px;border-radius: 5px;background: #fff;visibility: hidden;opacity: 0;}
.footer-share a .box::before{content: "";position: absolute;left: 0;top: 50px;transform: translate(-100%,-50%);width: 0;height: 0;border: 6px solid transparent;border-right-color: #fff;}
.footer-share a .box img{display: block;width: 100px;height: auto;}

.footer-copyright{display: flex;align-items: center;color: #4c4c4c;font-size: 12px;line-height: 1.5em;}
.footer-copyright a{display: block;font-size: 12px;}
.footer-share a:hover{overflow: visible;border-color: #0e93e7;}
/* .footer-wx:hover{} */
.footer-share a:hover .box{visibility: visible;opacity: 1;}

/* fixed */
/* .fixed-contact{position: fixed;right: 1rem;bottom: 90px;z-index: 100;color: #fff;line-height: 1em;font-weight: bold;cursor: pointer;}
.fixed-contact::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transform-origin: center center;transition: all .5s;width: 100%;height: 100%;border-radius: 50%;border:10px solid rgba(14, 147, 231, .36);}
.fixed-contact .cycle{position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;flex-flow: column;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #0e93e7;}
.fixed-contact .cycle i{font-size: 24px;line-height: 1em;} */

.fixed-item{position: fixed;right: 1rem;bottom: 90px;z-index: 100;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #0e93e7;cursor: pointer;}
.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: 10px solid #0e93e7;z-index: 0;opacity: 1;animation: cycle 2s linear infinite;}
@keyframes cycle {
    form{transform: scale(1);opacity: .36;}
    to{transform: scale(1.2);opacity: .1;}
}
.fixed-item i{color: #fff;font-size: 30px;line-height: 1em;}

/* 威尼斯886699 */
.inner-banner{position: relative;display: flex;justify-content: center;align-items: center;margin-top: 90px;height: 197px;color: #fff;}
.inner-banner-title{width: fit-content;margin-bottom: 24px;font-weight: bold;line-height: 1em;background-clip: text;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right, #00e7ff, #ffffff);}
.inner-banner-msg{line-height: 1em;letter-spacing: 2px;}
.inner-bannerbg-icon{position: absolute;left: 5.2083333%;top: 0;pointer-events: none;}
.inner-logo{position: absolute;right: 12.5%;bottom: -20px;pointer-events: none;}
.inner-logo img{display: block;}

.breadcrumbs{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;}
.breadcrumbs.on{position: fixed;top: 90px;}
.breadcrumbs-main{position: relative;z-index: 1;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 76px;box-sizing: border-box;border-bottom: 1px solid #dedede;background: #fff;}
.breadcrumbs-nav{display: flex;align-items: center;height: 100%;}
.breadcrumbs-nav a{position: relative;display: flex;align-items: center;height: 100%;padding: 0 8px;margin-right: 30px;}
.breadcrumbs-nav a:last-child{margin-right: 0;}
.breadcrumbs-nav a::after{content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 2px;}
.breadcrumbs-nav a:hover,.breadcrumbs-nav a.on{color: #0e93e7;}
.breadcrumbs-nav a:hover::after,.breadcrumbs-nav a.on::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.breadcrumbs-link{display: flex;align-items: center;}
.breadcrumbs-link a{transition: all .5s;display: flex;align-items: center;line-height: 1em;}
.breadcrumbs-link a i{margin-right: 10px;font-size: 18px;line-height: .8em;}
.breadcrumbs-link span{display: block;margin:0 4px;}
.breadcrumbs-link a:hover{color: #0e93e7;}
.breadcrumbs-icon{position: relative;transition: all .5s;display: none;}
.breadcrumbs-box{position: absolute;left: 0;top: 100%;display: none;width: 100%;box-sizing: border-box;padding: 20px 2% 40px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.breadcrumbs-box a{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 50px;box-sizing: border-box;border-bottom: 1px solid #dedede;}
.breadcrumbs.open .breadcrumbs-main .breadcrumbs-icon{transform: rotate(90deg);}

.about{position: relative;display: flex;flex-wrap: wrap;padding-top: 76px;}
.about-intro{width: 50%;box-sizing: border-box;padding-left: 12.5%;padding-right: 9.84375%;padding-top: 126px;padding-bottom: 117px;box-sizing: border-box;background: #fafafa;}
.about-intro-title{margin-bottom: 25px;color: #000;line-height: 1em;}
.about-intro span{position: relative;display: block;padding-left: 30px;color: #0e93e7;line-height: .8em;font-weight: bold;}
.about-intro span::before{content: "";position: absolute;left: 4px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;box-sizing: border-box;border: 3px solid #0e93e7;border-radius: 50%;}
.about-intro-content{margin-top: 57px;line-height: 26px;text-align: justify;}
.about-intro-content p{min-height: 26px;}
.about-pic{width: 50%;}
.about-pic img{display: block;width: 100%;height: 100%;}


.history-title{text-align: center;padding:130px 0 68px;}
.history-title p{margin-bottom: 22px;color: #333;line-height: 1em;}
.history-title span{line-height: 1em;}

.history{position: relative;overflow: hidden;}
.history-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/static/img/history-bg.jpg)center/cover no-repeat;}
.history-list{position: absolute;left: 12.5%;top: 0;z-index: 3;width: 214px;height: 619px;box-sizing: border-box;padding-top:65px;}
.history-list ul{height: 100%;box-sizing: border-box;border-left: 2px solid rgba(255,255,255,.2);padding-top: 62px;color: #fff;}
.history-list li{position: relative;transition: all .5s;width: fit-content;max-width: 154px;text-align: right;padding-left: 28px;padding-top: 16px;padding-bottom: 50px;cursor: pointer;}
.history-list li::before{content: "";position: absolute;left: -1px;top: 0;transform: translate(-50%,-50%);transition: all .5s;z-index: 2;width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.history-list li::after{content: "";position: absolute;width: 0;left: 0;top: 0;border-top: 2px solid rgba(255,255,255,.2);transition: width .3s ease-in-out;}
.history-list li p{line-height: .8em;}
.history-list li:first-child{width: 100%;max-width: 100%;font-size: 30px;}
.history-list li:first-child::before{width: 26px;height: 26px;}
.history-list li:first-child::after{width: 100%;}
.history .text-fade-cover {position: absolute;z-index: 1;top: -1px;left: 50%;width: 50%;height: 200px;background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 90%)}
.history .history-section {position: relative;margin-bottom: 174px;}
.history .history-section#section-1 .section-bg {background-image: url("/static/img/history.jpg")}

/* .history .history-section#section-2 .section-bg {
    background-image: url("../image/img-2.png")
}
.history .history-section#section-3 .section-bg {
    background-image: url("../image/img-3.png")
}
.history .history-section#section-4 .section-bg {
    background-image: url("../image/img-4.png")
}
.history .history-section#section-5 .section-bg {
    background-image: url("../image/img-5.png")
} */

.history .history-section .section-header {position: relative;z-index: 2;height: 675px}
.history .history-section .section-header .section-bg {position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left;background-size: cover;}
.history .history-section .section-header .section-title {position: absolute;top: 138px;left: calc(12.5% + 322px);font-size: 36px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1em;letter-spacing: normal;text-align: right;color: #fff;}
.history .history-section .section-content {margin-top: 140px;margin-left: calc(50% + 120px);padding-top: 150px;}
.history .history-section .section-content .history-year {font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #000;margin-bottom: 16px;}
.history .history-section .section-content .history-items {line-height: 1.5em;margin-bottom: 60px}
.history .history-section .section-content .history-items li {margin-bottom: 16px;}

/* 最新产品 */
.latest{position: relative;padding: 170px 0 150px;}
.latest-main{margin-top: 56px;}
.latest-list{}
.latest-list .item{transition: all .5s;display: flex;justify-content: center;align-items: center;height: 86px;color: #333;text-align: center;background: #fcfcfc;cursor: pointer;}
.latest-list .item:hover,.latest-list .item.swiper-slide-thumb-active{color: #fff;background: #0e93e7;}
.latest-list .item p{width: 100%;box-sizing: border-box;padding: 0 10px;}
.latest-content{}
.latest-content .item{display: flex;width: 100%;background: #f5f5f5;}
.latest-content .item .latest-left{width: 50%;box-sizing: border-box;padding-left: 15.27%;padding: 112px 0 98px 15.27%;}
.latest-content .item .latest-left .title{color: #000;line-height: 1em;font-weight: bold;}
.latest-content .item .latest-left .msg{margin: 45px 0 14px;height: 208px;padding-right: 20px;line-height: 26px;overflow-y: auto;}
.latest-content .item .latest-left .latest-file{display: flex;align-items: center;color: #0e93e7;line-height: 1em;}
.latest-content .item .latest-left .latest-file i{margin-left: 16px;line-height: 1em;}
.latest-content .item .latest-pic{position: relative;width: 50%;padding-bottom: 514px;}
.latest-content .item .latest-pic img{position: absolute;left: 0;display: block;width: 100%;height: 100%;}

.latest-page{display: none;align-items: center;justify-content: center;margin-top: 30px;}

/* 产品系列 */
.series{position: relative;padding: 76px 0 120px;background:#f5f5f5;}
/* .series-bg{position: absolute;left: 0;top: 0;width: 100%;height: 524px;} */
/* .series-bg img{display: block;width: 100%;height: 100%;} */
/* .series .com-title{position: relative;z-index: 1;color: #fff;}
.series .com-title p{color: #fff;} */
/* .series .product-title{text-align: center;color: #fff;} */

.series-menu{position: relative;z-index: 1;display: flex;margin-top: 124px;background: #fff;}
.series-menu-item{position: relative;transition: all .5s;width: 16.67%;height: 195px;color: #333;}
.series-menu-item .pic{width: 100%;height: 100%;}
.series-menu-item .pic img{display: block;width: 100%;height: 100%;}
.series-menu-item p{position: absolute;left: 50%;top: 140px;transform: translateX(-50%);width: 100%;line-height: 1.2em;text-align: center;padding: 0 10px;box-sizing: border-box;}
.series-menu-item:hover,.series-menu-item.on{color: #fff;background: #0e93e7;}

.series-list{position: relative;z-index: 1;display: flex;flex-wrap: wrap;margin-top: 50px;}
.series-item{position: relative;width: 18.75%;margin-right: 1.5625%;margin-bottom: 30px;}
.series-item:nth-child(5n){margin-right: 0;}
.series-item .pic{position: relative;width: 100%;padding-bottom: 103.7%;}
.series-item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.series-item .title{position: absolute;left: 0;bottom: 24px;transition: all .5s;z-index: 1;width: 100%;text-align: center;box-sizing: border-box;padding: 0 5px;}
.series-item .title p{line-height: 1em;}
.series-item .title span{margin-top: 18px;}
.series-item:hover{color: #0e93e7;}
.series-item:hover .title{bottom: 36px;}

/* 产品列表 */
.product{position: relative;padding: 190px 0 80px;}
.series-intro{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding: 74px 0 170px;}
.series-intro .pic{position: relative;width: 47.22%;padding-bottom: 27.5%;border-radius: 27px;box-shadow: 0 0 20px rgba(0,0,0,.1);overflow: hidden;}
.series-intro .pic img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}
.series-intro .content{width: 45.55%;margin-top: -9px;color: #333;line-height: 26px;}
.series-intro .content h2{position: relative;padding-bottom: 20px;color: #333;line-height: 1.5em;border-bottom: 2px solid #e5e5e5;margin-bottom: 45px;font-size: 36px;}
.series-intro .content h2::after{content: "";position: absolute;left: 0;bottom: -2px;width: 90px;height: 2px;background: #0e93e7;}

.product-list{}
.product-item{}
.product-item-type{background: #f1f1f1;}
.product-item-type .title{display: flex;align-items: center;height: 50px;box-sizing: border-box;border-left: 3px solid #0e93e7;padding-left: 8px;}
.product-item-type .icon{display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;margin-right: 12px;background: #0e93e7;}
.product-item-type .icon i{color: #fff;font-size: 12px;line-height: 1em;}
.product-item-type .title p{color: #333;font-weight: bold;line-height: 1em;}
.product-item ul{display: flex;flex-wrap: wrap;padding: 40px 10px 0;box-sizing: border-box;}
.product-item ul li{margin-right: 4.861%;margin-bottom: 40px;}
.product-item ul li a{position: relative;display: block;line-height: 26px;}
.product-item ul li a::after{content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 1px;}
.product-item ul li:hover a{color: #0e93e7;}
.product-item ul li:hover a::after{animation: none;background-position: left bottom;background-size: 100% 100%;}

/* 产品详情页 */
.product-read{position: relative;padding: 76px 0 0;}
.product-top{padding-top: 110px;}
.product-intro{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;padding: 70px 0 180px;}
.product-intro .pic{position: relative;width: 47.22%;padding-bottom: 33.33%;border-radius: 27px;box-shadow: 0 0 10px rgba(0,0,0,.1);overflow: hidden;background: #fff}
.product-intro .pic .show{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.product-intro .pic .menu{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);z-index: 1;width: 74px;}
.product-intro .pic .menu .item{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100%;padding-bottom: 70.83%;;box-sizing: border-box;border-radius: 12px;border: 1px solid #fcfcfc;margin-bottom: 35px;overflow: hidden;cursor: pointer;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.product-intro .pic .menu .item:last-child{margin-bottom: 0;}
.product-intro .pic .menu .item img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product-intro .pic .menu .item i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #0e93e7;font-size: 36px;line-height: 1em;}
.product-intro .content{width: 45.55%;}
.product-intro .content .title{position: relative;width: 100%;padding-bottom: 20px;border-bottom: 2px solid #e5e5e5;color: #333;line-height: 1.5em;}
.product-intro .content .title::after{content: "";position: absolute;left: 0;bottom: -2px;width: 90px;height: 2px;background: #0e93e7;}
.product-intro .content .msg{margin: 48px 0 90px;line-height: 26px;text-align: justify;}
.product-intro .content .tip{display: flex;align-items: center;border-top: 1px solid #e5e5e5;padding: 20px 0;}
.product-intro .content .tip i{display: block;margin-right: 25px;color: #333;font-style: normal;}
.product-intro .content .tip p{margin-right: 20px;}
.product-intro .content .tip p span{display: block;width: 16px;height: 16px;border-radius: 50%;font-size: 0;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.product-intro .content .tip p:last-child{margin-right: 0;}
.product-intro .content .tip img{display: block;margin-right: 20px;}
.product-intro .content .tip img:last-child{margin-right: 0;}
.product-intro .content .button{display: flex;align-items: center;border-top: 1px solid #e5e5e5;padding-top: 30px;}
.product-intro .content .button .item{display: flex;justify-content: center;align-items: center;width: 140px;height: 44px;border-radius: 20px;box-sizing: border-box;border: 1px solid #ccc;margin-right: 8px;cursor: pointer;}
.product-intro .content .button .item:last-child{margin-right: 0;}

.product-intro .pic .menu .item:hover,.product-intro .pic .menu .item.on{border-color: #0e93e7;}
.product-intro .content .button .item:hover,.product-intro .content .button .item.on{color: #fff;border-color: #0e93e7;background: #0e93e7;}

.product-box{position: relative;padding-top: 66px;}
.product-nav{position: absolute;left: 0;top: 0;width: 100%;height: 66px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;background: #f1f1f1;}
.product-nav.on{position: fixed;top: 166px;z-index: 10;}
.product-nav-list{display: flex;align-items: center;height: 100%;color: #333;line-height: 1em;}
.product-nav-list a{display: block;margin-right: 55px;}
.product-nav-list a:last-child{margin-right: 0;}
.product-nav-list a.on{font-weight: bold;}

.product-content{padding: 40px 0 80px;}
.product-content img{display: inline-block;max-width: 100%;height: auto;margin: 0 auto;}
.product-content p{min-height: 1.5em;line-height: 1.5em;}
.product-content table{max-width: 100%;margin: 0 auto;border-color: #ccc;}
.product-content table td{padding: 5px;}
.product-file{position: relative;padding: 40px 0 80px;}
.product-file-list ul{display: flex;flex-wrap: wrap;margin-top: 80px;}
.product-file-list li{position: relative;transition: background .5s,top .5s;display: flex;align-items: center;width: 31.25%;height: 74px;box-sizing: border-box;border: 1px solid #ddd9d6;margin-right: 3.125%;margin-bottom: 50px;color: #333;line-height: 1em;}
.product-file-list li:nth-child(3n){margin-right: 0;}
.product-file-list li a,.product-file-list li p{position: relative;display: flex;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0 74px;font-size: 16px;}
.product-file-list li a::before{content: '';position: absolute;left: 26px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url(/static/img/fileicon.png)center/contain no-repeat;}
.product-file-list li a::after{content: '';position: absolute;right: 22px;top: 50%;transform: translateY(-50%);width: 26px;height: 26px;background: url(/static/img/download.png)center/contain no-repeat;}

.product-file-list li:hover{color: #fff;border-color: #0e93e7;background: #0e93e7;}
.product-file-list li:hover a::before{background-image: url(/static/img/fileicon-white.png);}
.product-file-list li:hover a::after{background-image: url(/static/img/download-white.png);}
/* .product-file-list li:hover i,.product-file-list li:hover span{color: #fff;} */
.product-file-cover{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: -1;opacity: 0;}
.product-file-cover.on{z-index: 1002;opacity: 1;}
.product-file-cover .cover-bg{width: 100%;height: 100%;background: rgba(40, 40, 40, .6);}
.product-file-cover form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 675px;height: 353px;border-radius: 28px;box-sizing: border-box;padding: 67px 67px 0;background: #fff;z-index: 1;}
.product-file-cover form ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-file-cover form .item{display: flex;align-items: center;margin-bottom: 4px;}
.product-file-cover form .item p{line-height: 1em;}
.product-file-cover form .item input{display: block;width: 150px;height: 32px;box-sizing: border-box;border: none;border-bottom: 1px solid #f2f2f2;outline: none;line-height: 1em;}
.product-file-cover form .item .cpmodel{pointer-events: none;}
.product-file-cover form .item.yzm{position: relative;}
.product-file-cover form .item.yzm img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product-file-cover form .item.yzm input{padding-right: 70px;}
.product-file-cover form button{position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;border: none;border-bottom: 1px solid #0e93e7;padding:16px 0 8px;color: #0e93e7;line-height: 1em;background: transparent;cursor: pointer;outline: none;}


.product-file-cover-2{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: -1;opacity: 0;}
.product-file-cover-2.on{z-index: 1002;opacity: 1;}
.product-file-cover-2 .cover-bg{width: 100%;height: 100%;background: rgba(40, 40, 40, .6);}
.product-file-cover-2 form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 675px;height: 353px;border-radius: 28px;box-sizing: border-box;padding: 67px 67px 0;background: #fff;z-index: 1;}
.product-file-cover-2 form ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-file-cover-2 form .item{display: flex;align-items: center;margin-bottom: 4px;}
.product-file-cover-2 form .item p{line-height: 1em;}
.product-file-cover-2 form .item input{display: block;width: 150px;height: 32px;box-sizing: border-box;border: none;border-bottom: 1px solid #f2f2f2;outline: none;line-height: 1em;}
.product-file-cover-2 form .item.yzm{position: relative;}
.product-file-cover-2 form .item.yzm img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product-file-cover-2 form .item.yzm input{padding-right: 70px;}
.product-file-cover-2 form button{position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;border: none;border-bottom: 1px solid #0e93e7;padding:16px 0 8px;color: #0e93e7;line-height: 1em;background: transparent;cursor: pointer;outline: none;}

.product-file-cover-3{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: -1;opacity: 0;}
.product-file-cover-3.on{z-index: 1002;opacity: 1;}
.product-file-cover-3 .cover-bg{width: 100%;height: 100%;background: rgba(40, 40, 40, .6);}
.product-file-cover-3 form{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 675px;height: 353px;border-radius: 28px;box-sizing: border-box;padding: 67px 67px 0;background: #fff;z-index: 1;}
.product-file-cover-3 form ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-file-cover-3 form .item{display: flex;align-items: center;margin-bottom: 4px;}
.product-file-cover-3 form .item p{line-height: 1em;}
.product-file-cover-3 form .item input{display: block;width: 150px;height: 32px;box-sizing: border-box;border: none;border-bottom: 1px solid #f2f2f2;outline: none;line-height: 1em;}
.product-file-cover-3 form .item.yzm{position: relative;}
.product-file-cover-3 form .item.yzm img{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.product-file-cover-3 form .item.yzm input{padding-right: 70px;}
.product-file-cover-3 form button{position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;border: none;border-bottom: 1px solid #0e93e7;padding:16px 0 8px;color: #0e93e7;line-height: 1em;background: transparent;cursor: pointer;outline: none;}


.product-relation{padding: 0 0 116px;}
.product-relation-list{padding:73px 5px 72px;box-sizing: border-box;}
.product-relation-item{position: relative;transition: all .5s;width: 31.59%;box-shadow: 0 0 5px rgba(0,0,0,.1);pointer-events: auto !important;}
.product-relation-item::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;overflow: hidden;will-change: background-size;background: url(/static/img/line.jpg) no-repeat left bottom;transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;transition-property: background-size,color;background-position: right bottom;background-size: 0 2px;}
.product-relation-item .pic{position: relative;width: 100%;padding-bottom: 81.97%;}
.product-relation-item .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product-relation-item .title{display: flex;justify-content: center;align-items: center;width: 100%;height: 76px;box-sizing: border-box;border: 1px solid #e5e5e5;color: #000;}
.product-relation-item .title p{width: 100%;box-sizing: border-box;padding: 0 10px;}
.product-relation-page{display: flex;justify-content: center;align-items: center;}

.product-relation-item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}

.fixed-photo{position: fixed;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;z-index: -1;opacity: 0;}
.fixed-photo.on{opacity: 1;z-index: 1001;}
.fixed-photo .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);}
.fixed-photo .box{position: relative;z-index: 1;width: 1000px;height: 700px;box-sizing: border-box;padding: 40px;background: #fff;}
.fixed-photo .box .swiper{width: 100%;height: calc(100% - 60px);margin-bottom: 20px;}
.fixed-photo .box .swiper .item {}
.fixed-photo .box .swiper .item img{display: block;width: 100%;height: 100%;margin: 0 auto;}

.fixed-photo-page{display: flex;justify-content: center;align-items: center;}

/* 产品定制 */
.dingzhi{position: relative;display: flex;}
.dingzhi-intro{width: 50%;box-sizing: border-box;padding:160px 12.5% 0;}
.dingzhi-title{}
.dingzhi-title .cn{margin-bottom: 18px;color: #000;line-height: 1em;}
.dingzhi-title .en{margin-bottom: 20px;color: #ccc;line-height: .8em;}
.dingzhi-title .msg{line-height: 1em;}
.dingzhi-box{margin-top: 320px;}
.dingzhi-box .color{display: flex;align-items: center;}
.dingzhi-box .color p{width: 16px;height: 16px;border-radius: 50%;margin-right: 22px;}
.dingzhi-box .color p:last-child{margin-right: 0;}
.dingzhi-box .dingzhi-content{display: none;color: #333;font-weight: bold;line-height: 36px;}

.dingzhi-box .dingzhi-content.on{display: block;}
.dingzhi-box .dingzhi-content .color{display: flex;}
.dingzhi-box .dingzhi-content .color p{margin-right: 20px;}
.dingzhi-box .dingzhi-content .color p span{display: block;width: 16px;height: 16px;border-radius: 50%;font-size: 0;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.dingzhi-box .dingzhi-content .color p:last-child{margin-right: 0;}

.dingzhi-bg{position: relative;width: 50%;height: 956px;}
/* .dingzhi-bg img{display: block;width: 100%;height: 100%;} */
/* .dingzhi-bg  */
.dingzhi-bg .pic{position: absolute;top: 36.82%;transform: translateX(-44.35%);display: block;width: 54.47%;padding-bottom: 46.66%;}
.dingzhi-bg .pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.dingzhi-bg ul{position: relative;width: 100%;height: 100%;}
.dingzhi-bg ul li{position: absolute;display: inline-block;color: #fff;text-align: center;line-height: 1em;cursor: pointer;}
.dingzhi-bg ul li .cycle{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 81px;height: 81px;box-sizing: border-box;border-radius: 50%;border: 1px solid #fff;margin-bottom: 20px;}
.dingzhi-bg ul li .cycle i{font-size: 38px;line-height: 1em;}
.dingzhi-bg ul li:hover .cycle,.dingzhi-bg ul li.on .cycle{background: #0e93e7;}
.dingzhi-bg ul li:nth-child(1){top: 18.09%;left: 18.54%;}
.dingzhi-bg ul li:nth-child(2){top: 20.81%;left: 38.75%;}
.dingzhi-bg ul li:nth-child(3){top: 39.53%;left: 54.16%;}
.dingzhi-bg ul li:nth-child(4){top: 57.32%;left: 54.16%;}
.dingzhi-bg ul li:nth-child(5){top: 73.74%;left: 38.75%;}
.dingzhi-bg ul li:nth-child(6){top: 76.77%;left: 18.54%;}

.dingzhi-form{padding: 82px 0 124px;background: url(/static/img/dz-form.jpg)center/cover no-repeat;}
.dingzhi-form .box{box-sizing: border-box;padding: 68px 9.0625%;background: #fff;}
.dingzhi-form .box form{display: block;width: 100%;margin-top: 72px;}
.dingzhi-form .box ul{display: flex;justify-content: space-between;;flex-wrap: wrap;margin-bottom: 14px;}
.dingzhi-form .box .input{position: relative;width: 45.62%;margin-bottom: 62px;}
.dingzhi-form .box .input p{line-height: 1em;margin-bottom: 18px;}
.dingzhi-form .box .input input{display: block;width: 100%;height: 30px;border: none;border-bottom: 1px solid #e5e5e5;outline: none;}
/* .dingzhi-form .box .input:nth-child(3) p::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 0;border: 11px solid transparent;border-top: 14px solid #ddd9d6;} */
.dingzhi-form .box button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 139px;height: 44px;border-radius: 22px;box-sizing: border-box;border: 1px solid #ccc;outline: none;margin: 0 auto;color: #666;background: transparent;cursor: pointer;}
.dingzhi-form .box button p{letter-spacing: 6px;margin-right: -6px;}
.dingzhi-form .box button:hover{color: #fff;border-color: #0e93e7;background: #0e93e7;}

/* 新闻列表 */
.news{position: relative;padding: 172px 0 125px;}
.news-list{display: flex;flex-wrap: wrap;margin-top: 60px;}
.news-item{position: relative;width: 31.25%;margin-right: 3.125%;margin-bottom: 48px;box-sizing: border-box;border: 1px solid transparent;}
.news-item:nth-child(3n){margin-right: 0;}
.news-item::after{content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 2px;}
.news-item .pic{position: relative;width: 100%;padding-bottom: 51.77%;overflow: hidden;}
.news-item .pic img{position: absolute;left: 0;top: 0;transition: all .5s;display: block;width: 100%;height: 100%;}
.news-item .text{transition: all .5s;width: 100%;height: 154px;box-sizing: border-box;padding: 26px 4% 26px 0;overflow: hidden;}
.news-item .text .box{transition: all .5s;}
.news-item .text .date{transition: all .5s;margin: 26px 0;line-height: .8em;}
.news-item .text .title{color: #333;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-item .text .msg{transition: all .5s;display:-webkit-box;margin-top: 35px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height: 26px;opacity: 0;}
.news-item:hover {border-color: #e5e5e5;}
.news-item:hover .pic img{transform: scale(1.1);}
.news-item:hover::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.news-item:hover .text{padding-left: 4%;}
.news-item:hover .text .box{margin-top: -66px;}
.news-item:hover .text .date{opacity: 0;}
.news-item:hover .text .title{color: #0e93e7;}
.news-item:hover .text .msg{opacity: 1;}

/* 新闻详情页 */
.article{position: relative;padding-top: 276px;}
.article .main{display: flex;justify-content: space-between;}
.article-left{width: 64.625%;}
.article-top{padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.article-title{margin-bottom: 38px;color: #000;line-height: 1.5em;}
.article-date{line-height: .8em;}
.article .comtent{padding-top: 32px;color: #333;line-height: 26px;}
.article .comtent p{min-height: 26px;}
.article .comtent img{max-width: 100%;height: auto;}
.article-right{width: 32.1875%;}
.article-relation{display: none;}
.article-relation-title{color: #333;line-height: 1em;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.article-relation-list{width: 100%;padding-top: 44px;}
.article-relation-item{display: block;width: 100%;margin-bottom: 64px;}
.article-relation-item:last-child{margin-bottom: 64px;}
.article-relation-item .pic{position: relative;width: 100%;padding-bottom: 62.52%;}
.article-relation-item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.article-relation-item .text{margin-top: 36px;}
.article-relation-item .text .date{line-height: .8em;}
.article-relation-item .text .title{margin: 26px 0;color: #333;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-relation-item .i-more{width: 82px;height: 26px;}
.article-relation-item .i-more p{margin-left: 8px;font-size: 11px;}
.article-relation-item .i-more i{font-size: 10px;}
.article-relation-item:hover .text .title{color: #0e93e7;}
.article-relation-item:hover .i-more{border-color: #0e93e7;color: #fff;background-color: #0e93e7;}
.article-relation-item:hover .i-more i{animation: moreMove 1s linear infinite;}

.article-relation-page{display: flex;justify-content: center;align-items: center;margin-top: 40px;}

.article-page{display: flex;justify-content: space-between;align-items: center;height: 144px;margin: 100px auto 124px;background: #f5f5f5;}
.article-page .item{width: calc(50% - 19px);height: 100%;box-sizing: border-box;padding:40px 30px 0;}
.article-page .item.next{text-align: right;}
.article-page .item .icon{margin-bottom: 18px;color: #333;line-height: 1em;}
.article-page .item.prev .icon{margin-left: 42px;}
.article-page .item.next .icon{margin-right: 42px;}
.article-page .item .icon i{font-size: 14px;line-height: 1em;}
.article-page .item .title{position: relative;line-height: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-page .item .title::after{content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    overflow: hidden;
    will-change: background-size;
    background: url(/static/img/line.jpg) no-repeat left bottom;
    transition: background-size .5s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
    transition-property: background-size,color;
    background-position: right bottom;
    background-size: 0 2px;}
.article-page .back{display: block;color: #bfbfbf;font-size: 36px;line-height: 1em;cursor: pointer;}
.article-page .item:hover .title{color: #0e93e7;}
.article-page .item:hover .title::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.article-page .back:hover{color: #0e93e7;}

/* 联系我们 */
.contact{position: relative;}
.contact-map{position: relative;height: 740px;}
.contact-info{position: absolute;left: 50%;transform: translate(-50%,-50%);z-index: 10;display: flex;height: 187px;color: #fff;background: #0e93e7;}
.contact-info .item{position: relative;display: flex;width: 25%;height: 100%;box-sizing: border-box;padding-top: 70px;padding-left: 5.41%;}
.contact-info .item i{font-size: 30px;line-height: 1em;}
.contact-info .item .text{width: calc(100% - 46px);;margin-left: 16px;}
.contact-info .item .text .title{margin-bottom: 10px;line-height: 1em;}
.contact-info .item .text .msg{line-height: 18px;}
.contact-info .item .text a{display: block;line-height: 1em;}
.contact-info .item::after{content: '';position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);width: 1px;height: 96px;background: rgba(255,255,255,.2);}

/* 行业应用 */
.industry{position: relative;padding: 176px 0 130px;}
.industry-list{position: relative;margin-top: 55px;}
/* .industry-list{columns: 3;column-gap: 3.33%;margin-top: 55px;} */
.industry-item{position: absolute;display: block;border-radius: 25px;overflow: hidden;break-inside: avoid;}
.industry-item .pic{width: 100%;}
.industry-item .pic img{display: block;width: 100%;height: auto;}
.industry-item .title{position: absolute;left: 0;bottom: 38px;transition: all .5s;z-index: 2;width: 100%;color: #fff;line-height: 1em;text-align: center;}
.industry-item .bg{position: absolute;left: 0;top: 100%;transition: all .5s;z-index: 1;width: 100%;height: 50%;background: linear-gradient(to top,rgba(42,142,255,.71),rgba(42,142,255,0));opacity: 0;}
.industry-item:hover .bg{top: 50%;opacity: 1;}

.industry .series-intro{padding: 70px 0;}

/* 搜索结果页 */
.search{position: relative;padding: 160px 0;}
.search .breadcrumbs-link{display: none;}
.search-list{display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.search-item{position: relative;transition: all .5s;width: 20%;box-sizing: border-box;padding: 15px;border: 1px solid #e5e5e5;margin-bottom: -1px;margin-right: -1px;}
.search-item .pic{position: relative;width: 100%;padding-bottom: 47.54%;}
.search-item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.search-item .title{text-align: center;}
.search-item:hover{transform: scale(1.06);z-index: 1;color: #0e93e7;box-shadow: 0px 10px 13px -7px rgba(0, 0, 0, .5);background: #fff;}
/* .search-item:hover::after{opacity: 0;} */
.nocontent{padding: 60px 0 40px;text-align: center;}

/* 移动端 */
.header .header-btn{position: relative;display: none;width: 35px;height: 28px;margin-left: 15px;cursor: pointer;}
.header .header-line{position: absolute;transition: all .5s;width: 35px;height: 2px;background: #fff;}
.header.on .header-line, .header:hover .header-line, .header.innerheader .header-line,.header.clicked .header-line{background: #000;}
.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-m{position: absolute;left: 0;top: 100%;z-index: 99;display: none;width: 100%;height: calc(100vh - 70px);box-sizing: border-box;padding: 20px 2% 0;background: #fff;overflow-y: auto;box-shadow: 0px 4px 5px inset rgba(0,0,0,.2);}
.header-m.open{display: block;}
.header-m .item{border-bottom:1px solid rgba(217, 217, 217, .4);}
.header-m .item .type{position: relative;display: flex;justify-content: space-between;align-items: center;font-size: 18px;}
.header-m .item .type a,.header-m .item .type p{display: block;padding: 20px 0;line-height: 1em;font-size: inherit;}
.header-m .item .type i{transition: all .5s;font-size: 20px;line-height: 1em;}
.header-m .item ul{display: none;;margin-bottom: 20px;margin-left: 10px;font-size: 16px;}
.header-m .item ul li{}
.header-m .item ul li a{display: block;padding: 10px 0;line-height: 1.5em;}
.header-m .item.on .type i{transform: rotate(90deg);}
.header-m .header-m-search{display: flex;align-items: center;width: 100%;height: 56px;}
.header-m .header-m-search input{display: block;width: calc(100% - 40px);height: 100%;border: none;outline: none;}
.header-m .header-m-search button{position: relative;display: flex;justify-content: center;align-items: center;width: 40px;height: 100%;border: none;outline: none;background: transparent url(/static/img/search-icon.png)center right no-repeat;z-index: 1;background-size: 20px 20px;}
.header-m .header-m-search button i{font-size: 20px;line-height: 1em;}

/* 移动端合作伙伴 */
.m-customer{position: relative;z-index: 1;display: none;}
.m-customer .i-title{display: none;}
.m-customer .swiper{height: 220px;margin: 60px auto;}
.m-customer .item{display: flex;justify-content: center;align-items: center;height: 60px;background: #fff;border-radius: 30px;overflow: hidden;}
.m-customer .item img{width: 100%;height: auto;}
.m-customer-page{display: flex;justify-content: center;align-items: center;}
/* media css */
@media screen and (max-width:1600px) {
    .history .history-section .section-header .section-title{left: calc(12.5% + 240px);font-size: 30px;}
    .history-list{width: 185px;}
    .history-list li.on{font-size: 26px;}
    .contact-info .item{padding-left: 0;justify-content: center;}
    .contact-info .item .text{width: auto;}
}
@media screen and (max-width: 1366px) {
    .p54{padding: 0 2%;}
    .w1440,.w1600{width: 90%;}
    .header-logo,.footer-logo{width: 110px;}
    .footer-logo img{width: 100%;height: auto;}
    .header-nav li{padding: 0 10px;}
    .header-search{margin-right: 12px;}
    .header-lang .now{padding: 0 10px;}
    .i-banner-item .text .cn{line-height: 1.2em;}
    .i-latest{padding: 100px 0;}
    .i-latest-text{padding-bottom: 20px;}
    .i-latest-title{margin-bottom: 10px;}
    .i-product{padding-bottom: 100px;}
    .i-product-title{bottom: 14px;padding: 0 10px;line-height: 1.8em;}
    .i-news{padding: 100px 0;}
    .i-news-list{width: calc(50% - 20px);}
    .i-news-info{padding-left: 20px;}
    .i-news-item:hover{left: 10px;}
    /* .inner-banner{background-position: center right 30% !important;} */
    .inner-bannerbg-icon{left: 2%;}
    .inner-logo{right: 2%;}
    .about-intro{padding: 100px 5% 100px 2%;}
    .history-title{padding: 100px 0 50px;}
    .history-list{left: calc(2% + 8px);width: 150px;height: 400px;padding-top: 40px;}
    .history-list ul{padding-top: 40px;}
    .history-list li{padding-top: 12px;padding-bottom: 26px;padding-left: 20px;}
    .history .history-section{margin-bottom: 100px;}
    .history .history-section .section-header{height: 438px;}
    .history .history-section .section-header .section-title{left: calc(2% + 240px);top: 90px;font-size: 28px;}
    .history .history-section .section-content{margin-left: 56.25%;margin-top: 100px;padding-top: 100px;}
    .history .history-section .section-content .history-year{line-height: 1.2em;}
    .history .history-section .section-content .history-items{margin-bottom: 40px;}
    .series-bg{height: 450px;}
    .series-menu{margin-top: 80px;}
    .dingzhi-intro{padding: 160px 12.5% 160px 5%;}
    .dingzhi-title .cn{line-height: 1.2em;}
    .dingzhi-box{margin-top: 240px;}
    .dingzhi-bg{height: 840px;}

}
@media screen and (max-width: 1280px) {
    .i-product-item{width: 20%;}
    .i-customer-title{width: 180px;height: 180px;font-size: 40px;}
    .dingzhi-bg{height: 800px;}
    .fixed-photo .box{width: 90%;}
}
@media screen and (max-width: 960px) {
    .f-48{font-size: 40px;}
    .f-42{font-size: 38px;}
    .f-36{font-size: 30px;}
    .f-30{font-size: 28px;}
    .f-24{font-size: 20px;}
    .f-22{font-size: 18px;}
    .f-20{font-size: 18px;}
    .f-18{font-size: 16px;}
    .f-16{font-size: 14px;}
    .i-more{width: 120px;height: 40px;}
    .i-more p{margin-left: 15px;font-size: 16px;}
    .header-main{height: 70px;}
    .inner-banner{margin-top: 70px;background-position: center !important;}
    .header-nav,.header-right .header-search,.header-right .header-lang{display: none;}
    .header .header-btn {display: block;}
    .i-banner{height: 500px;}
    .i-banner-item .content{top: 40%;}
    .i-banner-item .text{margin-bottom: 20px;}
    .i-banner-item .text .en{margin-top: 10px;}
    .i-latest{padding: 80px 0;}
    .i-latest-list{margin-top: 40px;}
    .i-latest-item::after{animation: none;background-position: left bottom;background-size: 100% 100%;}
    .i-latest-item .i-latest-text{bottom: 0;padding-bottom: 40px;}
    .i-latest-text .i-more{opacity: 1;}
    .i-latest-page{margin-top: 40px;}
    .i-product{padding-bottom: 80px;}
    .i-product-list{margin-top: 40px;}
    .i-product-item{width: 25%;}
    .i-product-item:last-child .i-more {border-color: #0e93e7;color: #fff;background-color: #0e93e7;}
    .i-product-item:last-child .i-more i{animation: moreMove 1s linear infinite;}
    .i-industry-swiper{height: 500px;}
    .i-industry-menu{bottom: 40px;}
    .i-industry-menu a{width: 120px;height: 120px;}
    .i-industry-menu a i{margin-bottom: 20px;font-size: 30px;}
    .i-customer{display: block;height: auto;padding: 80px 0;}
    .i-customer-content,.i-customer-list{display: none;}
    .m-customer{display: block;}
    .m-customer .i-title{display: block;}
    .i-news{padding: 80px 0;}
    .i-news-content{flex-wrap: wrap;margin: 60px auto 30px;}
    .i-news-show,.i-news-list{width: 100%;}
    .i-news-item{height: auto;padding: 36px 22px;}
    .i-news-item:hover{left: 0;border-radius: 0%;}
    .i-news-show{padding: 36px 22px;}
    .i-news-pic{padding-bottom: 52.7%;margin-bottom: 36px;}
    .i-news-info .msg{min-height: 1.5em;line-height: 1.5em;}
    .footer-top{flex-flow: column;}
    .footer-nav{width: 100%;justify-content: space-between;margin-top: 10px;}
    .footer-nav a,.footer-nav a:first-child{margin-left: 0;}
    .footer-main{margin: 20px auto 40px;}
    /* .inner-banner{background-position: center right 17% !important;} */
    .inner-logo{bottom: 40px;opacity: 0;}
    .inner-logo img{width: 200px;height: auto;}
    /* .breadcrumbs{flex-flow: row-reverse;} */
    .breadcrumbs-main{height: 50px;border-bottom: none;color: #fff;background: #0e93e7;}
    .breadcrumbs.on{top: 70px;}
    .breadcrumbs-nav{display: none;}
    .breadcrumbs-link a:hover{color: #fff;}
    .breadcrumbs-link a i{margin-right: 6px;}
    .breadcrumbs-icon{display: block;}
    .index{top: -120px;}
    .about{padding-top: 50px;}
    .about-intro{width: 100%;padding: 80px 2%;}
    .about-intro-content{margin-top: 40px;line-height: 1.5em;}
    .about-intro-content p{min-height: 1.5em;}
    .about-pic{width: 100%;}
    .about-pic img{height: auto;}
    .history-title{padding: 80px 0 40px;}
    .history-title p{margin-bottom: 10px;}
    .history .history-section{margin-bottom: 80px;}
    .history .history-section .section-header{width: 100%;}
    .history .history-section .section-content{width: 96%;margin: 80px auto 0;padding: 0;}
    .history .history-section .section-content .history-items{border-bottom: 1px solid #0e93e7;}
    .industry,.news{padding: 120px 0 80px;}
    /* .industry-list{columns: 2;margin-top: 40px;} */
    /* .industry-item{margin-bottom: 30px;} */
    .industry-item .title{bottom: 24px;}
    .news-item{width: 48.4375%;border-color: #e5e5e5;margin-bottom: 26px;}
    .news-item:nth-child(2n){margin-right: 0;}
    .news-item:nth-child(3n){margin-right: 3.125%;}
    .news-item::after {animation: none;background-position: left bottom;background-size: 100% 100%;}
    .news-item:hover .text .box{margin: 0;}
    .news-item .text,.news-item:hover .text{height: auto;padding: 16px;}
    .news-item .text .date,.news-item:hover .text .date{margin: 12px 0;opacity: 1;}
    .news-item .text .title{color: #0e93e7;}
    .news-item .text .msg{display: block;text-overflow: ellipsis;white-space: nowrap;min-height: 1.5em;margin-top: 20px;line-height: 1.5em;opacity: 1;}
    .article{padding-top: 120px;}
    .article .main{flex-wrap: wrap;}
    .article-left{width: 100%;}
    .article-right{display: none;}
    .article-page{margin: 40px auto;}
    .article-relation{display: block;padding-bottom: 80px;}
    .article-relation-item,.article-relation-item:last-child{margin-bottom: 0;}
    .article-relation-item .pic{box-shadow: 0 0 5px rgba(0,0,0,.1);}
    .article-relation-item .text{margin-top: 26px;}
    .article-relation-item .text .title{color: #0e93e7;margin: 10px 0 20px;}
    .article-relation-item .i-more{border-color: #0e93e7;color: #fff;background-color: #0e93e7;}
    .article-relation-item .i-more i{animation: moreMove 1s linear infinite;}
    .article-page{height: 118px;}
    .article-page .item{padding: 30px 20px;}
    .article-page .item.prev .icon{margin-left: 0;}
    .article-page .item.next .icon{margin-right: 0;}
    .contact-info{position: relative;top: 0;left: 0;transform: none;width: 100% !important;height: auto;flex-wrap: wrap;}
    .contact-info .item{flex-flow: column;align-items: center;width: 50%;height: 200px;justify-content: flex-start;padding: 40px 20px 0;border-right: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);box-sizing: border-box;}
    .contact-info .item:nth-child(2n){border-right:none}
    .contact-info .item::after{display: none;}
    .contact-info .item i{margin-bottom: 30px;}
    .contact-info .item .text{width: 100%;margin-left: 0;text-align: center;}
    .contact-info .item .text a{line-height: 1.5em;}
    .contact-map{height: 600px;}
    .search,.latest{padding: 120px 0 80px;}
    .search .breadcrumbs-link{display: flex;}
    .search-item{width: 33.33%;margin-bottom: -1px;}
    .latest-list{display: none;}
    .latest-content .item{flex-flow: column-reverse;}
    .latest-content .item .latest-left{width: 100%;padding: 50px 20px;}
    .latest-content .item .latest-left .msg{height: 9em;margin: 30px 0 14px;line-height: 1.5em;}
    .latest-content .item .latest-pic{width: 100%;padding-bottom: 71.38%;}
    .latest-page{display: flex;}
    .series{padding: 76px 0 80px;}
    .series-bg{height: 408px;}
    .series-menu{flex-wrap: wrap;margin-top: 50px;}
    .series-menu-item{width: 33.33%;height: 160px;}
    .series-menu-item p{top: 110px;}
    .series-item{margin-bottom: 12px;}
    .series-item .title,.series-item:hover .title{bottom: 16px;}
    .series-item{width: 32.29%;}
    .series-item:nth-child(5n){margin-right: 1.5625%;}
    .series-item:nth-child(3n){margin-right: 0;}
    .product{padding: 120px 0 80px;}
    .series-intro{padding: 70px 0;}
    .series-intro .pic{width: 100%;padding-bottom: 58.33%;}
    .series-intro .content{width: 100%;margin-top: 40px;}
    .series-intro .content h2{margin-bottom: 20px;padding-bottom: 12px;font-size: 30px;line-height: 1em;}
    .product-item-type .title{height: 40px;}
    .product-item ul{padding: 30px 10px 0;}
    .product-read{padding-top: 50px;}
    .product-top{padding-top: 80px;}
    .product-intro{padding: 70px 0;}
    .product-intro .pic{width: 100%;padding-bottom: 70.83%;}
    .product-intro .content{width: 100%;margin-top: 40px;}
    .product-intro .content .msg{margin: 40px 0 80px;}
    .product-content{padding: 40px 0;}
    .product-file{padding: 40px 0;}
    .product-file-list li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .dingzhi{flex-flow: column-reverse;}
    .dingzhi-intro{flex-flow: column-reverse;width: 100%;padding: 60px 5% 40px;}
    .dingzhi-box{margin-top: 60px;height: 200px;overflow-y: auto;}
    .dingzhi-bg{display: flex;flex-flow: column;align-items: center;width: 100%;height: auto; padding: 60px 0;}
    .dingzhi-bg .pic{position: relative;top: auto;transform: none;}
    .dingzhi-bg ul{display: flex;justify-content: space-between;align-items: center;width: 90%;margin: 40px auto 0;}
    .dingzhi-bg ul li{position: relative;top: auto !important;left: auto !important;display: block;}
    .fixed-photo .box{height: 70vh;padding: 30px;}
    .product-box{padding-top: 50px;}
    .product-nav{height: 50px;}
    .product-relation-list{padding: 60px 5px 40px;}
    .product-relation-item .title{height: 60px;}
    
}
@media screen and (max-width: 768px) {
    .i-product-item{width: 33.33%;}
    .i-product-item:last-child{position: relative;padding-bottom: 33.33%;}
    .i-product-title{bottom: 10px;}
    .i-product-item:last-child .i-more{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .i-industry-menu a{width: 90px;height: 90px;}
    .i-industry-menu a i{margin-bottom: 10px;}
    .industry-item .title{font-size: 22px;}
    .article-page{flex-wrap: wrap;height: auto;box-sizing: border-box;padding: 10px 20px;}
    .article-page .back{display: none;}
    .article-page .item{display: block;width: 100%;padding: 10px 0;}
    .article-page .item .icon{margin-bottom: 8px;}
    .article-page .item.next .icon i{position: relative;transform: rotate(180deg);}
    .article-page .item.next .icon{display: flex;align-items: center;justify-content: flex-end;flex-flow: row-reverse;}
    .product-file-cover form{width: 570px;height: auto;padding: 35px;}
}
@media screen and (max-width: 600px) {
    .m-customer .swiper{height: 200px;}
    .footer-copyright{flex-flow: column;text-align: center;}
    .product-file{min-height: 600px;box-sizing: border-box;}
    .product-file-cover form{width: 96%;}
    .product-file-cover form .item{width: 100%;}
    .product-file-cover form .item p{width: 112px;}
    .product-file-cover form .item input{width: calc(100% - 112px);}
}
@media screen and (max-width: 500px) {
    .f-48{font-size: 36px;}
    .f-30{font-size: 20px;}
    .f-24{font-size: 18px;}
    .f-22{font-size: 16px;}
    .f-20{font-size: 16px;}
    .f-18{font-size: 14px;}
    /* .f-16{font-size: 14px;} */
    .w1440,.w1600{width: 96%;}
    .i-more{width: 110px;height: 36px;}
    .i-more p{font-size: 14px;}
    .i-latest-item .i-latest-text{padding-bottom: 20px;}
    .i-latest-page{margin-top: 30px;}
    .i-pageitem{margin: 0 10px;}
    .i-product-item{width: 50%;}
    .i-product-item:last-child{padding-bottom: 49%;}
    .i-industry-menu a{width: 80px;height: 80px;}
    .i-industry-menu a i{margin-bottom: 6px;font-size: 24px;}
    .m-customer .swiper{height: 190px;margin: 60px auto 30px;}
    .i-news-show{padding: 20px 16px;}
    .i-news-pic{margin-bottom: 20px;}
    .i-news-item{padding: 20px 16px;}
    .i-news-text{flex-flow: column;}
    .i-news-time{display: flex;align-items: center;text-align: left;margin-bottom: 10px;}
    .i-news-time .date{margin-left: 10px;font-size: 14px;}
    .i-news-time .year{margin-bottom: 0;}
    .i-news-info{padding-left: 0;width: 100%;}
    .i-news-info .title{margin-bottom: 5px;}
    .i-news-info .msg{display: block;text-overflow: ellipsis;white-space: nowrap;}
    .footer{padding: 40px 0 10px;}
    .footer-nav{display: none;}
    .inner-banner{height: 170px;}
    .inner-bannerbg-icon img{display: block;width: 90px;}
    .inner-logo{bottom: 16px;}
    .inner-logo img{width: 180px;}
    .inner-banner-title{margin-bottom: 12px;}
    .history-list{width: 160px;height: auto;padding-top: 28px;}
    .history-list ul{padding-top: 40px;}
    .history-list li{padding-bottom: 20px;}
    .history-list li.on{font-size: 22px;}
    .history-list li.on::before{width: 20px;height: 20px;}
    .history .history-section .section-header{height: 362px;}
    .history .history-section .section-header .section-title{top: 36px;left: calc(2% + 46px);font-size: 24px;}
    .history .history-section .section-content{margin-top: 50px;}
    .history .history-section .section-content .history-year{margin-bottom: 10px;font-size: 22px;}
    .history .history-section .section-content .history-items{margin-bottom: 20px;}
    .industry-item .title{font-size: 20px;}
    .news-list{margin-top: 40px;}
    .news-item{width: 100%;border-color: #e5e5e5;margin-bottom: 26px;margin-right: 0 !important}
    .article-top{padding-bottom: 10px;}
    .article-title{margin-bottom: 20px;font-size: 28px;}
    .article-relation{padding-bottom: 50px;}
    .article-relation-list{padding-top: 20px;}
    .article-relation-item .text{margin-top: 20px;}
    .article-relation-page{margin-top: 20px;}
    .article-page{padding: 10px;}
    .contact-info .item{height: 150px;padding: 30px 10px 0;}
    .contact-info .item i{font-size: 26px;margin-bottom: 10px;}
    .search,.latest{padding: 100px 0 80px;}
    .search-list{margin-bottom: 40px;}
    .search-item{width: 50%;}
    .latest-content .item .latest-left{padding: 40px 20px;}
    .series-bg{height: 354px;}
    .series-menu-item{height: 130px;}
    .series-menu-item p{top: 84px;font-size: 14px;line-height: 1.5em;}
    .series-menu{margin-top: 30px;}
    .series-item{width: 49.21%;}
    .series-item:nth-child(3n){margin-right: 1.5625%;}
    .series-item:nth-child(2n){margin-right: 0;}
    .series-intro{padding: 50px 0;}
    .product-item-type .icon{width: 16px;height: 16px;margin-right: 8px;}
    .product-item-type .icon i{font-size: 10px;}
    .product-item ul{padding: 20px 10px 0;}
    .product-intro{padding: 50px 0;}
    .product-intro .pic .menu{left: 10px;width: 64px;}
    .product-intro .pic .menu .item{margin-bottom: 10px;}
    .product-intro .pic .menu .item i{font-size: 28px;}
    .product-intro .content .msg{margin: 30px 0;}
    .product-intro .content .tip{padding: 14px 0;}
    .product-intro .content .tip i{margin-right: 20px;}
    .product-intro .content .tip p,.dingzhi-box .dingzhi-content .color p{margin-right: 12px;}
    .product-intro .content .tip p span,.dingzhi-box .dingzhi-content .color p span{width: 14px;height: 14px;}
    .product-intro .content .tip img{width: auto;height: 24px;margin-right: 12px;}
    .product-file-cover form{padding: 30px;}
    .product-file-list ul{margin-top: 50px;}
    .product-file-list li{height: 50px;}
    .product-file-list li a, .product-file-list li p{padding: 0 50px;}
    .product-file-list li a::after{width: 20px;}
    .dingzhi-form{padding: 80px 0 100px;}
    .dingzhi-form .box{padding: 50px 40px;}
    .dingzhi-form .box form{margin-top: 40px;}
    .dingzhi-form .box .input{width: 100%;margin-bottom: 20px;}
    .dingzhi-form .box .input:last-child{margin-bottom: 0;}
    .dingzhi-form .box .input p{margin-bottom: 10px;}
    .dingzhi-bg{padding: 60px 0 30px;}
    .dingzhi-bg ul li .cycle{width: 50px;height: 50px;margin-bottom: 10px;}
    .dingzhi-bg ul li .cycle i{font-size: 20px;}
    .dingzhi-bg ul li p{width: 35px;margin: 0 auto;line-height: 1.2em;font-size: 12px;letter-spacing: 4px;}
    .dingzhi-box{height: 100px;margin-top: 30px;}
    .dingzhi-box .dingzhi-content{line-height: 1.5em;}
    .contact-map{height: 500px;}
    .product-relation{padding: 80px 0 ;}
}
@media screen and (max-width: 400px) {
    .f-48{font-size: 30px;}
    .f-30{font-size: 18px;}
    .f-20{font-size: 14px;}
    .i-industry-menu a{width: 20%;height: 70px;}
    .i-industry-menu a i{margin-bottom: 4px;}
    .inner-logo{bottom: 42px;}
    .inner-logo img{width: 110px;}
    .history .history-section .section-header{height: 310px;}
    .history-list li{padding-top: 10px;padding-bottom: 14px;padding-left: 12px;}
    /* .industry-list{columns: 1;} */
    
    .article-title{margin-bottom: 20px;font-size: 28px;}
    .contact-info .item{height: auto;padding: 20px 5px;}
    .contact-info .item .text a,.contact-info .item .text .msg{font-size: 14px;}
    
    .dingzhi-form .box{padding: 40px 30px;}
    .dingzhi-bg ul li .cycle{width: 40px;height: 40px;}
    .dingzhi-bg ul li .cycle i{font-size: 18px;}
}
@media screen and (max-width: 360px) {
    .f-20{font-size: 12px;}
}