.container .about-nav li a h2,.container .about-nav li a::after{transition:all 0.5s ease-in-out}.main{width:1420px;margin:0 auto}@media screen and (max-width: 768px){.main{width:100%}}.container .company,.container .story2,.container .cooperation{padding:1rem 0}.container .company .main,.container .story2 .main,.container .cooperation .main{max-width:1170px;flex-wrap:wrap}.container .company .main .content-title,.container .story2 .main .content-title,.container .cooperation .main .content-title{text-align:center;width:100%;max-width:100%;margin-bottom:.3rem}.container .company .main .content-title h2,.container .story2 .main .content-title h2,.container .cooperation .main .content-title h2{font-size:.25rem;line-height:1;font-weight:normal}.container .company .main .content-title .line,.container .story2 .main .content-title .line,.container .cooperation .main .content-title .line{width:.5rem;height:1px;background:#3393c6;margin:.1rem auto 0}.container .company .main .text,.container .story2 .main .text,.container .cooperation .main .text{margin:0}.container .company .main .text p,.container .story2 .main .text p,.container .cooperation .main .text p{width:80%;color:#333;font-size:.16rem;line-height:1.75;padding:.1rem 0;margin:0 auto}.container .company,.container .cooperation{padding:1.25rem 0}.container .cooperation{min-height:60vh;box-sizing:border-box}.container .cooperation-list{display:block;padding:1rem}.container .cooperation-list .main{max-width:9.6rem}.container .cooperation-list .main .list{border-bottom:1px solid #e5e5e5;padding:50px 0px;display:flex;justify-content:space-between;align-items:center}.container .cooperation-list .main .list:last-of-type{border:none}.container .cooperation-list .main .list .img{width:5.22rem}.container .cooperation-list .main .list .img img{max-width:100%}.container .cooperation-list .main .list .text{width:3.6rem}.container .cooperation-list .main .list .text h3{font-size:.25rem;line-height:1.75}.container .cooperation-list .main .list .text .line{width:30%;height:1px;background:#3393c6;margin:.1rem 0}.container .cooperation-list .main .list .text p{font-size:.16rem}@media screen and (max-width: 768px){.container .story2 .text img{display:none}.container .story2 .box{display:block;margin-bottom:.2rem;box-sizing:border-box;padding:0 .2rem;text-align:center}.container .story2 .box h3{display:block;font-size:.14rem;line-height:1.8;font-weight:bold}.container .story2 .box h4{font-size:.14rem}}.container .culture-three{padding:1rem 0;background:#f2f2f2}.container .culture-three .main{max-width:1170px;flex-wrap:wrap}.container .culture-three .main .content-title{text-align:center;width:100%;max-width:100%;margin-bottom:.5rem}.container .culture-three .main .content-title h2{font-size:.25rem;line-height:1;font-weight:normal}.container .culture-three .main .content-title .line{width:.5rem;height:1px;background:#3393c6;margin:.1rem auto 0}.container .culture-three .main ul{display:flex;justify-content:space-between}.container .culture-three .main ul li{width:30%;text-align:center}.container .culture-three .main ul li .ico{height:.8rem}.container .culture-three .main ul li h3{font-size:.16rem;font-weight:600;padding:.1rem 0 .2rem;line-height:1}.container .culture-three .main ul li p{margin:0;font-size:.13rem;line-height:1.75;text-align:justify}.container .development .main{width:1024px}.container .development .main .text{padding:0}.container .development .main .text .box{margin:0}.container .development .main .text .box h3{display:none}.container .development .main .text .box h2{color:#3393c6;font-size:.22rem;font-weight:bold;padding-left:1.2rem;position:relative;margin:0 0 1rem;z-index:1}.container .development .main .text .box h2::after{content:"";position:absolute;left:.62rem;top:50%;transform:translateY(-50%);width:.2rem;height:.2rem;border-radius:.2rem;background:#3393c6;border:5px solid #4aaadd}.container .development .main .text .box h4{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 1rem}.container .development .main .text .box h4 b,.container .development .main .text .box h4 strong{font-size:.16rem;font-weight:bold;color:#000;width:.9rem;flex-shrink:0;position:relative}.container .development .main .text .box h4 b::after,.container .development .main .text .box h4 strong::after{content:"";position:absolute;left:.62rem;top:50%;transform:translateY(-50%);width:.2rem;height:.2rem;border-radius:.2rem;background:#3393c6;border:5px solid #4aaadd}.container .development .main .text .box h4 p{width:100%;flex-shrink:1;padding-left:.4rem;font-size:.16rem;line-height:1.5;margin:0}.container .development .main .text .d-l{margin-right:0;width:100%}.container .development .main .text .d-r{margin-left:0;width:100%}.container .development .main .text .d-r h2,.container .development .main .text .d-r p{text-align:left}.container .development .main .text .d-r p{padding-left:0}.container .development .main .text::after{content:"";left:.8rem;background:url(../images/kept.png) repeat top left;width:.07rem;z-index:-1}.container .content-img{background-image:url(../images/banner-about.jpg);background-size:100% auto;background-position:center center;height:5rem}.container .content-img.content-img2{background-image:url(../images/content-img4.jpg)}.container .content-img.cooperation-img{background-image:url(../images/cooperation-img.png)}.container .company-idea{padding:1rem 0}.container .company-idea .main{max-width:1100px;flex-wrap:wrap}.container .company-idea .main .content-title{text-align:center;width:100%;max-width:100%;margin-bottom:.3rem}.container .company-idea .main .content-title h2{font-size:.25rem;line-height:1;font-weight:normal}.container .company-idea .main .content-title .line{width:.5rem;height:1px;background:#3393c6;margin:.1rem auto 0}.container .company-idea .main .text{width:100%;margin:0 auto;font-size:0;box-sizing:border-box;padding:0 0 1.5rem}.container .company-idea .main .text p{width:50%;display:inline-block;margin:0;vertical-align:top;font-size:.14rem;line-height:2.25;color:#4c4c4c}.container .company-idea .main .text2{background:url(../images/team_heng.png) no-repeat center top;padding:.5rem 0}.container .company-idea .main .text2 p{text-align:center;font-size:.18rem;line-height:2;margin:0}.container .about-nav{display:block;font-size:0}.container .about-nav ul{display:flex}.container .about-nav li{width:100%;height:2rem;background-color:#000}.container .about-nav li a{color:#fff;position:relative;height:100%;display:block;background-size:cover;background-position:center center;z-index:1}.container .about-nav li a h2{top:20%;line-height:1;text-align:center;width:100%;color:#3393c6;position:absolute;left:0;font-size:.25rem;opacity:0;z-index:1}.container .about-nav li a::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0;z-index:-1}.container .about-nav li a:hover h2{opacity:1;top:30%}.container .about-nav li a:hover::after{opacity:.6}.container .about-nav li.active{display:none}.container .philosophy,.container .story{background:none}.container .philosophy .content-title,.container .story .content-title{color:#000}.container .philosophy .text .content-title,.container .story .text .content-title{color:#000}.container .philosophy .text .box h4,.container .philosophy .text .box p,.container .story .text .box h4,.container .story .text .box p{color:#666;line-height:1.2}.container .product-box .product-list.pr-80 ul li{width:calc(calc(100% - .3rem) / 2);margin:0 0 .3rem}.container .product-box .product-list.pr-80 ul li:nth-of-type(2n){margin-left:.3rem}.container .product-box .product-list.pr-80 ul li a{position:relative;overflow:hidden}.container .product-box .product-list.pr-80 ul li a .pic{border:none}.container .product-box .product-list.pr-80 ul li a .title{position:absolute;left:0;bottom:-100%}.container .product-box .product-list.pr-80 ul li a:hover .title{bottom:0;background:rgba(51,147,198,0.3)}@media screen and (max-width: 768px){.container .product-box .product-list.pr-80 ul li{width:100%;margin:0 0 .3rem}.container .product-box .product-list.pr-80 ul li:nth-of-type(2n){margin-left:0}}.container .product-box .product-view .view-right span{font-size:.24rem;color:#3393c6;margin-bottom:.1rem}.container .product-box .product-view .view-right .button a{margin-right:4%;width:48%;padding:0;text-align:center}.container .product-box .product-view .view-right .button a:hover{background-color:#1e1e1e}.container .product-box .product-view .view-right .button a:last-of-type{background:#3393c6;margin-right:0}.container .product-box .product-view .view-right .button a:last-of-type:hover{background:#3393c6}.container .product-box .view-table::after{top:0;height:.4rem;background:#333}.container .product-box .view-table .view-tit{display:block;position:relative;z-index:1}.container .product-box .view-table .view-tit li{color:#fff;border-right:1px solid #fff;width:25%}.container .product-box .view-table .view-tit li:first-of-type{border-left:1px solid #fff}.container .product-box .view-table .view-tit li.active{background:#3393c6;color:#fff;border-color:#3393c6}.container .contact-info .box{margin-top:0}.container .contact-info .map{margin-bottom:.9rem}.container .video{width:100%;height:calc(100vh - 172px);overflow:hidden;position:relative}.container .video video{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.container .video video::-webkit-media-controls-fullscreen-button{display:none}.container .video video::-webkit-media-controls-play-button{display:none}.container .video video::-webkit-media-controls-timeline{display:none}.container .video video::-webkit-media-controls-current-time-display{display:none}.container .video video::-webkit-media-controls-time-remaining-display{display:none}.container .video video::-webkit-media-controls-mute-button{display:none}.container .video video::-webkit-media-controls-toggle-closed-captions-button{display:none}.container .video video::-webkit-media-controls-enclosure{display:none}.container .video video::-webkit-media-controls-volume-slider{display:none}.container .word-01{padding-top:5vh}.container .word-01 .main{width:1140px;margin:0 auto;flex-wrap:wrap}@media screen and (max-width: 768px){.container .word-01 .main{width:100%}}.container .word-01 .main .text{width:100%;margin-bottom:10vh}.container .word-01 .main .text h2{font-size:.27rem;letter-spacing:.027rem;color:#333;line-height:1.5}.container .word-01 .main .text p{margin:.2rem 0 0;font-size:.16rem;line-height:1.7;color:#333}.container .word-01 .main .box-r{width:100%}.container .word-01 .main .box-r .list{margin-bottom:10vh}.container .word-01 .main .box-r .list h3{margin-bottom:.3rem;font-size:.18rem;line-height:1.3;color:#333}.container .word-01 .main .box-r .list p{display:block;padding-top:.1rem .3rem 0 0;font-size:.14rem;line-height:1.4}.container .word-01 .main .box-r .list p b,.container .word-01 .main .box-r .list p strong{display:block;font-size:.16rem}.container .word-01 .main .box-r .list .img{border-radius:.4rem;overflow:hidden}.container .word-01 .main .piclist{margin-bottom:10vh}.container .word-01 .main .piclist h3{margin-bottom:.3rem;font-size:.18rem;line-height:1.3;color:#333}.container .word-01 .main .piclist .box{display:grid;margin:0px;padding:0px 0px 30px;max-width:100%;grid-template-columns:repeat(2, 1fr);gap:30px 4px;grid-auto-columns:minmax(100px, auto)}.container .word-01 .main .piclist .box .list .img{overflow:hidden;border-radius:.2rem}.container .word-01 .main .piclist .box .list p{font-size:.16rem;color:#333;font-weight:bold}.container .word-01 .main .img{width:100%}.container .classroom{display:block;padding:1rem 0}.container .classroom .main{max-width:8rem}.container .classroom .main ul{width:100%}.container .classroom .main ul li{display:flex;align-items:center;margin:0 0 .5rem}.container .classroom .main ul li .img{flex-shrink:0;width:1.3rem;text-align:center}.container .classroom .main ul li .img img{max-width:1rem}.container .classroom .main ul li .img span{display:block;font-size:.16rem;text-align:center;margin-top:.16rem}.container .classroom .main ul li .text{margin-left:.6rem}.container .classroom .main ul li .text p{margin:0;font-size:.22rem;line-height:1.6;color:#333}.container .faq{padding-top:0;background:#fff}.container .faq .main{display:flex;justify-content:space-between;padding:1rem 0}.container .faq .main .list{padding-left:0;width:60%}.container .faq .main .list center{font-size:.24rem;color:#333}.container .faq-banner{display:block;height:50vh;position:relative;background:url(../images/banner-faq.jpg) no-repeat bottom center/cover}.container .faq-banner .faq-form{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:6.6rem}.container .faq-banner .faq-form form{display:flex;width:100%;box-shadow:0 0 0.3rem rgba(0,0,0,0.5)}.container .faq-banner .faq-form form input{display:inline-block;width:100%;background:#fff;border:none;box-sizing:border-box;padding:0 0.2rem;font-size:.22rem}.container .faq-banner .faq-form form input::placeholder{color:#333;font-size:.22rem}.container .faq-banner .faq-form form button{flex-shrink:0;width:1.8rem;background:#000;border:none;line-height:.6rem;height:0.6rem;overflow:hidden;text-align:center;font-size:.36rem;color:#fff;font-family:"common";cursor:pointer}@media screen and (min-width: 768px){.container .newslist .main{max-width:12rem}.container .newslist ul li a .pic{margin-right:.7rem;width:4.8rem;height:3.6rem;overflow:hidden}.container .newslist ul li a .pic img{width:100%;height:100%;object-fit:cover;object-position:center center}.container .newslist ul li a .text{box-sizing:border-box;padding:.6rem 0}.container .newslist ul li a .text h3{font-weight:bold;font-size:.22rem}.container .newslist ul li a .text h3::after{content:"";display:none}.container .newslist ul li a .text time{font-size:.18rem;margin:.2rem 0}.container .newslist ul li a .text button{bottom:.6rem}}.container .newsview .main{width:100%;max-width:11.7rem}.container .newsview .content p{width:100%}@media screen and (min-width: 768px){.container .product-box .product-view .view-right span{font-size:.24rem;color:#3393c6;margin-bottom:.1rem}.container .product-box .product-view .view-right .button a{width:2.4rem;background:#1e1e1e;height:.6rem;line-height:.6rem;margin-right:.1rem;color:#fff;font-size:.18rem;display:inline-block;text-align:center}.container .product-box .product-view .view-right .button a:last-of-type{background:#3393c6}.container .product-box .view-table::after{content:"";position:absolute;left:0;top:0;height:.6rem;width:100%;background:#333}.container .product-box .view-table .view-tit{display:block;position:relative;z-index:1}.container .product-box .view-table .view-tit li{font-size:.2rem;color:#fff;border-right:1px solid #fff;display:inline-block;text-align:center;padding:0 .48rem;width:25%}.container .product-box .view-table .view-tit li:first-of-type{border-left:1px solid #fff}.container .product-box .view-table .view-tit li.active{background:#3393c6;color:#fff;border-color:#3393c6}.container .download{margin-top:.6rem}.container .download .main{max-width:12rem;padding:0}.container .download .list ul{width:100%;display:block}.container .download .list li{width:100%}.container .download .list li a{display:flex;align-items:center}.container .download .list li a .img{width:3.6rem;flex-shrink:0}.container .download .list li a .text{width:100%;flex-shrink:1;margin-left:.6rem}.container .download .list li a .text .title{width:100%;border:none;background:none;padding:0;margin-bottom:1rem;font-size:.2rem;font-weight:bold}.container .download .list li a .text .title:hover{color:#3393c6}.container .download .list li a .text button{border:1px solid #ccc;background:#fff;color:#333;padding:.1rem .4rem;cursor:pointer;font-size:.16rem;transition:all 0.5s ease-in-out}.container .download .list li a .text button:hover{background:#3393c6;color:#fff}}@media screen and (max-width: 768px){.comm{margin-top:.7rem;padding:0}.comm .main{width:100%}.comm .main .position{display:none}.nav-list{display:block;box-sizing:border-box;padding:0;box-shadow:none;border-bottom:none;width:100%}.nav-list h3{display:none}.nav-list ul{display:flex;position:relative;justify-content:space-between}.nav-list ul li{width:100%;margin:0}.nav-list ul li a{display:block;padding:.16rem 0;text-align:center;font-size:.16rem;line-height:1.5;box-sizing:border-box;color:#919294;position:relative}.nav-list ul li a::after{background:#ddd;opacity:1;width:100%}.nav-list ul li.active a::after{background:#3393c6}.n-banner{margin-top:0}.n-banner .side-list ul.active li{height:1.3rem}.n-banner .side-list ul.active li.active{width:50%}.n-banner .side-list ul.active li .title{font-size:.15rem}.container .company,.container .story2,.container .cooperation{padding:0 .2rem .6rem}.container .company .main .text p,.container .story2 .main .text p,.container .cooperation .main .text p{width:100%;margin:0}.container .cooperation{min-height:auto}.container .content-img{height:2rem;background-attachment:unset}.container .company-idea{padding:0 .2rem 0}.container .company-idea .main .text{padding-bottom:.6rem}.container .company-idea .main .text p{width:100%;line-height:1.75;font-size:.16rem;margin:.1rem 0}.container .company-idea .main .text p strong,.container .company-idea .main .text p b{display:block}.container .culture-three{padding:.2rem .2rem}.container .culture-three .main ul{flex-wrap:wrap}.container .culture-three .main ul li{width:100%;margin-bottom:.3rem}.container .development{padding:.2rem .2rem}.container .development .main{width:100%}.container .development .main .text .d-l p{padding-right:0}.container .development .main .text .box h2{margin-bottom:.5rem;padding-left:1.3rem}.container .development .main .text .box h4{margin-bottom:.5rem}.container .about-nav li{height:1.2rem}.container .about-nav li a h2{opacity:1;top:35%;font-size:.2rem;color:#fff}.container .product-box .product-list{box-sizing:border-box;padding:.2rem}.container .product-box .product-list ul li{width:100%;margin-bottom:.2rem}.container .product-box .product-list ul li a .title{line-height:.56rem;padding:0 .2rem}.container .product-box .product-list ul li a .title span{font-size:.18rem}.container .product-box .product-list ul li a .title i{font-size:.2rem}.container .product-box .morelist{font-size:.18rem;line-height:3;margin-bottom:.3rem}.container .product-box .product-view{padding:.2rem;box-sizing:border-box;width:100%;margin:0;transform:translate(0);flex-wrap:wrap}.container .product-box .product-view .view-left{width:100%}.container .product-box .product-view .view-left .list{width:.7rem;height:3rem;margin-right:.2rem}.container .product-box .product-view .view-left .list ul li{height:.7rem}.container .product-box .product-view .view-left .img{height:3rem;width:3rem}.container .product-box .product-view .view-right{width:100%;padding:0;margin:.2rem 0}.container .product-box .product-view .view-right .text{margin:.3rem 0}.container .product-box .product-view .view-right .text span{font-size:.2rem}.container .product-box .product-view .view-right .text h2{font-size:.3rem;margin-bottom:.2rem}.container .product-box .product-view .view-right .text p{font-size:.14rem;line-height:1.75}.container .product-box .view-table{margin-bottom:.3rem}.container .product-box .view-table .view-tit li{padding:0;line-height:.4rem;height:.4rem;font-size:.14rem !important}.container .product-box .product-view .view-right .text p{font-size:.16rem}.container>.video{display:none}.container .word-01{box-sizing:border-box;padding:.2rem}.container .word-01 .main .text h2{font-size:.24rem;letter-spacing:.024rem;text-align:center}.container .word-01 .main .box-r .list{margin-bottom:.4rem}.container .word-01 .main .box-r .list .img{border-radius:.1rem}.container .word-01 .main .piclist{margin-bottom:.4rem}.container .word-01 .main .piclist .box .list .img{border-radius:.1rem}.container .cooperation-list{padding:.2rem}.container .cooperation-list .main .list{flex-wrap:wrap;padding:.2rem 0}.container .cooperation-list .main .list .img{max-width:100%}.container .cooperation-list .main .list .text{width:100%;margin:.2rem 0 0}.container .cooperation-list .main .list .text h3{font-size:.24rem}.container .cooperation-list .main .list .text p{margin-bottom:0}.container .newslist{box-sizing:border-box;padding:0 .2rem}.container .newslist ul li a{flex-wrap:wrap}.container .newslist ul li a .pic{width:100%}.container .newslist ul li a .text{padding-bottom:.6rem}.container .newslist ul li a .text h3{font-size:.2rem;line-height:1.25}.container .newslist ul li a .text time{font-size:.16rem;margin:.3rem 0}.container .newslist ul li a .text button{bottom:0}.container .newsview{box-sizing:border-box;padding:.2rem}.container .newsview .newsview-title h2{font-size:.24rem}.container .classroom{box-sizing:border-box;padding:.2rem}.container .classroom .main ul li{margin:.4rem 0 0}.container .classroom .main ul li .img span{font-size:.14rem}.container .classroom .main ul li .text{margin-left:.3rem}.container .classroom .main ul li .text p{font-size:.16rem}.container .faq-banner{height:40vh}.container .faq-banner .faq-form{width:80%}.container .faq-banner .faq-form form input{height:.5rem;line-height:.5rem;font-size:.16rem}.container .faq-banner .faq-form form input::placeholder{font-size:.16rem}.container .faq-banner .faq-form form button{width:.6rem;height:.5rem;line-height:.5rem;font-size:.24rem}.container .faq{padding:0 0 .4rem}.container .faq .main{padding:.2rem;box-sizing:border-box;flex-wrap:wrap}.container .faq .main .content-title{width:100%;margin:.2rem 0;padding:0}.container .faq .main .content-title h2{font-size:.3rem}.container .faq .main .list{width:100%;margin:0}.container .faq .main .list ul li a{font-size:.14rem}.container .faq .faq-box .box{width:100%;padding:1rem .2rem .4rem;box-sizing:border-box}.container .faq .faq-box .box .title{font-size:.2rem;margin-bottom:.2rem;line-height:1.25}.container .faq .faq-box .box .content p{width:100%;font-size:.15rem;line-height:1.75}.container .download{box-sizing:border-box;padding:.2rem}.container .download .list{flex-wrap:wrap;padding-bottom:.2rem;border:none}.container .download .list li{width:100%}.container .download .list li .title{font-weight:bold;display:block;padding:0;border:none}.container .download .list li button{border:1px solid #ccc;background:#fff;color:#333;padding:0.1rem 0.4rem;cursor:pointer;font-size:.16rem;margin-top:.3rem}.container .videolist{box-sizing:border-box;padding:.2rem}.container .videolist .list ul li{width:100%;margin:0 0 .2rem}.container #video{display:block}.container .contact-info{box-sizing:border-box;padding:.2rem}.container .contact-info .box{margin-bottom:.4rem}.container .contact-info .content-title{margin:0 0 .24rem;padding-bottom:.16rem}.container .contact-info .content-title h3{font-size:.26rem}.container .contact-info .content-title h2{font-size:.2rem}.container .contact-info .l ul li{width:100%}.container .contact-info .l ul li span{display:inline-block}.container .contact-info .r{margin-top:.3rem}.container .contact-info .r ul li{width:100%;margin:0 0 .12rem}.container .contact-info .main{width:100%}.container .contact-info .map{margin-bottom:.2rem}}
