@charset "utf-8";
@media only screen and (max-width:1500px){
  .main-width{width: 83.33vw;}
  .bread{font-size: 14px;line-height: 22px;padding: 10px 0;margin-bottom: 20px;}
  .other-banner h1{font-size: 30px;}
  .header .nav > ul > li > a{font-size: 16px;}
  .header .nav > ul > li .news{padding: 40px 10%;}
  .header .nav > ul > li .news a{font-size: 16px;line-height: 25px;}
  .header .nav > ul > li .cer .item h3{font-size: 16px;line-height: 23px;margin-bottom: 10px;}
  .header .nav > ul > li .cer .item p{font-size: 15px;line-height: 22px;margin-bottom: 8px;}
  .header .nav > ul > li .cer.product .item{width: 16.66%;padding: 40px 20px;}
  .list-cer .slide-cer .slide-pic li .pic{height: 32.2vw;}
  .header .search .box.open{width: 200px;}
  /* 首页产品 */
  .index-main h2{font-size: 30px;line-height: 40px;margin-bottom: 30px;}
  .index-main h4{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
  .index-main .view{font-size: 14px;height: 32px;line-height: 30px;min-width: 140px;border-radius: 32px;padding: 0 20px;}
  .index-main .get{font-size: 14px;height: 32px;line-height: 30px;min-width: 140px;border-radius: 32px;padding: 0 20px;}
  .index-product .pro-slide .slide-pic > ul > li{width: 27.85vw;}
  .index-product ul li > h3{font-size: 18px;line-height: 25px;max-width: 100%;}
  .index-product ul li .text .box h3{font-size: 16px;line-height: 25px;margin-bottom: 15px;}
  .index-product ul li .text .box p{font-size: 13px; line-height: 22px; padding-bottom: 15px;}
  .index-product ul li .text .box .son ul{padding: 15px 0;}
  .index-product ul li .text .box .son ul li{height: 25px;line-height: 25px;}
  .index-product ul li .text .box .son ul li a{font-size: 13px;line-height: 25px;}
  .index-product .pro-slide .btn{width: 40px;height: 40px;}
  .index-product .pro-slide .btn.prev{left: -40px;}
  .index-product .pro-slide .btn.next{right: -40px;}

  /* 首页关于我们 */
  .index-about .bg-box ul li .text p{font-size: 14px;line-height: 22px;}
  .index-about .about-pic .box{padding: 5px;}
  .index-about .about-pic .box ul{width: 500% !important;}
  .index-about .about-pic .box ul li{width: 21.8vw;height: 17vw;margin: 0;border: 5px solid transparent; box-sizing: border-box;}
  .index-about .about-pic .box ul li p{height: 30px;line-height: 30px;}

  /* 首页案例 */
  .index-project .slide-box .btn{width: 40px;height: 40px;}
  .index-project .slide-pic ul li{width: 83.33vw;}
  .index-project .slide-pic ul li .item{width: 32.3%;margin-right: 1%;height: 19.63vw;}
  .index-project .slide-pic ul li .item .text{padding: 5%;}
  .index-project .slide-pic ul li .item .text h3{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
  .index-project .slide-pic ul li .item .text p{font-size: 14px;line-height: 22px;height: auto;margin-bottom: 15px;}
  .index-project .slide-pic ul li .item .text span{font-size: 12px;line-height: 22px;}

  /* 首页新闻 */
  .index-news ul{width: 56%;}
  .index-news ul.big{width: 42%;margin-right: 2%;}
  .index-news ul.big .pic{width: 100%;height: auto;}
  .index-news ul li{height: 140px;margin-bottom: 15px;}
  .index-news ul li .pic{height: auto;}
  .index-news ul li .text h3{font-size: 14px;margin-bottom: 5px;line-height: 22px;}
  .index-news ul li .text p{font-size: 13px;line-height: 20px;margin-bottom: 5px;}
  .index-news ul li .text time{font-size: 12px;line-height: 20px;padding-left: 20px;}
  .index-news ul li .text time::after{width: 15px;height: 15px;}
  .index-cer .slide-pic ul li{width: 18.52vw;margin-right: 0;border-right: 2vw solid transparent;box-sizing: border-box;}
  .index-cer .slide-pic ul li p{font-size: 14px;line-height: 22px;margin-top: 10px;}
  

	.main-products .content{width: calc(100% - 260px);}
  .main-news .news-content{width: calc(100% - 340px);}


/* 关于我们 */
.main-about .about-info .text p{font-size: 14px;line-height: 22px;}
.main-about .about-adv ul li .text p{font-size: 14px;line-height: 22px;}
.main-about .about-factory .tab ul li{padding: 0 15px; height: 30px; line-height: 30px; font-size: 15px; margin-right: 25px;}
.main-about .about-factory .tab ul li::after{top: 30px;}
.main-about .about-factory .tab-item .item .slide .slide-pic li{width: 89.83vw}
.main-about .about-factory .tab-item .item .slide .slide-pic li .box{width: 19.7vw;height: 0;padding-bottom: 16.6%;margin: 0 1% 1% 0;}
.main-about .about-factory .tab-item .item .slide .slide-pic li .box img{height: auto;}
.main-about .about-factory .tab-item .item .slide .slide-pic li .box p{font-size: 14px;height: 30px;line-height: 30px;}
.main-about .about-history{margin-bottom: 70px;}
.main-about .about-history .snakLine{height: 240px;}
.main-about .about-history .begin-circle{width: 24px;height: 24px;}
.main-about .about-history .snakLine::before{height: 10px;}
.main-about .about-history ul li{min-width: 23%;max-width: 31%;}
.main-about .about-history ul li .text{padding: 10px;height: 180px;border: 8px;}
.main-about .about-history ul li span{font-size: 20px;line-height: 25px;}
.main-about .about-history ul li .text h3{font-size: 16px;line-height: 25px;margin-bottom: 5px;}
.main-about .about-history ul li .text p{font-size: 14px;line-height: 22px;}
.main-about .about-history .snakLine:first-child:before{left: 24px;}
.main-about .about-history .snakLine:nth-child(odd)::after{width: 240px;height: 240px;border-radius: 0 120px 120px 0;border-width: 10px;}
.main-about .about-history .snakLine:nth-child(even)::after{width: 240px;height: 240px;border-radius: 120px 0 0 120px;border-width: 10px;}
.main-about .about-culture .tab-culture .tab ul li{font-size: 14px;text-align: center;line-height: 25px;}
.main-about .about-culture .tab-culture .box{padding: 20px;}
.main-about .about-culture .tab-culture .box li{width: 20.5vw; flex: 0 0 20.5vw;}
.main-about .about-culture .tab-culture .box li:last-child{margin-right: 0;}
.main-about .about-culture .tab-culture .box li .text h3{font-size: 15px;line-height: 22px;}
.main-about .about-culture .tab-culture .box li .text p{font-size: 13px;line-height: 20px;}
.main-about .about-adv .slide-pic li{width: 15.25vw;}
.main-about .about-adv .slide-pic li p{font-size: 14px;line-height: 22px;padding-top: 10px;}

/* 产品列表 */
.subclass ul li{width: 30%;height: 40px;line-height: 40px;font-size: 16px;}
.list-products .nav-select .item{height: 40px;line-height: 40px;margin-bottom: 15px;}
.list-products .nav-select .item p{height: 40px;line-height: 40px;font-size: 15px;}
.list-products .nav-select .item ul{top: 40px;}
.list-products .nav-select .item ul li{padding: 10px;box-sizing: border-box;font-size: 14px;line-height: 22px; min-height: 40px;}
.list-products .search{width: 350px;height: 40px;line-height: 40px;border-radius: 40px;}
.list-products .search input[type='text']{padding: 0 90px 0 10px;font-size: 16px;line-height: 40px;}
.list-products .search input[type='submit']{width: 80px;height: 40px;border-radius: 40px;background-size: 20px;}
.list-products .nav-list .box .text h2{font-size: 24px;line-height: 30px;}
.list-products .nav-list .box .text ul li{font-size: 16px;line-height: 25px;margin-bottom: 8px;}
.list-products .nav-list .box .text ul li a{font-size: 16px;line-height: 25px;}
.list-products .list ul{width: 100%;}
.list-products .list > ul > li{padding-left: 16.91vw}
.list-products .list ul li .pic{width: 16.91vw;}
.list-products .list ul li .text{padding: 10px 5px 10px 10px;}
.list-products .list ul li .text h3{font-size: 16px;line-height: 25px;margin-bottom: 8px;}
.list-products .list ul li .text h4{font-size: 14px;line-height: 22px;margin-bottom: 8px;}
.list-products .list ul li .text ul li{font-size: 14px;line-height: 22px;}
.list-products .list ul li .text .btn{margin-top: 10px;}
.list-products .list ul li .text .btn a, 
.list-products .list ul li .text .btn span{width: 80px;font-size: 14px;height: 30px;line-height: 30px;border-radius: 30px;}

  /* 详情 */
  .main-products .content .slide-box{width: 355px;}
  .main-products .content .info{width: calc(100% - 385px);padding-right: 10px;box-sizing: border-box;}
  .main-products .content .slide-box{width: 355px;}
  .main-products .content .slide-box .slide-pic{width: 355px;height: 355px;margin-bottom: 10px;}
  .main-products .content .slide-box .slide-pic li{width: 355px;height: 355px;padding: 10px;}
  .main-products .content .slide-box .slide-dot{overflow: hidden;}
  .main-products .content .slide-box .slide-dot ul{height: 90px;}
  .main-products .content .slide-box .slide-dot li{width: 90px;height: 90px;margin-right: 12px;}
  .main-products .content .slide-box .bottom{padding: 0 22px;}
  .main-products .content .slide-box .btn{width: 22px;height: 90px;}
  .main-products .content .info h1{font-size: 20px;line-height: 28px;}
  .main-products .content .info h2{font-size: 16px;line-height: 25px;}
  .main-products .content .info .general{font-size: 16px;line-height: 22px;}
  .main-products .content .info .general li{padding: 5px 0;}
  .main-products .content .info .btn-box .btn{width: 100px; padding: 0 15px; height: 35px; border-radius: 35px; line-height: 35px; font-size: 14px;}
  .main-products .content .info .share span{font-size: 14px;}
  .main-products .content .cate-item ul{height: 40px;}
  .main-products .content .cate-item ul li{font-size: 16px;height: 40px;line-height: 40px;width: 150px;}
  .main-products .content .contbox .itembox p{font-size: 15px;line-height: 30px;}
  .main-products .content .contbox .itembox.para table td{padding: 10px 15px;line-height: 25px;font-size: 15px;}
  .main-products .content .contbox .itembox .list-down li div{font-size: 14px;line-height: 25px;}
  .main-products .content .contbox .itembox .list-down li:first-child div{font-size: 16px;line-height: 25px;}
  .main-products .content .contbox .itembox .list-down li .name{width: 40%;padding-right: 40px;}
  .main-products .content .contbox .itembox .list-down li a.icon-down{padding: 0 15px; height: 35px;line-height: 35px;border-radius: 35px;font-size: 14px;}
  .default-box .search .search-box{height: 35px;}
  .default-box .search .txt{height: 35px;line-height: 35px;padding: 0 50px 0 10px;}
  .default-box .search .sub{width: 50px;height: 35px;background-size: 20px;}
  .default-box .classify > ul > li > a{font-size: 15px;line-height: 25px;}
  .default-box .classify > ul > li ul li{margin-bottom: 8px;}
  .default-box .classify > ul > li ul li a{font-size: 13px;line-height: 22px;}
  .related{margin-top: 40px;}
  .related .slide-pic > ul > li{width: 41vw;height: 22vw;}
  .related .slide-pic ul li .text{padding: 15px;}
  .related .slide-pic ul li .text h3{font-size: 16px;line-height: 25px;margin-bottom: 8px;}
  .related .slide-pic ul li .text h4{font-size: 14px;line-height: 22px;margin-bottom: 8px;}
  .related .slide-pic ul li .text ul li{font-size: 14px;line-height: 22px;}
  .related .slide-pic ul li .text ul{margin-bottom: 15px;}
  .related .slide-pic ul li .text .btn{margin-top: 10px;}
  .related .slide-pic ul li .text .btn a, 
  .related .slide-pic ul li .text .btn span{width: 80px; font-size: 14px; height: 30px; line-height: 30px;}

  /* 视频 */
  .list-video .filter-video .fil{padding-left: 210px;}
  .list-video .filter-video .fil span{font-size: 18px;line-height: 35px;}
  .list-video .filter-video .fil ul li{height: 35px;line-height: 35px;font-size: 15px;border-radius: 35px;padding: 0 20px;}
  .list-video .count li{width: 48.2%;height: auto;}
  .list-video .count li .pic{height: 21.52vw;}
  .list-video .count li p{font-size: 16px;height: 50px;line-height: 50px;}

  .list-project .cont li{width: 48.2%;height: auto;}
  .list-project .cont li .pic{height: 21.52vw;}
  .list-project .cont li .text h2{font-size: 16px;line-height: 25px;margin-bottom: 10px;}
  .list-project .cont li .text p{font-size: 13px;line-height: 22px;}

  /* 新闻列表 */
  .list-news .nav a{height: 40x;line-height: 40px;border-radius: 40px;font-size: 16px;}
.list-news .cont li .time span{font-size: 14px;line-height: 20px;}
.list-news .cont li .text{width: 57%;}
.list-news .cont li .text h2{font-size: 18px;line-height: 25px;margin-bottom: 20px;}
.list-news .cont li .text p{font-size: 15px;line-height: 22px;}
.list-news .cont li .pic{width: 260px;height: 167px;}

.list-project .nav a{height: 40px;line-height: 40px;border-radius: 40px;font-size: 16px;}

/* 新闻详情 */
.main-news .hot-list h3{font-size: 16px;height: 40px;line-height: 40px;}
  .main-news .hot-list ul li p{font-size: 14px;line-height: 20px;padding: 8px 0;}
  .main-news .hot-list ul li time{font-size: 12px;}
  .main-news .news-content .box h2{font-size: 20px;line-height: 30px;border-left-width: 5px;}
  .main-news .news-content .box .line{font-size: 14px;line-height: 20px;}
  .main-news .news-content .content{font-size: 15px;line-height: 22px;}
  .main-news .news-content .subpage li{font-size: 14px;line-height: 25px;}


  /* 底部 */
  .index-contact .box{width: 80%;padding: 30px 10% 50px;min-height: 120px;}
  .index-contact .box p{font-size: 15px;line-height: 23px;}
  .footer .logo{width: 150px;}
  .footer .box.nav{margin-right: 2%;}
  .footer .box h3{font-size: 16px;}
  .footer .box ul li{font-size: 14px;line-height: 22px;margin-bottom: 8px;}
  .footer .box.info ul li{word-break: break-word;}
  .footer .box.form{width: 25%;}
  .footer .box.form input{height: 30px;line-height: 30px;padding: 0 10px;margin-bottom: 5px;font-size: 14px;}
  .footer .box.form textarea{height: 140px;padding: 10px;margin-bottom: 0;font-size: 14px;}
  .footer .box.form .box{height: 32px;line-height: 32px;margin-bottom: 20px;}
  .footer .box.form .box .text{padding-right: 90px;height: 32px;line-height: 32px;}
  .footer .box.form .sub{height: 30px;line-height: 30px;text-align: center;}

  /* 联系我们 */
  .main-contact .main-width{display: flex;flex-wrap: wrap;}
  .main-contact .slide-add{margin-bottom: 30px;}
  .main-contact .info{padding: 20px;width: 50%;margin-right: 2%;}
  .main-contact .message-form{padding: 20px;width: 48%;}
  .main-contact p{font-size: 14px;line-height: 20px;padding: 2px 0 2px 35px;margin-bottom: 10px;}
  .main-contact h2{font-size: 16px;line-height: 25px;margin-bottom: 20px;}
  .main-contact p.phone{padding-bottom: 10px;}
  .main-contact p.email{margin-bottom: 20px;padding-bottom: 10px;}
  .main-contact .slide-add .tab li{font-size: 12px;height: 30px;}
  .main-contact .slide-add .box li p{max-width: initial;width: 80%;}

  
  /* 证书 */
  .list-cer .detab-btn ul li{min-width: 24%;height: 40px;line-height: 40px;font-size: 16px;}
  .list-cer .detab-btn ul li::after{top: 38px;}
  .list-cer .slide-cer .slide-pic li{width: 19.85vw;}
  .list-cer .slide-cer .slide-pic li p{font-size: 14px;line-height: 22px;}
  .list-cer .slide-cer .btn{width: 40px;height: 40px;}
  .list-cer .slide-cer .btn::after{width: 12px;height: 21px;}

}
@media only screen and (max-width:1400px){
  .header .nav > ul > li{padding: 30px 1vw;}
  .header .nav > ul > li .product .tab{padding-left: 4vw;}
  .header .nav > ul > li .cer .item{padding: 40px;}
  .header .nav > ul > li .product .item{padding: 40px 20px;}

  
  .index-project .slide-box .btn.prev{left: -30px;}
  .index-project .slide-box .btn.next{right: -30px;}

  .index-news ul.big{width: 49%;}
  .index-news ul{width: 50%;}
  .main-about .about-adv .slide-pic li .pic{width: 100%;height: auto;}
  .default-cer .slide-pic ul li p{font-size: 14px;line-height: 22px;}
  .default-cer .slide-pic ul li{width: 14.85vw;}
  .flow-inq .item .item-box{height: 50vw;}
  .flow-inq .item .inq-box form{padding: 0;}
  .flow-inq .item .info .pic{width: 160px;height: 160px;flex: 0 0 160px;}
  .flow-inq .item .info .text h2{font-size: 16px;line-height: 25px;}
  .flow-inq .item .info .text h3{font-size: 14px;line-height: 22px;}
  .flow-inq .item .inq-box h2{font-size: 16px;line-height: 25px;}
  .flow-inq .item .inq-box .txt{width: 32.571%;height: 40px;line-height: 40px;font-size: 15px;}
  .flow-inq .item .inq-box .txt:nth-child(1), .flow-inq .item .inq-box .txt:nth-child(2){width: 49.585%;}
  .flow-inq .item .inq-box .box .txt{padding-right: 100px;width: 100%;}
  .flow-inq .item .inq-box .box{height: 40px;}
  .flow-inq .item .inq-box .sub{height: 40px;line-height: 40px;font-size: 16px;}
  

}
@media only screen and (min-width:780px){
.an-overall .animate {filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease; }
.an-overall .ant { transform: translateY(80px); }
.an-overall .anb { transform: translateY(-80px); }
.an-overall .anl { transform: translateX(-80px); }
.an-overall .anr { transform: translateX(80px); }
.an-overall .t1 { transition-delay: 0.2s; }
.an-overall .t2 { transition-delay: 0.4s; }
.an-overall .t3 { transition-delay: 0.6s; }
.an-overall .t4 { transition-delay: 0.8s; }
.an-overall .t5 { transition-delay: 1s; }
.an-overall .t6 { transition-delay: 1.2s; }
.an-overall .t7 { transition-delay: 1.4s; }
.an-overall .t8 { transition-delay: 1.6s; }
.an-overall.action .animate{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.an-overall.action .ant { transform: translateY(0); }
.an-overall.action .anb { transform: translateY(0); }
.an-overall.action .anl { transform: translateX(0); }
.an-overall.action .anr { transform: translateX(0); }
}

@media only screen and (max-width:1200px){
  .main-width{width: 92vw;}
  .header .nav > ul > li{padding: 30px 1vw;}
  .header .nav > ul > li .news{padding: 40px 4vw;}
  .header .nav > ul > li .news a{font-size: 14px;}
  .header .nav > ul > li .cer .item h3{font-size: 14px;}
  .header .nav > ul > li .cer .item p{font-size: 14px;line-height: 22px;}
  .index-about .about-pic .box ul li{width: 22.8vw;}
  .index-product .pro-slide .slide-pic > ul > li{width: 31vw;}
  .main-products .content .cate-item ul{height: 40px;}
  .main-products .content .cate-item ul li{width: auto;padding: 0 15px;height: 40px;line-height: 40px;font-size: 14px;}
  .flow-inq .item .info{margin-bottom: 30px;}
  .flow-inq .item .info .pic{width: 150px;height: 150px;flex: 0 0 150px;}
  .flow-inq .item .info .text h2{font-size: 16px;line-height: 25px;margin-bottom: 20px;}
  .flow-inq .item .info .text h3{font-size: 14px;line-height: 22px;}
  .flow-inq .item .inq-box h2{font-size: 16px;line-height: 25px;margin-bottom: 20px;}
  .flow-inq .item .inq-box .txt{height: 35px;line-height: 35px;padding: 0 10px;font-size: 14px;margin-bottom: 10px;}
  .flow-inq .item .inq-box .txt.long{height: 120px;line-height: 25px;margin-bottom: 20px;}
  .flow-inq .item .inq-box .box{height: 35px;line-height: 35px;}
  .flow-inq .item .inq-box .sub{height: 35px;line-height: 35px;font-size: 14px;}
  .default-box .search{padding: 10px;}
  .default-box .search .search-box{height: 30px;}
  .default-box .search .txt{height: 30px;line-height: 30px;padding: 0 50px 0 10px;}
  .default-box .search .sub{width: 40px;height: 30px;}
  .default-box .classify h2{font-size: 16px;height: 40px;line-height: 40px;}
  .default-box .classify li{padding: 5px 20px 5px 8px;}
  .default-box .classify li a{font-size: 14px;line-height: 22px;}
  .default-box .hot-list h3{font-size: 16px;height: 40px;line-height: 40px;}
  .default-box .hot-list ul li p{font-size: 13px;line-height: 20px;padding: 8px 0;}
  .index-project .slide-pic ul li{width: 92vw;}
  .main-about .about-info .text p{font-size: 14px;line-height: 22px;}
  .main-about .about-adv ul li .text p{font-size: 14px;line-height: 22px;}
  .main-about .about-factory .tab-item .item .slide .slide-pic li{width: 92vw;}
  .main-about .about-factory .tab-item .item .slide .slide-pic li .box{width: 21.75vw;}
  .main-about .about-factory .tab-item .item .slide .slide-pic li .box p{font-size: 14px;}
  .main-about .about-factory .tab ul li{font-size: 14px;}
  
.main-about .about-adv .slide-pic li{width: 16.58vw;}
.main-about .about-adv .slide-pic li p{font-size: 14px;}
  .main-contact .slide-add .tab li{height: 50px;line-height: 20px;padding: 5px 12px 0;box-sizing: border-box;}
  .main-contact .slide-add .box li p{max-width: 80%;}
  .main-contact .message-form .text{height: 32px;line-height: 30px;margin-bottom: 10px;font-size: 14px;}
  .main-contact .message-form .text.long{height: 160px;line-height: 22px;}
  .main-contact .message-form .box{height: 32px;margin-bottom: 15px;}
  .main-contact .message-form .box .text{padding-right: 95px;}
  .main-contact .message-form .sub{height: 30px;line-height: 30px;font-size: 14px;}

  .list-products .list > ul > li{height: 23vw;}
  .list-products .list ul li .pic{height: auto;display: flex; align-items: center;}
  .list-products .list ul li .pic img{height: auto;}
  /* 产品详情 */
  .main-products .content .info .general{font-size: 14px;line-height: 22px;}
  .related .slide-pic > ul > li{width: 45.5vw;height: 24vw;padding-left: 16.91vw;}
  .related .slide-pic > ul > li .pic{height: auto;width: 16.91vw;display: flex; align-items: center;}
  .related .slide-pic > ul > li .pic img{height: auto;}
  .related .slide-pic ul li .text{padding: 10px;}
  .list-cer .slide-cer .slide-pic li{width: 21.85vw;}

  .form-touch .text{height: 32px;line-height: 32px;font-size: 14px;margin-bottom: 8px;padding: 0 10px;border-width: 1px;}
  .form-touch .box .text{padding-right: 100px;}
  .form-touch .text.long{height: 120px;padding: 10px;}
  .form-touch .box{height: 32px;margin-bottom: 8px;}
  .form-touch .box img{right: 1px;top: 1px;transform: translateY(0);}
  .form-touch .sub{height: 32px;line-height: 32px;font-size: 14px;}


}

@media only screen and (max-width:980px){
/* .main-width{width:92vw;} */
.m-Top{margin-top: 94px;}
.header{height: 50px;}
.header .phone-menu{display: block;}
.header .logo{height: 40px;width: auto;margin-top: 5px;}
.header .logo img{height: 100%;width: auto;}
.header .nav-box{position: fixed; left: -100%; top: 94px;padding-top: 0; width: 100%; height: 100vh;text-align: left; margin: 0; background-color: rgba(0,0,0,.7); transform: translateX(0); z-index: -1; transition: opacity .3s;}
.topbox.flow .nav-box{top: 50px;}
.header .nav{width: 300px; height: calc(100% - 50px - 4vw); padding: 4vw; background-color: #fff; overflow-y: auto; transition: all .5s;box-sizing: border-box;}
.topbox.flow .header .nav{height: calc(100% - 50px);}
.header .nav > ul > li { float: none; line-height: 60px; padding: 0;text-align: left;border-bottom: 1px solid rgba(0,0,0,.15); font-size: 16px; }
.header .nav > ul > li > a {font-size: 16px;color: #000;}
.header .nav > ul > li i{position: relative; float: right; height: 60px; width: 14px; margin: 0; right: 0.7vw; top: 50%; vertical-align: top;}
.header .nav > ul > li i:before{content: ""; position: absolute; left: 0; top: 50%;width: 8px; height: 1px; margin: 0; background-color: #c7c7c7;transform-origin: center; transform: rotate(45deg);}
.header .nav > ul > li i:after { content: ""; position: absolute; right: 0; top: 50%; width: 8px; height: 1px; margin: 0; background-color: #c7c7c7; transform-origin: center; transform: rotate(-45deg); transition: all .3s;}
.header .nav > ul > li > a{display: inline;}
.header .nav > ul > li .drop {position: static;display: none; width: 100%; text-align: left;margin: 0; padding: 0 0 10px; border: none;opacity: 1; background: none; box-sizing: border-box; box-shadow: none;}
.header .nav > ul > li .drop li {line-height: 30px; font-size: 14px; text-align: left;border: none;padding: 0 10px;}
.header .nav > ul > li .drop li a:before {content: "- ";}
.header .nav > ul > li .drop li a{font-size: 14px;line-height: 20px;padding: 5px 0;text-align: left;}
.header .nav > ul > li .product .item h3 a img{display: none;}
.header .nav > ul > li.on i::before{background-color: #cc252a;}
.header .nav > ul > li.on i::after{background-color: #cc252a;}
.header .nav > ul > li .news{padding-left: 10px;}
.header .nav > ul > li .news a{display: block; line-height: 30px;font-size: 14px;text-align: left;margin: 0;}
.header .nav > ul > li .news a img{display: none; width: 16px;height: 16px;margin-right: 8px;}
.header .nav > ul > li:hover .drop{display: none;}
.header .nav > ul > li .cer{min-height: auto;padding-left: 10px;}
.header .nav > ul > li .cer .item{padding: 0;border: none;}
.header .nav > ul > li .cer .item h3{font-size: 14px;line-height: 22px;margin-bottom: 8px;}
.header .nav > ul > li .cer .item h3 a{font-family: 'Poppins-Regular';}
.header .nav > ul > li .cer .item p{display: none;}
.header .nav > ul > li .cer.product .item{width: 100%;padding: 0;}
.topbox.flow .header .nav > ul > li{padding: 0;}
.header .nav::-webkit-scrollbar{width:8px;background-color: #fff;}
.header .nav::-webkit-scrollbar-thumb{background-color: #e6e6e6;height: 1.15vw;border-radius: 1.15vw;}
.header .nav::-webkit-scrollbar-thumb:hover{background-color: #ff8a00;}
.header.active .nav-box{left: 0;z-index: 999;}
.header .search{width: 35px;height: 35px;margin-top: 7px;}
.header .search .box{width: 35px;height: 35px;border-radius: 35px;}
.header .search .box .text{height: 35px;border: 35px;padding: 0 50px 0 10px;}
.header .search .box .btn, .header .search .box .sub{width: 35px;height: 35px;background-size: 16px;}
.header .search .box.open{width: 200px;}
.index-main .slidebox .slidelist{padding: 5px 20px;}
.index-main .slidebox .slidelist li{width: 10px;height: 10px;border-radius: 5px;}
.index-main .slidebox .slidelist li.active{width: 35px;}
.index-main .slidebox .item-btn{width: 40px;height: 40px;}
.index-product .pro-slide{width: 85vw;margin: 0 auto;}
.index-product .pro-slide .slide-pic > ul{width: 100%;}
.index-product .pro-slide .slide-pic > ul > li{width: 40.56vw;margin-right: 4vw;padding-bottom: 30px;}
.index-product ul li > h3{font-size: 14px;line-height: 22px;height: 44px;}
.index-product ul li .text{border-width: 5px;}
.index-product ul li .text .box{padding: 25px;}
.index-product .pro-slide .btn{width: 40px;height: 40px;}
.index-product .pro-slide .btn.prev{left: -45px;}
.index-product .pro-slide .btn.next{right: -45px;}
.index-about .bg-box ul li .text p{font-size: 13px;line-height: 22px;margin-top: 5px;}
.index-about .about-pic .box ul li p{font-size: 14px;height: 30px;line-height: 30px;}
.index-project .slide-pic ul li{width: 92vw;}
.index-project .slide-pic ul li .item{width: 32%;margin: 0 1.33% 1.33% 0;height: auto;}

.index-project .slide-box .btn{width: 30px;height: 30px;}
.index-project .slide-box .btn.prev{left: -20px;}
.index-project .slide-box .btn.next{right: -20px;}
.index-project .slide-box .btn::after{width: 8px;height: 14px;}

.index-contact{padding: 40px 0 80px;}
.index-contact .box{padding: 30px 5% 50px;}
.index-contact .box .get{font-size: 14px;padding: 0 25px;height: 35px;line-height: 35px;}
.footer{padding: 40px 0 0;}
.footer .main-width{margin-bottom: 30px;flex-wrap: wrap;}
.footer .logo{width: 180px;}
.footer .box.nav{width: 100%;margin-bottom: 20px;}
.footer .box.nav li{width: 50%;padding-right: 20px;float: left;box-sizing: border-box;}
.footer .box.info{width: 100%;margin-right: 0;max-width: none;}
.footer .box h3{font-size: 14px;line-height: 22px;margin-bottom: 10px}
.footer .box.form{width: 100%;}
.flow-video .box{width:92.7vw;height:52.14375vw;margin:-26vw 0 0 -46.35vw;transform:translate(0,0);}
.flow-video .box iframe{width:92.7vw;height:52.14375vw;}
.flow-video .box i{right:0;top:-40px;width:40px;height:40px;background-size:100% 100%;}
.list-video .bread{margin-bottom: 30px;}
.bread {font-size: 14px;line-height: 14px;padding: 15px 0;}
.bread a:first-child{padding-left: 25px;background-size: 14px;}
.flow-btn a{width: 35px;height: 35px;}
/* 视频列表 */
.list-video .filter-video{margin-bottom: 30px;}
.list-video .filter-video .fil{padding-left: 180px;}
.list-video .filter-video .fil span{margin-bottom: 10px;}
.list-video .count li{width: 48%;height: auto;margin: 0 2% 2% 0;}
.list-video .count li .pic{height: 25vw;}
.list-video .count li p{height: 40px;line-height: 40px;padding: 0 10px;font-size: 13px;}
.list-video .count li i{width: 60px;height: 60px;}

.list-project .cont li{width: 48%;height: auto;margin: 0 2% 2% 0;}
.list-project .cont li .pic{height: 25vw;}
.list-project .cont li .text{padding: 10px;}
.list-project .cont li .text h2{font-size: 16px;line-height: 25px;margin-bottom: 10px;}
.list-project .cont li .text p{font-size: 13px;line-height: 22px;}
.list-project .cont li i{width: 60px;height: 60px;}

/* 证书列表 */
.list-cer h2{margin-top: 30px;}
.list-cer .detab-btn ul{justify-content: flex-start;flex-wrap: wrap;}
.list-cer .detab-btn ul li{width: 24%;height: 35px;line-height: 35px;padding-bottom: 10px;font-size: 14px;margin-right: 1%;font-size: 14px;}
.list-cer .detab-btn ul li::after{top: 32px;}
.list-cer .slide-cer .slide-pic li{width: 21.19vw;}
.list-cer .slide-cer .slide-pic li .pic{width: 21.19vw;height: 29.5vw;}
.list-cer .slide-cer .slide-pic li p{height: 50px;line-height: 20px;padding-top: 10px;font-size: 13px;box-sizing: border-box;}
.list-cer .slide-cer .btn{width: 40px;height: 40px;}

/* 联系我们 */
.bread{margin-bottom: 10px;line-height: 22px;}
.main-contact .info{width: 50%;margin-right: 2%;}
.main-contact .message-form{width: 48%;}
.main-contact h2{font-size: 16px;line-height: 25px;margin-bottom: 15px;}
.main-contact p{font-size: 14px; line-height: 25px;padding-left: 30px;}
.main-contact p.phone{background-size: 25px;margin-bottom: 10px;}
.main-contact p.email{background-size: 25px;margin-bottom: 10px;}
.main-contact .slide-add{margin-bottom: 30px;}
.main-contact .slide-add .tab{margin: 30px 0 15px;}
.main-contact .slide-add .tab li{display: flex;align-items: center;justify-content: center;}
.main-contact .slide-add .box li p{max-width: 80%;}
.main-contact .message-form .text{height: 32px;line-height: 32px;font-size: 14px;margin-bottom: 8px;padding: 0 10px;border-width: 1px;}
.main-contact .message-form .box .text{padding-right: 100px;}
.main-contact .message-form .text.long{height: 120px;padding: 10px;}
.main-contact .message-form .box{height: 32px;margin-bottom: 8px;}
.main-contact .message-form .box img{right: 1px;top: 1px;transform: translateY(0);}
.main-contact .message-form .sub{height: 32px;line-height: 32px;font-size: 14px;}

/* 产品列表 */
.list-products .nav-select{margin-bottom: 30px;}
.list-products .nav-select .item{padding: 0 30px 0 10px;margin-bottom: 15px;}
.list-products .nav-select .item p{text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.list-products .nav-select .item i{right: 10px;height: 30px;width: 10px;}
.list-products .nav-select .item i:before{width: 6px;height: 1px;}
.list-products .nav-select .item i:after{width: 6px;height: 1px;}
.list-products .nav-select .item ul{padding: 10px 10px 20px;}
.list-products .nav-select .item ul li{padding: 5px 8px;line-height: 22px;}
.list-products .line-flex{margin-bottom: 30px;}
.list-products .search{width: 300px;height: 35px;line-height: 35px;border-radius: 35px;}
.list-products .search input[type='text']{height: 35px;line-height: 35px;font-size: 14px;padding: 0 60px 0 10px;}
.list-products .search input[type='submit']{width: 60px;height: 35px;line-height: 35px;border-radius: 35px;background-size: 18px;}
.list-products .nav-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list-products .nav-list .box{width: 49%;float: left; padding: 10px 10px 30px;flex-direction: column;height: auto;}
.list-products .nav-list .box:nth-child(odd){margin-right: 2%;}
.list-products .nav-list .box .pic{width: 90%;height: auto;margin: 0 auto;}
.list-products .nav-list .box .text{width: 100%;padding: 0 20px;box-sizing: border-box;}
.list-products .nav-list .box .text h2{font-size: 18px;line-height: 25px;margin-bottom: 15px;}
.list-products .nav-list .box .text ul li{font-size: 15px;line-height: 25px;}
.list-products .choose h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
.list-products .choose h2::after{height: 1px;width: 120px;}
.list-products .choose ul li{width: 32.33%;}
.list-products .choose ul li span{width: 60px;height: 60px;margin: 0 auto 15px;}
.list-products .choose ul li h3{font-size: 16px;line-height: 25px;margin-bottom: 10px;}
.list-products .choose ul li p{font-size: 14px;line-height: 22px;}
.list-products .list > ul > li{flex-direction: column;padding: 10px;height: auto;}
.list-products .list ul li .pic{position: inherit;width: 100%;height: auto;}
.list-products .list ul li .pic{height: auto;display: flex;align-items: center;padding: 10px;}
.list-products .list ul li .pic img{height: auto;}
.list-products .list ul li .text{padding:0;}
.list-products .list ul li .text .btn{margin-top: 20px;}


/* 产品详情 */
.main-products .content{width: 100%;}
.main-products .default-box{display: none;}
.main-products .content .info h1{font-size: 16px;line-height: 25px;margin-bottom: 15px;}
.main-products .content .info h2{font-size: 14px;line-height: 22px;margin-bottom: 15px;}
.main-products .content .info .general{font-size: 14px;line-height: 22px;}
.main-products .content .info .general li{padding: 5px 0;}
.main-products .content .info .btn-box{margin-bottom: 20px;}
.main-products .content .info .btn-box .btn{width: auto;padding: 0 15px;height: 30px;border-radius: 15px; line-height: 30px;font-size: 14px;}
.main-products .content .info .share span{line-height: 30px;font-size: 14px;}
.main-products .content .info .btn{height: 30px;line-height: 30px;border-radius: 30px;font-size: 14px;}
.main-products .content .cate-item{top: 50px;margin: 50px 0 0;}
.main-products .content .contbox .itembox h2{font-size: 16px;line-height: 25px;margin-bottom: 20px;}
.main-products .content .contbox .itembox p{font-size: 14px;line-height: 22px;}
.main-products .content .contbox .itembox.details{padding: 20px;margin-top: 20px;}
.main-products .content .contbox .itembox.para table td{font-size: 14px;line-height: 22px;padding: 8px 30px;}
.main-products .content .contbox .itembox.structure ul.three li{width: 32.33%;height: auto;}
.main-products .content .contbox .itembox.structure ul.two li{width: 49%;}
.main-products .content .contbox .itembox.app ul li{width: 48%;height: auto;}
.main-products .content .contbox .itembox.package table th{padding: 8px;font-size: 14px;line-height: 22px;}
.main-products .content .contbox .itembox.package table td{padding: 8px;font-size: 14px;line-height: 22px;}
.main-products .content .contbox .itembox.package ul li{font-size: 14px;line-height: 22px;}
.main-products .content .contbox .itembox.package ul li h3{font-size: 16px;line-height: 25px;}
.main-products .content .contbox .itembox .list-down li{padding: 20px 0;}
.main-products .content .contbox .itembox .list-down li div{font-size: 14px;line-height: 22px;}
.main-products .content .contbox .itembox .list-down li:first-child div{font-size: 16px;line-height: 30px;}
.main-products .content .contbox .itembox .list-down li .name{width: 40%;padding: 0 5%;}
.main-products .content .contbox .itembox .list-down li .size{width: 20%;}
.main-products .content .contbox .itembox .list-down li .time{width: 20%;}
.main-products .content .contbox .itembox .list-down li .down{width: 20%;line-height: 0;}
.main-products .content .contbox .itembox .list-down li a.icon-down{font-size: 14px;line-height: 30px;width: 120px;height: 30px;border-radius: 30px;}
.related .top-title{font-size: 24px;line-height: 30px;margin-bottom: 30px;}

.related .slide-pic > ul > li{width: 48%;margin: 0 1.5% 1.5% 0;height: 220px;}
.related .slide-pic ul li .pic{height: auto;display: flex;align-items: center;padding: 10px;}
.related .slide-pic ul li .pic img{height: auto;}
.related .slide-pic ul li .text{padding: 10px 10px 10px 0;}
.related .slide-pic ul li .text h3{font-size: 14px;line-height: 22px;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.related .slide-pic ul li .text h4{font-size: 14px;line-height: 22px;}
.related .slide-pic ul li .text ul{margin-bottom: 15px;}
.related .slide-pic ul li .text ul li{font-size: 12px;line-height: 20px;}
.related .slide-pic ul li .text .btn a,
.related .slide-pic ul li .text .btn span{width: 65px;padding: 0 5px;height: 30px;line-height: 30px;font-size: 13px;border-radius: 30px;}


/* 新闻列表 */
.list-news .nav a{width: auto; padding: 0 15px;height: 35px;line-height: 35px;border-radius: 35px;font-size: 14px;margin: 0 10px;}
/* .list-news .cont li{padding: 15px;} */
.list-news .cont li{margin-bottom: 20px;}
.list-news .cont li .time{width: 100px;flex: 0 0 100px; padding: 20px 20px 20px 0;font-size: 26px;line-height: 26px;}
.list-news .cont li .time span{font-size: 14px;padding-top: 10px;}
.list-news .cont li .text{width: 59%;}
.list-news .cont li .text h2{font-size: 15px;line-height: 22px;margin-bottom: 10px;}
.list-news .cont li .pic{width: 200px;margin-left: 20px;}

.list-project .nav a{width: auto; padding: 0 15px;height: 35px;line-height: 35px;border-radius: 35px;font-size: 14px;margin: 0 10px;}

/* 新闻详情 */
.main-news .news-content{width: 100%;}
.main-news .hot-list{display: none;}

/* 关于我们 */
.main-about h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}
.main-about .about-info{height: 300px;}
.main-about .about-info .pic{height: 300px;}
.main-about .about-info .pic img{height: 100%;object-fit: cover;}
.main-about .about-info .text{padding: 15px;}
.main-about .about-info .text h3{font-size: 16px;line-height: 25px;}
.main-about .about-info .text p{font-size: 14px;line-height: 22px;}
.main-about .about-adv ul li{width: 50%;}
.main-about .about-adv ul li.t{border-right: none;}
.main-about .about-adv ul li.lb{border-left: 1px solid #c0d9e3;border-bottom: 1px solid #c0d9e3;}
.main-about .about-adv ul li.b{border-left: none;}
.main-about .about-adv ul li .text p.adv-num{font-size: 34px;height: 36px;}
.main-about .about-adv ul li .text p{font-size: 13px;line-height: 22px;margin-top: 5px;}
.main-about .about-factory .tab{margin-bottom: 30px;}
.main-about .about-factory .tab ul li{padding: 0 15px;height: 35px;line-height: 35px;font-size: 16px;}
.main-about .about-factory .tab ul li::after{top: 35px;}
.main-about .about-factory .tab-item .item .slide .slide-pic li .box p{font-size: 14px;height: 30px;line-height: 30px;padding: 0 10px;}
.main-about .about-culture{margin-bottom: 30px;}
.main-about .about-culture .tab-culture{height: auto;}
.main-about .about-culture .tab-culture .tab{width: 180px;flex: 0 0 180px;}
.main-about .about-culture .tab-culture .tab ul li{height: 40px;font-size: 14px;line-height: 22px;}
.main-about .about-culture .tab-culture .box{padding: 20px;width: calc(100% - 180px)}
.main-about .about-culture .tab-culture .box ul{width: 100%;}
.main-about .about-culture .tab-culture .box li{flex: 0 0 21.25vw;}
.main-about .about-culture .tab-culture .box li .pic{height: 150px;}
.main-about .about-culture .tab-culture .box li .text{padding-top: 10px;}
.main-about .about-adv .slide-pic li{width: 16.82vw;}
.main-about .about-adv .slide-pic li .pic{width: 16.82vw;height: 23.27vw;}
.main-about .about-adv .slide-pic li p{font-size: 14px;line-height: 22px;padding-top: 10px;}
.main-about .about-adv .btn{width: 40px;height: 40px;}
.main-about .about-adv .btn::after{width: 10px;height: 18px;}
.main-inquiry h2{font-size: 16px; line-height: 25px; margin-bottom: 15px;}
.main-inquiry .info li .pic a{width: 120px;height: 120px;padding: 8px;box-sizing: border-box;}
.main-inquiry .info li .pic img{width: 100%;height: 100%;}
.main-inquiry .conbox-box .form{padding: 20px;}
.main-inquiry .conbox-box .form .text{height: 32px; line-height: 32px; font-size: 14px; margin-bottom: 8px; padding: 0 10px; border-width: 1px;}
.main-inquiry .conbox-box .form .text.long{height: 120px;padding: 10px;}
.main-inquiry .conbox-box .form .box{height: 32px;margin-bottom: 8px;}
.main-inquiry .conbox-box .form .box .text{padding-right: 100px;}
.main-inquiry .conbox-box .form .box img{right: 1px;top: 1px;transform: translateY(0);}
.main-inquiry .conbox-box .form .sub{height: 32px;line-height: 32px;font-size: 14px;}
.inq-success h1{font-size: 24px;line-height: 34px;}
/*搜索*/
.search-results .cont{float:none;width:100%;}
.search-results .probox{display:none;}

.footer .copy-right{justify-content: center;}
.footer .copy-right .list-nav{padding-bottom: 0;text-align: center;}
.footer .copy-right .list-nav a{font-size: 14px;}

}
@media only screen and (max-width:850px){
  p.adv-num span{width: 23px}
  p.adv-num span i{width: 23px}
  .index-about .bg-box h2{margin-bottom: 20px;}
  .index-about .bg-box ul li{width: 50%;}
  .index-about .bg-box ul li .text p.adv-num{font-size: 34px;height: 36px;}
  /* 联系我们 */
  .main-contact .info{width: 100%;margin: 0 0 20px;}
  .main-contact .message-form{width: 100%;}
  .main-contact .slide-add .box li{height: 220px;}
  .main-contact .slide-add .box li img{height: 100%;object-fit: cover;}
  .footer .copy-right {padding-top: 20px; flex-direction: column; align-items: center; text-align: center; }
  .related .slide-pic > ul{width: 100%;}
  .related .slide-pic > ul > li{display: flex;flex-direction: column;padding: 10px;height: auto;}
  .related .slide-pic ul li .pic{position: inherit;width: 100%;height: auto;}
  .related .slide-pic ul li .text{padding: 0;}
  .related .slide-pic ul li .text .btn a, 
  .related .slide-pic ul li .text .btn span{width: 70px;}
  .related .slide-pic ul li .text ul{display: none;}
}
@media only screen and (max-width:780px){
  .m-Top{margin-top: 50px;}
  .other-banner{height: 200px;}
  .other-banner img{height: 100%;object-fit: cover;}
  .other-banner h1{font-size: 20px;line-height: 30px;width: 80%;text-align: center;}
  .topbox .top{display: none;}
  .topbox .top .main-width{justify-content: flex-end;}
  .topbox .top .box{display: none;}
  .header .nav-box{top: 50px;}
  .header .nav{height: calc(100% - 50px);}
  .index-product .toptitle{margin-bottom: 30px;}
  .index-main h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;}
  .index-main .slidebox .slidelist{padding: 0 12px;border-radius: 10px 10px 0 0;}
  .index-main .slidebox .slidelist li{width: 8px;height: 8px;border-radius: 4px;}
  .index-main .slidebox .item-btn{width: 30px;height: 30px; opacity: 0;transform: translateX(0);background-color: rgba(0, 0, 0,.5);}
  .index-main .slidebox .item-btn:hover{background-color: #ff8a00;}
  

  .index-product .pro-slide{width: 100%;}
  .index-product .pro-slide .btn{display: none;}
  .index-product .pro-slide .slide-pic > ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .index-product .pro-slide .slide-pic > ul > li{width: 45%;border: none;margin: 0 2% 30px;}
  .index-product ul li .text{display: none;}

  .index-about .bg-box .view{margin-bottom: 30px;}
  .index-about .about-pic .box{padding: 0;}
  .index-about .about-pic .box ul li{width: 46vw;height: 160px;border: 5px solid #fff;margin: 0;box-sizing: border-box;}
  .index-about .about-pic .box .btn{width: 30px;height: 30px;opacity: 1;}
  .index-about .about-pic .box .btn.prev{left: 5px;}
  .index-about .about-pic .box .btn.next{right: 5px;}
  .index-about .about-pic .box .btn::after{width: 8px;height: 14px;}

  .index-project .slide-pc{display: none;}
  .index-project .slide-ph{display: block;width: 80vw;margin: 0 auto;}
  .index-project .slide-pic ul li{width: 39vw;margin-right: 1vw;}
  .index-project .slide-pic ul li .item{max-height: inherit;}
  .index-project .slide-pic ul li .item img{height: auto;}
  .index-project .slide-pic ul li .item{width: 100%;height: auto;margin: 0;}
  .index-project .slide-pic ul li .item .text{position: inherit;opacity: 1;}
  .index-project .slide-pic ul li .item .text span{padding-left: 20px;}
  .index-project .slide-pic ul li .item .text span::after{width: 13px;height: 16px;}
  .index-project .slide-box .btn{opacity: 1;}
  .index-project .slide-box .btn.prev{left: 0;}
  .index-project .slide-box .btn.next{right: 0;}
  .index-contact .box{width: 92vw;padding: 30px 20px;}
  .default-cer .slide-box .btn{width: 30px;height: 30px;opacity: 1;}
  .default-cer .slide-box .btn::after{width: 8px;height: 14px;}
  .default-cer .slide-box .btn.prev{left: 0;}
  .default-cer .slide-box .btn.next{right: 0;}
  .default-cer .slide-pic ul li {width: 44vw;margin-right: 2vw;}
  .footer .main-width{flex-direction: column;}
  .footer .box.nav{width: 100%;padding: 0;margin-bottom: 20px;display: none;}
  .footer .box.nav ul li{width: 50%;padding-right: 20px;float: left;box-sizing: border-box;}
.nav-ph{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.footer .nav-ph h3{padding: 0 15px 0 0;margin-right: 15px; position: relative;}
.footer .nav-ph h3::after{content: "";display: block;width: 1px;height: 15px;background-color: #000;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.footer .nav-ph h3:last-child::after{display: none;}

  .footer .box.info{width: 100%;margin-bottom: 20px;}
  /* 证书列表 */
  .list-cer .slide-cer .btn::after{width: 12px;height: 21px;}
  .list-news .cont li .text{width: 50%;}
  

  /* 产品列表 */
  .list-products .nav-select{display: none;}
  .list-products .choose ul{flex-wrap: wrap;}
  .list-products .choose ul li{width: 100%;margin-bottom: 20px;padding: 30px;}
  .list-products .line-flex{flex-direction: column;justify-content: center;}
  .list-products .line-flex h2{font-size: 26px;line-height: 30px;margin-bottom: 20px;text-align: center;}
  .list-products .line-flex .search{margin: 0 auto;}
  .list-products .list ul li .text ul li{display: block;width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  .subclass ul{flex-wrap: wrap;justify-content: flex-start;}
  .subclass ul li{width: auto;margin: 0 10px 10px 0;padding: 0 10px;height: 35px;line-height: 35px;}
  .subclass ul li:hover::after,
  .subclass ul li.active::after{display: none;}

  /* 产品详情 */
  .main-products .content .slide-box{width: 92vw;margin-bottom: 30px;}
  .main-products .content .slide-box .slide-pic{width: 92vw;height: 92vw;}
  .main-products .content .slide-box .slide-pic li{width: 92vw;height: 92vw;}
  .main-products .content .slide-box .bottom{padding: 0 30px;}
  .main-products .content .slide-box .slide-dot ul{height: 14.92vw;}
  .main-products .content .slide-box .slide-dot li{width: 14.92vw;height: 14.92vw;}
  .main-products .content .slide-box .btn{width: 28px;height: 14.92vw;}
  .main-products .content .info{width: 100%;padding: 0;}
  .main-products .content .info .btn-box{margin: 30px auto;}
  .main-products .content .contbox .itembox{overflow-x: auto;}
  .main-products .content .cate-item ul{height: 80px;}
  .main-products .content .cate-item ul li{margin-bottom: 1px;}
  .main-products .content .contbox .itembox.package ul{flex-wrap: wrap;}
  .main-products .content .contbox .itembox.package ul li{margin-bottom: 10px;}
  .main-products .content .contbox .itembox .list-down{min-width: 600px;}
  .main-products .content .contbox .itembox .list-down li a.icon-down{width: 90px;}
  .related{margin-top: 40px;}
  .list-project .cont li .pic{height: 30vw;}
 

  .main-news .news-content .box{padding: 20px 20px 20px 0;}
  .main-news .news-content .box h2{padding-left: 20px;margin-bottom: 10px;}
  .main-news .news-content .box .line{padding: 0 0 0 20px;flex-direction: column;align-items: flex-start;}
  .main-news .news-content .box .line .share{padding-top: 10px;}
  .main-news .news-content .content{padding: 20px;}
  .main-news .news-content .subpage{padding: 20px 20px 10px;}
  .main-news .news-content .subpage li{margin-bottom: 10px;}
  
  /* 关于我们 */
  .main-about .about-info{flex-direction: column;height: auto;margin-bottom: 30px;}
  .main-about .about-info .pic{width: 100%;height: auto;}
  .main-about .about-info .text{width: 100%;}
  .main-about .about-adv{margin-bottom: 30px;}
  .main-about .about-factory{margin-bottom: 30px;}
  .main-about .about-factory .tab ul{text-align: left;}
  .main-about .about-factory .tab ul li{margin-right: 15px;border: 1px solid #000;margin-bottom: 10px;}
  .main-about .about-factory .tab ul li:hover::after{display: none;}
  .main-about .about-factory .tab ul li.on,
  .main-about .about-factory .tab ul li:hover{border-color: #ff6a00;}
  .main-about .about-factory .tab-item .item .btn{display: none;}
  .main-about .about-factory .tab-item .item .slide{padding: 10px 10px 0;}
  .main-about .about-factory .tab-item .item .slide .slide-pic li .box{width: 48.5%;padding-bottom: 36.4%; margin-bottom: 15px;}
  .main-about .about-culture .tab-culture{flex-direction: column;background-color: transparent;}
  .main-about .about-culture .tab-culture .tab{width: 100%;flex: 1 auto;background-color: transparent;}
  .main-about .about-culture .tab-culture .tab ul{display: flex;flex-wrap: wrap;}
  .main-about .about-culture .tab-culture .tab ul li{width: auto;padding: 0 20px;margin: 0 15px 15px 0;border: 1px solid #000;}
  .main-about .about-culture .tab-culture .tab ul li:hover, 
  .main-about .about-culture .tab-culture .tab ul li.on{border-color: #ff6a00;}
  .main-about .about-culture .tab-culture .box{width: 100%;padding:0;}
  .main-about .about-culture .tab-culture .box ul{width: 100%;flex-wrap: wrap;justify-content: space-between;}
  .main-about .about-culture .tab-culture .box ul li{padding: 10px 10px 20px;box-sizing: border-box;background-color: #fff;}
  .main-about .about-culture .tab-culture .box li .text{padding: 0;}      
  /* .main-about .about-culture .tab-culture .box li{flex: 0 0 49%;margin-bottom: 20px;margin-right: 0;}
  .main-about .about-culture .tab-culture .box li .pic{height: 160px;} */
  .main-about .about-culture .tab-culture .box li{flex: 0 100%;flex-direction: row;margin: 0 0 20px;}
  .main-about .about-culture .tab-culture .box li .pic{height: auto;width: 100%; margin-right: 10px;margin-bottom: 10px;}
  .main-about .about-culture .tab-culture .box li .pic img{height: auto;}
  .main-about .about-adv .slide-pic li{width: 23.5%;margin-right: 1.3%;margin-bottom: 20px;}
  .main-about .about-adv .slide-pic li .pic{width: 100%;height: auto;}
  .main-about .about-adv .btn{display: none;}
  .main-about .about-history .snakLine{height: auto;}
  .main-about .about-history .snakLine:nth-child(even) ul{flex-direction: column;}
  .main-about .about-history .history-box{position: relative;}
  .main-about .about-history .history-box::before{content: "";display: block; width: 10px;height: 100%;position: absolute; left: 50%;top: 0;transform: translate(-50%,0);background: linear-gradient(to bottom, #ffc000 20%, #ff6a00 50%);}
  .main-about .about-history ul{flex-direction: column;padding: 50px 0 0;}
  .main-about .about-history ul:nth-child(even){flex-direction: column;}
  .main-about .about-history .begin-circle{top: 0;left: 50%;transform: translate(-50%,0);}
  .main-about .about-history .snakLine::before{display: none;}
  /* .main-about .about-history .snakLine::before{width: 10px;height: 100%;left: 50%;top: 0;transform: translate(-50%,0);background: linear-gradient(to bottom, #ffc000 20%, #ff6a00 50%);} */
  .main-about .about-history .snakLine:first-child:before{width: 10px;left: 50%;}
  .main-about .about-history .snakLine:nth-child(odd)::after{display: none;}
  .main-about .about-history .snakLine:nth-child(even)::after{display: none;}
  .main-about .about-history ul li{width: 50%;max-width: 50%;margin: 0 0 30px;box-sizing: border-box;position: relative;margin-top: -50px;}
  .main-about .about-history .snakLine:first-child ul li:first-child{margin-top: 0;}
  .main-about .about-history ul li:nth-child(odd){padding-right: 30px;text-align: right;}
  .main-about .about-history ul li:nth-child(even){padding-left: 30px;margin-left: 50%;}
  .main-about .about-history ul li::before{content: "";display: block; width: 16px;height: 16px;position: absolute;top: 0;border-radius: 50%;background-color: #ff6a00;}
  .main-about .about-history ul li:nth-child(odd):before{right: -8px;}
  .main-about .about-history ul li:nth-child(even):before{left: -8px;}
  .main-about .about-history .end-circle{width: 30px; height: 35px; left: 50%; bottom: -30px;top: inherit;transform: translate(-50%, 0) rotate(90deg);}
  .main-about .about-factory .tab-item .item .slide .slide-pic li{width: 100%; display: flex;justify-content: space-between;}
  .main-about .about-factory .tab-item .item .slide-dot{display: none;}
  .main-about .about-factory .tab ul li.on::after{display: none;}

  /* 证书 */
  .list-cer h2{font-size: 24px; line-height: 30px; margin-bottom: 20px;}
  .list-cer .slide-cer .btn{display: none;}
  .list-cer .slide-cer .slide-pic ul{width: 100%;}
  .list-cer .slide-cer .slide-pic li{width: 31.333%;margin: 0 2% 20px 0;}
  .list-cer .slide-cer .slide-pic li .pic{width: 100%;height: 43.5vw;}

  .footer .copy-right .share{padding-top: 20px;}
  body{padding-bottom: 60px;box-sizing: border-box;}
  .phone-footer{display: block;}
  .flow-btn{bottom: 80px;}
  .main-inquiry .info .list .title span:first-child{width: 120px;}
  .main-inquiry .info .list .title span:nth-child(2){width: calc(100% - 210px);}
  .main-inquiry .info .list .title span:nth-child(3){width: 90px;}
  .main-inquiry .info li{padding-right: 90px;}
  .main-inquiry .info li .pic{width: 120px;}
  .main-inquiry .info li .name p{font-size: 14px;line-height: 22px;}
  .main-inquiry .info li .cut{right: 30px;}
  .main-inquiry .info li .cut:before{width: 14px;margin: -1px 0 0 -7px;}
  .main-inquiry .info li .cut:after{width: 14px;margin: -1px 0 0 -7px;}
  .flow-pro.on{bottom: 65px;}
  .list-project .cont li .text h2{font-size: 14px;line-height: 22px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: inherit;}
  
}
@media only screen and (max-width:700px){
  

  .index-news .box .box-item{flex-direction: column;}
  .index-news ul{width: 100%;margin: 0 auto 20px;}
  .index-news ul.big{width: 100%;margin: 0 auto 20px;}
  .index-news ul.big li .pic{height: auto;}
  .index-news ul li{padding-left: 150px;}
  .index-news ul li .text{padding: 10px 10px 10px 0;}
  .index-news ul li .pic{width: 140px;}
  .page{padding-top: 40px;}
  /* 视频列表*/
  .list-video{padding-bottom: 80px;}
  .list-video .bread{margin-bottom: 10px;}
  .list-video .filter-video .fil{padding: 0;display: flex;flex-direction: column;}
  .list-video .filter-video .fil span{position: inherit;}
  .list-video .count li i{width: 40px;height: 40px;}

  .list-project .cont li i{width: 40px;height: 40px;}

  /* 证书列表 */
  .list-cer h2{font-size: 22px;line-height: 30px;margin: 25px 0 15px;}
  .list-cer .detab-btn ul li:hover::after{display: none;}
  .list-cer .detab-btn ul li{padding: 0 15px;width: auto;margin: 0 10px 10px 0;}
  .list-cer .detab-btn ul.three li{width: auto;}
  .list-cer .detab-btn ul li:hover::after, .list-cer .detab-btn ul li.on::after{display: none;}
  
  .list-cer .slide-cer .slide-pic li{width: 48%;margin-right: 2%;box-sizing: border-box;}
  .list-cer .slide-cer .slide-pic li .pic{width: 100%;height: 230px;padding: 5px;}
  .list-cer .slide-cer .btn{display: none;}

  /* 产品列表 */
  .list-products .nav-select .item{width: 100%;}
  .list-products .nav-list .box{width: 100%;margin: 0 auto 20px;}
  .list-products .list ul li .text .btn a, 
  .list-products .list ul li .text .btn span{margin-right: 8px;}

  /* 新闻列表 */
  .list-news .nav a{margin: 0 10px 10px 0;font-size: 12px;padding: 0 8px;}
  .list-news .nav a:last-child{margin-right: 0;}
  .list-news .cont li{padding-bottom: 30px;margin-bottom: 20px;}
  .list-news .cont li a{flex-direction: column-reverse;}
  .list-news .cont li .pic{width: 100%;height: auto;margin: 0 auto 20px;}
  .list-news .cont li .text{padding: 0;width: 100%;}
  .list-news .cont li .time{width: 100%;display: none;}

  .list-project .nav a{margin: 0 10px 10px 0;font-size: 14px;padding: 0 8px;}
  .list-project .nav a:last-child{margin-right: 0;}
  .main-contact .map{width: 100%;height: 300px;}
  .main-contact .map img{height: 100%;object-fit: cover;}
  .flow-btn{display: none !important;}
  
}

@media only screen and (max-width:640px){
  .other-banner{height: 110px;}
  .default-cer .slide-pic ul li p{height: 44px;}
  .index-about .bg-box ul li .text p.adv-num{font-size: 24px;}
  p.adv-num span{width: 15px;}
  p.adv-num span i{width: 15px;}
  .index-project .slide-ph{width: 92vw;}
  .index-project .slide-pic{width: 100% !important;margin-bottom: 20px;}
  .index-project .slide-pic ul li{width: 92vw;margin: 0;}
  .footer{margin-top: -20px;}
  .list-products .list > ul{width: 100%;}
  .list-products .list > ul > li{width: 100%;margin: 0 0 20px;}
  .list-products .list ul li .text
  .main-products .content .contbox .itembox.structure ul{flex-wrap: wrap;justify-content: center;}
  .main-products .content .contbox .itembox.structure ul.three li{width: auto;}
  .main-products .content .contbox .itembox.structure ul.two li{width: auto;}
  .main-products .content .contbox .itembox.app ul li{width: auto;}
  .main-about .about-adv .slide-pic li{width: 31.33%;margin-right: 2%;}
  .main-about .about-adv ul li .text p.adv-num{font-size: 24px;}
  .flow-inq .item{padding: 15px;}
  .flow-inq .item .info .pic{width: 90px;height: 90px;flex: 0 0 90px;}
  .flow-inq .item .info .text h2{margin-bottom: 10px;line-height: 22px;}
  .flow-inq .item .inq-box .txt{width: 100%;}
  .related .slide-pic > ul > li{width: 100%;margin: 0 auto 20px;}
  .main-about .about-history .snakLine:first-child ul{padding-top: 50px;}
  .main-about .about-history .begin-circle{left: 0;transform: translate(0);}
  .main-about .about-history .history-box::before{left: 7px;transform: translate(0);}
  .main-about .about-history ul{padding: 0 0 0 12px;}
  .main-about .about-history ul li{padding: 0 0 0 30px !important;margin: 0 0 25px;width: 100%;max-width: 100%;}
  .main-about .about-history ul li:nth-child(odd){text-align: left;}
  .main-about .about-history ul li:nth-child(even){margin-left: 0;}
  .main-about .about-history ul li:nth-child(odd):before{left: -8px;right: inherit;}
  .main-about .about-history ul li .text{height: auto;padding: 15px;}
  .main-about .about-history .end-circle{left: -3px;transform: translate( 0) rotate(90deg);}
  .main-contact .slide-add .box li{height: 200px;}
  .main-contact .slide-add .box li img{height: 100%;object-fit: cover;}
  .main-contact .slide-add .tab{flex-wrap: wrap;}
  .main-contact .slide-add .tab li{font-size: 13px;}

/*搜索*/
.search-results{padding:20px 0 30px;}
.search-results h1{line-height:25px;font-size:18px;padding-bottom:15px;margin-bottom:20px;}
.search-results .seabox input[type="text"]{width:70%;}
.search-results .seabox input[type="submit"]{width:30%;}
.search-results .cont li{margin-bottom:15px;}
.search-results .cont li h3{margin-bottom:0;}
}