@charset "utf-8";
@font-face {
    font-family: ddjinbu;
    src: url(/static/font/DingTalk-JinBuTi.ttf);
}
@font-face {
    font-family: Roboto-L;
    src: url(/static/font/Roboto-Light.eot);
    src: local('☺'), url('/static/font/Roboto-Light.woff') format('woff'), url('/static/font/Roboto-Light.otf') format('opentype'), url('/static/font/Roboto-Light.ttf') format('truetype');
}
@font-face {
    font-family: Roboto-T;
    src: url(/static/font/Roboto-Thin.eot);
    src: local('☺'), url('/static/font/Roboto-Thin.woff') format('woff'), url('/static/font/Roboto-Thin.otf') format('opentype'), url('/static/font/Roboto-Thin.ttf') format('truetype');
}
@font-face {
    font-family: Roboto-B;
    src: url(/static/font/Roboto-Black.eot);
    src: local('☺'), url('/static/font/Roboto-Black.woff') format('woff'), url('/static/font/Roboto-Black.otf') format('opentype'), url('/static/font/Roboto-Black.ttf') format('truetype');
}

html,body,button,input,select,textarea{color: #6c6e62;font-family: Roboto-L,Arial,sans-serif;background: transparent;}
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;}
/* 滚动条 */
::-webkit-scrollbar {
    /* display: none; */
    width:5px;
    height:5px
}
::-webkit-scrollbar-track {
    border-radius:0;
    background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
    border-radius:5px;
    background: #333333;
}
::-webkit-scrollbar-thumb:hover {
    border-radius:5px;
    background: #333333;
}

