﻿@media screen and (max-width:1366px){.content{padding:40px 0}
.now-txt p:nth-child(1){font-size:24px}
.now-txt p:nth-child(2){font-size:12px}
.now-us{width:240px;height:50px;font-size:20px}
.case .case-list ul li .show{width:80%}
.contact .contact-list li .title{font-size:20px;margin:4% 0}
.contact .contact-list li .des{font-size:16px}
.product .right-wrap .pro-list.list1{justify-content:space-between}
.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}}
@media screen and (max-width:1024px){.technology-content .show p:nth-child(1){font-size:18px}
.technology-content .show p:nth-child(2){text-align:center;font-size:14px;margin-top:5%;line-height:1.5;width:74%}
.sidebar{display:none}
.case .case-list ul{justify-content:space-between}
.case .case-list ul li{width:48%;margin-right:0px;margin-bottom:4%}
.news .wrap-r .news-list li .info .title{font-size:18px}
.news .wrap-r .news-list li .info .text{font-size:14px}
.case .case-det .top .right{width:50%}
.case .case-det .top .right .title{font-size:34px;margin:3% 0}
.case .case-det .top .right ul li span{font-size:16px}
.solution .solution1-list li{padding:4%}
.contact .contact-list{flex-wrap:wrap}
.contact .contact-list li{width:48%;margin-bottom:4%}
.application2 .left{width:42%}
.application2 .right{margin-left:8%}
.application2 .right .title{font-size:28px}
.application2 .right .right-list .list li .tit{font-size:20px}
.application2 .right .right-list .list .show .theme{font-size:20px}
.president-content{flex-wrap:wrap}
.president-content .left{width:100%;margin-bottom:6%}
.president-content .right{width:100%}
.common-main .page-main{width:100%}}
@media screen and (max-width:900px){.overview-content{flex-direction:column;padding:0px}
.overview-left{width:100%;box-sizing:border-box;margin-bottom:0px;margin-right:0px}
.content{display:none}
.overview-left div{width:100%}
.overview-left img{width:100%}
.overview-right{width:100%}
.technology-content ul{flex-wrap:wrap}
.technology-content .show p{width:100%}
.technology-content .show p:nth-child(1){font-size:18px;text-align:center}
.technology-content .show p:nth-child(2){font-size:14px}
.technology-nr p{font-size:18px}
.technology-content ul li{width:24%}
.technology-nr .technology-top .technology-mod em {font-size:66px;top:-50%}
.technology-nr .technology-top>em {top:-1px;left:3px;font-size:30px}
.grade-content ul{width:100%;flex-wrap:wrap;justify-content:center;align-items:center}
.grade-content ul li{width:50%}
.industrial-title{font-size:40px}
.clients-content ul li{width:33%}
.advantage-list{justify-content:space-between}
.advantage-list li{width:48%;margin-right:0px}
.support .support-maintenance .item .img{margin-right:20px}
.support .support-maintenance .item.top .img {margin-left:20px;margin-right:0px}}
@media screen and (max-width:768px){.every-title .des{width:82%}
.icon-videoplay {width:30px;height:30px}
.common-main{padding:15px 0 30px}
.technology-content ul li{width:48%;margin-bottom:1.5em}
.technology-nr .technology-top .technology-mod em {font-size:50px;left:50%;top:0%}
.technology-nr .technology-top>em {top:0px;left:0px;font-size:50px}
.technology-content .show p:nth-child(1){font-size:24px}
.technology-content .show p:nth-child(2){font-size:20px;width:80%}
.information-txt-box{padding-top:50px;padding-bottom:130px}
.industrial-title{font-size:36px}
.clients-content h4{font-size:36px}
.now-context{flex-direction:column;align-items:flex-start;padding:20px}
.now-us{margin-top:30px;width:180px;height:40px;font-size:16px}
.now-txt p:nth-child(1){font-size:18px}
.news .wrap-r .particulars{padding:0;box-shadow:none}
.news .wrap-r .particulars .title{font-size:22px;line-height:1.2}
.news .wrap-r .news-list li{width:48%;margin-right:0px}
.news .wrap-r .news-list{justify-content:space-between}
.news .wrap-r .particulars .de-img{flex-wrap:wrap}
.news .wrap-r .particulars .de-img div{width:100%;margin:10px 0px}
.news .wrap-r .particulars .de-img div img{width:98%}
.news .wrap-r .news-list.list0 li .img{width:100%}
.news .wrap-r .news-list.list0 li .img img{width:100%}
.news .wrap-r .news-list.list0 li>a{width:40%}
.news .wrap-r .news-list li .info{flex:1}
.news .wrap-r .news-list li .info .text{display:none}
.news .wrap-r .news-list li .info .time{font-size:14px}
.news-d-main .wrap-r{width:100%}
.news .wrap-r .news-list.list0 li .info .more-btn{display:none}
.send .top{width:100%;margin-top:3%}
.send .item input{padding:2.5% 20px}
.product .right-wrap .pro-list li .pro-img .icon{opacity:1}
.product .right-wrap .pro-list.list1{justify-content:space-between}
.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}
.product .right-wrap .pro-list.list1 li:nth-child(3n){margin-right:0px}
.product .right-wrap .detail .text{margin-left:0px}
.product .page-container .product-catelist .product-cateitem{width:100%;margin-right:0px}
.product .right-wrap .pro-list.list0 li .pro-img{width:45%}
.product .like .pro-list li .pro-info .text{display:none}
.product .right-wrap .like .pro-list .pro-img{width:40%}
.product .right-wrap .like ul li{width:100%}
.product .right-wrap .like ul li .btn{margin-top:6px}
.pro-d-main .crumbs{display:block;}
.product .right-wrap .commodity .info .btn .addToCart{padding:6px 10px;margin-right:0px}
.product .right-wrap .commodity .info .btn>div{width:48%}
.product .right-wrap .commodity .info .btn .probtn{margin-right:0px}
.pro-list.list1 li .pro-info{text-align:left}
.pro-list li .pro-info .btn{padding:4px 0px}
.product .right-wrap .pro-list li:hover .pro-info .btn{padding:4px 6px}
.detail-page{flex-wrap:wrap}
.detail-page>div{width:100%;margin:10px 0px}
.product .right-wrap .commodity .info .btn{justify-content:space-between}
.right-wrap{width:100%;flex:inherit}
.product .right-wrap .commodity .info{width:100%;flex:inherit;margin-left:0px}
.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{padding:0;margin:0px;border:1px solid #dcdcdc;overflow:hidden}
.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
.product .page-container .product-catelist .product-cateitem .cate-info .cate-title{font-size:18px}
.preview-container .thumbnail-box .item .imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0px 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}
.preview-container .banner-page{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:#11b97f;color:#FFF;display:flex;align-items:center;justify-content:center;z-index:9}
.preview-container #media{border:none;height:100%!important}
.case .case-det .top{flex-wrap:wrap}
.case .case-det .top .left{width:100%}
.case .case-det .top .right{width:100%;margin-left:0px;margin-bottom:5%}
.solution-b .solution-b-list{justify-content:space-between}
.solution-b .solution-b-list li{width:48%;padding:4%;margin-right:0px;margin-bottom:3%}
.solution-b .every-title .title{font-size:24px}
.solution .solution1-list li{width:100%}
.solution .solution2-list li{width:100%}
.contact .inquiry input{width:100%}
.advantage-list{justify-content:space-between}
.advantage-list li{width:48%;box-sizing:border-box;padding:1.4% 2%;background-color:#f4f5fd;border-radius:var(--border);display:flex;margin-right:0px;margin-bottom:2%}
.application2{flex-wrap:wrap}
.application2 .left{width:100%}
.application2 .right{margin-left:0px;margin-top:20px}
.president-content .right .tit{font-size:26px}
.rd .rd-content{flex-wrap:wrap}
.rd .rd-content .left{width:100%}
.rd .rd-content .right{width:100%;margin-top:20px}
.rd .rd-content .left .every-title .theme{font-size:14px}
.rd .rd-content .left .every-title .title{font-size:20px}
.team .team-member .team-list .item{width:100%;overflow:hidden;margin-bottom:2em}
.team .team-member .team-list .item .member-img img{width:100%}
.team .team-member .team-list{justify-content:center}
.team .teamtitle{text-align:center;font-size:24px}
.team .teamdes{margin-top:10px}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide::before{left:103%}
.support .support-maintenance .item{flex-wrap:wrap}
.support .support-maintenance .item .info{width:100%}
.support .support-maintenance .item.top{flex-direction:column-reverse}
.support .support-maintenance .item .img{width:100%;margin-right:0px;margin-bottom:20px}
.support .support-maintenance .item.top .img{margin-left:0px}
.support .support-maintenance .item .img img{width:100%;margin:0}
.inquiry-pc #feedbackForm input{width:100%;margin-right:0px;font-size:16px}
.inquiry-pc #feedbackForm .send-btn{width:180px;height:48px;margin-top:10px}
.download-list li{width:100%}
.download-list li .download-info{padding:0px 10px}
.download-list li .download-btn{width:100px}
.advantage-list li{width:49%;margin-right:0px}
.advantage-list{justify-content:space-between}}
@media screen and (max-width:500px){
.news .wrap-r .news-list li{margin-bottom:6%;width:100%}
.news .wrap-r .news-list.list0 li .info{padding:0px 10px}
.news{margin-bottom:20px}
.product .right-wrap>.title{font-size:20px;margin-bottom:10px}
.detail-page .link-intro{width:50px;text-align:center}
.detail-page span{font-size:14px;padding:0px 15px}
.product .right-wrap .commodity .info .title{font-size:20px;font-weight:var(--fontweight4);color:var(--fontcolor);margin:12px 0px}
.product .right-wrap .pro-list.list0 li .pro-info{flex:1;padding-left:10px}
.product .right-wrap .pro-list.list0 li .pro-info .btn{display:none}
.product .page-container .product-catelist .product-cateitem .cate-info .cate-text{display:none}
.product .page-container .product-catelist .product-cateitem .cate-img{width:45%}
.pro-list li .pro-info .title{font-size:16px}
.every-title .des{width:100%;font-size:14px;margin-top:4%}
.overview-right{padding:0px}
.overview-right p{margin-right:0px}
.overview-right p:nth-child(1){color:#11b97f;margin-top:20px;font-size:14px}
.overview-right h4{font-size:18px;margin-bottom:10px}
.technology-content{margin:20px auto;padding:0px}
.technology-nr p{font-size:14px}
.technology-nr img{width:55px;height:64px}
.technology-content .show p:nth-child(1){font-size:16px}
.technology-content .show p:nth-child(2){font-size:12px;line-height:1.4;width:90%}
.industrial-title{font-size:24px;margin-top:10px;line-height:1.6}
.information-txt-box{padding-top:30px;padding-bottom:50px}
.information-btn{margin-top:20px;font-size:14px}
.grade-content ul{transform:translateY(-30px)}
.grade-content ul li p:nth-child(1){font-size:24px}
.grade-content ul li p:nth-child(2){font-size:14px}
.clients-content h4{margin:2% 0;font-size:24px;color:var(--fontcolor)}
.clients-content p:nth-child(1){font-size:14px}
.case .case-list ul li .show{width:100%;height:100%;bottom:0px;left:0px;display:flex;flex-direction:column;justify-content:center}
.case .case-list ul li .show .title{font-size:14px;margin:8px 0px}
.case .case-list ul li .show .des{display:none}
.case .case-list ul li .show .box{width:24px;height:24px}
.case .case-list ul li .show a em{font-size:16px}
.case .menu ul li a{padding:6px 8px;min-width:100px}
.case .case-det .top .right .title{font-size:24px;margin:5% 0}
.case .case-det .top .right ul li span{font-size:14px}
.case .case-det .bottom .title{font-size:20px}
.case .case-det .bottom p{line-height:26px;font-size:14px}
.case .case-det .bottom .item-ti{margin-top:4%;font-size:17px}
.case .case-det .bottom .mar{margin:4% 0}
.solution-b .solution-b-list li{width:100%;padding:4%;margin-bottom:6%}
.solution .solution1-list li .item-box .text .des{font-size:14px;color:var(--summarycolor);line-height:24px}
.solution .solution1-list li .item-box .text .title{font-size:20px}
.solution .solution1-list li{margin-bottom:6%}
.solution .solution2-list li .item-box .top .title{font-size:20px}
.solution .solution2-list li .item-box .bottom .des{font-size:14px;line-height:24px}
.solution .solution2-list li{margin-bottom:6%}
.contact .inquiry{background-color:#eff2f7;border-radius:10px;box-sizing:border-box;padding:6% 4%;margin-top:4%}
.contact .inquiry .send-btn{width:180px;height:48px;border-radius:var(--border);background-color:#11b97f;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:var(--fontweight5);margin-top:4%}
.contact .contact-list li .ic{font-size:24px;color:#11b97f}
.contact .contact-list li{width:100%}
.contact .contact-list li .title{font-size:18px;margin:2% 0}
.contact .contact-list li .des{font-size:14px}
.advantage-list li{width:100%;padding:12px 15px;margin-bottom:4%}
.advantage-list li .right .tit{font-size:18px}
.advantage-list li .right .des{font-size:14px}
.application2 .right .title{font-size:20px;margin-bottom:10px}
.application2 .right .des{font-size:14px;line-height:24px}
.application2 .right .right-list .list li .tit{font-size:18px}
.application2 .right .right-list .list .show .theme{font-size:18px}
.application2 .right .right-list .list .show .text{color:var(--summarycolor);margin:4% 0;font-size:14px}
.application2 .right .right-list .list li{padding:6% 0}
.president-content .left .play{width:70px;height:70px}
.president-content .left .play .img-box img{width:30px}
.president-content .right .tit{font-size:20px}
.president-content .right .des{font-size:14px;line-height:22px;margin:4% 0}
.president-content .right .list{flex-wrap:wrap}
.president-content .right .list div{width:100%;margin-bottom:20px}
.president-content .right .list div .theme{font-size:18px;margin-bottom:0px}
.rd .rd-content .left .info{font-size:14px;color:var(--summarycolor);margin:20px 0px}
.our-history .history-content .date{font-size:14px}
.our-history .history-content .tit{font-size:18px}
.our-history .history-content .des{font-size:16px;color:var(--summarycolor);white-space:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide{width:47%}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide:nth-child(2n) p{text-align:left;transform:translateX(112%)}
.our-history .every-title .title{font-size:20px}}
