@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)}main{display:block;position:relative;width:100%;height:400%;overflow:hidden;transition:.5s all ease;top:0}main section{position:relative;display:block;width:100%;height:90vh}main ul#pageSelector{position:fixed;right:60px;top:calc(50vh - 49px);opacity:.8}main ul#pageSelector li{width:10px;height:10px;background-color:white;opacity:.5;border-radius:5px;margin:10px;cursor:pointer;transition:.3s all ease}main ul#pageSelector li:hover,main ul#pageSelector li.active{opacity:1;height:20px}main ul#pageSelector:hover{opacity:1}main ul#pageSelector:hover li:hover,main ul#pageSelector:hover li.active{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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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-webfontd41d.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:row;flex-wrap:wrap;align-items:center;transition:all .5s linear}nav #logo{height:52px}nav #logo img{height:52px}nav #menu{height:100%;color:#333333;flex-grow:1;padding-right:200px;z-index:10}nav #menu #nav,nav #menu #nav2{height:100%;float:right}nav #menu #nav>li,nav #menu #nav2>li{display:flex;align-items:center;height:100%;padding:0 50px;float:left;position:relative;font-size:16px}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:0;width:100%;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 input:focus{outline:none}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}body nav #nav>li,body nav #search{opacity:0}body nav #nav>li.show,body nav #search.show{opacity:0;transform:translateY(-30px);animation:FadeDownShow .5s linear .1s 1 forwards}body nav #logo{transition:all .5s linear}body nav #logo img{transition:all .5s linear}body main{padding-top:12vh}body main,body footer{transition:all .5s linear;opacity:1}body.loading main,body.loading footer{opacity:0}body.loading nav #nav>li,body.loading nav #search{opacity:0}body.loading nav #logo{width:calc(100vw - 200px);height:100vh;opacity:0;animation:FadeIn 1s linear 1s 1 forwards, UpDown 5s linear 2s infinite}body.loading nav #logo img{margin:calc(45vh - 75px) auto;height:150px}section{position:relative}section .title{color:#333333;position:absolute;top:15%;left:100px;font-size:28px}section .title small{font-family:'Affogato';font-style:medium;font-weight:400;color:rgba(153,153,153,0.6);font-size:16px;display:inline-block;transform:translateX(10px) translateY(3px)}#products{background:url(../../image/index/product-bg-gray.jpg) no-repeat 100% center}#products .proClass{z-index:100;position:absolute;top:20%;width:100%}#products .proClass ul{width:630px;margin:0 auto;display:flex}#products .proClass ul li{text-align:center;flex-grow:1;line-height:48px;background:#f0f5fc;cursor:pointer;transition:all .1s linear}#products .proClass ul li:hover,#products .proClass ul li.active{flex-grow:1.5;background:#002be0;color:white}#products .proClass ul li:first-child{border-radius:25px 0 0 25px}#products .proClass ul li:last-child{border-radius:0 25px 25px 0}#products .proList{display:none;position:relative;width:1620px;margin:0 auto;height:100%}#products .proList ul{width:100%;height:100%;display:flex}#products .proList ul li{opacity:0;position:relative;width:33.3333%;height:100%;cursor:pointer}#products .proList ul li .proImg{z-index:10;position:relative;height:40%;margin:0 auto;top:33%;transform-origin:50% 80%;transition:all .5s ease}#products .proList ul li .proImg img{max-height:100%;max-width:100%;margin:0 auto}#products .proList ul li .line{border-color:rgba(153,153,153,0.2) !important;transition:all .5s ease;position:absolute}#products .proList ul li .line .block{border-color:#999 !important;transition:all .5s ease;position:absolute}#products .proList ul li .proTitle{transition:all .3s linear;position:absolute;font-size:16px;line-height:3em}#products .proList ul li .proTitle .number{font-size:20px;transition:all .3s linear;font-family:'din';font-weight:bold;color:#999999}#products .proList ul li .proTitle .proName{transition:all .3s linear}#products .proList ul li:hover .proImg{transform:scale(1.15)}#products .proList ul li:hover .line{border-color:rgba(0,43,224,0.2) !important}#products .proList ul li:hover .line .block{border-color:#002be0 !important}#products .proList ul li:hover .proTitle{font-size:18px;color:#002be0;line-height:3em}#products .proList ul li:hover .proTitle .number{font-size:24px;color:#002be0}#products .proList ul li:first-child{animation:FadeIn 1s linear 1 forwards}#products .proList ul li:first-child .line{border-bottom:1px solid lightgray;width:calc(35% + 100px);right:calc(78% - 18px);top:75%}#products .proList ul li:first-child .line .block{right:0;bottom:-1px;border-bottom:2px solid gray;width:18px}#products .proList ul li:first-child .proTitle{bottom:10%;left:22%}#products .proList ul li:first-child:hover .line{right:calc(78% - 23px)}#products .proList ul li:first-child:hover .line .block{width:23px}#products .proList ul li:nth-child(2){animation:FadeIn 1s linear .3s 1 forwards}#products .proList ul li:nth-child(2) .line{border-left:1px solid lightgray;height:25%;left:50%;top:50%}#products .proList ul li:nth-child(2) .line .block{left:-1px;bottom:0;border-left:2px solid gray;height:16px}#products .proList ul li:nth-child(2) .proTitle{top:calc(82.5% - 48px);left:0;width:100%;text-align:center}#products .proList ul li:nth-child(2):hover .line{top:54%}#products .proList ul li:nth-child(2):hover .line .block{height:21px}#products .proList ul li:nth-child(2):hover .proTitle{top:calc(90% - 90px)}#products .proList ul li:last-child{animation:FadeIn 1s linear .6s 1 forwards}#products .proList ul li:last-child .line{border-bottom:1px solid lightgray;width:calc(100% + 100px);left:22.22%;bottom:10%}#products .proList ul li:last-child .line .block{position:absolute;left:0;bottom:-1px;border-bottom:2px solid gray;width:18px}#products .proList ul li:last-child .proTitle{top:75%;left:22.22%}#products .proList ul li:last-child:hover .line .block{width:23px}#products .proList ul li:nth-child(2){background:linear-gradient(rgba(255,255,255,0.8), white, rgba(255,255,255,0.8));overflow:hidden}#products .proList ul li:nth-child(2) .centerBg{height:100%;width:100vw;position:absolute;left:calc(50% - 50vw);background:url(../../image/index/product-bg-transparent.png) no-repeat 100% center}#products .proList ul li:nth-child(2)::before{z-index:10;display:block;content:"";width:auto;height:100%;width:2px;position:absolute;left:0;top:0;background:url(../../image/index/product-bg-line.png) no-repeat 100% center}#products .proList ul li:nth-child(2)::after{z-index:10;display:block;content:"";width:auto;height:100%;width:2px;position:absolute;right:0;top:0;background:url(../../image/index/product-bg-line.png) no-repeat 100% center}@keyframes wave{0%{opacity:.5;top:50%;left:50%;width:0;height:0}80%{opacity:.5;top:0;left:0;width:100%;height:100%}100%{opacity:0;top:0;left:0;width:100%;height:100%}}@keyframes itemRotate{0%{transform:rotate(0deg)}60%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}#about{background:url(../../image/index/about-bg.jpg) no-repeat 100% center}#about .aboutMain{display:none;position:absolute;bottom:0;align-items:center;height:93%}#about .aboutMain .aboutBox{width:100%;position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between}#about .aboutMain .aboutBox::after{display:none}#about .aboutMain .aboutBox .aboutInfo{width:50%;left:0;top:0;padding:0 52px 0 270px}#about .aboutMain .aboutBox .aboutInfo h1{color:#333333;opacity:0;line-height:3em;font-weight:500;font-size:26px;margin-bottom:30px;letter-spacing:1px;animation:FadeDownShow .5s linear .3s 1 forwards}#about .aboutMain .aboutBox .aboutInfo p{text-align:justify;opacity:0;font-size:14px;line-height:2em;color:#999999;margin-bottom:6px;letter-spacing:.2px}#about .aboutMain .aboutBox .aboutInfo p:nth-child(2){animation:FadeDownShow .5s linear .6s 1 forwards}#about .aboutMain .aboutBox .aboutInfo p:nth-child(3){animation:FadeDownShow .5s linear .9s 1 forwards}#about .aboutMain .aboutBox .aboutInfo ul{opacity:0;margin:50px 0;width:100%;display:flex;flex-wrap:nowrap;font-family:din;animation:FadeDownShow .5s linear 1.2s 1 forwards}#about .aboutMain .aboutBox .aboutInfo ul li{color:#333333;flex-grow:1;font-size:38px;font-weight:bold}#about .aboutMain .aboutBox .aboutInfo ul li small{font-family:'PingFangSC-Regular','微软雅黑',sans-serif;display:inline-block;font-weight:400;font-size:16px;transform:translateY(-16px) translateX(3px)}#about .aboutMain .aboutBox .aboutInfo ul li span{color:#666666;display:block;font-weight:400;font-size:14px}#about .aboutMain .aboutBox .aboutInfo ul li:last-child{flex-grow:0;width:97px}#about .aboutMain .aboutBox .aboutInfo ul::after{display:none}#about .aboutMain .aboutBox .aboutInfo .more{display:block;float:left;font-size:16px;line-height:3em;opacity:0;padding:0 50px;color:white;text-decoration:none;background:#002be0;border-radius:100px;animation:FadeDownShow .5s linear 1.5s 1 forwards}#about .aboutMain .aboutBox .aboutPic{opacity:1;width:40%;position:relative;right:130px;animation:FadeLeftShow 1s linear .9s 1 forwards}#about .aboutMain .aboutBox .aboutPic video{width:100%}#about .aboutMain .aboutBox .aboutPic #videoSelect{opacity:1;display:flex;float:right;width:100%;justify-content:space-between;animation:FadeLeftShow 1s linear .9s 1 forwards;padding:0 30px;font-family:'Affogato';margin-top:20px;position:relative}#about .aboutMain .aboutBox .aboutPic #videoSelect #frontVideo{display:none;width:30px;background:rgba(211,211,211,0.5);position:absolute;left:0;top:0;height:100%;align-items:center;justify-content:center;cursor:pointer}#about .aboutMain .aboutBox .aboutPic #videoSelect #nextVideo{width:30px;background:rgba(211,211,211,0.5);position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#about .aboutMain .aboutBox .aboutPic #videoSelect img{width:30%;cursor:pointer}#about .aboutMain .aboutBox .aboutPic #videoSelect:after{display:none}#about .aboutMain .aboutBox .aboutPic img{width:100%}#about .aboutMain .aboutBox .aboutPic .mask{width:100%;height:100%;position:absolute;background:rgba(73,172,229,0.06);top:0;left:0;transition:all .3s linear}#about .aboutMain .aboutBox .aboutPic .play-button{cursor:pointer;transition:all .3s linear;width:70px;height:70px;text-align:center;border:3px solid rgba(255,255,255,0.8);color:#fff;border-radius:50px;position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);text-indent:5px;overflow:hidden;animation:itemRotate 6s infinite}#about .aboutMain .aboutBox .aboutPic .play-button .play-icon{width:17px;height:20px;position:relative;left:27px;top:22px}#about .aboutMain .aboutBox .aboutPic .play-button .play-icon::before{border-color:white;display:block;content:"";border-top:10px solid transparent;border-left:17px solid;position:absolute;left:0;top:0}#about .aboutMain .aboutBox .aboutPic .play-button .play-icon::after{border-color:white;display:block;content:"";border-top:10px solid;border-right:17px solid transparent;position:absolute;left:0;top:10px}#about .aboutMain .aboutBox .aboutPic .play-button img{filter:drop-shadow(#ffffff 100px 0);overflow:hidden;position:relative;left:-100px}#about .aboutMain .aboutBox .aboutPic:hover .mask{background:rgba(0,0,0,0.8)}#information #years{position:absolute;top:300px;left:184px;width:204px}#information #years ul{width:100%;text-align:center}#information #years ul li{display:none;position:relative;width:100%;opacity:0;line-height:3em;font-weight:400;font-size:20px;color:rgba(51,51,51,0.5);font-family:din;cursor:pointer;animation:FadeRightShow .3s linear 0s 1 forwards}#information #years ul li::before{display:none;content:"";width:300px;position:absolute;right:100%;border-top:2px solid rgba(51,51,51,0.1);top:50%;animation:LineLeftShow .3s linear 0s 1 forwards}#information #years ul li::after{display:none;content:"";width:10px;height:10px;position:absolute;right:0;background:#002be0;border-radius:5px;top:calc(50% - 5px);animation:FadeIn .3s linear 0s 1 forwards}#information #years ul li.active,#information #years ul li:hover{color:#333333;font-weight:700}#information #years ul li.active::before,#information #years ul li:hover::before,#information #years ul li.active::after,#information #years ul li:hover::after{display:block}#information #years .more{display:none;font-size:14px;margin-top:84px;color:#333333;text-align:left;padding-left:80px;letter-spacing:1px;opacity:0;animation:FadeRightShow .3s linear 0s 1 forwards}#information #info{width:calc(100% - 525px);position:absolute;top:26%;right:40px;overflow:hidden;display:none;opacity:0;animation:FadeLeftShow .3s linear 0s 1 forwards}#information #info #infoBox{width:100%}#information #info #infoBox .item{float:left;cursor:pointer;width:30%;margin-right:3%}#information #info #infoBox .item:last-child{margin-right:0}#information #info #infoBox .item .infoDate{font-weight:700;transition:all .5s linear;color:#999999;margin-bottom:40px;font-size:16px;font-family:din}#information #info #infoBox .item .infoImg{width:100%;overflow:hidden;margin-bottom:20px}#information #info #infoBox .item .infoImg img{transition:all .5s linear;width:100%}#information #info #infoBox .item .infoTitle{transition:all .5s linear;font-size:18px;line-height:5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#information #info #infoBox .item .infoDetail{transition:all .5s linear;font-size:12px;color:gray;padding-left:1em;line-height:1.8em;height:0;overflow:hidden}#information #info #infoBox .item hr{border:1px solid rgba(51,51,51,0.06);margin:8px 0 20px}#information #info #infoBox .item .more{letter-spacing:1px;font-size:14px;transition:all .5s linear;display:block;color:#999999;padding-left:0}#information #info #infoBox .item .more img{opacity:.5;display:inline;width:16px;transform:translateY(3px) translateX(2px)}#information #info #infoBox .item:hover .infoDate{color:#333333}#information #info #infoBox .item:hover .infoImg img{transform:scale(1.2) rotate(5deg)}#information #info #infoBox .item:hover .infoTitle{color:#002be0;font-size:18px}.scroll{position:absolute;top:50%;font-family:'Affogato';font-size:32px;z-index:100;width:100%;display:block;list-style:none;left:0}.scroll #scroll_l,.scroll #scroll_r{width:50px;height:100px;background:rgba(0,43,224,0.3);color:white;line-height:100px;text-align:center;transition:all .5s linear;cursor:pointer}.scroll #scroll_l:hover,.scroll #scroll_r:hover{background:rgba(0,43,224,0.8)}.scroll #scroll_l{float:left;border-radius:0 50px 50px 0;padding-right:10px}.scroll #scroll_r{float:right;border-radius:50px 0 0 50px;padding-left:10px}#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}}