/* 通用 */
.w1700{width: 1700px;margin: 0 auto;}
.w1626{width: 1626px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1065{width: 1065px;margin: 0 auto;}
.pt102{padding-top: 100px;}
/* .top{position: relative;z-index: 1;background: #fff;} */
.i-more{position: relative;transition: all .5s;display: block;width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #6c6e62;border-radius: 50%;margin: 0 auto;}
.i-more.white{border-color: #fff;}
.i-more img{position: absolute;left: -10px;top: 50%;transform: translateY(-50%);transition: all .5s;display: block;}
.i-more.product-back img{left: 50%;}
.i-more:hover{border-color: transparent !important;}
.i-more:hover img{left: 0;}
.index-box{position: relative;}
.index{position: relative;left: 0;top: -102px;}

/* 浮动框 */
.com-fixed{position: fixed;right: 20px;top: 80vh;transform: translateY(-50%);z-index: 99;display: none;}
.com-fixed.on{display: block;}
.com-fixed-item{display: flex;justify-content: center;align-items: center;width: 54px;height: 54px;border-radius: 50%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.com-fixed-item.totop{margin-top: 20px;}
.com-fixed-item i{color: #6c6e62;font-size: 24px;line-height: 1em;}
.com-fixed-item .com-fixed-cart{position: relative;}
.com-fixed-item .com-fixed-cart .com-fixed-cartnum{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);z-index: 1;display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;border-radius: 50%;color: #fff;font-size: 12px;text-align: center;background: red;opacity: 0;}
.com-fixed-item .com-fixed-cart .com-fixed-cartnum.on{opacity: 1;}
/* header */
.header{position: fixed;left: 0;top: 0;transition: all .5s;width: 100%;z-index: 1000;}
.header-main{position: relative;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(255,255,255,.1);}
.header-item{position: relative;display: flex;justify-content: center;align-items: center;height: 101px;box-sizing: border-box;margin: 0 30px;padding: 0 25px;}
.header.inner .header-item.current .header-nav{color: #dbaf56;}
.header-item .header-nav{display: flex;align-items: center;justify-content: center;width: 132px;height: 100%;color: #fff;font-size: 18px;}
.header-item .header-nav span{position: relative;}
.header-item .header-nav span::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.header-item.current .header-nav span::after{background: url(/static/img/line2.png) no-repeat left bottom !important;}
.header-item:hover .header-nav span::after{animation: none;background-position: left bottom;background-size: 100% 1px;}

.header-nav-son{position: absolute;left: 0;top: 100%;display: none;width: 100%;background: #fff;box-shadow: 0px 2px 4px rgba(0,0,0,.3);}
/* .header-item:hover .header-nav-son{top: 100%;opacity: 1;pointer-events: auto;} */
.header-nav-item{transition: all .5s;display: block;padding: 10px;color: #6c6e62;font-size: 16px;line-height: 30px;text-align: center;opacity: 0.6;}
.header-nav-item:hover{opacity: 1;font-size: 18px;}

.header-logo{position: relative;margin: 0 94px;}
.header-logo::after{content: "";position: absolute;left: 0;bottom: 0px;width: 100%;height: 1px;background: #fff;}
.header-logo a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.header-logo img{display: block;width: 200px;height: auto;}
.header-logo img.hover{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.header-btn{position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: all .5s;display: flex;align-items: center;}
.header-btn a{display: block;margin-right: 17px;}
.header-btn a:last-child{margin-right: 0;}
.header-btn a i{color: #fff;font-size: 18px;line-height: 1em;}
.header-btn a.header-lang{color: #fff;font-size: 20px;line-height: 1em;}
.header-btn .header-cart{position: relative;}
.header-cart-num{position: absolute;right: 0;top: 0;transform: translate(50%,-50%);z-index: 1;display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;border-radius: 50%;color: #fff;font-size: 12px;text-align: center;background: red;opacity: 0;}
.header-cart-num.on{opacity: 1;}
.header-btn .header-slidebtn{position: relative;display: flex;flex-flow: column;justify-content: space-between;align-items: flex-end;width: 24px;height: 18px;box-sizing: border-box;padding: 4px 0;}
.header-btn .header-slidebtn .header-slidebtn-line{transition: all .5s;width: 100%;height: 2px;background: #fff;}
.header-btn .header-slidebtn .header-slidebtn-line:last-child{transform: scaleX(.5);transform-origin: right;}
.header-btn .header-slidebtn:hover .header-slidebtn-line:last-child{transform: scaleX(1);}
.header-btn .header-slidebtn i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;opacity: 0;}

/* 下拉框 */
.header-slide{position: fixed;top: 0;left: 0;z-index: -1;transition: all .5s;width: 100%;height: 100vh;background: url(/static/img/slide_bg.jpg)center/cover no-repeat;opacity: 0;}
.header-slide-main{position: absolute;top: 34.82%;left: 50%;transform: translateX(-50%);display: flex;justify-content: space-between;}
.header-slide-typename{color: #fff;font-family: Roboto-T;font-size: 42px;line-height: 1em;}
.header-slide-link{margin-top: 68px;}
.header-slide-linkitem{margin-bottom: 34px;}
.header-slide-link .header-slide-linkitem:last-child{margin-bottom: 0;}
.header-slide-linkitem a{transition: all .5s;color: #fff;font-size: 18px;line-height: 1em;opacity: .3;}
.header-slide-linkitem a:hover{opacity: 1;}
.header-slide-rightcopy{position: absolute;left: 50%;bottom: 58px;transform: translateX(-50%);color: #fff;font-size: 18px;line-height: 1em;text-align: center;opacity: .3;}

.header.on,.header.inner{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.header.open{background: transparent !important;}
.header.on .header-item .header-nav,.header.inner .header-item .header-nav{color: #6c6e62;}
.header.on .header-btn a.header-lang,.header.inner .header-btn a.header-lang{color: #6c6e62;}
.header.open .header-item:not(.header-logo){display: none;}
.header.on .header-item .header-nav span::after,.header.inner .header-item .header-nav span::after{will-change: background-size;background: url(/static/img/line1.png) 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;}
.header.on .header-item:hover .header-nav span::after,.header.inner .header-item:hover .header-nav span::after {background-position: left bottom;background-size: 100% 1px;}

.header.open .header-main{position: fixed;left: 50%;top: 0;transform: translateX(-50%);justify-content: center;}
/* .header.open .header-logo{margin-right: 0;} */
.header.open .header-logo::after{background: #fff !important;}
.header.on .header-logo img.hover,.header.inner .header-logo img.hover{opacity: 1;}
.header.open .header-logo img.hover{opacity: 0 !important;}
.header.open .header-btn{right: 11.86%;}
.header.on .header-btn a i,.header.inner .header-btn a i{color: #6c6e62;}
.header.open .header-btn a i{color: #fff !important;}
.header.open .header-btn a.header-lang{color: #fff !important;}
.header.on .header-btn .header-slidebtn .header-slidebtn-line,.header.inner .header-btn .header-slidebtn .header-slidebtn-line{background: #6c6e62;}
.header.open .header-btn .header-slidebtn .header-slidebtn-line{opacity: 0;}
.header.open .header-btn .header-slidebtn i{opacity: 1;}
.header-slide.open{z-index: 100;opacity: 1;}

/* 头部搜索框 */
.fixed-search{position: fixed;left: 0;top: 0;transition: all .5s;z-index: -1;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;opacity: 0;}
.fixed-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.i-search{position: relative;z-index: 1;display: flex;}
.i-search input{width: 1100px;height: 60px;border: none;outline: none;box-sizing: border-box;padding: 0 40px;font-size: 16px;background: #fff;}
.i-search button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100px;height: 60px;border: none;box-sizing: border-box;outline: none;color: #fff;font-size: 20px;background: #6c6e62;cursor: pointer;}
.i-search button:hover{background: #333;}
.fixed-search.on{z-index: 1000;display: flex;opacity: 1;}
/* i-banner */
.i-banner{position: relative;background: #fff;}
.i-banner .item{position: relative;height: 100vh;overflow: hidden;overflow-x: hidden;}
.i-banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-0.75em);color: #fff;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 0 30px;font-size: 60px;}
.i-banner-title{font-family: Roboto-T;font-size: 60px;line-height: 1.5em;letter-spacing: 13px;text-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.i-banner-msg{margin-top: 20px;font-size: 22px;line-height: 1.2em;letter-spacing: 4px;text-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.i-banner .btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;transition: all .5s;opacity: .6;cursor: pointer;}
.i-banner .btn.prev{left: 147px;}
.i-banner .btn.next{right: 147px;}
.i-banner .btn i{color: #fff;font-size: 40px;line-height: 1em;}
.i-banner .btn:hover{opacity: 1;}

/* i-product */
.i-product{background: #fff;}
.i-product-item{display: block;overflow-x: hidden;margin-bottom: -1px;border: 1px solid #e5e5e5;}
.i-product-main{display: flex;flex-wrap: wrap;}
.i-product-left{display: flex;flex-flow: column;justify-content: center;align-items: center;width: 39.12%;height: 750px;box-sizing: border-box;padding: 0 2%;background: #f2f2f2;}
.i-product-solo{display: flex;justify-content: center;align-items: center;}
.i-product-solo img{display: block;max-width: 100%;height: auto;}
.i-product-text{width: 100%;margin-bottom: 40px;}
.i-product-title{display: block;}
.i-product-title p{color: #6c6e62;font-family: Roboto-T;font-size: 40px;line-height: 1em;text-align: center;}
.i-product-title span{display: block;margin: 10px auto 20px;color: #999;font-size: 18px;line-height: 1.5em;text-align: center;text-transform: capitalize;}
.i-product-msg{display: block;max-height: 7.5em;overflow-y: auto;color: #999;font-size: 18px;line-height: 1.5em;text-align: center;}
.i-product-right{position: relative;width: 60.88%;overflow: hidden;}
.i-product-right img{position: absolute;right: 0;top: 0;transition: all 1s;display: block;width: 100%;height: 100%;object-position: right bottom;}
/* .i-product-right:hover img{transform: scale(1.1);} */
.i-product-pic{position: relative;display: block;width: 100%;padding-bottom: calc(100vh - 102px);overflow: hidden;}
.i-product-pic img{position: absolute;left: 0;top: 0;transition: all 1s;display: block;width: 100%;height: 100%;}
/* .i-product-pic:hover img{transform: scale(1);} */

/* i-catalog */
.i-catalog{padding: 90px 0 60px;background: #fff;overflow-x: hidden;}
.i-catalog.index-news{padding: 200px 0 133px;}
.i-catalog-title{color: #6c6e62;font-family: Roboto-T;font-size: 60px;line-height: 1em;text-align: center;text-transform: uppercase;}
.i-catalog-main{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 60px;}
.i-catalog-item{position: relative;top: 0;transition: all .5s;width: 45%;margin-bottom: 50px;}
/* .i-catalog-item:nth-child(odd){margin-right: 330px;} */
.i-catalog-pic{position: relative;display: block;width: 100%;padding-bottom: 49.31%;box-shadow: 20px 20px 50px rgba(0, 0, 0, .2);}
.i-catalog-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i-catalog-name{transition: all .5s;display: block;margin-top: 20px;color: #666;font-family: Roboto-T;font-size: 26px;line-height: 1em;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i-catalog-name .en{font-size: 16px;text-transform: capitalize;}
.i-catalog-msg{margin:20px 0;font-size: 16px;text-align: center;}
.i-catalog-cart{transition: all .5s;display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 30px;opacity: 1;}
.i-catalog-cart>p{position: relative;transition: all .5s;margin-right: 10px;color: #666;font-size: 20px;line-height: 1em;cursor: pointer;}
/* .i-catalog-cart>p::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #666;} */

.i-catalog-cart i{transition: all .5s;color: #6c6e62;font-size: 22px;line-height: 1em;}
.i-catalog-item:hover .i-catalog-cart>p,.i-catalog-item:hover .i-catalog-cart i{color: #dbaf56;}

.i-catalog-main.m{display: none;}
.i-catalog-main.m .swiper-container{padding-bottom: 30px;}
.i-catalog-main.m .swiper-pagination{bottom: 0;}
.i-catalog-main.m .swiper-pagination-bullet-active{background: #d6a440;}
.i-catalog-main.m .page{position: absolute;top: 36%;transform: translateY(-50%);z-index: 1;cursor: pointer;}
.i-catalog-main.m .page i{color: #fff;font-size: 30px;line-height: 1em;}
.i-catalog-main.m .page.prev{left: 6px;}
.i-catalog-main.m .page.next{right: 6px;}
/* i-vr */
.i-vr{position: relative;display: flex;justify-content: center;align-items: center;height: 100vh;box-sizing: border-box;background: transparent;overflow-x: hidden;}
.i-vr-text{width: 100%;}
.i-vr-title{margin-bottom: 10px;color: #fff;font-family: Roboto-T;font-size:90px;line-height: 1.5em;text-align: center;letter-spacing: 10px;}
.i-vr-msg{width: 800px;margin: 0 auto;color: #fff;font-size: 40px;line-height: 1.5em;text-align: center;word-spacing: 10px;}
.i-vr-link{position: absolute;bottom: 94px;}
.i-vr-linklist{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.i-vr-linkitem{position: relative;transition: all .5s;margin: 0 20px;color: #fff;font-size: 18px;line-height: 1em;opacity: 0.6;}
.i-vr-linkitem::before{content: "";position: absolute;left: -8px;top: 50%;transform: translateY(-50%);transition: all .5s;width: 4px;height: 4px;border-radius: 50%;background: #fff;opacity: 0;}
.i-vr-link:hover .i-vr-linkitem{opacity: 1;}
.i-vr-link:hover .i-vr-linkitem::before{opacity: 1;}
.i-vr-bg{position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100vh;background: url(/static/img/vr3.jpg)center/cover no-repeat;filter: opacity(.9);}

/* i-join */
.i-join{position: relative;background: url(/static/img/join-bg.jpg)center/cover no-repeat;}
.i-join .i-join-bg{display: none;}
.i-join .i-join-bg img{display: block;width: 100%;height: 100%;}
.i-join-main{display: flex;flex-flow: column;justify-content: center;height: 500px;box-sizing: border-box;color: #fff;}
.i-join-title{font-size: 60px;line-height: 1em;}
.i-join-text{margin: 60px 0 30px;font-size: 40px;line-height: 1.5em;}
.i-join .i-more{margin: 0;border-color: #fff;}

/* footer */
.footer{width: 100%;;padding-top: 150px;background: #333;overflow-x: hidden;}
.footer-main{display: flex;justify-content: space-between;padding-bottom: 100px;}
.footer-logo img{display: block;}
.footer-info{display: flex;justify-content: space-between;width: 1204px;}
.footer-info-item{width: 45.68%;}
.footer-info-title{border-bottom: 1px solid #fff;padding-bottom: 32px;color: #fff;font-size: 18px;line-height: 1em;opacity: 0.3;}
.footer-info-item ul{margin-top: 28px;}
.footer-info-item li{display: flex;align-items: flex-start;}
.footer-info-item li i{margin-right: 14px;margin-top: 8px;color: #fff;font-size: 14px;line-height: 1em;}
.footer-info-item li a{position: relative;display: block;width: fit-content;color: #fff;font-size: 16px;line-height: 30px;}
.footer-info-item li a::after{content: "";position: absolute;left: 0;bottom: 0px;width: 100%;height: 1px;overflow: hidden;will-change: background-size;background: url(/static/img/line.png) 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;}
.footer-info-item li a:hover::after{animation: none;background-position: left bottom;background-size: 100% 1px;}
.footer-info-item li .footer-slide{display: none;}
.footer-info-item li .footer-slide-item{position: relative;padding-left: 10px;}
.footer-info-item li .footer-slide-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #fff;}
.footer-bottom{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);padding: 28px 0;}
.footer-info-item li .code{width: 140px;margin-top: 8px;}
.footer-info-item li .code img{display: block;width: 100%;height: auto;}


.footer-bottom p,.footer-bottom a{transition: all .5s;color: #fff;font-size: 16px;line-height: 1em;opacity: 0.3;}
.footer-copyright,.footer-tech{display: flex;align-items: center;}
.footer-bottom a:hover{opacity: 1;}

/* 内页头图 */
.inner-banner{display: flex;justify-content: center;align-items: center;height: 600px;}
.inner-banner .title{color: #fff;font-family: ddjinbu;}
.inner-banner .title .cn{margin-bottom: 23px;font-size: 105px;line-height: 1em;}
.inner-banner .title .en{font-size: 22px;line-height: .8em;}

/* system */
.system{padding-bottom: 100px;background: #f2f2f2;}
.system-more{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;height: 95px;box-sizing: border-box;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: 100px;color: #333;font-size: 24px;line-height: 1em;text-align: center;}
.system-more span{z-index: 1;}
.system-more::after{content: "";position: absolute;left: 0;top: 0;transform: scaleX(0);transform-origin: left;transition: all .5s;width: 100%;height: 100%;background: #6c6e62;}
.system-more:hover{color: #fff;}
.system-more:hover::after{transform: scaleX(1);}

/* product */
.product{padding-bottom: 100px;background: #f2f2f2;}
.system-intro{padding: 70px 0 64px;}
.system-title{margin-bottom: 40px;font-size: 60px;line-height: 1em;text-align: center;text-transform: uppercase;}
.system-msg{font-size: 20px;line-height: 1.5em;text-align: center;}
.system-back{margin-top: 40px;text-align: center;}
.system-back .i-more img{left: 50%;transform: translateY(-50%) rotateY(180deg);}
.system-back p{margin-top: 10px;}
.system-back .i-more:hover img{left: 0;}

.system-typetitle{}

.system .about-advantage{padding-top: 0;}

.product-list{}

.product-item{display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
.product-item:first-child{border-top: 1px solid #e5e5e5;}
.product-item-pic{position: relative;width: 50%;height: 100%;box-sizing: border-box;padding: 23px 23px 23px 0;}
.product-item-show{width: 100%;height: 625px;}
.product-item-show img{display: block;width: 100%;height: 100%;}

.product-item-small{position: relative;width: 100%;height: 100%;box-sizing: border-box;}
.product-item-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;outline: none;cursor: pointer;}
.product-item-btn.prev{right: 20px;}
.product-item-btn.next{right: 0;}
.product-item-btn i{font-size: 26px;line-height: 1em;}
.product-item-btn.mobile{display: none;}
.product-item-swiper{width: calc(100% - 60px);margin-left: 0;}
.product-item-small .swiper-slide{position: relative;transition: all .5s;height: auto;padding-bottom: 8.83%;border-radius: 3px;box-sizing: border-box;border: 1px solid #d2d4d6;overflow: hidden;cursor: pointer;}
.product-item-small .swiper-slide:not(:first-child){border-left: 1px solid transparent;}
.product-item-small .swiper-slide img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.product-item-small .swiper-slide:hover,.product-item-small .swiper-slide.swiper-slide-thumb-active{border-color: #6c6e62;}

.product-item-info{width: 50%;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-left: 6.47%;padding-right: 7.65%;padding-top: 138px;}
.product-item-title{display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;margin-bottom: 56px;color: #6c6e62;font-size: 40px;line-height: 1em;text-transform: uppercase;}
.product-item-title p{width: calc(100% - 30px);}
.product-item-title i{transition: all .5s;font-size: 22px;line-height: 1em;cursor: pointer;opacity: 0.5;}
.product-item-title i:hover{opacity: 1;}
.product-size-tip{font-size: 22px;font-family: Roboto-B;line-height: 1em;}
.product-size-list{margin-top: 24px;padding: 10px 0;max-height: 400px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;font-size: 20px;line-height: 1.5em;overflow-y: auto;text-align: justify;}
.product-size-list table{text-align: center;}
/* .product-size-list p{transition: all .5s;display: flex;align-items: center;height: 67px} */


/* news */
.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/line1.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{animation: none;background-position: left bottom;background-size: 100% 1px;}

.case-list{display: flex;flex-wrap: wrap;margin: 0 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: 1em;}
.case-item-pic{position: absolute;left: 0;top: 0;transition: all .5s;width: 100%;height: 100%;opacity: 0;}
.case-item-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.case-item:hover .case-item-main,.case-item.on .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,.case-item.on .case-item-title,.case-item.on .case-item-msg,.case-item.on .case-item-more{color: #fff;}
.case-item:hover .case-item-pic,.case-item.on .case-item-pic{opacity: 1;}

/* 新闻详情页 */
.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: #d6a440;}
.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.about-page{justify-content: center;}
.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: #d6a440;font-size: 36px;line-height: 1em;}
.article-page a:hover p{color: #d6a440;}



/* 页码 */
.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: #d6a440;}
.com-page a:hover{background: #d6a440;}
.com-page-prev{margin-right: 25px;}
.com-page-next{margin-left: 25px;}

/* about */
/* .about{padding-bottom: 100px;} */
.about img{display: block;max-width: 100%;height: auto;}
/* .about-intro{padding: 80px 0;} */
.about-intro img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.about-intro-toptitle{color: #53421b;font-size: 50px;line-height: 1em;text-align: center;}
.about-intro-title{margin-top: 80px;font-size: 40px;line-height: 1em;text-align: center;}
.about-intro-topcontent,.about-intro-content{margin-top: 40px;font-size: 30px;line-height: 2em;text-align: center;}
.about-intro-content{font-size: 20px;}
.about-list{padding-bottom: 90px;}
.about-story{display: flex;overflow: hidden;flex-wrap: wrap;justify-content: space-between;margin-bottom: 10px;}
.about-story:nth-child(even){flex-flow: row-reverse;}
.about-story-text{display: flex;flex-flow: column;justify-content: center;width: calc(55.7% - 10px);box-sizing: border-box;padding: 0 60px;background: #c2a877;}

.about-story:nth-child(2) .about-story-text{background: #9a9285;}
.about-story:nth-child(3) .about-story-text{background: #c3baa9;}
.about-story-title{margin-bottom: 20px;color: #fff;font-size: 30px;line-height: 1em;}
.about-story-msg{width: 100%;color: #fff;font-size: 20px;line-height: 1.5em;}
.about-story-pic{position: relative;width: 44.3%;padding-bottom: 280px;}
.about-story-pic img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}
.about-advantage{display: flex;flex-wrap: wrap;padding: 85px 0 90px;}
.about-advantage-item{position: relative;width: 32.59%;margin-right: 1.115%;padding-bottom: 21.21%;margin-bottom: 18px;box-sizing: border-box;border: 1px solid #ccc;}
.about-advantage-item:nth-child(3n){margin-right: 0;}
.about-advantage-text{position: absolute;left: 0;top: 0;transition: all .5s;z-index: 1;display: flex;align-items: center;width: 100%;height: 100%;box-sizing: border-box;padding: 0 16.89%;font-size: 24px;line-height: 1.5em;color: #999;}
.about-advantage-text i{transition: all .5s;color: #999;font-size: 50px;line-height: 1em;}
.about-advantage-line{width: 30px;height: 2px;margin: 26px auto;background: #6c6e62;}
.about-advantage-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-advantage-pic img{transition: all .5s;display: block;width: 100%;height: 100%;opacity: 0;}
.about-advantage-item.on .about-advantage-text{color: #fff;background: rgba(0, 0, 0, .5);}
.about-advantage-item.on .about-advantage-text i{color: #fff;}
.about-advantage-item.on .about-advantage-line{background: #fff;}
.about-advantage-item.on .about-advantage-pic img{opacity: 1;}
.about-form{padding-bottom: 100px;}
.about-form-top{}
.about-form-title{font-family: Roboto-T;font-size: 60px;line-height: 1em;text-align: center;text-transform: uppercase;}
.about-form-msg{margin: 10px 0 46px;color: #999;font-family: Roboto-T;font-size: 20px;line-height: 1.5em;text-align: center;}
.about-form form{display: flex;flex-wrap: wrap;justify-content: space-between;width: 1340px;margin: auto;}
.about-form input{display: block;width: 48.50%;height: 70px;box-sizing: border-box;border: none;margin-bottom: 30px;outline: none;padding: 0 20px;color: #999;font-family: Roboto-T;font-size: 20px;background: #f2f2f2;}
.about-form textarea{display: block;width: 100%;height: 365px;box-sizing: border-box;border: none;margin-bottom: 40px;outline: none;overflow-y: auto;padding: 20px;resize: none;color: #999;font-family: Roboto-T;font-size: 20px;background: #f2f2f2;}
.about-form button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 175px;height: 70px;border-radius: 5px;border: 2px solid #6c6e62;box-sizing: border-box;margin: 0 auto;outline: none;color: #fff;font-size: 20px;text-align: center;background: #6c6e62;cursor: pointer;}
.about-form button:hover{color: #6c6e62;background: transparent;}

/* service */
.service-intro img{display: block;max-width: 100%;height: auto;margin: 0 auto;}

/* .service-intro{padding: 90px 0;text-align: center;} */
.service-intro .title{color: #dbaf56;font-size: 50px;line-height: 1em;}
.service-intro .summary{margin: 40px 0 60px;font-size: 34px;line-height: 2em;}
.service-intro .pic{display: flex;justify-content: space-between;align-items: center;}
.service-intro .pic .item{width: 43.29%;}
.service-intro .pic .item img{display: block;width: 100%;height: auto;}
.service-pic img{display: block;width: 100%;height: auto;}

/* develop */
/* .develop{padding-top: 80px;background: #d7e8d6;} */
/* .develop-banner{align-items: flex-start;}
.develop-banner .title{margin-top: 130px;} */
.develop img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.develop-top{display: flex;justify-content: center;align-items: center;background: #b6bdc2;}
.develop-top img{display: block;}
.develop .about-intro-toptitle{margin-bottom: 40px;}

.develop-list .about-story-text{background: #777c75;}
.develop-list .about-story:nth-child(2) .about-story-text{background: #9dbdbd;}
.develop-list .about-story:nth-child(3) .about-story-text{background: #8c8f82;}
.develop-content{padding-bottom: 80px;}
.develop-content .develop-table{}
.develop-content .develop-table table{border-color: #6c6e628f;font-size: 18px;background: #fff;}
.develop-content .develop-table .develop-table-top{display: flex;justify-content: center;align-items: center;width: 100%;height: 50px;font-size: 22px;text-align: center;background: #fdd960;}
.develop-content .develop-table tr{height: 50px;}
.develop-content .develop-table td{padding: 0 20px;}
/* 加入我们 */
/* .join .about-story-text,.join .about-story-pic{width: 50%;} */
.join{padding: 0 0 90px;}
.join img{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.join .i-catalog-title{padding: 90px 0;}
.join .about-story-pic{padding-bottom: 0;}
.join .about-story-text{position: relative;width: 100%;padding: 0 0 32.08%;}
.join .about-story-text img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;}


/* shopping */
.shopping{padding: 70px 0 100px;}
.shopping form{display: block;}
.shopping-tb{margin-bottom: 40px;}
.shopping-th{display: flex;align-items: center;height: 70px;box-sizing: border-box;border: 1px solid #e5e5e5;padding: 0 39px;background: #fafafa;}
.shopping-check{width: 200px;}
.shopping-check .check-box{display: flex;}
.shopping-check .check-box input[type="checkbox"]{opacity: 0;width: 0;height: 0;}
.check-style{position: relative;padding-left: 35px;cursor: pointer;}
.check-style::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 25px;height: 25px;border: 1px solid #e5e5e5;-webkit-box-sizing: border-box;box-sizing: border-box;}
.shopping-check .check-box input[type="checkbox"]:checked + .check-style::after {content: "";position: absolute;left: 3px;top: 50%;transform: translateY(-50%);width: 20px;height: 14px;background: url(/static/img/true.png)center/contain no-repeat;}
.shopping-title{font-family: Roboto-B;font-size: 18px;line-height: 25px;}

.shopping-pic{display: flex;align-items: center;width: calc(50% - 136px);height: 100%;}
.shopping-system{display: flex;align-items: center;width: calc(50% - 136px);height: 100%;}
.shopping-details{width: calc(100% - 851px);}
.shopping-info{display: none;}
.shopping-operation{display: flex;justify-content: center;align-items: center;width: 72px;}
.shopping-item{position: relative;display: flex;align-items: center;min-height: 241px;box-sizing: border-box;border: 1px solid #e5e5e5;border-top: none;padding: 0 39px}
.shopping-item p{padding-right: 10px;}
.shopping-msg{display: flex;flex-flow: column;justify-content: center;height: 100%;box-sizing: border-box;padding: 20px 20px 20px 0;text-align: justify;font-size: 18px;line-height: 25px;}
.shopping-img{width: 150px;height: 150px;box-sizing: border-box;border: 1px solid #e5e5e5;}
.shopping-img img{display: block;width: 100%;height: 100%;}

.shopping-name{color: #666;font-size: 24px;line-height: 30px;}
.shopping-size{width: 275px;color: #666;font-size: 20px;line-height: 1.5em;}
.shopping-size i{font-style: normal;}
.shopping-operation i{transition: all .5s;color: #999;font-size: 30px;line-height: 1em;cursor: pointer;}
.shopping-operation i:hover{color: #ec631b;}
.shopping-bar{position: relative;display: flex;align-items: center;height: 100px;box-sizing: border-box;border: 1px solid #6c6e62;margin-top: 20px;padding: 0 39px;font-size: 20px;}
.shopping-bar a{transition: all .5s;color: #6c6e62;}
.shopping-bar a:hover{color: #ec631b;}
.shopping-bar-line{width: 1px;height: 14px;margin: 0 40px;background: #6c6e62;}
.shopping-bar p{color: #999;}
.shopping-bar-btn{position: absolute;right: 0;top: 0;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 311px;height: 100%;box-sizing: border-box;border: 1px solid #6c6e62;background: #6c6e62;cursor: pointer;}
.shopping-bar-btn p{transition: all .5s;color: #fff;font-size: 20px;text-align: center;}
.shopping-bar-btn p.mobile{display: none;}



/* 弹出框 */
.fixed-box{position: fixed;left: 0;top: 0;z-index: -1;transition: all .5s;display: none;width: 100%;height: 100%;opacity: 0;}
.fixed-box.on{z-index: 1000;display: block;opacity: 1;}
.fixed-box-cover{width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.fixed-box-main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;overflow: hidden;}
.fixed-box-main .fixed-form{display: block;width: 600px;box-sizing: border-box;padding: 70px 60px 52px;}
.fixed-box-main .fixed-form input{display: block;width: 100%;height: 52px;border: 1px solid #e5e5e5;outline: none;box-sizing: border-box;padding: 0 14px;margin-bottom: 15px;color: #666;font-size: 16px;}
.fixed-box-main .fixed-form textarea{display: block;width: 100%;height: 120px;border: 1px solid #e5e5e5;outline: none;box-sizing: border-box;padding: 14px;margin-bottom: 15px;color: #666;font-size: 16px;resize: none;overflow-y: auto;}
.fixed-form-btn{position: relative;transition: all .5s;display: flex;justify-content: center;align-items: center;width: 156px;height: 50px;box-sizing: border-box;border:none;margin: 0 auto;outline: none;color: #fff;font-size: 20px;text-align: center;background: #6c6e62;cursor: pointer;}
.fixed-box-main form button{outline: none;cursor: pointer;}
.fixed-box-close{position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 69px;height: 69px;cursor: pointer;}
.fixed-box-close i{position: absolute;top: 16px;right: 16px;z-index: 1;color: #fff;font-size: 24px;line-height: 1em;}
.fixed-box-close::after{content: "";position: absolute;left: 0;bottom: 0;transition: all .5s;width: 138px;height: 138px;border-radius: 50%;background: #6c6e62;opacity: .5;}
.fixed-box-close:hover::after{opacity: 1;}

/* 移动端 */
.mobile-slide{position: absolute;left: 50%;top: 81px;transform: translateX(-50%);display: none;height: calc(100vh - 81px);overflow-y: auto;}
.header-mobile-item {position: relative;z-index: 1;}
.header-mobile-type{transition: all .5s;display: flex;justify-content: space-between;align-items: center;opacity: 0;}
.header-slide.open .header-mobile-type{opacity: 1;}
.header-mobile-type a,.header-mobile-type p{display: inline-block;padding: 10px 0;color: #fff;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: 20px;}
.header-mobile-slide a{display: block;padding: 5px 0;color: #fff;font-family: Roboto-T;font-size: 18px;line-height: 1.5em;}

/* media css */
@media screen and (max-width:1920px) {
    /* .product-item{height: 673px;} */
}
@media screen and (max-width:1700px) {
    .w1700,.w1626{width: 96%;}
    .header-item{margin: 0 20px;}
    .header-item.header-logo{margin: 0 70px;}
    .i-banner .btn.prev{left: 2%;}
    .i-banner .btn.next{right: 2%;}
    .i-product-left{padding: 0 2%}
    .product-item-info{padding:100px 23px 0;}
    /* .about-story-text{padding: 0 2%;} */
}
@media screen and (max-width:1500px) {
    .w1400{width: 1200px;}
    .header-item{padding: 0 16px;margin: 0 10px;}
    .header-item.header-logo{margin: 0 20px;}
    .i-product-title span{margin-bottom: 20px;}
    .footer-info{width: calc(100% - 300px);}
    .product-item-show{height: 585px;}
    .about-advantage-text{padding: 80px 30px 0;}
    .about-form form{width: 1280px;}
    .case-item-title{height: 3em;line-height: 1.5em;}
}
@media screen and (max-width:1366px) {
    .w1400{width: 96%;}
    /* .header-logo{margin-right: 10px;} */
    .header-item .header-nav{width: 110px;}
    .header-btn a{margin-right: 6px;}
    .header-slide-typename{font-size: 32px;}
    .header-slide-link{margin-top: 40px;}
    .header-slide-linkitem{margin-bottom: 20px;}
    .i-search input{width: 700px;}
    .i-banner-text{font-size: 40px;}
    .i-banner-title{font-size: 40px;line-height: 1.2em;}
    .i-banner-msg{margin-top: 16px;font-size: 20px;}
    /* .i-product-left{padding: 50px 2%;} */
    .i-product-solo{height: 250px;}
    .i-product-solo img{width: auto;height: 100%;}
    /* .i-product-title p{font-size: 50px;} */
    .i-product-title span{margin: 10px auto 16px;}
    .i-product-msg{font-size: 16px;}
    .i-product-title span{font-size: 16px;}
    .i-vr-title{font-size: 66px;line-height: 1.2em;}
    /* .i-product-text{margin-bottom: 40px;} */
    /* .i-catalog-title{font-size: 66px;}
    .i-catalog-name{font-size: 30px;}
    .i-catalog-cart>p{font-size: 16px;} */
    /* .i-vr-title{font-size: 66px;line-height: 1.2em;} */
    .i-join-main{height: 450px;}
    .i-join-title{font-size: 50px;}
    .i-join-text{margin: 40px 0 30px;font-size: 32px;}
    .system-intro{padding: 60px 0;}
    .system-title,.i-catalog-title{font-size: 50px;}
    .system-msg{font-size: 18px;}
    .product-item-show{height: 530px;}
    .product-item-title{font-size: 32px;}
    .product-item-info{padding: 80px 2% 0;}
    .product-size-tip{font-size: 20px;}
    .product-size-list{font-size: 18px;}
    /* .about-story-title{margin-bottom: 40px;font-size: 50px;} */
    /* .about-story-msg{font-size: 18px;} */
    .about-advantage-text{padding: 0 30px;}
    .about-advantage-text i{font-size: 40px;}
    .about-advantage-line{margin: 16px auto;}
    .about-advantage-text{font-size: 20px;}
    .about-form form{width: 96%;}
    .about-form-title{font-size: 50px;}
    .about-form-msg{font-size: 18px;}
    .about-form input,.about-form textarea,.about-form button,.shopping-size{font-size: 18px;}
    .inner-banner{height: 500px;}
    .inner-banner .title .cn{font-size: 80px;}
    .shopping-title{font-size: 16px;}
    .shopping-name{font-size: 20px;line-height: 1.5em;}
    .shopping-th,.shopping-item{padding: 0 20px;}
    .shopping-msg{font-size: 16px;line-height: 1.5em;}
    .shopping-bar{height: 70px;padding: 0 20px;font-size: 18px;}
    .shopping-bar-btn{width: 220px;}
    .shopping-bar-btn p{font-size: 18px;}
    .fixed-form-btn{font-size: 18px;}
    .case-top-info{padding: 0 2.5%;}
    .case-top-title{margin-bottom: 40px;}
    .case-top-text{margin-bottom: 60px;}
    .case-item-main{padding: 20px;}
}
@media screen and (max-width:1280px) {
    .header-item.header-logo{margin: 0;padding: 0;}
    .header-logo img, .footer-logo img {width: 150px;height: auto;}
    .header-item{padding: 0 10px;margin: 0;}
    .i-catalog.index-news{padding: 120px 0;}
    .i-join-main{height: 400px;}
    .case-item-main{justify-content: space-between;}
    .case-item-msg{height:4.5em;margin: 0;font-size: 14px;line-height: 1.5em;}
    .case-read{width: 100%;}
}
@media screen and (max-width:1100px) {
    .w1065{width: 96%;}
    .header-item{margin: 0;}
    /* .i-catalog-main{justify-content: center;} */
    /* .i-catalog-item:nth-child(odd){margin-right: 110px;} */
    .footer-info{width: calc(100% - 250px);}
    /* .about-story-title{margin-bottom: 20px;} */
    .shopping-item{min-height: 200px;}
    /* .shopping-check{width: 50px;} */
    /* .check-style{padding-left: 50px;} */
    /* .check-style .shopping-title{display: none;} */
    /* .shopping-pic{width: 200px;}
    .shopping-system{width: calc(100% - 320px);padding-right: 40px;box-sizing: border-box;}
    .shopping-operation{width: 70px;} */
}
@media screen and (max-width:960px) {
    .pt102{padding-top: 81px;}
    .index{top: -81px;}
    .header-item{height: 80px;}
    .header-logo{margin: 0;}
    .header-item:not(.header-logo){display: none;}
    .header-logo img,.footer-logo img{width: 150px;height: auto;}
    .header.open .header-btn{right: 0;}
    .header-btn a{margin-right: 20px;}
    .header-slide-main,.header-slide-rightcopy{display: none;}
    .header-slide.open .mobile-slide{display: block;}
    /* .header.open .header-main{justify-content: flex-start;} */
    .i-search input{width: 600px;}
    .i-banner .item{height: 600px;}
    .i-product-main{}
    .i-product-left{width: 100%;height: auto;padding: 50px 2%;}
    /* .i-product-solo{width: 280px;margin-bottom: 20px;} */
    .i-product-text{margin-bottom: 30px;}
    .i-product-right{width: 100%;padding-bottom: calc(50vh - 40px);}
    .i-product-pic{display: none;}
    /* .i-catalog-title{font-size: 40px;} */
    .i-catalog-name{font-size: 20px;}
    .i-catalog-cart>p{font-size: 16px;}
    .i-catalog-cart i{font-size: 16px;}
    /* .i-catalog{padding: 100px 0;} */
    /* .i-catalog-main{margin-top: 60px;} */
    .i-vr{height: 600px;}
    .i-vr-msg{width: 90%;font-size: 30px;}
    .i-vr-link{bottom: 40px;}
    .i-vr-linklist{margin-bottom: 20px;}
    .i-vr-linkitem{opacity: 1;}
    .i-join{background: #66c7fe;text-align: center;}
    .i-join-main{height: auto;padding: 80px 0 20px;}
    /* .i-join-text{margin: 60px 0 40px;} */
    .i-join .i-more{margin: 0 auto;}
    .i-join .i-join-bg{display: block;width: 550px;max-width: 100%;margin: 0 auto;}
    .footer{padding-top: 60px;}
    .footer-logo{display: block;width: 124px;margin-bottom: 40px;}
    .footer-main{flex-flow: column;justify-content: flex-start;}
    .footer-info{flex-wrap: wrap;}
    .footer-info,.footer-info-item{width: 100%;}
    .footer-info-item:first-child{margin-bottom: 30px;}
    .footer-bottom{flex-flow: column;align-items: center;padding: 10px 0;}
    .footer-bottom p, .footer-bottom a{line-height: 1.5em;text-align: center;}
    .system{padding-bottom: 60px;}
    .system-more{margin-top: 60px;height: 60px;font-size: 20px;}
    .product-item{height: auto;}
    .product-item-pic{width: 100%;border-bottom: 1px solid #e5e5e5;padding: 2%;}
    .product-item-show{height: auto;}
    .product-item-show .swiper-slide{position: relative;height: auto;padding-bottom: 53.46%;}
    .product-item-show .swiper-slide img{position: absolute;left: 0;top: 0;}
    .product-item-info{width: 100%;border-left: none;padding: 30px 2% 50px;}
    .product-item-title{margin-bottom: 30px;}
    .product-size-list{max-height: none;border: none;padding: 0;margin-top: 12px;font-size: 16px;}
    .about-intro-toptitle{font-size: 40px;}
    .about-intro-title{font-size: 30px;}
    .about-intro-topcontent{font-size: 22px;}
    .about-intro-content{font-size: 18px;}
    .about-story{margin-bottom: 0;}
    .about-story:nth-child(even){flex-flow: row;flex-wrap: wrap;}
    .about-story-text{width: 100%;height: 200px;padding: 0 20px;}
    .about-story-title{font-size: 24px;}
    .about-story-msg{font-size: 18px;}
    .about-story-pic{width: 100%;padding-bottom: 280px;}
    .about-advantage-item{width: 100%;padding-bottom: 29.21%;margin-right: 0;}
    .about-form input{height: 60px;margin-bottom: 20px;}
    .about-form textarea{height: 250px;}

    .case{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);} */

    .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;}
    .join .i-catalog-title{padding:60px 0 30px;}
    .join .about-story-text{padding: 0 0 400px;}
    .join .about-story-pic{width: 100%;padding-bottom: 77.92%;}
    .shopping{padding: 0 0 90px;}
    .shopping-item{}
    .shopping-check{width: 140px;}
    .shopping-operation{width: 64px;}
    .shopping-name{font-size: 18px;}
    .shopping-system,.shopping-pic{width: calc(50% - 102px);}
    .shopping-msg{}
    .inner-banner{height: 400px;}
    .inner-banner .title .cn{font-size: 50px;}
    .inner-banner .title .en{font-size: 20px;}
    .service-intro .title{font-size: 40px;}
    .service-intro .summary{font-size: 24px;}

    .develop-top img{width: auto;height: 150px;}
}
@media screen and (max-width:768px) {
    .i-search input{width: 380px;height: 50px;padding: 0 20px;}
    .i-search button{height: 50px;font-size: 18px;}
    .i-banner .item{height: 500px;}
    .i-banner-text{font-size: 30px;}
    .i-banner-title{font-size: 30px;}
    .i-banner-msg{font-size: 16px;letter-spacing: 2px;}
    .i-catalog-item{width: 48%;}
    /* .i-catalog-item:nth-child(odd){margin-right: 4%;} */
    /* .i-catalog-title{font-size: 50px;} */
    /* .i-catalog-name{margin-top: 20px;font-size: 20px;} */
    .i-catalog-cart{justify-content: center;}
    .i-catalog-cart>p{line-height: 1em;}
    .i-catalog-cart i{font-size: 20px;}
    .i-vr{height: 500px;}
    .i-vr-title{font-size: 50px;}
    .i-vr-link{bottom: 30px;}
    .i-join-title{font-size: 40px;}
    .i-join-text{font-size: 22px;}
    .system-title{margin-bottom: 20px;font-size: 40px;}
    .system-msg{font-size: 16px;}
    .product-item-btn i{font-size: 22px;}
    .product-item-title{font-size: 24px;}
    .product-size-tip{font-size: 18px;}
    .i-catalog-title{font-size: 40px;}
    .about-story-msg{font-size: 16px;}
    .about-advantage-item{padding-bottom: 40%;}
    .about-advantage-text{display: flex;align-items: center;}
    .about-advantage-text i{font-size: 30px;}
    .about-advantage-line{margin: 10px auto;}
    .about-advantage-text{padding: 0 30px;font-size: 18px;}
    .shopping-th{height: 50px;}
    .about-form-title{font-size: 40px;}
    .about-form-msg,.about-form input,.about-form textarea,.about-form button,.shopping-size,.shopping-bar,.shopping-bar-btn p{font-size: 16px;}
    .about-form button{width: 150px;height: 50px;}
    .shopping-bar-line{margin: 0 20px;}
    .shopping-bar-btn{width: 170px;}
    .fixed-form-btn{width: 120px;height: 40px;font-size: 16px;}
    .case-item{width: 50%;padding-bottom: 45%;}
    .shopping-tb{overflow-x: auto;}
    .shopping-th, .shopping-item{width: 730px;}
}
@media screen and (max-width:600px) {
    .i-catalog-name{line-height: 1em;}
    /* .i-catalog-cart{margin-top: 0;align-items: flex-end;} */
    /* .i-catalog-cart>p{font-size: 14px;line-height: 1.2em;} */
    .shopping-size{width: 100%;}
    .shopping-bar{height: 60px;}
    .shopping-bar-btn{width: 90px;}
    .shopping-bar-btn p.pc{display: none;}
    .shopping-bar-btn p.mobile{display: block;}
    .fixed-box-main .fixed-form{width: 96vw;padding:50px 30px;}
    .fixed-box-close{width: 50px;height: 50px;}
    .fixed-box-close::after{width: 100px;height: 100px;}
    .fixed-box-close i{top: 10px;right: 10px;font-size: 20px;}
    .fixed-box-main .fixed-form input{height: 40px;padding: 0 12px;}
    /* .shopping-pic{width: 130px;}
    .shopping-img{width: 100px;height: 100px;} */
    /* .shopping-system{width: calc(100% - 250px);padding-right: 0;} */
    .case-top-more span,.case-item-more{font-size: 14px;}
    .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;}
    .join .about-story-text{padding-bottom: 260px;}
}
@media screen and (max-width:500px) {
    .com-fixed{right: 10px;}
    .com-fixed-item{width: 40px;height: 40px;}
    .com-fixed-item.totop{margin-top: 10px;}
    .com-fixed-item i{font-size: 18px;}
    .com-fixed-item .com-fixed-cart .com-fixed-cartnum{transform: translate(50%,-50%) scale(.8);}
    .header-logo img, .footer-logo img{width: 100px;}
    .header-btn a.header-lang{font-size: 18px;}
    .i-search input{width: 300px;font-size: 14px;}
    .i-search button{width: 80px;font-size: 16px;}
    .i-banner .item{height: 400px;}
    .i-banner-title{letter-spacing: 2px;}
    .i-banner-msg{margin-top: 10px;font-size: 14px;letter-spacing:normal}
    .i-banner .btn i{font-size: 30px;}
    .i-product-solo{height: 160px;}
    .i-product-text{margin-bottom: 20px;}
    .i-product-title p{font-size: 30px;}
    .i-product-title span,.i-product-msg{font-size: 14px;}
    .i-product-msg{height: auto;}
    .i-catalog{padding: 60px 0;}
    .i-catalog.index-news{padding: 60px 0;}
    .i-catalog-title,.i-vr-title{font-size: 30px;}
    .i-catalog-main{margin-top: 50px;}
    .i-catalog-main.pc{display: none;}
    .i-catalog-main.m{position: relative;display: block;}
    .i-catalog-main.m .i-catalog-pic{box-shadow: none;}
    .i-catalog-main.m .i-catalog-item{width: 100%;margin-bottom: 0;}
    .i-catalog-item:nth-child(odd){margin-right:0;}
    /* .i-catalog-item:nth-child(odd){margin-right:50px;} */
    /* .i-catalog-cart{margin-top: 8px;} */
    .i-catalog-name{font-size: 18px;}
    .i-catalog-msg{font-size: 14px;}
    .i-catalog-cart{margin-top: 20px;}
    .i-catalog-cart>p{margin-right: 0;font-size: 14px;line-height: 1em;}
    .i-catalog-cart i{font-size: 16px;}

    .i-catalog.type .i-catalog-item{width: 100%;margin-bottom: 30px;}
    .i-catalog.type .i-catalog-item:last-child{margin-bottom: 0;}
    .i-catalog.type .i-catalog-item .i-catalog-msg{margin: 10px 0}

    .i-vr{height: 450px;}
    .i-vr-title{font-size: 40px;line-height: 1.2em;}
    .i-vr-msg{font-size: 18px;}
    .i-vr-link{bottom: 30px;}
    .i-vr-linkitem{font-size: 14px;}
    .i-join-main{padding: 60px 0 20px;}
    .i-join-title{font-size: 32px;}
    .i-join-text{margin: 40px 0 20px;font-size: 20px;}
    .footer-main{padding-bottom: 60px;font-size: 14px;line-height: 1.5em;}
    .footer-info-title{padding-bottom: 10px;font-size: 16px;}
    .footer-info-item li a{font-size: 14px;}
    .footer-copyright{flex-flow: column;}
    .footer-bottom p, .footer-bottom a{font-size: 12px;}
    .system-more{height: 40px;font-size: 14px;}
    .system-title{font-size: 32px;}
    .system-intro{padding: 40px 0;}
    .system-msg{font-size: 14px;}
    .system-back{margin-top: 20px;font-size: 14px;}
    .product{padding-bottom: 60px;}
    .product-item-title{font-size: 20px;}
    .product-size-list {font-size: 14px;}
    /* .about{padding-bottom: 60px;} */
    .i-catalog-title{font-size: 32px;}
    .join{padding-bottom: 40px;}
    .about-intro-toptitle{font-size: 28px;}
    .about-intro-topcontent{margin-top: 30px;font-size: 18px;}
    .about-intro-title{font-size: 24px;margin-top: 60px;}
    .about-intro-content{font-size: 16px;}
    .about-story-msg{font-size: 14px;}
    .about-advantage{padding: 60px 0;}
    .about-advantage-item{padding-bottom: 50%;}
    .about-advantage-text{font-size: 16px;}
    .about-advantage-line{width: 20px;margin: 8px auto;}
    .about-form{padding-bottom: 60px;}
    .about-form-title{font-size: 32px;}
    .about-form-msg{margin: 10px 0 26px;font-size: 14px;}
    .about-form input{width: 100%;height: 50px;padding: 0 10px;}
    .about-form textarea{height: 180px;padding: 10px;}
    /* .shopping-item{height: 150px;} */
    .shopping-title{font-size: 14px;}
    .shopping-th, .shopping-item,.shopping-bar{padding: 0 12px;}
    /* .shopping-check{width: 30px;}
    .check-style{padding-left: 30px;}
    .check-style::before{width: 20px;height: 20px;}
    .shopping-check .check-box input[type="checkbox"]:checked + .check-style::after{left: 0;}
    .shopping-pic{width: 90px;}
    .shopping-img{width: 80px;height: 80px;}
    .shopping-system{width: calc(100% - 180px);}
    .shopping-operation{width: 60px;} */
    .shopping-name{font-size: 16px;}
    .shopping-msg{padding: 10px 20px 10px 0;}
    .shopping-bar,.shopping-bar-btn p{font-size: 14px;}
    .shopping-bar{height: 50px;}
    .shopping-bar-line{margin: 0 10px;}
    .shopping-bar-btn{width: 70px;}
    .fixed-box-main .fixed-form input{font-size: 14px;}
    .article-read,.case{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-page span, .com-page a{width: 34px;height: 34px;}
    .article-read-title{margin-bottom: 20px;}
    .join .about-story-text{padding-bottom: 210px;}
    .inner-banner{height: 300px;}
    .inner-banner .title .cn{margin-bottom: 10px;font-size: 30px;}
    .inner-banner .title .en{font-size: 18px;}
    /* .service-intro{padding: 60px 0;} */
    .service-intro .title{font-size: 28px;}
    .service-intro .summary{margin: 20px 0 40px;font-size: 18px;}
    .service-intro .pic .item{width: 48%;}

    .develop-top img{width: auto;height: 120px;}
    .develop-content .develop-table .develop-table-top{height: 40px;font-size: 20px;}
    .develop-content .develop-table table{font-size: 16px;}
    .develop-content .develop-table tr{height: 40px;}
    .develop-content .develop-table td{padding: 0 10px;}
    .footer-info-item li .code{width: 110px;}
}
@media screen and (max-width:400px) {
    .header-btn a{margin-right: 6px;}
    .i-search input{width: 220px;height: 40px;}
    .i-search button{width: 80px;height: 40px;font-size: 14px;}
    .i-banner-text{padding: 0 20px;font-size: 28px;}
    .i-banner-title{font-size: 28px;}
    /* .i-catalog-title,.i-vr-title{font-size: 36px;} */
    /* .i-catalog-item:nth-child(odd){margin-right: 40px;} */
    /* .i-catalog-name{font-size: 18px;} */
    /* .i-catalog-cart>p{font-size: 12px;} */
    .i-catalog-main.m .page{top: 33%;}
    .i-catalog-main.m .page i{font-size: 26px;}
    .inner-banner{height: 200px;}
    .inner-banner .title .en{font-size: 14px;}
    .shopping-title{font-size: 12px;}
    .shopping-msg{font-size: 14px;}
    .shopping-name{font-size: 14px;}
    .shopping-bar-btn{width: 50px;}
    .shopping-bar, .shopping-bar-btn p{font-size: 12px;}
    .join .about-story-text{padding-bottom: 180px;}
}