.n-nav ul li a,.n-nav ul li a::before,.container .productlist ul li,.container .productlist ul li .figure,.container .productlist ul li .tit,.container .productlist ul li .text,.container .newslist ul li .text,.container .newslist ul li .text h3,.container .newslist ul li .text p,.container .newsview .text-secondary p a,.container .caseview .text-secondary p a,.container .productsview .button a:hover,.container .productsview .text-secondary p a,.page .page-link,.page .page-num{transition:all 0.3s ease-in-out}.n-banner{display:block;width:100%;font-size:0;position:relative}@media screen and (min-width: 768px){.n-banner figure img{max-width:100%}}.n-banner .text{position:absolute;top:50%;transform:translateY(-50%);right:2.16rem;color:#fff;text-align:right;text-transform:uppercase}.n-banner .text h2{font-size:.48rem;font-weight:bold;line-height:1}.n-banner .text h3{font-size:.3rem;line-height:1;margin-top:.4rem}.n-nav{display:block;width:100%;font-size:0;position:relative;margin:.6rem 0}.n-nav ul li{display:inline-block;vertical-align:top}.n-nav ul li a{color:#afafaf;font-size:.18rem;line-height:.36rem;position:relative}.n-nav ul li a::before{content:"";width:100%;bottom:0;left:0;background:#d83e22;height:1px;position:absolute;opacity:0}.n-nav ul li.active a,.n-nav ul li:hover a{color:#d83e22}.n-nav ul li.active a::before,.n-nav ul li:hover a::before{opacity:1}.n-nav ul span{margin:0 .26rem;display:inline-block;vertical-align:top;line-height:.36rem;color:#afafaf;font-size:.18rem}.container{width:100%;display:block;font-size:0;margin:50px 0 90px}.container .about{width:100%;display:inline-block;vertical-align:top}.container .about .content{display:block}.container .about .content .company{display:block}.container .about .content .company .pic{float:right;width:50%;background:#fff;box-shadow:0 0 .2rem #ccc;box-sizing:border-box;padding:.1rem;margin-left:.7rem;margin-bottom:.7rem;position:relative}.container .about .content .company .pic img{max-width:100%}.container .about .content .company .pic::after{content:"";width:.32rem;height:.32rem;border-radius:3px;background:#d83e22;position:absolute;left:-.16rem;bottom:-.16rem}.container .about .content .company .text{box-sizing:border-box}.container .about .content .company .text h3{display:block;font-size:.3rem;color:#575454;line-height:1.2}.container .about .content .company .text .line{width:.5rem;border-radius:.06rem;height:.06rem;margin:.3rem 0}.container .about .content .company .text p{font-size:.16rem;color:#a5a5a5;line-height:1.5;text-align:justify;margin:0 0 .3rem}.container .about .content .honor{display:block}.container .about .content .honor .tit h3{font-size:.3rem;color:#666}.container .about .content .honor .tit .line{width:.5rem;height:.05rem;border-radius:3px;margin:.24rem 0}.container .about .content .honor .tit span{display:block;font-size:.16rem;color:#a5a5a5}.container .about .content .honor ul{margin-top:.24rem}.container .about .content .honor ul li{width:32%;margin-right:2%;margin-bottom:.2rem;display:inline-block;vertical-align:middle;box-sizing:border-box;padding:.1rem;border:1px solid #ccc}.container .about .content .honor ul li img{max-width:100%}.container .about .content .honor ul li:nth-of-type(3n){margin-right:0}.container .about .content .honor ul li span{font-size:14px;color:#333;font-weight:bold;text-align:center;display:block;height:auto;line-height:1.5;margin:20px 0;box-sizing:border-box;padding:0 10px}.container .productlist{width:100%;display:block}.container .productlist ul li{width:23%;margin-right:2.66667%;margin-bottom:.4rem;display:inline-block;vertical-align:middle}.container .productlist ul li a{position:relative;display:block}.container .productlist ul li .figure{box-sizing:border-box;text-align:center;border:1px solid #ccc}.container .productlist ul li .figure img{max-width:100%;max-height:100%;border-radius:.1rem}.container .productlist ul li:nth-of-type(4n){margin-right:0}.container .productlist ul li .tit{font-size:.18rem;color:#333;font-weight:bold;text-align:center;display:block;height:auto;line-height:1.5;margin:.17rem 0;box-sizing:border-box;padding:0 .1rem}.container .productlist ul li .text{display:block;width:100%;height:.42rem;text-align:left;line-height:1.5;font-size:.14rem;color:#9e9d9d;overflow:hidden}@media screen and (min-width: 1200px){.container .productlist ul li:hover .figure{border-color:#d83e22}.container .productlist ul li:hover .tit{color:#d83e22}.container .productlist ul li:hover .text{color:#000}}.container .equipment{font-size:0}.container .equipment .e-box .tit{display:block;margin-bottom:.3rem}.container .equipment .e-box .tit h3{font-size:.3rem;color:#666}.container .equipment .e-box .tit .line{width:.5rem;height:.05rem;border-radius:3px;margin:.24rem 0}.container .equipment .e-box .tit p{display:block;font-size:.16rem;color:#a5a5a5}.container .equipment .e-box .list h4{font-size:.24rem;color:#d83e22;line-height:1}.container .equipment .e-box .list p{font-size:.14rem;color:#666;margin:.05rem 0 0}.container .equipment .e-box .list ul{margin-top:.1rem}.container .equipment .e-box .list ul li{width:32%;margin-right:2%;margin-bottom:2%;box-sizing:border-box;padding:.1rem;border:1px solid #ddd;display:inline-block;vertical-align:top}.container .equipment .e-box .list ul li img{max-width:100%}.container .equipment .e-box .list ul li:nth-of-type(3n){margin-right:0}.container .contact .tit{display:block;margin-bottom:.6rem}.container .contact .tit h3{font-size:.3rem;color:#666}.container .contact .tit .line{width:.5rem;height:.05rem;border-radius:3px;margin:.24rem 0}.container .contact .tit span{display:block;font-size:.16rem;color:#a5a5a5}.container .contact .l{width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;padding-right:.6rem}.container .contact .l ul li{display:inline-flex;padding:.38rem 0;align-items:center;width:50%;border-bottom:1px solid #ddd}.container .contact .l ul li i{font-family:"common";font-size:.32rem;color:#666;width:.6rem;text-align:center;flex-shrink:0}.container .contact .l ul li span{font-size:.16rem;color:#666;line-height:1.5}.container .contact .l ul li:first-of-type{width:100%;border-top:1px solid #ddd}.container .contact .l ul li:first-of-type i,.container .contact .l ul li:first-of-type span{color:#d83e22}.container .contact .r{width:50%;display:inline-block;vertical-align:top}.container .newslist{width:100%;display:block}.container .newslist ul li{width:100%;display:block;border-top:1px solid #e4e4e4;position:relative}.container .newslist ul li .pic{position:relative;overflow:hidden;height:3.5rem}.container .newslist ul li .pic::after{content:'';position:absolute;width:3px;height:100%;top:0;left:-20%;overflow:hidden;background-image:linear-gradient(to right, rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 100%);transform:skewX(-25deg);box-shadow:0px 5px 20px #ffffff}.container .newslist ul li img{max-width:100%}.container .newslist ul li .text{padding:.4rem 1.6rem .4rem .44rem;box-sizing:border-box}.container .newslist ul li .text h3{font-size:.17rem;line-height:1.5;height:.48rem;color:#d83e22;overflow:hidden}.container .newslist ul li .text p{font-size:.14rem;line-height:1.5;margin-bottom:0;color:#9e9b9a;text-align:justify}.container .newslist ul li .btn-time{position:absolute;right:.4rem;top:.44rem;text-align:right}.container .newslist ul li .btn-time .time{display:block}.container .newslist ul li .btn-time .time span{display:inline-block;font-size:.14rem;color:#d83e22}.container .newslist ul li .btn-time button{display:block;margin-top:.4rem;background:none;border:none;cursor:pointer}.container .newslist ul li .btn-time button i{font-size:.36rem;color:#d83e22;display:inline-block;font-family:"iconfont"}.container .newslist ul li:last-of-type{border-bottom:1px solid #e4e4e4}.container .newslist ul li:hover .text{background:#d83e22}.container .newslist ul li:hover .text h3,.container .newslist ul li:hover .text p{color:#fff}.container .newslist ul li:hover .btn-time .time span{color:#fff}.container .newslist ul li:hover .btn-time button i{color:#fff}.container .newsview,.container .caseview{display:block;margin-bottom:.9rem}.container .newsview h2,.container .caseview h2{font-size:.32rem;color:#333}.container .newsview .browse-box,.container .caseview .browse-box{overflow:hidden;height:.2rem;line-height:.2rem;margin-top:.25rem}.container .newsview .browse-box span,.container .caseview .browse-box span{font-size:.14rem;color:#999;margin-right:.25rem}.container .newsview .browse-box span i,.container .caseview .browse-box span i{font-size:.14rem;margin-right:3px;font-family:"common"}.container .newsview .browse-box span i.icon-shijian,.container .caseview .browse-box span i.icon-shijian{font-size:.16rem}.container .newsview .content,.container .caseview .content{margin-top:40px;font-size:14px;line-height:25px;color:#333}.container .newsview .text-secondary,.container .caseview .text-secondary{padding-top:30px;border-top:1px dotted #ccc;margin-top:50px}.container .newsview .text-secondary p,.container .caseview .text-secondary p{width:50%;display:inline-block;vertical-align:middle;font-size:14px;color:#333}.container .newsview .text-secondary p a,.container .caseview .text-secondary p a{font-size:14px;color:#333}.container .newsview .text-secondary p a:hover,.container .caseview .text-secondary p a:hover{color:#18529b}.container .productsview{display:block}.container .productsview h2{font-size:.3rem;color:#666}.container .productsview .line{margin:.25rem 0;width:.5rem}.container .productsview h3{font-size:.24rem;color:#aaa}.container .productsview .content{padding-top:.3rem;font-size:.18rem;line-height:.24rem;color:#333;display:block}.container .productsview .content b,.container .productsview .content strong{color:#000;display:block}.container .productsview .content p{font-size:.18rem;line-height:.24rem;color:#999}.container .productsview .list{display:block;font-size:0;margin-top:.3rem}.container .productsview .list li{width:32%;margin-right:2%;margin-bottom:2%;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.container .productsview .list li img{max-width:100%}.container .productsview .list li:nth-of-type(3n){margin-right:0}.container .productsview .button{display:block;margin-top:.3rem}.container .productsview .button a{font-size:.18rem;padding:.07rem .15rem;background:#d83e22;color:#fff}.container .productsview .button a:hover{background:#000}.container .productsview .text-secondary{padding-top:30px;border-top:1px dotted #ccc;margin-top:50px}.container .productsview .text-secondary p{width:50%;display:inline-block;vertical-align:middle;font-size:14px;color:#333}.container .productsview .text-secondary p a{font-size:14px;color:#333}.container .productsview .text-secondary p a:hover{color:#18529b}.page{width:100%;display:block;text-align:center;margin-top:.4rem}.page .page-link,.page .page-num{font-size:.14rem;margin:0 .05rem;height:.3rem;text-align:center;line-height:.3rem;display:inline-block;width:.3rem;border:1px solid #ddd;color:#333}.page .page-link:hover,.page .page-num:hover{color:#d83e22}.page .p-icon{font-family:"common"}.page .font-16{font-size:.16rem}@media screen and (max-width: 768px){.n-banner{height:2rem;margin-top:.7rem;overflow:hidden}.n-banner figure{display:block;height:100%;text-align:center}.n-banner figure img{max-height:100%}.n-banner .text{right:0;width:100%;color:#fff;text-align:center}.n-banner .text h2{font-size:.36rem}.n-banner .text h3{font-size:.18rem;margin-top:.2rem}.n-nav{margin:0;padding:6%;box-sizing:border-box}.n-nav ul li{display:inline-block;vertical-align:top}.n-nav ul li a{font-size:.16rem}.n-nav ul span{margin:0 .1rem;font-size:.16rem}.container{margin:6% 0}.container .about .content .company .pic{width:100%}.container .about .content .company .pic::after{display:none}.container .about .content .honor ul{margin-top:.24rem}.container .about .content .honor ul li{width:49%;margin-right:2%}.container .about .content .honor ul li img{max-width:100%}.container .about .content .honor ul li:nth-of-type(2n){margin-right:0}.container .productlist{box-sizing:border-box;padding:0 .2rem}.container .productlist ul li{width:100%;margin-right:0;margin-bottom:.2rem}.container .equipment{box-sizing:border-box;padding:0 6%}.container .equipment .e-box .list h4{margin-top:.2rem}.container .equipment .e-box .list ul li{width:100%;margin-right:0}.container .contact{box-sizing:border-box;padding:0 6%}.container .contact .l{width:100%;padding-right:0}.container .contact .l ul li{padding:.2rem 0;width:100%}.container .contact .r{width:100%;display:inline-block;vertical-align:top;margin-top:.6rem}.container .newslist{box-sizing:border-box;padding:0 6%}.container .newslist ul li .text{padding:.2rem 1.2rem .2rem 0;box-sizing:border-box}.container .newsview,.container .caseview{box-sizing:border-box;padding:0 6%}.container .newsview h2,.container .caseview h2{font-size:.24rem;color:#333}.container .newsview .content,.container .caseview .content{margin-top:.2rem;font-size:.14rem;line-height:1.5;color:#333}.container .newsview .text-secondary,.container .caseview .text-secondary{padding-top:.2rem;border-top:1px dotted #ccc;margin-top:.2rem}.container .newsview .text-secondary p,.container .caseview .text-secondary p{width:100%;display:inline-block;vertical-align:middle;font-size:.14rem;color:#333;margin:.05rem 0}.container .newsview .text-secondary p a,.container .caseview .text-secondary p a{font-size:.14rem;color:#333}.container .productsview{display:block;box-sizing:border-box;padding:0 .2rem}.container .productsview h2{font-size:.24rem}.container .productsview .line{margin:.15rem 0;width:.5rem}.container .productsview h3{font-size:.18rem;color:#aaa}.container .productsview .content{font-size:.16rem;line-height:1.5}.container .productsview .content p{font-size:.16rem;line-height:1.5;margin:.1rem 0 0}.container .productsview .list{display:block;font-size:0;margin-top:.3rem}.container .productsview .list li{width:100%;margin-right:0;margin-bottom:.2rem}.container .productsview .list li img{max-width:100%}.container .productsview .button{display:block;margin-top:.1rem}.container .productsview .button a{font-size:.18rem;padding:.07rem .15rem;background:#d83e22;color:#fff}.container .productsview .text-secondary{padding-top:30px;border-top:1px dotted #ccc;margin-top:50px}.container .productsview .text-secondary p{width:50%;display:inline-block;vertical-align:middle;font-size:14px;color:#333}.container .productsview .text-secondary p a{font-size:14px;color:#333}.container .productsview .text-secondary p a:hover{color:#18529b}}