@charset "utf-8";


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


}


@media all and (max-width:1600px){
.container{width:1400px;}	
/*--*/
.honorCon .list li .pic{height:270px}
/*--*/
.footer .nav li {padding-right: 45px; }

}


@media all and (max-width:1440px){
.container{width:1200px;}	
/*--*/
.header .trait a{margin-left:30px}
.head-nav .nav{margin-right:100px;}
/*--*/
.AboutHome .left .title{font-size:40px}
/*--*/
.ContactInner .mode ul li{    padding: 50px 10px;}
/*--*/
.ProductShow .pros-top .left{width:100%;}
.ProductShow .pros-top .right{width:100%;margin-top:40px;padding:40px;background: #f8f8f8;}
/*--*/
.case-list li .pic .box{ padding:20px 40px;}
/*--*/
.HonorCont .list li .pic{height: 300px;padding: 20px !important;}
/*--*/
.honorCon .list li .pic{height:230px}
/*--*/
.footer .nav{}
.footer .nav li{padding-right: 25px;}
.footer .ewm{margin-left: 4%;}
.footer .right{margin-left:0px;width: 25%;}

}


@media all and (max-width:1200px){

.container{width:1000px;}	
/*--*/
.header .trait{display: none;}
/*--*/
.StrengthHome ul li{    padding: 30px 10px;}
/*--*/	
.VirtueHome .title{margin-bottom: 50px;padding-left: 120px;}
.VirtueHome .title i{font-size: 100px;}
.VirtueHome .title span{font-size: 14px;}
.VirtueHome .title h4{margin-top: 15px;font-size: 25px;line-height: 50px;padding: 0 20px;} 
/*--*/
.AboutHome .left, .AboutHome .right{}
.AboutHome .left{width:100%;height:auto;padding-right:0px;}
.AboutHome .right{display:none}
.AboutHome .digital{position: relative;padding:20px 20px;background: #c7000b;}
.AboutHome .digital:before{display: none;}
/*--*/
.NewsListBox .up .spot{left:500px}
.NewsListBox .up li a{padding:40px 40px 40px 550px}
.NewsListBox .up li .pic{width:500px}
/*--*/
.honorCon .list li .pic{height:240px}
/*--*/
.footer .nav{display: none;}
.footer .right{float:left;width:auto;}

}


@media all and (max-width:1024px){	

.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/
.header{width:100%; height: 80px !important;padding:10px 0 !important; }
.fixed-top.header{ position: fixed;width:100%;z-index:99; box-shadow: 0 0 10px #ddd;  }
.header .logo img{height:40px !important;width:auto;margin-top:10px;}
.header .nav{display: none;}
.header .tel{display: none;}
.head-nav{display:none;}
.header .logo .txt{display:none;}
/*--*/	
.navWap-trigger{margin-top: 15px;}
.navWap-block{top: 80px;border-top:1px #eee solid}
.fixed-top{ position:fixed;z-index:99;width:100%; background: #fff}
/*--*/
.rack{padding:40px 0 60px 0}
/*--*/
.menu{margin-top:20px}
.menu ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.menu li{flex-grow: 1;display: inline-block;}
.menu li a{font-size:16px;padding: 12px 40px;margin:0 5px 10px 5px}
/*--*/
.titleAx{font-size:32px;}  
.titleAx span{margin-top:12px; font-size:13px; } 
.titleAx hr{ margin: 8px auto 0;width: 40px;height: 2px; }
.titleAx.cen{margin-bottom:30px; } 
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:30px}
/*--*/
.titleBx{font-size:32px;margin-bottom:30px; }
.titleBx span{margin:5px auto 0;font-size:12px;}
.titleBx.tTop{margin:40px 0 0 0}
/*--*/
.ptm60{padding:40px 0}
.ptm80{padding:40px 0}
.ptm100{padding:50px 0}
.pt60{padding-top:40px}
.pt80{padding-top:40px}
.pt100{padding-top:50px}
.pm60{padding-bottom:50px}
.pm80{padding-bottom:50px}
.pm100{padding-bottom:50px}
/*--*/
.mtm60{margin:40px 0}
.mtm80{margin:40px 0}
.mtm100{margin:50px 0}
.mt60{margin-top:40px}
.mt80{margin-top:40px}
.mt100{margin-top:50px}
.mm60{margin-bottom:40px}
.mm80{margin-bottom:40px}
.mm100{margin-bottom:50px}
/*--*/
.DetailCont .sTopRight .online{float:left;margin-left:0;/*! clear: both;*/}
/*--*/
#bannerBox .swiper-button-prev:before,.bannerBox .swiper-button-next:before{ font-size:60px;}
#bannerBox .swiper-pagination{bottom: 15px;}
/*--*/
.banner-within{height:400px;}
.banner-within .pos{}
.banner-within .box .title{font-size:30px;}
.banner-within .box span{font-size:14px;}
/*--*/
.DwellPic.dp2 .pic{height: 220px;}
/*--*/
.spot-item{ margin:30px auto 0; }
.spot-item span{width:12px;height:12px;margin:0 10px !important; }
/*--*/
.spot-3{margin-top:30px; }
.spot-3 span{ width: 16px;height: 16px;margin: 0 8px;}
.spot-3 span:before{margin: 3px;}
/*--*/
.spot-4{margin-top:30px;}
/*--*/
.morebtn{ margin:30px auto 0;padding:8px 30px; font-size:13px; }
 /*--*/
.lefterIo{width:100%;}
.righterIo{width: 100%;}
/*--*/
.wapIo{display:block;} 
/*--*/ 
.leftNav{margin-bottom:20px}
.leftNav .title{font-size: 18px;font-weight:400;padding:13px 20px;color: #666;text-align:left;background: #fbfbfb;}
.leftNav .title:before,.leftNav .title:after{display:none}
.leftNav .title font{display: none;}
.leftNav .title em{display:block;top: 20px;}
.leftNav .above {display: none;padding: 10px 0px;}
.leftNav .above > li > a{font-size:14px;padding: 12px 20px ;}
.leftNav ul > li > a:after{font-size:22px;right: 10px;} 
.lefterIo .shell{display:none;}
/*--*/
.product-list{margin:0 0 -15px -15px;}
.product-list li{width:33.3%;margin-bottom:15px;}
.product-list a{margin-left:15px;}
.product-list h4{padding:10px 10px;font-size:15px;}
.product-list.lx3 li{width:33.3%}
/*--*/
.QualityHome .tone{display: none;} 
.QualityHome .list{margin:0 0 -20px -20px;width:auto;}
.QualityHome .list li{flex-grow: 1;width: calc( 33.3% - 20px);margin: 0 0 20px 20px;}
.QualityHome .list a{display: block;height: 100%;padding: 20px;}
.QualityHome .list .box{}
.QualityHome .list h4{font-size: 20px;margin-bottom: 10px;}
.QualityHome .list h5{opacity:1;font-size: 14px;margin-bottom:10px;}
.QualityHome .list hr{margin: 0 auto 12px;height:2px;}
.QualityHome .list p{font-size:14px;}
.QualityHome .list .show{} 
/*--*/
.StrengthHome ul{margin: 70px 0 0 -15px;}
.StrengthHome ul li{width:calc( 33.3% - 15px);margin-left: 15px;margin-bottom: 70px;padding: 20px 10px;}
.StrengthHome ul li:last-child{margin-bottom:0px;}
.StrengthHome ul em{margin: -60px auto 15px;font-size:20px;width:80px;height:80px;background-size: 40px;}
.StrengthHome ul h4{ font-size:18px;margin-bottom:5px;}
.StrengthHome ul p{ font-size:13px; }
/*--*/
.ChoiceHome .tone{margin-bottom: 30px;}
.ChoiceHome .tone li{font-size:20px;padding: 10px 10px;}
.ChoiceHome .tone li:before{font-size: 16px;}
.ChoiceHome .tone .vs{width: 80px;}
.ChoiceHome .tone li.active:before{bottom: -10px;}
.ChoiceHome .down{padding:20px 30px;}
/*--*/
.srll-case .pic:after{display: none;}
.srll-case .box{padding: 15px 100px 15px 20px; }
.srll-case h4{font-size:18px;margin-bottom:8px;}
.srll-case p{font-size:13px;}
.srll-case .more{width: 80px;font-size:12px;padding:20px 15px;}
.srll-case .btn{display: none;}
.srll-case .spot{display: block;}
/*--*/
.VirtueHome .roll{margin:0px 0 0 -20px; display: flex;flex-flow: row wrap;align-content: flex-start;}
.VirtueHome .roll li{flex-grow: 1;display:inline-block;max-width:initial;width:25%;}
.VirtueHome .roll li a{font-size: 18px;margin-left:20px;padding: 15px 20px 15px 20px;}
.VirtueHome .roll a:before{right: -5px;top: 5px;width: 60px;height: 60px;background-size: 57px;}
.VirtueHome .shelf li a{margin:20px;}
.VirtueHome .box{ padding: 40px 20px 50px 30px;}
.VirtueHome .box:before{left: 25px;right:0px;bottom: 20px;width:500px;height:500px;}
.VirtueHome .title{margin-bottom: 30px;padding-left: 80px;}
.VirtueHome .title i{font-size: 60px;}
.VirtueHome .title span{font-size: 12px;}
.VirtueHome .title h4{margin-top: 10px;font-size: 20px;line-height: 40px;padding: 0 15px;} 
.VirtueHome h5{font-size:20px;margin-bottom: 15px;}
.VirtueHome .wx{font-size: 14px;}
.VirtueHome .wx b{margin-bottom: 15px;}
.VirtueHome .wx b:before{top: 6px;font-size:12px;}
.VirtueHome .online{width: 120px;height: 120px;padding: 50px 0 0 20px;font-size: 14px;}
.VirtueHome .online em{font-size: 30px;margin: 0 auto 5px;}
/*--*/
.AboutHome .left .title{font-size:32px;margin-bottom:20px;}
.AboutHome .left .title span{font-size:22px}
.AboutHome .left .wx{-webkit-line-clamp:4;font-size: 14px;line-height: 24px;}
.AboutHome .digital{margin-top: 30px;padding: 20px 20px;}
.AboutHome .digital li a{padding:0px 0px;}
.AboutHome .digital li span{font-size: 26px;}
.AboutHome .digital li font{font-size:14px;margin-left: 5px;}
.AboutHome .digital li h5{font-size:14px;margin-top: 6px;}
.AboutHome .left .more{margin-top: 20px;font-size:13px;padding: 8px 30px;}
.AboutHome .down{margin-top:30px;}
.AboutHome .list li h4{font-size: 14px;margin-top:12px;}
/*--*/
.Srll-gate .btn{display: none;}
.Srll-gate .spot{display: block;}
/*--*/
.NewsHome .long{display: block;}
.NewsHome ul{width:100%;margin-bottom:30px;padding-bottom: 10px;}
.NewsHome ul h3{font-size:22px;margin-bottom: 30px;padding: 10px 20px 10px 80px;}
.NewsHome ul h3:before{width: 60px;background-size: 35px;}
.NewsHome ul h3 a{right: 20px;top: 12px;font-size: 35px;}
.NewsHome ul li{margin: 15px 30px;}
.NewsHome ul .one{padding-bottom: 20px;}
.NewsHome ul .one .pic{width: 35%;margin-right: 20px;}
.NewsHome ul .one .box{}
.NewsHome ul .one .time{margin-bottom:8px;}
.NewsHome ul .one .time font{}
.NewsHome ul .one h4{font-size: 16px;}
.NewsHome ul .one p{font-size:13px;}
.NewsHome ul .two a{padding-left: 15px;padding-right: 80px;}
/*--*/
.ProductShow .pros-top .right{padding: 30px;}
.ProductShow .pros-top .title{font-size: 20px;margin-bottom: 15px;padding-bottom: 15px;}
.ProductShow .pros-top .wx{min-height:60px;padding:15px; font-size:14px;line-height: 26px;background:#ececec;}
.ProductShow .pros-top .reliable{margin-top: 30px;padding: 20px 20px;}
.ProductShow .pros-top .reliable li{width: 33.3%;font-size:16px;}
.ProductShow .pros-top .reliable li:before{width: 45px;height: 45px;margin-right: 10px;}
.ProductShow .pros-top .contact{margin-top: 30px;} 
.ProductShow .pros-top .contact .consult{font-size: 14px;padding: 10px 30px;}
.ProductShow .detail{margin-top:50px;} 
.ProductShow .detail .title{margin:0 auto 30px;font-size:20px;}
.ProductShow .detail .title b{padding: 6px 15px;}
.ProductShow .detail .title:before{top: 25px;}
.ProductShow .detail .title:after{top: 35px;}
.ProductShow .detail .frame{margin-bottom:40px;}
.ProductShow .detail .wor{font-size:14px;padding:20px;}
.ProductShow .list-1 li{ }
.ProductShow .list-1 .pic{width:50%}
.ProductShow .list-1 .box{ padding: 20px 20px;}
.ProductShow .list-1 h4{font-size:18px;margin-bottom:15px} 
.ProductShow .list-1 p{ font-size:13px;line-height: 22px;}
/*--*/
.AboutInner .intro .left{display: none;}
.AboutInner .intro .right{padding: 40px;}
.AboutInner .intro .right .title{font-size: 22px;margin-bottom: 20px;}
.AboutInner .intro .right .title:after{margin-top: 10px;width: 40px;height: 1px;} 
.AboutInner .intro .right .wx{font-size: 14px;line-height: 26px;}
.AboutInner .intro .right .moreBtn{margin-top:60px;}
.AboutInner .digital{margin-top:40px;padding:30px 0;}
.AboutInner .digital li span{ font-size:40px; line-height: 1;}
.AboutInner .digital li h5{margin-top: 8px;}
.AboutInner .culture ul{margin:0 0 -20px -20px; }
.AboutInner .culture ul li{width: calc( 33.3% - 20px);margin:0 0 20px 20px;padding: 20px 20px 30px 20px;}
.AboutInner .culture ul h4{font-size:20px;margin-top: 20px;margin-bottom:20px;}
.AboutInner .culture ul h4:after{width:20px;height:1px;margin: 8px auto 0; }
.AboutInner .culture ul p{font-size:14px;  }
/*--*/
.HonorCont .list li .pic{height: 250px;padding: 10px !important;}
.HonorCont li h4{ font-size:14px;margin-top:10px;}
/*--*/
#certify{display:none;}
/*--*/
.case-list{margin:0 0 -20px -20px;}
.case-list h4{font-size:16px;margin-top:12px; }
.case-list li .pic:after{display: none;}
.case-list li .pic .box{display: none;}
/*--*/
.DetailCont .top{padding: 0px 0 40px 0;}
.DetailCont .top .left,.DetailCont .top .right{width:100%;}
.DetailCont .top .right{margin-top:40px}
.DetailCont .top .right .title{font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.DetailCont .top .right .wx{margin-bottom:30px;line-height: 22px;-webkit-line-clamp: 6;}
.DetailCont .top .right .parts{ margin: -10px 0 20px 0;}
.DetailCont .top .right .parts h3{font-size: 16px;margin-bottom: 10px;}
.DetailCont .top .right .parts img{width: 30%;}
.DetailCont .top .right .tel{font-size:20px;margin-bottom:30px;padding:15px 0 15px 0px;}
.DetailCont .top .right .btn{padding:10px 30px;font-size:14px;}
.DetailCont .top .right .btn i{font-size:16px;}
.DetailCont .top .right .online{}
.DetailCont .con{margin-top:30px}
.DetailCont .con .tone{margin-bottom:40px;;}
.DetailCont .con .tone li{margin:0 20px 0 0;}
.DetailCont .con .tone li a{font-size:18px;padding: 0px 0px 12px 0;}
.DetailCont .con .long{margin-bottom:30px;padding-bottom:30px;}
.DetailCont .con .title{font-size:18px;margin-bottom:20px;padding-left:20px}
.DetailCont .con .wor{font-size:14px;}
/*--*/
.srllOrso .leftPic, .srllOrso .rightPic{height: 400px;}
/*--*/
.CaseDetail .top{padding: 40px 20px 40px 20px;}
.CaseDetail .top .left,.CaseDetail .top .right{width:100%;}
.CaseDetail .top .right{margin-top:40px}
.CaseDetail .top .right .title{font-size:22px;padding-bottom:15px;margin-bottom:20px;}
.CaseDetail .top .right .wx{margin-bottom:30px;line-height: 22px;-webkit-line-clamp: 6;}
.CaseDetail .top .right .tel{font-size:20px;margin-bottom:30px;padding:15px 0 15px 0px;}
.CaseDetail .top .right .btn{padding:10px 30px;font-size:14px;}
.CaseDetail .top .right .btn i{font-size:16px;}
.CaseDetail .top .right .online{}
.CaseDetail .title{font-size:22px;margin-bottom:30px;}
.CaseDetail .tit{font-size: 20px;}
.CaseDetail .relevant{margin-top:60px}
.CaseDetail .case-list li:nth-child(n+4){ display: none;}
/*--*/
.srllPho .leftPic, .srllPho .rightPic{height: 400px;}
/*--*/
.NewsListBox .up{margin-bottom:50px;}
.NewsListBox .up .spot{left:350px;padding: 20px 25px 20px 30px;}
.NewsListBox .up li a{height: 350px;padding: 20px 20px 20px 380px;}
.NewsListBox .up li .pic{width: 350px;}
.NewsListBox .up li .box h4{font-size:22px;}
.NewsListBox .up li .box p{-webkit-line-clamp: 3;}
.NewsListBox .shell{padding: 40px 0 50px 0;}
.NewsListBox .shell ul{margin:0 0 -20px -20px;}
.NewsListBox .shell li{width: 50%;}
.NewsListBox .shell li a{margin:0 0 20px 20px;padding: 15px; }
.NewsListBox .shell li a:after{height: 3px;}
.NewsListBox .shell li a h4{font-size: 16px;margin-top:20px;}
.NewsListBox .shell li a .txt{font-size: 14px;line-height: 24px;margin-top:15px;margin-bottom: 15px;}
/*--*/
.honorCon .long{margin:0 20px;}
.honorCon .list li .pic{padding:20px;background-image:none ;}
/*--*/
.ContactInner .mode ul{margin: 0 0 -20px -20px;}
.ContactInner .mode ul li{display: flex;width: calc( 50% - 20px);margin-left: 20px;margin-bottom:20px;padding: 30px;text-align: left;}
.ContactInner .mode ul .box{}
.ContactInner .mode ul h4{font-size: 15px;}
.ContactInner .mode ul em{flex-shrink: 0;font-size: 50px;margin: 0 20px 0 0;}
.ContactInner .mode ul span{font-size: 20px;}
.ContactInner .mode .address span{font-size: 14px;}
.ContactInner #dituContent{height: 300px;}
/*--*/
.messageCont .title{font-size:18px;border-bottom:2px #d7000d solid;}
.messageCont .long{display: block;}
.messageCont .left{display: none;}
.messageCont .right{width:100%;}
.messageCont input,.messageCont textarea{font-size: 15px;} 
.messageCont h4{font-size:15px;}
.messageCont textarea{height:100px;}
.messageCont button{font-size:16px;}
/*--*/
.MessageCon .long{padding:30px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:20px;}
.MessageCon .title .tel{margin-top:20px;font-size:20px;}
.MessageCon .title .tel em{margin-right:10px;font-size:25px;}
/*--*/
.DemandHome{border-top:2px #0069de solid;  }
.DemandHome .title{font-size:24px;margin-bottom:20px}
.DemandHome .title span{font-size:14px; margin-top:10px;}
.DemandHome form{width:80%;padding-right:130px}
.DemandHome input,.DemandHome textarea{font-size:16px;line-height: 45px;height: 45px;}
.DemandHome button{height: 95px;font-size:18px;}
/*--*/
.list-box{}
.list-box li{width:33.3%;}
.list-box li a{}
.list-box li h4{font-size: 14px;padding:10px 10px;}
.list-box.lx5 li{width:33.3%}
/*--*/
.flatI{display: block;}
/*--*/
.footer .up{padding:40px 0 20px 0;}
.footer .nav{display: none;}
.footer .ewm{/* display: none; */font-size: 14px;}
.footer .right{/* float:none; */display: table;margin:auto;} 
.footer .down {padding:15px 0 20px 0;}
.footer .link{display: none;}

}


@media all and (max-width:760px){

.container{width:100%;padding-left:10px; padding-right:10px;}
/*--*/	
.header{height:55px !important;padding:10px 0 !important;}
.header .logo img{height:30px !important;margin-top:5px}
/*--*/	
.navWap-trigger{margin-top: 0;}
.navWap-block{top:55px;}
/*--*/
.rack{padding:40px 0 50px 0}	
/*--*/
.banner-within{height:200px;}
.banner-within img{max-width:100%;height: 100%;object-fit: cover;}
.banner-within .pos{}
.banner-within .box{padding:0 20px}
.banner-within .box .title{font-size:22px;}
.banner-within .box hr{margin-top:10px;}
.banner-within .box span{font-size:12px;margin-top:10px}
/*--*/
.menu{margin-top:30px}
.menu ul{margin-bottom:-10px;}
.menu li{display: inline-block;}
.menu li a{font-size:16px;padding: 8px 10px;margin:0 5px 10px 5px}
/*--*/
.site{display: none}
/*--*/
.titleAx{font-size:20px;}  
.titleAx span{margin-top: 10px;font-size:12px;    line-height: 18px; } 
.titleAx hr{ margin: 5px auto 0;width: 30px;height: 1px; }
.titleAx.cen{margin-bottom:20px; } 
.titleAx.m30{margin-bottom:20px}
.titleAx.m40{margin-bottom:20px}
/*--*/
.titleBx{font-size:22px;margin-bottom:20px; }
.titleBx span{margin:5px auto 0;}
.titleBx.tTop{margin:30px 0 0 0}
/*--*/
.ptm60{padding:30px 0}
.ptm80{padding:30px 0}
.ptm100{padding:30px 0}
.pt60{padding-top:30px}
.pt80{padding-top:30px}
.pt100{padding-top:30px}
.pm60{padding-bottom:30px}
.pm80{padding-bottom:30px}
.pm100{padding-bottom:30px}
/*--*/
.mtm60{margin:30px 0}
.mtm80{margin:30px 0}
.mtm100{margin:30px 0}
.mt60{margin-top:30px}
.mt80{margin-top:30px}
.mt100{margin-top:30px}
.mm60{margin-bottom:30px}
.mm80{margin-bottom:30px}
.mm100{margin-bottom:30px}
/**/
#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}
/*--*/
.DwellPic.dp2 .pic{height: 150px;}
/*--*/
.srllPic{padding:0px}
/*--*/
.spot-item{ margin:20px auto 0; }
.spot-item span{width:10px;height:10px;margin:0 8px !important; }
/*--*/
.spot-3{margin-top:20px; }
.spot-3 span{width: 16px;height: 16px;margin: 0 8px;}
.spot-3 span:before{margin: 3px;}
/*--*/
.spot-4{margin-top:20px;}
/*--*/
.morebtn{ margin:20px auto 0;padding:8px 20px; font-size:12px; }
/*--*/		
.wapIo .list{margin:0 0 -12px -12px;;}
.wapIo .list li{width:50%;margin-bottom:12px; text-align: center;}
.wapIo .list li a{ margin-left:12px; }
.wapIo .list h4{font-size:15px;margin-top:6px;} 
.wapIo .list li:nth-child(n+5){display: none;}
.wapIo .more{ margin:20px auto 0;font-size:12px;padding:6px 22px;;} 
/*--*/
.leftNav{margin-bottom:15px}
.leftNav .title{font-size: 16px;padding:10px 20px; } 
.leftNav .title em{top: 15px;font-size:14px} 	 
.leftNav .drop > li > a{font-size:14px;padding: 10px 20px !important;}
.leftNav .order > li > a{font-size:13px;padding: 8px 20px;}
/*--*/
.product-list{margin:0 0 -12px -12px;}
.product-list li{width:50%;margin-bottom:12px;}
.product-list a{margin-left:12px;}
.product-list h4{padding:8px 10px;font-size:15px;}
.product-list.lx3 li{width:50%}
/*--*/
.QualityHome .list{margin:0 0 -12px -12px; }
.QualityHome .list li{width: calc( 50% - 12px);margin: 0 0 12px 12px;}
.QualityHome .list a{padding: 15px;}
.QualityHome .list h4{font-size: 16px;margin-bottom: 8px;}
.QualityHome .list h5{margin-bottom:8px;}
.QualityHome .list hr{margin: 0 auto 10px;}
.StrengthHome ul{margin: 60px 0 0 -12px;}
.StrengthHome ul li{width: calc( 50% - 12px);margin-left: 12px;margin-bottom: 60px;padding: 20px 10px;}
.StrengthHome ul em{margin: -60px auto 12px;font-size: 18px;}
.StrengthHome ul h4{ font-size:18px;margin-bottom:5px;}
.StrengthHome ul p{ font-size:13px; }
/*--*/
.ChoiceHome .tone{margin-bottom: 20px;}
.ChoiceHome .tone li{font-size:16px;padding: 8px 10px;}
.ChoiceHome .tone .vs{width: 60px;}
.ChoiceHome .down{padding:20px 20px;}
/*--*/
.srll-case .box{padding: 12px 80px 12px 12px; }
.srll-case h4{font-size:16px;margin-bottom:5px;}
.srll-case .more{width: 70px; padding:15px 12px;}
/*--*/
.VirtueHome .roll{margin:0px 0 0 -12px; }
.VirtueHome .roll li{width:33.3%;margin-bottom:10px;}
.VirtueHome .roll li a{font-size: 16px;margin-left:12px;padding: 8px 10px 8px 10px;}
.VirtueHome .roll a:before{right: -5px;top: 5px;width: 60px;height: 60px;background-size: 57px;}
/*--*/	
.VirtueHome .shelf li a{margin:20px;}
.VirtueHome .pic{width:100%;height:150px}
.VirtueHome .box{width:100%;padding: 20px 0px 60px 0px;} 
.VirtueHome .title{margin-bottom: 20px;padding-left: 55px;}
.VirtueHome .title i{font-size: 40px;margin-top: 15px;}
.VirtueHome .title span{font-size: 12px;}
.VirtueHome .title h4{margin-top: 10px;font-size: 15px;line-height: 40px;padding: 0 15px;} 
.VirtueHome h5{font-size:16px;margin-bottom: 12px;}
.VirtueHome .wx{font-size: 13px;line-height: 22px;}
.VirtueHome .wx b{margin-bottom: 15px;}
.VirtueHome .wx b:before{top: 6px;font-size:12px;}
.VirtueHome .online{width: 80px;height: 80px;padding: 23px 0 0 15px;font-size: 12px;}
.VirtueHome .online em{font-size: 25px;}
.VirtueHome .pic,.VirtueHome .box{display: block;}
/*--*/
.AboutHome .left .title{font-size:22px;margin-bottom:20px;}
.AboutHome .left .title span{font-size:14px}
.AboutHome .digital{margin-top: 20px;padding: 20px 20px;display: block;overflow: hidden;}
.AboutHome .digital li{float:left;width: 50%;margin: 10px 0;}
.AboutHome .digital li span{font-size: 22px;}
.AboutHome .left .more{margin-top: 15px;font-size:12px;padding: 8px 20px;}
.AboutHome .down{margin-top:20px;}
.AboutHome .list li h4{ margin-top:10px;}
/*--*/
.NewsHome ul{margin-bottom:20px;}
.NewsHome ul h3{font-size:18px;margin-bottom: 20px;padding: 10px 20px 10px 80px;}
.NewsHome ul h3:before{width: 50px;background-size: 32px;}
.NewsHome ul h3 a{right: 10px;top: 10px;font-size: 30px;}
.NewsHome ul li{margin: 12px 20px;}
.NewsHome ul .one{padding-bottom: 15px;}
.NewsHome ul .one .pic{width: 35%;margin-right: 15px;}
.NewsHome ul .one .box{}
.NewsHome ul .one h4{font-size: 15px;}
/*--*/
.ProductShow .righterIo{padding:30px 20px;}
.ProductShow .pros-top .right{padding: 20px;margin-top: 30px;}
.ProductShow .pros-top .title{font-size: 18px;margin-bottom: 12px;padding-bottom: 12px;}
.ProductShow .pros-top .wx{}
.ProductShow .pros-top .reliable{margin: 30px 0 -2% -2%;padding: 12px;}
.ProductShow .pros-top .reliable li{display: block;/* width: 48%; */font-size:14px;/* margin:0 0 2% 2%; */text-align: center;}
.ProductShow .pros-top .reliable li:before{float: none;display: block;width: 40px;height: 40px;margin: 0 auto 5px;background-size: 20px;}
.ProductShow .pros-top .contact{margin-top: 30px;}
.ProductShow .pros-top .contact .tel{font-size:14px;padding-left: 0px;}
.ProductShow .pros-top .contact .tel font{font-size: 16px;}
.ProductShow .pros-top .contact .tel:before{display:none}
.ProductShow .pros-top .contact .consult{float: right;font-size: 12px;padding: 6px 25px;margin-top: 10px;}
.ProductShow .detail{margin-top:30px;}  
.ProductShow .detail .title{margin:0 auto 25px;font-size:18px;}
.ProductShow .detail .title:before{left: -75px;width: 300px;top: 20px;}
.ProductShow .detail .title:after{top: 30px;}
.ProductShow .detail .frame{margin-bottom:30px;}
.ProductShow .list-1 li{display: block;margin-bottom: 20px;}
.ProductShow .list-1 li:last-child{margin-bottom:0px;}
.ProductShow .list-1 .box{padding: 20px;width: 100%;}
.ProductShow .list-1 h4{font-size:16px;margin-bottom:12px}
/*--*/
.AboutInner .intro .right{padding: 30px 20px;}
.AboutInner .intro .right .title{font-size: 20px;margin-bottom: 18px;}
.AboutInner .intro .right .title:after{margin-top: 10px;width: 40px;height: 1px;} 
.AboutInner .intro .right .wx{}
.AboutInner .intro .right .moreBtn{margin-top:60px;}
.AboutInner .digital{margin-top:30px;padding:10px 0;}
.AboutInner .digital li{width:50%;margin:10px 0}
.AboutInner .digital li span{font-size: 24px; }
.AboutInner .digital li h5{margin-top: 8px;}
.AboutInner .culture ul{margin:0 0 -12px -12px; }
.AboutInner .culture ul li{/*flex-grow: 1;*/width: calc( 50% - 20px);margin:0 0 12px 12px;padding: 15px 15px 20px 15px;}
.AboutInner .culture ul h4{font-size:18px;margin-top: 15px;margin-bottom:15px;}
/*--*/
.HonorCont .long{padding:20px;}
.HonorCont .list li .pic{height: 220px;padding: 10px !important;}
/*--*/
.case-list{margin:0 0 -20px -15px;}
.case-list h4{font-size:15px;margin-top:15px; }
.case-list li{width:50%;margin-bottom:20px}
.case-list li a{margin-left:12px}
/*--*/
.DetailCont{   }
.DetailCont .top{padding: 0px 0 30px 0;}
.DetailCont .top .right{margin-top:30px}
.DetailCont .top .right .title{font-size:20px;padding-bottom:12px;margin-bottom:15px;}
.DetailCont .top .right .wx{margin-bottom:20px;line-height: 22px;-webkit-line-clamp: 5;}
.DetailCont .top .right .parts{ margin: 0px 0 25px 0;}
.DetailCont .top .right .parts img{width: 25%;}
.DetailCont .top .right .tel{font-size:20px;margin-bottom:20px;padding:10px 0 10px 0px;}
.DetailCont .top .right .tel i{font-size:24px;margin-right:8px}
.DetailCont .top .right .btn{padding:10px 20px;font-size:12px;}
.DetailCont .top .right .btn i{font-size:16px;    margin: 0px 6px 0 0px;}
.DetailCont .top .right .online{}
.DetailCont .con{margin-top:10px}
.DetailCont .con .tone{margin-bottom:30px;;}
.DetailCont .con .tone li{margin:0 10px 0 10px;}
.DetailCont .con .tone li a{font-size:18px;padding: 0px 0px 12px 0;}
.DetailCont .con .long{margin-bottom:30px;padding-bottom:20px;}
.DetailCont .con .title{font-size:18px;margin-bottom:15px;padding-left:10px}
.DetailCont .con .wor{font-size:14px;}
.DetailCont .product-list li{width:50%}
.DetailCont .product-list li:nth-child(n+3){display: none;}
/*--*/
.srllOrso .leftPic,.srllOrso .rightPic{height:250px}
.srllOrso .rightPic{padding-left: 10px;}
.srllOrso .btn{left:10px;font-size:30px;padding:2px 0;}
/*--*/
.CaseDetail .top{padding: 30px 20px 30px 20px;}
.CaseDetail .top .right{margin-top:30px}
.CaseDetail .top .right .title{font-size:20px;padding-bottom:12px;margin-bottom:15px;}
.CaseDetail .top .right .wx{margin-bottom:20px;line-height: 22px;-webkit-line-clamp: 5;}
.CaseDetail .top .right .tel{font-size:20px;margin-bottom:20px;padding:10px 0 10px 0px;}
.CaseDetail .top .right .tel i{font-size:24px;margin-right:8px}
.CaseDetail .top .right .btn{padding:10px 20px;font-size:12px;}
.CaseDetail .top .right .btn i{font-size:16px;    margin: 0px 6px 0 0px;}
.CaseDetail .top .right .online{}
.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{width:50%}
.CaseDetail .relevant .list li:nth-child(3n+1){display: none;}
/*--*/
.srllPho .gallery-top li{height:250px;}
.srllPho .btn{ left:10px;font-size:30px;padding:2px 0; }
/*--*/
.NewsListBox .up{margin-bottom:30px;}
.NewsListBox .up .spot{left:160px;padding: 10px 10px 10px 20px;}
.NewsListBox .up .more{ display:none; margin-top:12px;padding:8px 20px;}
.NewsListBox .up li a{height: 180px;padding: 20px 10px 10px 180px;}
.NewsListBox .up li .pic{width: 160px;}
.NewsListBox .up li .box h4{font-size:16px;}
.NewsListBox .up li .box .time{margin-top: 5px;}
.NewsListBox .up li .box p{-webkit-line-clamp: 2;margin-top: 15px;}
.NewsListBox .shell{padding: 20px 0 40px 0;}
.NewsListBox .shell ul{margin:0 0 -10px -10px;}
.NewsListBox .shell li{width: 50%;}
.NewsListBox .shell li a{margin:0 0 10px 10px;padding: 10px; }
.NewsListBox .shell li a:after{height: 3px;}
.NewsListBox .shell li a h4{font-size: 16px;margin-top:15px;}
.NewsListBox .shell li a .txt{font-size: 14px;line-height: 24px;margin-top:12px;margin-bottom: 12px;}
.NewsListBox .shell li a .time{margin-right:0px;}
.NewsListBox .shell .more{display:none}
/*--*/
.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{float:left;width:100%;margin:5px 0% 5px 0;}
.NewsDetailBox .relevant .list li:nth-child(n+7){display: none;}
.NewsDetailBox .relevant .list li .time{font-size:14px;}
.NewsDetailBox .relevant .list li a{font-size:14px;padding-left:10px;}
 
/*--*/
.honorCon .list li .pic{height:150px;padding:10px !important;}
.honorCon li h4{font-size:14px;margin-top:10px;}
.honorCon .btn{width:35px;height:35px;line-height:35px;font-size:25px;}
/*--*/
.list-box li{width:50%}
.list-box.lx5 li{width:50%}
/*--*/
.ContactInner .mode ul{margin: 0 0 -12px -12px;}
.ContactInner .mode ul li{ width: calc( 50% - 12px);margin-left: 12px;margin-bottom:12px;padding: 20px; }
.ContactInner .mode ul em{ font-size: 40px;margin: 0 15px 0 0;}
.ContactInner .mode ul span{font-size: 18px;}
.ContactInner #dituContent{height:250px;}
/*--*/
.messageCont .title{padding: 12px 12px;margin-bottom:20px;font-size:14px;}
.messageCont .right{padding:20px;}
.messageCont h4{font-size:14px}
.messageCont .frame{padding: 10px 15px;margin-bottom:12px;}
.messageCont .frame.w50{width:100%;}
.messageCont .frame.mr{margin-right:0%}
.messageCont textarea{height:80px;}
.messageCont button{margin-top:10px;font-size: 15px;padding: 8px 30px}
/*--*/
.MessageCon .long{padding:20px;}
.MessageCon .title{margin-bottom:20px;}
.MessageCon .title h2{font-size:18px;width: 100%;}
.MessageCon .title .tel{margin-top:15px;font-size:20px;width: 100%;}
.MessageCon .title .tel em{margin:5px 10px 0 0;font-size:20px;}
.MessageCon input{width:100%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:0;}
.MessageCon input,.MessageCon textarea{padding:10px 20px 10px 40px;background-position:10px 12px;}
.MessageCon textarea{height:100px;}
.MessageCon button{width:49%;margin-top:15px;padding:10px 0;font-size:14px;}
/*--*/
.DemandHome .title{font-size:22px;}
.DemandHome form{width:100%;padding-right:0px}
.DemandHome input,.DemandHome textarea{font-size:14px;line-height: 40px;height: 40px;padding: 5px 10px;}
.DemandHome button{position: initial;display: table;margin: 2% auto 0;width: auto;height: auto;font-size:20px;padding: 8px 20px;font-size: 14px;background-image: none;}
/*--*/
.cntr{padding: 0 0px;}
/*--*/
.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;}*/
/*--*/
.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%;}
/*----*/
#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 .up{padding: 30px 0 20px 0;}
.footer .ewm{display: none;}
.footer .right{float:none;text-align: center;}
.footer .right .tit{display: none;}
.footer .right .tel{font-size:22px;margin-bottom:10px; display: table;margin:0 auto 10px;padding-right:0px;}
.footer .right .tel i{margin-top:5px;}
.footer .right .wx{line-height: 22px;}
.footer .right .share{margin-top:15px}
.footer .down {padding:5px 0;}
.footer .down div{width:100%;margin:3px 0;font-size:12px; text-align: center;}
.footer .down a{font-size:12px}

}


@media all and (max-width:460px){
.NewsHome ul .one .pic{width: 160px;}
/*--*/
.ContactInner .mode ul li{ width: calc( 100% - 12px);}

}