@charset "utf-8";


/*==响应↓==*/
@media all and (max-width:1920px){

}


@media all and (max-width:1600px){
.container{width:1440px;}
/*--*/
.header .nav li{margin-left:30px;}
/*--*/
#certify{width:1440px;}	
#certify .swiper-slide {width:610px;}

}


@media all and (max-width:1440px){
.container{width:1200px;}	
.pgx .rack .container{width:1200px;}
/*--*/
.header .logo img{height:45px;}
.header .nav{margin-right:10px;}
.header .nav li{margin-left:20px;}
.header .tel font{display: none}
/*--*/
.ProductHome .long{padding:0px 100px;}
/*--*/
#certify{width:1200px;}	
#certify .swiper-slide {width:560px;}

}


@media all and (max-width:1200px){
.container{width:1000px;}
.pgx .rack .container{width:1000px;}
/*--*/
.logo img{width:160px;}
.header .nav{margin: 35px 20px 0 0;}
.header .nav li{margin-left: 25px;}
.header .search{margin: 35px 10px 0 10px;}
.header .tel{ display:none; margin: 35px 0px 0 10px;} 
/*--*/
.banner-within .box .title{font-size:30px}
/*--*/
.ProductHome .list .wx{-webkit-line-clamp: 4;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*--*/
#certify{width:1000px;}
#certify .swiper-slide{width:520px;}
/*--*/
.srllPic{padding:0 100px}
.srllPic .btn{left:0px;}
.srllPic .btn.next{left:auto; right:0px;}
/*--*/
.NewsInner .list li{padding:30px 20px 30px 270px;}
.NewsInner .list li .pic{width:250px;}
/*--*/
.AboutInner .job .pic{width:100%}
.AboutInner .job .right{width:100%; margin-top:30px;}
/*--*/
.joinBox .lefter{padding:50px 20px 100px 20px}
.joinBox .lefter .online{padding: 10px 70px 10px 30px;}
/*--*/
.footer .left .logo{display: none;}
.footer .nav li{margin-right:20px;}
.footer .left .wx{margin-left:0px;}

}


@media all and (max-width:1000px){	
.container{width:100%;padding-left:10px; padding-right:10px;}
.pgx .rack .container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/
.header{height:85px;padding:15px 0;}
.header .logo{padding-top:0px;}
.header .logo img{height:55px;width:auto}
.header .nav{display:none}
.header .search,.header .tel{display: none;}
/*--*/
.header .pcl{display:none}
.header .lang{margin:10px 20px 0 0px}
/*--*/
.navWap-trigger{margin-top:10px;}
.navWap-block{top:85px;}
.fixed-top{position:fixed;width:100%;z-index:99;box-shadow: 0 0 10px #ddd; background: #fff}
/*--*/
.rack{padding: 50px 0 80px 0;}
/*--*/
.mt60{margin-top:40px;}
.mt70{margin-top:40px;}
.mt80{margin-top:50px;}
/*--*/
.pt100{padding-top:50px}
.ptm60{padding:40px 0}
.pt812{padding:50px 0 60px 0}
.ptm910{padding:60px 0 60px 0}
/*--*/
.titleAx{font-size:30px;}
.titleAx span{font-size:14px;margin-top: 5px;}
.titleAx hr{margin:10px auto 0;width:50px;height:2px;}
.titleAx.cen{margin-bottom:20px;}
.titleBx{margin-bottom:20px;}
.titleBx font{font-size:30px;}
.titleBx font:before,.titleBx font:after{top:22px;width:30px;}
.titleBx span{width:100%;font-size:14px; margin-top:6px;margin: 6px auto 0;}
.titleBx hr{margin:10px auto;}
/*--*/
.DwellPic .pic{height:220px;}
/*--*/
.menu{margin: 40px 0 0 0;}
.menu li a{margin:0 15px;font-size:20px; padding: 0px 0px 20px 0;}
/*--*/
#bannerBox .down{bottom:20px}
/*--*/
.banner-within .box .title{font-size:22px}
.banner-within .box hr{width:30px;height:2px;margin:10px 0 0 0;}
.banner-within .box .novel{font-size:14px;margin-top:15px;}
.banner-within .cen hr{margin:10px auto 0;}
/*--*/
/**/
.ProductHome .list h4{margin-top:0px;font-size:20px;}
/*--*/
.AdvantageHome .srll{display: none;}
.AdvantageHome .list-wap{display: block;}
/*--*/
#certify{width:760px;}
#certify .swiper-slide{width:500px;}
/*--*/
.AboutHome .video{margin-top:50px;padding: 40px 0 40px 40px;}
.AboutHome .video:before{font-size:30px;margin:-5px 10px 0 0;}
.AboutHome .video:after{width:100px;height:100px;background-size: 100px;}
.AboutHome .long{margin-top:80px;}
.AboutHome .left,.AboutHome .block{height:330px;}
.AboutHome .left .wx{-webkit-line-clamp: 5;}
.AboutHome .block{padding:80px 0 0 0;}
/*--*/
.NewsHome .list li{width:32.3%}
.NewsHome .list li:nth-child(4n+1){display: none;}
/*--*/
.NewsDetailBox .hotwords{margin-top: 30px;}
/*--*/
.product-list li{width:32.3%;}
/*--*/
.ProductShow .top{padding: 40px 0 80px 0;}
.ProductShow .top{padding: 40px 0 80px 0;}
.ProductShow .srll .leftPic, .ProductShow .srll .rightPic{height: 400px;}
.ProductShow .top .right .title{font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.ProductShow .top .right .wx{margin-bottom:30px;line-height: 22px;-webkit-line-clamp: 6;}
.ProductShow .top .right .tel{font-size:20px;margin-bottom:30px;padding:15px 0 15px 40px;}
.ProductShow .top .right .btn{padding:8px 20px;font-size:14px;margin-right:5%;width: 40%;text-align: center;}
.ProductShow .con .left{width:100%}
.ProductShow .con .right{display: none;}
.ProductShow .con .tone li{margin:0 25px 0 0;font-size:18px;padding: 0px 0px 15px 0;}
/*--*/
.case-list li h4{opacity: 1; position: initial;height:auto; color:#666;font-size:16px;padding:10px 10px;}
.case-list li a::before, .case-list li a::after{display: none;}
/*--*/
.CaseDetail .title{font-size:22px;margin-bottom:30px;}
.CaseDetail .tit{font-size: 20px;}
/*--*/
.serviceInner .sales .left{width:100%;}
.serviceInner .sales .left span{margin-bottom:20px;padding-left:20px;font-size:14px;}
.serviceInner .sales .left span b{font-size:16px;}
.serviceInner .sales .right{width:100%;margin-top:30px;text-align: center;}
/*--*/
.NewsInner .list li{width:98%;padding:30px 20px 30px 270px;}
.NewsInner .list li .pic{width:250px;}
/*--*/
.ContactInner .long .left,.ContactInner .long .right{height: auto;}
.ContactInner #dituContent{height: 300px;}
.ContactInner .long .left{width:100%;}
.ContactInner .long .right{width:100%;padding: 45px 40px;margin-top:30px;}
.ContactInner .long .right .title{font-size:22px;}
.ContactInner .long .right .tel{margin-top:20px;}
.ContactInner .long .right .wx{min-height: initial;}
/*--*/
.message{margin-top:40px;}
/*--*/
.AboutInner .introduction .pic{width:100%;text-align: center;}
.AboutInner .introduction .box{width:100%;margin-top:30px;padding-top:0px}
.AboutInner .introduction .box .title{font-size:22px;}
.AboutInner .introduction .box .wx{margin-top:20px;}
.AboutInner .culture{padding: 40px 0 40px 0;}
.AboutInner .culture li{padding:0 20px}
.AboutInner .culture li h4{font-size:20px}
.AboutInner .culture li p{height:auto;}
.AboutInner .chart .tone{margin-bottom: 30px;}
.AboutInner .chart .tone li a{font-size: 18px;}
.AboutInner .chart .list li{width:32.3%;}
.AboutInner .chart .list li:nth-child(4n+1){display: none;}
.AboutInner .chart .list li h4{padding:10px 10px;font-size:14px;}
.AboutInner .chart .DwellPic .pic{height:200px;}
/*--*/
.joinBox .lefter{width:100%;padding: 30px 30px 30px 30px;}
.joinBox .lefter .title{margin:0px 0 30px 0; font-size:30px;}
.joinBox .lefter .tel{margin:20px 0 30px 0}
.joinBox .righter{width:100%;margin-top:30px;}
/*--*/
.list-box{}
.list-box li{width:31.3%;}
.list-box li h4{font-size: 14px;padding:10px 10px;}
.list-box li .pic{height:220px}
/*--*/
.flatI{display: block;}
/*--*/
.footer .nav{display: none}
.footer .ewm{display: none;}
.footer .link{margin-top:30px;}

}


@media all and (max-width:760px){
.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/
.header{height:55px;padding:10px 0}
.header .logo img{height:40px;}
/*--*/
.header .lang{margin:5px 10px 0 0px}
.header .lang a{font-size:12px}
/*--*/
.navWap-trigger{margin-top:5px;}
.navWap-block{top:55px;}
/*--*/
.banner-within{height:250px;}
.banner-within img{max-width:100%;height: 100%;object-fit: cover;}
.banner-within .pos{height:60px;}
.banner-within .box .title{font-size:16px}
.banner-within .box hr{width:15px;height:1px;margin:10px 0 0 0;}
.banner-within .box .novel{font-size:12px;margin-top:12px;}
.banner-within .cen hr{margin:10px auto 0;}
/*--*/
.rack{padding: 30px 0 60px 0;}
/*--*/
.banner-within{}
/*--*/
.site{display: none}
/*--*/
.mt60{margin-top:30px;}
.mt70{margin-top:30px;}
.mt80{margin-top:40px;}
/*--*/
.pt100{padding-top:30px}
.ptm60{padding:30px 0}
.pt812{padding:30px 0 40px 0}
.ptm910{padding:30px 0 30px 0}
/**/
.titleAx{font-size:22px;}
.titleAx span{font-size:12px;margin-top: 5px;}
.titleAx hr{margin:10px auto 0;width:50px;height:2px;}
.titleAx.cen{margin-bottom:20px;}
.titleBx{margin-bottom:20px;}
.titleBx font{font-size:22px;}
.titleBx font:before,.titleBx font:after{top:15px;width:30px;}
.titleBx span{font-size:12px; margin: 5px auto 0;}
.titleBx hr{margin:10px auto;}
/*--*/
.DwellPic .pic{height: 150px;}
/*--*/
.menu{margin: 30px 0 0 0;}
.menu li a{margin:0 10px;font-size:16px; padding: 0px 0px 15px 0;}
/**/
#bannerBox .down{bottom:10px}
#bannerBox .btn{display:none}
#bannerBox .swiper-button-prev{left:10px}
#bannerBox .swiper-button-next{right:10px;}
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{font-size:30px;}
#bannerBox .swiper-pagination{bottom: 15px;}
#bannerBox .swiper-pagination span{opacity: 0.6;width:20px;height:5px;margin:0 5px;border-radius:0%;border: 0px; background: #fff}
#bannerBox .swiper-pagination span:before{display: none}
#bannerBox .swiper-pagination span.swiper-pagination-bullet-active{background: #333}
/*--*/
.ProductHome .tone li{margin:0 5px;}
.ProductHome .tone li a{font-size:14px;padding: 5px 10px;}
.ProductHome .list .pic{background:#fff;}
.ProductHome .list .pic img{width:50%; margin: auto;}
.ProductHome .list .pic, .ProductHome .list .box{width:100%;display: block;}
.ProductHome .box{margin-top:20px;}
.ProductHome .list h4{font-size:16px}
.ProductHome .list hr{margin-top:10px;}
.ProductHome .list .wx{margin-top:15px; -webkit-line-clamp: 3;font-size: 14px;line-height:24px}
.ProductHome .list .more{margin-top:15px;padding:10px 20px;}
.ProductHome .long{padding:0px;}
.ProductHome .btn{display: none;}
.ProductHome .spot{margin-top: 15px;}
.ProductHome .spot span{font-size:12px;width:30px;height:30px;line-height:25px;margin:0 5px !important;} /*--*/
.AdvantageHome .list-wap li{width:48%;}
.AdvantageHome .list-wap li h4{font-size:16px;padding-left:35px;}
.AdvantageHome .list-wap li .txt{font-size:12px;margin-top:12px;height:120px}
/*--*/
#certify{display: none;}
.CaseHome .list-wap{display: table;}
/*--*/
.AboutHome .video{margin-top:30px;padding: 30px 0 30px 30px;}
.AboutHome .video:before{font-size:20px;margin:0px 10px 0 0;}
.AboutHome .video:after{width:80px;height:80px;background-size: 80px;}
.AboutHome .long{margin-top:50px;}
.AboutHome .left,.AboutHome .block{height:auto;} .AboutHome .left{width:100%;padding:20px;} .AboutHome .left:after{display:none;} .AboutHome .left .title{font-size:18px;}
.AboutHome .left .wx{-webkit-line-clamp:5;margin-top:10px;font-size:14px;line-height: 24px;}
.AboutHome .left .more{margin-top:15px; font-size:12px;padding:10px 20px;}
.AboutHome .block{width:50%;padding:30px 0 30px 0;} .AboutHome .block em{width:100px;height:100px;}
.AboutHome .block h4{margin-top:10px;font-size:18px;} .AboutHome .block hr{margin:10px auto 0;} /*--*/
.NewsHome .tone{margin-bottom:25px;}
.NewsHome .tone li a{font-size:14px;padding:5px 20px; background: #ddd;}
.NewsHome .list li{width:48%;}
.NewsHome .list li:nth-child(3n+1){display: none;}
.NewsHome .list li h4{font-size: 16px; margin-top: 15px;}
.NewsHome .list li hr{margin:0 0 10px 0}
.NewsHome .list li p{-webkit-line-clamp: 2;margin-top: 10px;
margin-bottom: 15px;
line-height: 22px;}
/*--*/
.NewsInner .list li{height:150px;padding:15px 30px 15px 42%;}
.NewsInner .list li .pic{width:40%;}
.NewsInner .list li h4{font-size:16px;}
.NewsInner .list li p{font-size:14px; margin:15px 0 15px 0;-webkit-line-clamp: 2;}
.NewsInner .list li .time{font-size:12px;margin-top: 5px;}
.NewsInner .list li .more{font-size:12px;padding:5px 20px;}
/*--*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{padding:10px 0 20px 0;margin:0 0 20px 0;}
.NewsDetailBox .tit{font-size:23px;}
.NewsDetailBox .msg{margin-top:10px;font-size:12px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{font-size:12px;}
.NewsDetailBox .share{height:auto; padding:10px 0;margin-top: 20px;}
.NewsDetailBox .share .time{margin-left:30px;font-size:12px;}
.NewsDetailBox .share .return{font-size:12px;padding:8px 20px 8px 38px;margin:15px auto 0; display: table;clear: both;float: left;}
.NewsDetailBox .pagIng{padding:10px 0;}
.NewsDetailBox .pagIng span{font-size:14px;}
.NewsDetailBox .pagIng span a{font-size:14px;}
.NewsDetailBox .pagIng .prev{float:left;width: 100%;}
.NewsDetailBox .pagIng .next{float:right;width: 100%;margin-top: 5px;}
.NewsDetailBox .relevant{margin-top:20px;}
.NewsDetailBox .relevant .tit{font-size:16px;}
.NewsDetailBox .relevant .list{margin-top:10px;}
.NewsDetailBox .relevant .list li{width:100%;margin:5px 0% 5px 0;}
.NewsDetailBox .relevant .list li .time{font-size:14px;}
.NewsDetailBox .relevant .list li a{font-size:14px;padding-left:10px;}
.NewsDetailBox .hotwords{margin-top:20px;}
.NewsDetailBox .hotwords a{font-size:12px;}
/*--*/
.product-list li{width:48%;}
.product-list li h4{font-size:14px;padding:10px 10px;}
/*--*/
.ProductShow .top{padding: 30px 0 30px 0;}
.ProductShow .top .left,.ProductShow .top .right{width:100%;}
.ProductShow .srll .leftPic,.ProductShow .srll .rightPic{height:250px}
.ProductShow .srll .rightPic{padding-left: 10px;}
.ProductShow .srll .btn{ left:10px;font-size:30px;padding:2px 0; }
.ProductShow .top .right{margin-top:20px}
.ProductShow .top .right .title{font-size:20px;padding-bottom:12px;margin-bottom:15px;}
.ProductShow .top .right .wx{margin-bottom:20px;line-height: 22px;-webkit-line-clamp: 5;}
.ProductShow .top .right .tel{font-size:20px;margin-bottom:20px;padding:10px 0 10px 30px;}
.ProductShow .top .right .btn{padding:6px 20px;font-size:12px;margin-right:5%;width: 40%;}
.ProductShow .con{margin-top:30px;}
.ProductShow .con .tone li{margin:0 15px 0 0;font-size:16px;padding: 0px 0px 12px 0;}
.ProductShow .con .wor{line-height:22px;font-size:14px;margin-top:20px;}
.pagIng-2{margin-top:30px;}
.pagIng-2 span{font-size:14px;width:100%}
.pagIng-2 .block{padding:5px 10px;width:100%;display:block;float:left !important;text-align:left;}
.pagIng-2 span a{font-size:14px;}
.pagIng-2 .next{text-align:left;}
.pagIng-2 .return{border:none}
.pagIng-2 .prev,.pagIng-2 .next{width:100%;}
/*--*/
.case-list li{width:48.7%;}
.case-list li h4{font-size:14px;padding:10px 10px;}
/*--*/
.CaseDetail .title{font-size:20px;margin-bottom:20px;}
/*--*/
.srllPic{padding:0px}
/*--*/
.CaseDetail .details{margin-top: 30px;}
.CaseDetail .tit{font-size: 18px;margin-bottom:15px;}
.CaseDetail .details .wx{padding:20px;font-size:14px;line-height:24px;}
.CaseDetail .relevant{margin-top:30px;}
.CaseDetail .relevant .list li:nth-child(3n+1){display: none;}
/*--*/
.serviceInner .more{margin:20px auto 0; padding:8px 30px;font-size:14px;}
.serviceInner .sales .left span{margin-bottom:20px;padding-left:15px;font-size:14px;}
.serviceInner .sales .left span b{font-size:16px;}
.serviceInner .sales .right{margin-top:20px;}
.serviceInner .problem{padding: 30px 0;} 
/*--*/
.problem-list li{width:98%}
.problem-list li a{padding:20px 20px}
.problem-list li h4{font-size:16px;}
.problem-list li p{font-size:14px;margin-top:10px;-webkit-line-clamp: 2;}
/*--*/
.download-list li{width:98%;}
.download-list li a{font-size:14px; padding:15px 20px 15px 50px;}
.download-list li a:before,.download-list li a:after{top:10px;width:21px;height:29px;}
.download-list li a:before{left:15px;}
.download-list li a:after{right:10px;}
.download-list li:hover a:before,.download-list li:hover a:after{background-position:0 -30px}
/*--*/
.list-box li{width:48%;}
.list-box li .pic{height:180px}
/*--*/
.ContactInner .long .right{padding: 20px;}
.ContactInner .long .right .title{font-size:20px;}
.ContactInner .long .right .tel{margin-top:10px;font-size:14px;}
.ContactInner .long .right .tel:before{top:32px; width:10px; height:3px;}
.ContactInner .long .right .tel:after{left:13px;top:32px; width:25px; height:3px;}
.ContactInner .long .right .tel font{margin-top:30px;font-size:30px;}
.ContactInner .long .right .wx{min-height:auto;margin-top:20px;font-size:14px;line-height: 24px;}
.ContactInner .long .right .add2{margin-top:30px;font-size:14px;}
.ContactInner .long .right .add2 font{font-size:22px;margin-bottom: 10px;}
.ContactInner .long .right .ewm{margin-right:40px;}
.ContactInner .long .right .ewm:after{right:-20px;}
.ContactInner .long .right .online{margin:50px 0 0 0px; font-size:14px; padding:6px 30px;}
.ContactInner .long .right .rt{margin-top:15px;}
.ContactInner #dituContent{height:250px;}
/*--*/
.message{padding: 20px 0 30px 0;margin: 30px 0 0 0;}
.message form{margin-top:30px}
.message .frame{padding:12px 10px;width:100%;margin:0 0.5% 2% 0.5%;}
.message .frame input,.message .frame textarea{padding-left:30px;display: inline;vertical-align: top;}
.message .frame textarea{height:100px;}
.message button.submit{width:30%;padding:10px 10px;font-size:14px;}
/*--*/
.AboutInner .introduction .box{margin-top:20px;}
.AboutInner .introduction .box .title{font-size:18px}
.AboutInner .introduction .box .wx{font-size: 14px; margin-top: 15px; line-height: 22px;}
.AboutInner .culture{padding: 30px 0 40px 0;}
.AboutInner .culture ul{display: table;margin-bottom:-20px;}
.AboutInner .culture li{width:100%;padding:0 20px;margin-bottom:20px;}
.AboutInner .culture li em{width:100px;height:100px; background-size:100px;}
.AboutInner .culture li h4{font-size:18px}
.AboutInner .culture li p{font-size:14px}
.AboutInner .chart .tone{margin-bottom: 30px;}
.AboutInner .chart .tone li a{font-size: 16px;}
.AboutInner .chart .list li{width:49%;}
.AboutInner .chart .list li:nth-child(3n+1){display: none;}
.AboutInner .chart .list li h4{padding:10px 20px;font-size:14px;}
.AboutInner .chart .DwellPic .pic{height:150px;}
.AboutInner .job .list li{margin-bottom:10px;}
.AboutInner .job .list li h3{font-size:16px;padding:12px 15px;}
.AboutInner .job .list li h3 em{width:18px;height:18px;margin-top: 10px;}
.AboutInner .job .list li h3 em:before,.AboutInner .job .list li h3 em:after{height:2px;}
.AboutInner .job .list li .wx{padding:10px;font-size:14px;line-height: 24px;}
.AboutInner .job .list li .mail{font-size:14px;margin-top:20px;margin-top: 15px;padding: 5px 20px;}
/*--*/
.joinBox .lefter{padding: 20px 20px 20px 20px;}
.joinBox .lefter .title{font-size:20px;}
.joinBox .lefter .tel{margin:20px 0 20px 0;font-size:18px}
.joinBox .righter .list li{padding:0 15px;}
.joinBox .righter .list li .title{font-size:16px;}
.joinBox .righter .list li .title font{padding:15px 20px 15px 20px;width: 33.3%;}
.joinBox .righter .list li .wx{padding:20px 0 30px 0px;line-height:23px;font-size:14px;border-top:1px #ddd solid}
.joinBox .righter .list li .mail{margin-top:20px;font-size:14px;line-height:30px; padding:0px 50px 0px 20px;line-height: 35px;}
.joinBox .righter .list li .mail em{width:40px; padding:10px 10px;}
/*--*/
#dituContent{height:200px}
/*--*/
/*--*/
.WorShowBox .title{padding:0 0 10px 0;margin: 0 0 10px 0;}
.WorShowBox .title h1{margin:10px 0 0 0;font-size:20px;line-height:23px;padding-bottom:15px;}
/*--*/
.listCase li a h4{padding:5px 10px;line-height: 25px;font-size:15px;}
.listCase li a h4 b{display:none;font-size:12px;}
/*--*/
/*.layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;}*/
/*----*/
#pages{margin:20px 0 20px 0;}
#pages span{padding:5px 10px;margin:0 2px;font-size:12px;}
#pages a{padding:5px 10px;margin:0 2px;font-size:12px;}
/*--*/
.kefuBox-One{display: none}
.bdshare-slide-button{display:none;z-index:-111;left:-200px;width:0px;height:0px;}
/*--*/
.pcI{display: none;}
.wapI{display: block;}
/*--*/
.ingBox{padding:30px 0;}
/*--*/
.footer{padding: 30px 0 20px 0;}
.footer .tel{display: none;}
.footer .left{width:100%;}
.footer .link{display: none;}

}