@keyframes FadeIn{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes FadeScaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:1}}@keyframes UpDown{0%{transform:translateY(-5px)}25%{transform:translateY(0)}50%{transform:translateY(5px)}75%{transform:translateY(0)}100%{transform:translateY(-5px)}}@keyframes DownShow{from{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes LeftShow{from{transform:translateX(-30px)}to{transform:translateX(0)}}@keyframes LineLeftShow{from{transform:translateX(-100px)}to{transform:translateX(0)}}@keyframes FadeDownShow{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes FadeLeftShow{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes FadeRightShow{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;font-family:din,'PingFangSC-Regular','微软雅黑',sans-serif;text-align:justify}a{text-decoration:none;color:inherit}img{display:block}ul{list-style:none}div::after,ul::after{content:"";display:block;clear:both}.container{width:1200px;margin:0 auto;transition:all .3s linear .5s}.animation{opacity:0;transform:translateY(30px)}footer{position:relative}main{margin-top:12vh;position:relative;width:100%;height:400%;overflow:hidden;transition:.5s all ease;top:0}main section{position:relative;display:block;width:100%;height:25%}main ul#pageSelector{position:fixed;right:30px;top:calc(50vh - 49px)}main ul#pageSelector li{width:10px;height:10px;background-color:white;opacity:.3;border-radius:5px;margin:10px;cursor:pointer;transition:.3s all ease}main ul#pageSelector li:hover,main ul#pageSelector li.active{opacity:.5;height:20px}main ul#pageSelector:hover li{opacity:.6}main ul#pageSelector:hover li:hover,main ul#pageSelector:hover li.active{opacity:.9;height:20px}main ul#pageSelector.bandColor li{background-color:#002be0}@font-face{font-family:'Affogato';src:url('../../fonts/Affogato/affogato-medium-webfont.eot');src:url('../../fonts/Affogato/affogato-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/Affogato/affogato-medium-webfont.woff2') format('woff2'),url('../../fonts/Affogato/affogato-medium-webfont.woff') format('woff'),url('../../fonts/Affogato/affogato-medium-webfont.ttf') format('truetype'),url('../../fonts/Affogato/affogato-medium-webfont.svg#affogatomedium') format('svg');font-weight:400;font-style:medium}@font-face{font-family:'avantgreek';src:url('../../fonts/Affogato/avantgreek_bold-webfont.eot');src:url('../../fonts/Affogato/avantgreek_bold-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/Affogato/avantgreek_bold-webfont.woff2') format('woff2'),url('../../fonts/Affogato/avantgreek_bold-webfont.woff') format('woff'),url('../../fonts/Affogato/avantgreek_bold-webfont.ttf') format('truetype'),url('../../fonts/Affogato/avantgreek_bold-webfont.svg#avantgreekbold') format('svg');font-weight:700;font-style:bold}@font-face{font-family:'avantgreek';src:url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.eot');src:url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.woff2') format('woff2'),url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.woff') format('woff'),url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.ttf') format('truetype'),url('../../fonts/Affogato/avantgreek-plain-webfont-webfont.svg#avantgreekbold') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'din';src:url('../../fonts/Din/din-medium-webfont.eot');src:url('../../fonts/Din/din-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/Din/din-medium-webfont.woff2') format('woff2'),url('../../fonts/Din/din-medium-webfont.woff') format('woff'),url('../../fonts/Din/din-medium-webfont.ttf') format('truetype'),url('../../fonts/Din/din-medium-webfont.svg#dinmedium') format('svg');font-weight:400;font-style:medium}@font-face{font-family:'din';src:url('../../fonts/Din/din-bold-webfont.eot');src:url('../../fonts/Din/din-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/Din/din-bold-webfont.woff2') format('woff2'),url('../../fonts/Din/din-bold-webfont.woff') format('woff'),url('../../fonts/Din/din-bold-webfont.ttf') format('truetype'),url('../../fonts/Din/din-bold-webfont.svg#dinbold') format('svg');font-weight:700;font-style:bold}nav{position:fixed;padding:0 100px;top:0;left:0;width:100%;height:12vh;z-index:1000;background-color:rgba(255,255,255,0.9);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;transition:all .5s linear}nav #logo{width:120px;margin-bottom:20px}nav #logo img{width:100%}nav #menu{color:#333333;z-index:10}nav #menu #nav,nav #menu #nav2{float:right}nav #menu #nav>li,nav #menu #nav2>li{display:flex;align-items:center;height:100%;padding:0 25px;float:left;position:relative;color:#333333}nav #menu #nav>li:hover,nav #menu #nav2>li:hover,nav #menu #nav>li.active,nav #menu #nav2>li.active{color:#002be0}nav #menu #nav>li ul.sonList,nav #menu #nav2>li ul.sonList{display:none;background-color:rgba(255,255,255,0.8);position:absolute;top:100%;left:-22px;width:150px;text-align:center;padding:15px 20px;color:#999999}nav #menu #nav>li ul.sonList li,nav #menu #nav2>li ul.sonList li{height:auto;line-height:30ox;border-bottom:1px solid rgba(51,51,51,0.06);margin:0;padding:0 20px;line-height:50px;float:none}nav #menu #nav>li ul.sonList li:last-child,nav #menu #nav2>li ul.sonList li:last-child{border:none}nav #menu #nav>li ul.sonList li:hover,nav #menu #nav2>li ul.sonList li:hover{color:#002be0}nav #menu #nav>li:hover ul.sonList,nav #menu #nav2>li:hover ul.sonList{display:block;opacity:0;animation:FadeDownShow .5s linear .1s 1 forwards}nav #search{cursor:pointer}nav #search img{width:16px}nav #searchBox{position:absolute;right:70px;top:80%;opacity:0;background:rgba(255,255,255,0.5);width:630px;height:80px;padding:20px 30px;z-index:0;transition:all .3s ease}nav #searchBox form input{line-height:40px;border:none;border-bottom:1px solid #999999;background:none;width:510px}nav #searchBox form #navSearchSubmit{display:block;position:absolute;top:30px;right:100px;height:20px;border:none;background:none;cursor:pointer}nav #searchBox form #navSearchSubmit img{height:100%}nav #searchBox form #navSearchClose{display:block;position:absolute;top:25px;right:30px;height:30px}nav #searchBox form #navSearchClose img{height:100%}#navshadow{position:absolute;position:fixed;box-shadow:rgba(0,0,0,0.4) 0 0 30px;top:calc(7% - 10px);height:1px;width:90%;background:rgba(0,0,0,0.03);z-index:10;margin:0 5%;border-radius:50%}footer:hover{bottom:0px !important}footer #footerBox{width:100%;background-color:rgba(255,255,255,0.8);font-size:12px;color:#999999}footer #footerBox .container{display:flex;align-items:center;height:60px}footer #footerBox .container img{opacity:.6;width:45px;margin-right:1.5em}footer #footerBox .container #footerInfo{line-height:1.5em}footer #footerBox .container #footerInfo strong{color:#333333;font-weight:normal;font-size:16px;line-height:1.5em}#banner{position:relative}#banner #bannerBox{position:relative}#banner #bannerBox img{float:left}#banner ul#bannerDot{position:absolute;bottom:0;padding:30px 0;left:0;width:100%;display:flex;justify-content:center}#banner ul#bannerDot li{width:10px;height:10px;background:white;margin:0 10px;border-radius:5px;transition:all .3s linear;cursor:pointer}#banner ul#bannerDot li.active,#banner ul#bannerDot li:hover{width:20px}#history{padding:140px 0;background:#f9f9f9;position:relative}#history .historybox{width:1200px;height:400px;position:relative;margin:120px auto 0;overflow:hidden}#history .historybox #historylist{position:relative;z-index:10;width:100%;transition:all .3s linear}#history .historybox #historylist .historyitem{display:flex;flex-wrap:wrap;float:left;position:relative;height:400px}#history .historybox #historylist .historyitem .allImg{position:relative}#history .historybox #historylist .historyitem .allImg .imgItem{position:absolute;opacity:0;transition:all .3s linear;left:0;top:0}#history .historybox #historylist .historyitem .allImg .imgItem:nth-child(1){position:relative;opacity:1}#history .historybox #historylist .historyitem .allImg .imgItem span{display:block;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.7);color:white;font-size:16px;padding:10px 30px;letter-spacing:1px}#history .historybox #historylist .historyitem img{height:380px;margin:10px 0}#history .historybox #historylist .historyitem .detail{flex-grow:1;padding-left:110px;height:400px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}#history .historybox #historylist .historyitem .detail .title{width:100%;font-size:24px;color:#002be0;line-height:2em}#history .historybox #historylist .historyitem .detail p{width:100%;font-size:16px;line-height:2em}#history .historybox #years{z-index:5;font-size:400px;line-height:400px;width:900px;text-align-last:justify;color:white;position:absolute;left:150px;top:0}#history .lineBox{width:100%;overflow:hidden}#history .lineBox #historyLine{display:flex;justify-content:space-around;position:absolute;bottom:30px;transition:all .3s linear;left:0}#history .lineBox #historyLine li{height:30px;background:white;border:1px solid gray;border-radius:15px;z-index:100;cursor:pointer;width:50px;text-align:center;line-height:30px}#history .lineBox #historyLine li.old{border:1px solid blue;transition:all .3s linear .5s}#history .lineBox #historyLine li.old.active{width:50px;text-align:center;height:30px;line-height:30px}#history .lineBox #historyLine li#nowLine{border:1px solid blue;width:50%;height:2px;top:50%;left:0;position:absolute;display:block;z-index:50;transition:all .3s linear}#history .lineBox #historyLine::after{border:1px solid gray;width:100%;top:50%;left:0;position:absolute;display:block;content:""}#honeycomb{padding-bottom:40px;width:1200px;margin:0 auto}#honeycomb ul{width:100%;display:flex;justify-content:center;height:130px}#honeycomb ul::after{display:none}#honeycomb ul li{background-image:url(/image/partner/six.svg);background-repeat:no-repeat;background-size:100% 100%;margin:0 5px;height:163px;display:flex;align-items:center;position:relative;transition:all .3s linear;opacity:0;animation:FadeScaleIn 1s linear .7s 1 forwards;cursor:pointer}#honeycomb ul li.empty{display:none !important}#honeycomb ul li .mask{background-image:url(/image/partner/six-dark.svg);background-repeat:no-repeat;background-size:100% 100%;content:"";opacity:0;display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s linear}#honeycomb1{display:block}#banner{opacity:0;animation:FadeIn 1s linear 0s 1 forwards}#aboutBanner{position:relative}#aboutBanner .info{position:absolute;top:0;left:0;width:100%;height:100%}#simple .logo{opacity:0;position:absolute;width:11.25%;overflow:hidden;top:18.67%;left:21.35%;animation:FadeDownShow 1s linear 0s 1 forwards}#simple .logo img{filter:drop-shadow(white 500px 0);transform:translateX(-500px)}#simple .small{opacity:0;width:30.89%;left:21.35%;top:30.89%;position:absolute;animation:FadeDownShow 1s linear .5s 1 forwards}#simple .big{opacity:0;position:absolute;width:7.08%;right:21.35%;top:18.67%;animation:FadeDownShow 1s linear 1s 1 forwards}#proClass{margin:70px 0 40px}#proClass li{float:left;padding:10px 25px;color:#333333}#proClass li:first-child{padding:9px 30px;color:#333333;border:1px solid #333333;margin-right:20px}#proClass li.active,#proClass li:hover{font-weight:normal;color:#002be0}#proList{display:flex;flex-wrap:wrap;justify-content:space-between}#proList li{opacity:0;width:250px;text-align:center;margin-bottom:60px;animation:FadeDownShow 1s linear 1s 1 forwards}#proList li img{border:1px solid #999999;width:100%}#proList li .proTitle{display:block;padding:20px 0}#proList::after{display:none}#pageList{width:100%;display:flex;justify-content:center;margin-bottom:50px}#pageList li{width:30px;height:30px;line-height:28px;border:1px solid transparent;border-radius:50%;text-align:center;color:#999999;margin:0 10px}#pageList li:hover,#pageList li.active{border-color:#999999;color:#002be0}#pageList li a{display:block;width:100%;height:100%}#bread{line-height:50px;background:#f6f7f8;color:#666666}#bread span{margin-right:10px;font-family:'Affogato'}.productPic{width:450px;float:left;border:1px solid #999999;opacity:0;animation:FadeDownShow 1s linear .3s 1 forwards}.productPic img{width:100%}.productPic .morePic{display:flex;background:#f6f7f8;justify-content:flex-start}.productPic .morePic img{border:1px solid transparent}.productPic .morePic img.active{border:1px solid #2b2b2b}.productDetail{margin-top:30px;width:750px;float:left;padding-left:185px}.productDetail h1{font-weight:normal;line-height:90px;font-size:30px;opacity:0;animation:FadeDownShow 1s linear .5s 1 forwards}.productDetail p{margin-bottom:15px;line-height:2em;opacity:0;animation:FadeDownShow 1s linear .7s 1 forwards}.productDetail h2{font-size:20px;font-weight:normal;margin-top:40px;opacity:0;animation:FadeDownShow 1s linear 1s 1 forwards}#menuBtn{display:none}.mobShow,.mobShowInline{display:none !important}#morePartner{display:none !important}.pcHide{display:none}@media screen and (max-width:768px){body.loading main,body.loading footer{opacity:0}body.loading nav #menuBtn{display:none}body.loading nav #logo{width:100%;height:100vh;opacity:0;animation:FadeIn 1s linear 1s 1 forwards, UpDown 5s linear 2s infinite}body.loading nav #logo img{width:100%;height:auto}body main{padding-top:80px;margin-top:0}h1{font-size:22px !important}nav{height:80px;padding:0 20px;justify-content:space-between;flex-direction:row}nav #logo{width:auto;height:auto;margin:0}nav #logo img{width:150px;height:auto}nav #menuBtn{display:block;width:30px}nav #menuBtn span{width:100%;margin:6px 0;height:3px;background:lightgrey;display:block}nav #menu{position:absolute;width:100vw;height:auto;top:80px;left:0;padding:0;display:none}nav #menu #nav,nav #menu #nav2{float:none;width:100%}nav #menu #nav li,nav #menu #nav2 li{width:100%;height:70px;background-color:rgba(255,255,255,0.95);justify-content:center}nav #menu #nav2{display:none}nav #search,nav #searchBox{display:none}#products .proList{width:300vw}#products .proClass ul{width:80%}section#about{height:auto;padding:100px 0 0;min-height:300px}section#about .aboutMain{display:block;height:auto;position:relative}section#about .aboutMain .aboutBox{flex-direction:column}section#about .aboutMain .aboutBox .aboutInfo{width:100%;padding:0 30px}section#about .aboutMain .aboutBox .aboutInfo h1{margin-bottom:0;margin-top:20px;text-align:center}section#about .aboutMain .aboutBox .aboutInfo ul{flex-wrap:wrap}section#about .aboutMain .aboutBox .aboutInfo ul li{flex-grow:0;width:50%;text-align:center;font-size:32px;margin-bottom:20px}section#about .aboutMain .aboutBox .aboutInfo ul li:last-child{width:50%}section#about .aboutMain .aboutBox .aboutPic{width:100%;right:0;margin-top:20px}section#about .aboutMain .aboutBox .aboutPic #videoSelect{display:block;float:none}section#about .aboutMain .aboutBox .aboutPic #videoSelect::after{content:"";display:block;clear:both}section#about .aboutMain .aboutBox .aboutPic #videoSelect img{height:auto;float:left;margin-right:5%}section#about .aboutMain .aboutBox .aboutPic #videoSelect img:nth-child(3){margin:0}#information{height:auto}#information #years{position:relative;width:auto;left:0;top:0;padding-top:150px;float:left}#information #years ul li{display:block}#information #years .more{display:block;padding:0;width:140px;text-align:center;margin-top:50px}#information #info{position:relative;padding-top:150px;width:calc(100% - 170px);right:0;float:right;display:block;padding:150px 15px 0}#information #info #infoBox .item{width:100%;float:right;margin-bottom:15px}#information #info #infoBox .item .infoImg,#information #info #infoBox .item .infoDate{margin-bottom:10px}#information #info #infoBox .item .infoTitle{line-height:2em}#information #info #infoBox .item hr{margin:8px 0}section .title{top:50px;left:0;width:100%;text-align:center}section .title small{display:block;transform:none}#about{width:100%;padding:50px 30px 20px}#about p{line-height:2em}#culture{display:block;padding:50px 0}#culture ul{padding:0 30px;width:100%;flex-wrap:wrap}#culture ul li{width:47%;min-width:150px;margin-bottom:15px;height:270px}#culture ul li .title{font-size:15px;top:50px;left:20px}#culture ul li .title span{font-size:42px;left:-22px;top:-42px}#culture ul li .ico{top:128px;right:20px;width:22px;height:30px}#culture ul li .detail{top:170px;font-size:10px;right:12px}#culture ul::after{display:none}#history{padding:50px 0 140px}#history .historybox{width:100%;margin:0;height:auto}#history .historybox #years{font-size:170px;line-height:1.5em;width:100%;left:0;bottom:0;text-align:center}#history .historybox #historylist .historyitem{height:auto;display:block}#history .historybox #historylist .historyitem img{width:100%;height:auto}#history .historybox #historylist .historyitem .detail{height:auto;padding:0 30px}#history .historybox #historylist .historyitem .detail p{font-size:14px}#factory{padding:50px 0}#factory .card{width:100%;height:auto;margin-top:0;padding:0 30px}#factory .card img{width:100%;height:auto;left:0;top:0}#factory .card .detail{width:100%}#factory .card .detail p{padding-top:30px}#banner{width:100%}#banner img{width:100%;height:auto}.container{width:100%;padding:0 30px}.productPic{width:300px;margin:0 auto;float:none}.productPic #showingImg{width:100% !important;margin:0 !important}.productDetail{margin-top:0;width:100%;float:none;padding-left:30px}#newsList{margin:50px 0}#newsList li{height:auto;margin-bottom:30px}#newsList li .newsImg{width:100%;height:230px;float:none}#newsList li .detail{padding:20px 0;width:100%;float:none}#newsList li .detail .title{padding:0 30px;margin-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}#newsList li .detail .info .date{width:30%}#newsList li .detail .info .date span{font-size:16px;display:block}#newsList li .detail .info .desc{width:70%;padding:0 30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}#newsDetail h1{text-indent:0;padding:0 30px}#newsDetail img{display:block;width:100% !important;height:auto !important}#proClass{margin:40px 0 40px}#proClass li{padding:10px 15px}#proList li{width:45%}#pageList{flex-wrap:wrap}#honeycomb{display:none}#partner{padding:60px 0}#partner #morePartner{display:flex !important}#partner #morePartner .item{width:45%;padding:10px}#hrBanner{background-image:url(/image/about/culturebk.jpg);background-size:100% 100%;padding:50px 30px}#hrBanner p{font-size:11px;color:white;line-height:20px;margin-top:20px}#hrInnovation{width:100%}#hrContact{position:relative}#hrContact img{width:100%}#hrContact #info{position:absolute;left:40px;top:50%}#hrContact #info .title{font-size:15px !important;text-align:left;margin-bottom:16px}#hrContact #info .detail{font-size:12px;margin-bottom:35px;line-height:23px}#simple .logo{width:180px;left:40px;top:60px}#simple .small{width:calc(100% - 80px);top:130px;left:40px;font-size:12px;line-height:2em;color:white}#simple .big{top:350px;left:80px;width:80px}#footerBox .container{width:100% !important}.mobHide{display:none !important}.mobShow{display:block !important}.mobShowInline{display:inline !important}}