*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html,body{padding:0;margin:0}img{border-style:none;border:0;vertical-align:middle}h1,h2,h3,h4{margin:0;padding:0;font-weight:normal;color:#333}p{margin:0;padding:0;color:#666}b,strong{font-weight:bolder}a{background-color:transparent;color:#333;text-decoration:none;outline:none}a:hover,a:focus,a:active{color:#666}ul,li{margin:0;padding:0;list-style:none}/* 表单*/input{outline:none;border:none;-webkit-appearance:none}textarea{font-family:Arial,"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;overflow:auto;resize:none}button{outline:none;-webkit-appearance:none;cursor:pointer}/* 表格 */table{border-collapse:collapse;border-spacing:0}/*浮动*/.fl{float:left}.fr{float:right}/*清除浮动*/.clearfix:after{display:block;height:0;content:"";clear:both;overflow:hidden}/* 触发 hasLayout */.clearfix{zoom:1}/* scrollbar */::-webkit-scrollbar{-webkit-appearance:none;width:6px;width:6px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:var(--default)}::-webkit-scrollbar-thumb:active{background:#666}/* 全局设置 */body{font-size:16px;font-family:Arial,"Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;line-height:1.4}.flex{display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap}.position{position:relative}.overflow{overflow:hidden}.background{background-position:center;background-repeat:no-repeat;background-size:cover}.container{margin:0 auto;width:1400px}@media (max-width:1500px){.container{padding-left:50px;padding-right:50px;max-width:100%}}@media (max-width:768px){.container{padding-left:15px;padding-right:15px}}.padding{padding-top:100px;padding-bottom:100px}@media (max-width:1200px){.padding{padding-top:50px;padding-bottom:50px}}.pt50{padding-top:100px}@media (max-width:1200px){.pt50{padding-top:50px}}/* 主题色设置 */:root{--default:#0070C0;--deputy:#E47C13}/* 动画 */.goScale{-moz-animation-name:goScale;-ms-animation-name:goScale;-webkit-animation-name:goScale;animation-name:goScale}@keyframes goScale{0%{opacity:0;-webkit-transform:scale(.4);-ms-transform:scale(.4);-moz-transform:scale(.4);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.goLeft{-ms-animation-name:goLeft;-moz-animation-name:goLeft;-webkit-animation-name:goLeft;animation-name:goLeft}@keyframes goLeft{0%{opacity:0;-webkit-transform:translate3d(-30px, 0, 0);-ms-transform:translate3d(-30px, 0, 0);-moz-transform:translate3d(-30px, 0, 0);transform:translate3d(-30px, 0, 0)}to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.goRight{-webkit-animation-name:goRight;-ms-animation-name:goRight;-moz-animation-name:goRight;animation-name:goRight}@keyframes goRight{0%{opacity:0;-webkit-transform:translate3d(30px, 0, 0);-ms-transform:translate3d(30px, 0, 0);-moz-transform:translate3d(30px, 0, 0);transform:translate3d(30px, 0, 0)}to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.goUp{-webkit-animation-name:goUp;-ms-animation-name:goUp;-moz-animation-name:goUp;animation-name:goUp}@keyframes goUp{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0);-ms-transform:translate3d(0, 30px, 0);-moz-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0)}to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.goDown{-webkit-animation-name:goDown;-ms-animation-name:goDown;-moz-animation-name:goDown;animation-name:goDown}@keyframes goDown{0%{opacity:0;-webkit-transform:translate3d(0, -30px, 0);-ms-transform:translate3d(0, -30px, 0);-moz-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}to{opacity:1;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.animated{-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;-ms-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;-ms-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;-ms-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;-ms-animation-duration:.8s;-moz-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;-ms-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;-ms-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;-ms-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms !important;-ms-animation-duration:1ms !important;-moz-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;-ms-transition-duration:1ms !important;-moz-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;-ms-animation-iteration-count:1 !important;-moz-animation-iteration-count:1 !important;animation-iteration-count:1 !important}}/***编程使我快乐**/.an-animate .an-animate-item:nth-child(1){animation-delay:.1s;-webkit-animation-delay:.1s;-ms-animation-delay:.1s;-moz-animation-delay:.1s}.an-animate .an-animate-item:nth-child(2){animation-delay:.2s;-webkit-animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s}.an-animate .an-animate-item:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;-ms-animation-delay:.3s;-moz-animation-delay:.3s}.an-animate .an-animate-item:nth-child(4){animation-delay:.4s;-webkit-animation-delay:.4s;-ms-animation-delay:.4s;-moz-animation-delay:.4s}.an-animate .an-animate-item:nth-child(5){animation-delay:.5s;-webkit-animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s}.an-animate .an-animate-item:nth-child(6){animation-delay:.6s;-webkit-animation-delay:.6s;-ms-animation-delay:.6s;-moz-animation-delay:.6s}.an-animate .an-animate-item:nth-child(7){animation-delay:.7s;-webkit-animation-delay:.7s;-ms-animation-delay:.7s;-moz-animation-delay:.7s}.an-animate .an-animate-item:nth-child(8){animation-delay:.8s;-webkit-animation-delay:.8s;-ms-animation-delay:.8s;-moz-animation-delay:.8s}.an-animate .an-animate-item:nth-child(9){animation-delay:.9s;-webkit-animation-delay:.9s;-ms-animation-delay:.9s;-moz-animation-delay:.9s}.an-animate .an-animate-item:nth-child(10){animation-delay:1s;-webkit-animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s}.an-animate .an-animate-item:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s;-ms-animation-delay:1.1s;-moz-animation-delay:1.1s}.an-animate .an-animate-item:nth-child(12){animation-delay:1.2s;-webkit-animation-delay:1.2s;-ms-animation-delay:1.2s;-moz-animation-delay:1.2s}.an-animate .an-animate-item:nth-child(13){animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-moz-animation-delay:1.3s}.an-animate .an-animate-item:nth-child(14){animation-delay:1.4s;-webkit-animation-delay:1.4s;-ms-animation-delay:1.4s;-moz-animation-delay:1.3s}.an-animate .an-animate-item:nth-child(15){animation-delay:1.5s;-webkit-animation-delay:1.5s;-ms-animation-delay:1.5s;-moz-animation-delay:1.5s}.an-animate .an-animate-item:nth-child(16){animation-delay:1.6s;-webkit-animation-delay:1.6s;-ms-animation-delay:1.6s;-moz-animation-delay:1.6s}/* */.pages-banner{position:relative;overflow:hidden}.pages-banner picture{display:block}.pages-banner picture img{width:100%}.pages-banner-info{position:absolute;top:0;left:0;width:50%;height:100%;padding-left:46.7px;align-items:center}.pages-banner-info h3{font-size:26px;color:#fff}.pages-banner-info p{margin-top:10px;font-size:24px;color:#fff}@media (max-width:1200px){.pages-banner-info{padding-left:20px}.pages-banner-info h3{font-size:24px}.pages-banner-info p{margin-top:20px}.pages-banner-info p{font-size:16px}}@media (max-width:768px){.pages-banner{margin:0 -15px}.pages-banner-info h3{font-size:20px}.pages-banner-info p{margin-top:10px;font-size:14px}}@media (max-width:640px){}/* |---------------------- | breadcrumb |---------------------- */.pages-breadcrumb{padding:30px 0;line-height:30px;display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.pages-breadcrumb b{display:inline-block;margin:0 7px;width:6px;height:6px;border-top:1px solid #777;border-right:1px solid #777;transform:rotate(45deg)}.pages-breadcrumb a,.pages-breadcrumb span{margin:5px 0;color:#777;white-space:nowrap}.pages-breadcrumb a:last-child{color:var(--default)}@media(max-width:768px){.pages-breadcrumb{padding:10px 0;height:auto}}/* |---------------------- | title |---------------------- */.pages-title{text-align:center}.pages-title h3{position:relative;padding-bottom:20px;line-height:1.2;font-size:26px;color:var(--default);text-transform:uppercase}.pages-title h3::before{position:absolute;bottom:0;left:0;content:'';width:130px;height:2px;background-color:var(--default)}.pages-title h4{position:relative;font-size:18px;line-height:1.4;color:var(--default);text-transform:uppercase}.pages-title p{margin-top:20px;font-size:16px;line-height:1.4}.pages-title-white h3,.pages-title-white h4{color:#fff}.pages-title-white h3::before{background-color:#fff}.pages-title-left{text-align:left}@media (max-width:1200px){.pages-title h3{font-size:24px}}@media (max-width:768px){.pages-title h3{font-size:20px}}/* |---------------------- | paging |---------------------- */.paging{padding:30px 0 0}.page-num{position:relative;display:inline-block;margin:2px 5px;padding:0 5px;height:35px;line-height:35px;font-size:14px;text-align:center;background-color:#fff}.page-num:hover,.page-num:hover{background-color:var(--default);color:#fff}/* */.paging-prev a,.paging-next a{width:35px}.paging-prev a i,.paging-next a i{position:absolute;top:14px;display:inline-block;width:8px;height:8px;border:1px solid #333;transform:rotate(45deg)}.paging-prev a i{left:15px;border-right:none;border-top:none}.paging-next a i{left:13px;border-left:none;border-bottom:none}/* hover */.paging-prev a:hover i,.paging-next a:hover i{border-color:#fff}/* active */.paging-nav a{display:block;width:35px}.paging-nav a.page-num-current,.paging-nav a:hover{background-color:var(--default);color:#fff}@media (max-width:768px){}/* */.fixed-online{position:fixed;bottom:20px;right:15px;z-index:77}.fixed-online ul li{margin-bottom:2px;width:64px;text-align:center;cursor:pointer;transition:.3s}.fixed-online ul li a{position:relative;height:64px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--default);color:#fff}.fixed-online ul li i{font-size:28px}.fixed-online ul li p{font-size:12px}.fixed-online-way{position:absolute;bottom:0;right:66px;background-color:var(--default);transition:all .3s}.fixed-online #fixed-online-tel{width:200px;height:64px;line-height:64px;font-size:24px}.fixed-online #fixed-online-wx{padding:15px;line-height:64px}.fixed-online #fixed-online-wx .img{width:120px;height:120px;background-color:#eee}.fixed-online #fixed-online-wx h3{margin-top:10px;line-height:20px;font-size:14px}#gotop{height:0;opacity:0;overflow:hidden}.gotop-active{height:64px!important;opacity:1!important}/* */.fix-online{position:fixed;top:50%;right:0;z-index:9;margin-top:-266px;width:80px;opacity:0;transition:opacity .3s,transform .3s;transform:translateX(100%)}.fix-online-active{opacity:1;transform:translateX(0)}.fix-online-item{display:block;margin-bottom:1px;background-color:#ed263b;color:#fff;text-align:center;transition:transform .4s}.fix-online-main{width:90px;height:80px;padding:10px 10px 10px 0;background-color:#ed263b}.fix-online-main .fix-online-ico{width:40px}.fix-online-main p{font-size:14px;color:#fff}.fix-online-tel{display:flex;width:260px;flex-wrap:wrap;align-items:center}.fix-online-tel .fix-online-main{border-right:1px solid rgba(0,0,0,.2)}.fix-online-number{flex:1;font-size:20px;color:#fff}.fix-online-item.gotop .fix-online-main{padding:10px 10px 18px 0}.fix-online-item.gotop .fix-online-main .fix-online-ico{width:60px}.fix-online .fix-online-item:hover{transform:translateX(-10px)}.fix-online .fix-online-tel:hover{transform:translateX(-180px)}.fix-online .fix-online-tel:hover .fix-online-main{padding-right:0;width:80px}@font-face{font-family:'iconfont';src:url("/template/langa/assets/iconfont/iconfont.eot");src:url("/template/langa/assets/iconfont/iconfont.eot?#iefix") format('embedded-opentype'),url("/template/langa/assets/iconfont/iconfont.woff") format('woff'),url("/template/langa/assets/iconfont/iconfont.ttf") format('truetype'),url("/template/langa/assets/iconfont/iconfont.svg#iconfont") format('svg')}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}/* |---------------------- | header |---------------------- */.header{padding:25px 0}.header-wrapper{justify-content:space-between;align-items:center;background-color:#fff}.header-logo img{height:45px}.header-right{align-items:center}@media (max-width:1000px){.header{padding:15px 0}.header-logo img{height:35px}}@media (max-width:768px){.header{padding:10px 0}.header-logo img{height:30px}}/* shop */.header-shop-way{position:relative;z-index:1;width:180px;justify-content:center;align-items:center}.header-shop-way:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;line-height:38px;text-align:center;content:"SHOPPING";background-color:var(--default);color:#fff}.header-shop-way a{width:0;display:block;height:40px;line-height:38px;font-size:14px;text-align:center;color:#fff;background-color:var(--default);opacity:0;visibility:hidden;overflow:hidden;transition:.3s}.header-shop-way a i{font-size:24px;color:#fff}.header-shop-way a:hover{background-color:#333;color:#fff}.header-shop-way:hover a{width:90px;opacity:1;visibility:visible}@media (max-width:1200px){.header-shop-way{width:120px}.header-shop-way a{padding:0 5px;font-size:12px}.header-shop-way a img{width:100%}.header-shop-way:hover a{width:60px;opacity:1;visibility:visible}}@media (max-width:960px){.header-shop-way{width:100px}.header-shop-way:hover a{width:50px;opacity:1;visibility:visible}}@media (max-width:768px){.header-shop-way{display:none}}/* burger */.burger-bg{position:fixed;top:0;left:0;z-index:3378;width:100%;height:100%;padding:60px 15px 20px;background-color:#fff;transition:all .3s}.burger-scroll{height:100%;overflow-y:auto}.burger-logo{position:fixed;top:10px;left:15px}.burger-logo img{height:30px}/* close */.close-burger{position:fixed;top:15px;right:15px;width:34px;height:29px}.close-burger span{position:absolute;top:17px;left:6px;width:25px;height:1px;background-color:#000}.close-burger span:first-child{transform:rotate(45deg)}.close-burger span:last-child{transform:rotate(-45deg)}/* active */.burger-bg-active{visibility:hidden;opacity:0;transform:translateX(120px)}/* menu */.burger-nav{position:relative;padding-top:20px;height:100%}.burger-nav-lists{}.burger-nav-lists>li{position:relative;border-bottom:1px solid #eee}.burger-nav-lists>li>a{font-size:18px;color:#333;line-height:45px}/* */.burger-nav-lists li span{position:absolute;top:14px;right:15px;width:8px;height:8px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(135deg)}/* navigation */.navigation li{margin-right:40px}.navigation li a{position:relative;z-index:1;display:block;line-height:50px;padding:0 15px;color:#333;font-weight:bold}.navigation li.on a,.navigation li a:hover{color:var(--default)}@media (max-width:1400px){.navigation li{margin-right:20px}.navigation li a{padding:0 10px}}@media (max-width:1200px){.navigation li{margin-right:10px}}@media (max-width:960px){.navigation{margin-right:20px}.navigation li{margin-right:0}.navigation li a{padding:0 5px}}@media (max-width:768px){.navigation ul{display:none}.navigation-bar{display:block;color:#fff}}/* open */.navbar{width:25px;height:16px;cursor:pointer;display:none}.navbar div{height:100%;justify-content:space-between;flex-direction:column}.navbar span{display:block;width:100%;height:2px;background-color:#666;transition:.3s}/* .navbar-active span{background-color: #000;} .navbar-active span:first-child , .navbar-active span:last-child {width: 0;} .navbar-active span:nth-child(2){ transform: rotate(-45deg);} .navbar-active span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 1px; background-color:#000;transform: rotate(90deg);} */@media(max-width: 768px){.navbar{display:block}}/* |---------------------- | footer |---------------------- */.footer-bg{padding:50px 0;background-color:#F2F7FA}.footer-wrapper{justify-content:space-between}.footer-left{width:400px}.footer-left img{max-width:100%}.footer-info{padding-top:25px}.footer-info ul li{padding-top:15px;font-size:16px;color:#666}.footer-info ul li p i{margin-right:5px;display:inline-block;vertical-align:middle;color:var(--default)}.footer-info ul li p span{flex:1}.footer-arr i{position:absolute;top:9px;left:0;width:6px;height:6px;border-top:1px solid var(--default);border-right:1px solid var(--default);transform:rotate(45deg) translateY(-50%);transition:.3s}.footer-product{flex:1;padding:0 100px}.footer-product h3{position:relative;padding-bottom:15px;margin-bottom:20px;color:var(--default);font-weight:bold;border-bottom:1px solid #ddd}.footer-product h3 i{top:11px}.footer-product ul li{position:relative;width:50%;margin-top:10px;padding-left:18px}.footer-nav ul li{position:relative;margin-bottom:25px;padding-left:18px}.footer-nav ul li a{font-weight:bold;color:var(--default)}@media (max-width: 1200px){.footer-left{width:100%}.footer-product{margin-top:25px;width:100%;padding:0}.footer-nav{margin-top:25px;width:100%}.footer-nav ul{display:flex;flex-wrap:wrap}.footer-product ul li,.footer-nav ul li{width:auto;margin-bottom:10px;margin-right:15px}}@media (max-width: 768px){.footer-left img{max-width:50%}.footer-product ul li,.footer-nav ul li{width:100%;padding-bottom:10px;margin-bottom:0;margin-right:15px;border-bottom:1px solid #ccc}}/* |---------------------- | copyright |---------------------- */.copyright-bg{padding:25px;background-color:#F2F7FA}.copyright-bg .container{align-items:center;justify-content:space-between}.copyright{display:flex;color:#666}.copyright p{margin-right:10px}.copyright a{color:#999}.copyright a:hover{color:#333}@media (max-width:768px){.copyright-bg .container{margin:0 -15px}}@media (max-width:768px){.copyright-bg{padding:0 15px 25px}.copyright{flex-direction:column}.copyright p{margin-right:0;font-size:12px}.copyright a{font-size:12px}}/* |---------------------- | comma sign |---------------------- */.commaLink{display:flex;align-items:center;font-size:12px;line-height:14px;color:#999}.commaLink span{padding-right:5px}.commaLink svg{width:14px}.commaLink svg circle{fill:none}.commaLink svg path{fill:#999}.commaLink:hover span{color:#666}.commaLink:hover svg circle{fill:#E40010}.commaLink:hover svg path{fill:var(--default)}.more a{position:relative;padding:0 40px;display:inline-block;line-height:40px;font-size:14px;text-align:center;border-color:#fff;color:var(--default);transition:.3s;border-radius:60px;text-transform:uppercase;transition:.3s}.more a span{position:relative}.more a span i{position:absolute;top:50%;left:-25px;margin-top:-1px;width:6px;height:6px;border-top:1px solid var(--default);border-right:1px solid var(--default);transform:rotate(45deg) translateY(-50%);transition:.3s}.more a:hover{background-color:var(--default);border-color:var(--default);color:#fff}.more a:hover i{left:-20px;border-color:#fff}.more-reverse a{background-color:var(--default);color:#fff;border:1px solid var(--default)}.more-reverse a span i{border-color:#fff}.more-reverse a:hover{background-color:#fff;color:var(--default);border-color:#fff}.more-reverse a:hover i{border-color:var(--default)}.more-lager a{padding:0 80px}.more-border a{border:1px solid #333;color:#333}.more-border a span i{border-color:#333}.more-border a:hover{background:none;color:var(--default)}.more-border a:hover i{left:-15px;border-color:var(--default)}.more-white a{border-color:#fff;color:#fff}.more-white a span i{border-color:#fff}.more-white a:hover{border-color:#fff;color:#fff}.more-white a:hover span i{border-color:#fff}@media (max-width:768px){.more-lager a{padding:0 50px}}/* banner */.index-banner{margin:0 auto;overflow:hidden}.index-banner .swiper-slide img{width:100%}@media (max-width: 768px){.index-banner{margin:0 -15px}}/* product */.index-product-swiper{position:relative;margin-top:30px;padding-bottom:30px;width:100%;overflow:hidden}.index-product-swiper .swiper{width:100%;height:720px;padding-bottom:10px;overflow:hidden}.index-product-swiper .swiper .swiper-slide{height:calc((100% - 30px) / 2)}.index-product-swiper .swiper-pagination-bullet{width:30px;height:4px;border-radius:2px}.index-product-swiper .swiper-pagination-bullet-active{background-color:var(--default)}.index-product-item{position:relative;display:block;border:1px solid #ccc;background-color:#fff;transition:.3s}.index-product-pic{align-items:center;justify-content:center;height:230px;padding:15px}.index-product-pic img{max-width:100%;max-height:100%}.index-product-logo{position:absolute;top:15px;left:15px;width:20%}.index-product-logo svg{width:100%;fill:#106AB2}.index-product-content{padding:10px 20px 10px}.index-product-title h3{border-top:1px solid #ccc;padding-top:10px;line-height:30px;height:40px;font-size:18px;overflow:hidden}.index-product-parm{position:relative;margin-top:10px;padding-left:55px;height:25px;overflow:hidden}.index-product-parm::before{position:absolute;top:0;left:0;content:"OE No.:"}/* */.index-product-item:hover{background-color:var(--default)}.index-product-item:hover .index-product-title h3,.index-product-item:hover .index-product-parm::before,.index-product-item:hover .index-product-parm p{color:#fff}.index-product-item:hover .index-product-logo svg{fill:#fff}/* */.index-about-bg{margin-top:100px;padding:50px 100px;background-color:var(--default)}.index-about-left{width:40%}.index-about-head .swiper-slide img{width:100%}.index-about-bottom{margin-top:15px}.index-about-bottom .swiper-slide img{width:100%;opacity:0.5;cursor:pointer}.index-about-bottom .swiper-slide-thumb-active img{opacity:1}.index-about{align-items:center;background-color:#FAFCFC}.index-about-content{flex:1;padding-left:50px}.index-about-title{padding-bottom:40px;color:#fff}.index-about-title div{margin-top:20px}.index-about-title div p{color:#fff}@media (max-width: 1400px){.index-about-bg{padding:50px 80px}}@media (max-width: 1200px){.index-about-bg{margin-top:50px;padding:50px}}@media (max-width: 960px){.index-about-bg{padding:30px}.index-product-swiper .swiper-pagination-bullet{width:20px}}@media (max-width: 768px){.index-about-left{width:100%}.index-about-content{margin-top:30px;width:100%;padding-left:0}.index-product-swiper .swiper-pagination-bullet{width:10px}}@media (max-width:640px){.index-about-bg{padding:20px}.index-about-title{padding-bottom:20px;color:#fff}}/* */.index-parenter-lists{position:relative;margin-top:30px;overflow:hidden}.index-parenter-lists ul li{width:10%}.index-parenter-lists ul li .pic{padding:0 18%;text-align:center}.index-parenter-lists ul li .pic img{width:100%}@media (max-width:768px){.index-parenter-lists ul li{width:16.66%}}@media (max-width: 640px){.index-parenter-lists ul li{width:25%}}/* */.index-support{margin-top:50px;padding:50px 0;background-color:var(--default)}.index-support ul{justify-content:center}.index-support ul li{width:33.33%;padding:0 15px;text-align:center}.index-support ul li>i{font-size:64px;color:#fff}.index-support ul li h3{font-size:18px;color:#fff}@media (max-width: 768px){.index-support{margin-top:30px;padding:30px 0}}@media (max-width: 640px){.index-support ul li{width:50%}.index-support ul li h3{font-size:16px}.index-support ul li>i{font-size:32px}}