@charset "utf-8";
@media (min-width: 767px){.head-active{background-color:rgba(0,0,0,0.7);}
.new-img{width:260px;float:left;margin-right:15px}
.mb-md-30{margin-bottom:30px}
.about-cont .left{float:left;width:52%}
.about-cont .right{float:right;width:44%}
.ys-cont{margin-top:70px}
.ys-cont>div{float:left}
.ys-cont .ys-list1,.ys-cont .ys-list2{width:33%}
.news-ul li:first-child{padding-top:0}
.pro-nav dt{width:11%;float:left}
.pro-nav dd{width:89%}}@media (max-width: 767px){.container{padding-right:10px;padding-left:10px}
.s-d-none{display:none}
.pa-common:nth-child(2n){padding-left:5px}
.pa-common:nth-child(2n-1){padding-right:5px}
.s-fs-16{font-size:16px}
.s-fs-14{font-size:14px}
.s-fs-12{font-size:12px;}
.s-fs-10{font-size:10px}
.s-mb-20{margin-bottom:20px}
.s-mb-10{margin-bottom:10px}
.s-mb-0{margin-bottom:0 !important}
.s-mt-20{margin-top:20px}
.s-pr-5{padding-right:5px}
.s-pl-5{padding-left:5px}
.title h2{font-size:24px}
.title span{font-size:16px;width:180px}
.title p{font-size:12px;letter-spacing:2px;line-height:22px}
.title-1{margin:30px 0 20px}
.title-1 h2{font-size:20px;margin-bottom:10px}
.title-1 p{font-size:12px;line-height:26px}
.title-1 h4 a{font-size:12px;padding:0 15px;line-height:32px}
.index-header{position:absolute;padding:10px}
.index-banner video,
.index-banner .bg{display:none}
.b-tit{transform:translateY(-36%)}
.b-tit h1{font-size:22px;letter-spacing:3px}
.b-tit h1 span{margin-top:15px}
.b-tit p{margin-top:60px;font-size:13px}
.b-tit .b-link a{font-size:14px}
.b-tit .b-link a i{font-size:18px;vertical-align:-1px}
.b-tit .b-down{margin-top:70px}
.hot-products{padding:30px 0 14px}
.pro-tab{line-height:38px}
.pro-tab li{font-size:12px;width:33.3%}
.pro-tab li:nth-child(4),.pro-tab li:nth-child(5){display:none}
.pro-tab li:nth-child(3){border-right:none}
.index-about,.index-ys,.index-case,.index-news{padding:30px 0}
.about-cont{padding:10px;border-radius:5px}
.about-cont .right h3{font-size:18px}
.about-cont .right p{margin-bottom:15px}
.more-buttton{font-size:12px;width:100px}
.index-ys .title{margin-bottom:15px}
.index-ys ul{margin-top:0}
.index-ys ul li{width:50%;padding:0 10px;margin-top:20px}
.index-ys ul li img{width:40px}
.index-ys ul li h4{font-size:16px}
.index-ys ul li p{font-size:12px}
.index-case .title{margin-bottom:10px}
.p-com .col-6:nth-child(1),.p-com .col-6:nth-child(2){display:none}
.projects{margin-top:10px}
.projects .p-txt{padding-top:4px;top: 75%;}
.projects .p-txt p{font-size:12px;margin-bottom: .5rem!important;}
.projects .p-txt span{font-size:12px;margin-bottom: 0;}
.projects .p-txt i{font-size:25px}
.projects:hover .p-txt{padding-top:22px}
.solution{padding:30px 0 20px}
.solution .title{margin-bottom:30px}
.so-li{margin-bottom:10px}
.so-li span{font-size:12px}
.so-li h3{font-size:14px;font-weight:bold}
.so-li p{font-size:12px}
.news-content .news-tabs{margin-bottom:15px}
.news-content .news-tabs li{font-size:12px;padding:0;width:100%;text-align:center}
.pages-news{margin-bottom:15px}
.n-p{font-size:16px;padding-top:20px;border-bottom:1px solid #e3e3e3;padding-bottom:15px}
.news-ul li{padding:15px 0}
.news-ul li.on .news-list-text,.news-ul li.on .date{display:none}
.news-ul li.on .date-mobile{display:block}
.news-ul li.on h3{margin-bottom:0;color:#111}
.news-cont{width: 100%;padding-top:20px}
.news-cont h3{font-size:14px;line-height:24px}
.news-cont .news-list-text{display:none}
.date-mobile{font-size:13px;letter-spacing:1px;text-align:left;line-height:16px;position:absolute;}
.footer{padding-top:20px;padding-bottom:56px}
.foot-left{margin-right:20px}
.foot-left+img{width:100px;height:100px}
.foot-nav{text-align:center}
.foot-nav li p{margin-bottom:7px}
.foot{display:none}
.foot-right{text-align:center}
.pages-header{padding:5px 0}
.page-num,.page-link{font-size:12px}
.wap-pro .col-6:nth-child(2n-1){padding-right:5px}
.wap-pro .col-6:nth-child(2n){padding-left:5px}
.products{padding-bottom:20px}
.pages-common{padding-bottom:20px}
.a-tit{font-size:16px}
.a-tit::before{height:21px}
.a-tit span{font-size:12px;padding-top:3px}
.a-tit span i{width:14px;height:14px;font-size:12px}
.pro-list{margin-bottom:10px}
.pro-list p{font-size:12px;line-height:30px}
.recommend-case{margin-bottom:20px}
.recommend-case a p{font-weight:bold;font-size:14px}
.recommend-case ul{line-height:22px}
.pro-nav{margin-bottom:0}
.pro-nav dl{display:flex;padding:15px 0}
.pro-nav dl dt{font-size:14px;align-self:center}
.pro-nav dl dd{padding-left:15px}
.pro-nav dl dd a{font-size:12px;padding:0 7px 0 0}
.item-img{margin-bottom:15px}
.item-img p{font-size:12px}
.pro-tit{padding:10px 12px;font-size:16px}
.pro-right ul{overflow:hidden}
.pro-right ul li{width:48%;float:left}
.pro-right ul li:nth-child(2n){margin-left: 4%;}
.pro-right .pro-zsyl li{width:100%;float:none;margin-left:0 !important}
.pro-right .pro-zsyl li h3{font-size:13px}
.case{padding-bottom:20px}
.case-content{padding:25px 10px;}
.case-content>h5{font-size:16px;}
.case-content .col-6:nth-child(2n-1){padding-right:5px}
.case-content .col-6:nth-child(2n){padding-left:5px}
.pro-parameter .text-secondary p{padding:10px 0}
.pro-parameter h1{font-size:16px}
.pro-parameter h1 span{font-size:12px;padding-left:20px}
.t-dowm{top:-4px}
.t-dowm span{font-size:19px}
.pro-btn{font-size:14px;width:100%;height:40px;line-height:40px;margin-top:10px;margin-bottom:10px}
.view .arrow-left{width:8px}
.view .arrow-right{width:8px}
.pro-contact span{font-size:16px}
.pro-contact span:last-child{display:none}
.pro-h5 i{font-size:24px}
.pro-adv .adv-icon{height:auto;text-align:center}
.pro-adv .adv-icon em{display:block;margin:auto}
.pro-adv .adv-icon p{font-size:13px;margin-top:10px}
.pro-adv li>p{display:none}
.pages-content{padding-bottom:10px}
.content{font-size:13px;line-height:1.8}
.re-news h5{font-size:16px;font-weight:bold}
.re-news p{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sonsort{margin-bottom:20px}
.title-2{margin-top:0;margin-bottom:20px;font-size:18px}
.case-btn{font-size:13px;line-height:35px;padding:0 25px;margin-bottom:10px}
.pages-news h2{font-size:16px;margin:10px 0}
.common-rec{height:auto}
.common-rec img{float:none;width:100%}
.common-rec .txt h3{text-align:center;margin-top:10px}
.about-btn{padding:20px 15px;font-size:12px;text-align:center}
.about-btn a{padding:7px 20px;background-color:#0077d8;color:#fff}
.pages-about{padding:15px 0 30px;font-size:14px}
.pages-about .tit{margin-top:15px}
.pages-about .title-2{margin-bottom:10px}
.tit h2{font-size:22px}
.tit span{font-size:14px}
.about-ys{padding:50px 0 40px}
.about-ys ul li{width:49%;margin-bottom:10px;margin-right:0;font-size:14px;height:100px}
.about-ys ul li:nth-child(2n){margin-left:2%}
.about-ys ul li em{margin-top:15px}
.about-ys ul li:last-child{display:none}
.qyfc{padding:30px 0 40px}
.qyfc ul li{width:49%;margin-right: 0;margin-top:7px}
.qyfc ul li:nth-child(2n){margin-left: 2%;}
.qyfc ul li p{font-size:14px;line-height:28px}
.wh{margin-top:15px;padding-top:15px;margin-bottom:40px;text-align:left !important}
.wh .col-md-3{margin-top:20px}
.wh h3{font-size:16px;font-weight:bold;margin-bottom:10px}
.wh p{font-size:14px}
.tit-1{margin-top:0}
.tit-1 h2{font-size:16px;font-weight:bold}
.wh-1 p{margin-bottom:10px}
.plant-pic{margin-top:20px;margin-bottom:0}
.contact-cont{padding:25px 15px;margin-bottom:15px;height: calc(100% - 15px);}
.contact-cont h3{font-size:18px;font-weight:bold;margin-bottom:10px}
.contact-cont p{font-size:14px}
.contact-h3{font-size:18px;margin-bottom:15px}
.contact-last{padding:25px 15px 15px}
.case-li{padding-bottom:10px;margin-bottom:10px;border-radius:3px}
.case-li h3{font-size:12px}
.page-banner{height:260px}
.p-tit h2{font-size:25px}
.card-title{font-size:14px}
.card-text{font-size:12px}
.weixin{background:rgba(0,0,0,0.5)}
.weixin .weixin-box{padding:40px 50px;border-radius:7px;width:296px}
.weixin .weixin-box p{background:url(../images//wwxx1.png) 0 15px no-repeat;background-size:33px;padding-left:45px;font-size:16px;color:#525252}
.weixin .weixin-box p span{background:#e8e8e8;padding:3px 8px;border-radius:3px}
.weixin .weixin-box h3{margin-top:10px;font-size:14px}
.weixin .weixin-box h4{font-size:16px;margin-bottom:15px}
.weixin .weixin-container{flex-direction:column}
#contact-m{box-shadow:0 -1px rgba(255,255,255,0.5);display:table}
#contact-m .dropup{border-right:1px solid rgba(0,0,0,0.1)}
#contact-m button{background:none;outline:none}
#contact-m>a{width:110px;display:table-cell;vertical-align:middle;line-height:40px;text-align:center;color:#fff;border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(255,255,255,0.1);font-size:12px}
#contact-m>a:last-child{border-right:0}
#contact-m div{vertical-align:middle;line-height:40px;width:110px;font-size:12px}
#contact-m div>a{color:#fff}
#contact-m div>a span{padding-right:3px}
#contact-m div ul{min-width:110px}
#contact-m div ul li{text-align:center;line-height:30px}
#contact-m div ul li a{padding:5px 10px;text-align:center;border-bottom:1px solid #eee;font-size:12px}
#contact-m div ul li:last-child a{border-bottom:0}}