@charset "utf-8";

/* CSS Document */
*{ font-size:14px; box-sizing:border-box; font-family:"微软雅黑",Simsun;}
.diflex{display:flex;  align-items:center; justify-content:space-between;}
.flo{ float:left;}
.flor{ float:right;}
.clear{ clear:both;}
/*头部 */
.boxA{ width:100%;}
.top{ max-width:1200px; margin:auto; display:flex;  align-items:center; justify-content:space-between; height: 83px;}

.navbgaa{ width:100%; color:#FFF; font-weight:bold; font-size:16px; }
.navbgaa ul li a{ color:#FFF;}
.navbgbb ul li a{ color:#000000;}
.topa{  min-width:308px; height:55px;}
.topb{ width:100%; margin-left:10px; text-align:center;}
.topb ul li{ display:inline-block; padding:0px 25px; font-size:16px;}
.topc{ min-width:97px; height:35px; background:#b3b3b3; border-radius:5px; text-align:center; line-height:35px;  }
.topc a{ color:#FFF; }
/*头部 */

/*产品中心*/
.pro{ background:#f9f9f9; padding:100px 0px;  }
.proa{ max-width:1200px; margin:auto;  background:url(../images/probg.jpg) repeat-y; }
.prob{ width:100%; height:116px; line-height:116px; padding-left:50px; color:#FFF; font-size:32px; color:#FFF; }
.proc{}
.proca{ padding-left:85px; writing-mode:vertical-lr; font-size:27px; color:#a4b5b5; letter-spacing:4px;}
.procb{ min-width:498px;}
.procb img{ width:100%;}
.procc{ width:100%; padding:0px  80px;}
.procc ul { }
.procc ul  a li{ float:right; text-align:right; width:100%; height:115px; border-bottom:1px solid #4d6a6c;  line-height:115px; color:#101010; font-size:34px;  transition:all 1s;}

.procc ul a li  span{ font-size:12px; color:#CCC; padding-left:10px;}
.procc ul a:hover li{ width:30%;  } 

/*产品中心*/
/*关于我们*/
.abut{ width:100%; background:url(../images/aboutbg.jpg) top; background-size:100%; padding:30px 0px;}
.abuta{ max-width:1200px; margin:auto;}
.abutb{ font-size:50px; text-align:center; padding-top:70px; color:#FFF;}
.abutnr{ max-width:80% !important; margin:auto; padding:40px 0px; color:#FFF; line-height:1.5em; text-align:center; }
.abutbtn{ text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF; height:50px; line-height:50px; width:100px; margin:auto;}
.abutbtn a{ color:#FFF;}
/*关于我们*/
/*案例展示*/
.show{ width:100%; padding:80px 0px;}
.showitle{ height:60px; padding-bottom:70px;}
.showitlea{ font-size:34PX;}
.showitleb{ width:238px; height:19px; background:url(../images/showmore.jpg) right no-repeat; font-size:18px; line-height:19px; padding-right:30px; text-align:right;}
.showa{ max-width:1200px; margin:auto;}

.showa ul li{ width:31%; position:relative; overflow:hidden; }

.showa ul li img{ width:100%; height:auto; } 
.showa ul li .title{ position:absolute; bottom:0px; right:0px; z-index:999; height:50px; width:50%; background: url(../images/showd.jpg) no-repeat right center #FFF; line-height:50px; padding-left:20px}
 
.showa ul li a:hover .title{width:100%; transition:all 1s;}
/*案例展示*/
/*新闻*/
.new{ width:100%; padding:50px 0px;}
.newa{ max-width:1200px; margin:auto;}
.newab{ width:31%;}
.newab img{ width:100%; height:auto;}
.newaba{  width:100%; border-top:2px solid #e8e9f0; border-bottom:2px solid #e8e9f0; padding:20px 0px; }
.newabb{ font-size:12px; color:#CCC;}
.newabc{ margin:10px 0px; line-height:1.5em;  height:63px;  text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.newabd{ text-align:right; table-layout:fixed; word-break: break-all; overflow:hidden;  width:100%; line-height:30px;}
.newabe{ padding-top:80px;}
.newabea{ padding-bottom:80px;}
/*新闻*/
/*底部*/
.down{ width:100%; margin-top:50px; padding-top:50PX; height:320px; background:url(../images/downa.jpg) center; color:#FFF; }
.downa{ max-width:1200px; margin: 30px auto;}
.downb{ min-width:150px;}
.downba{ width:8px; height:3px; background:#FFF; margin:20px 0px;}
.downbb{ width:100%; margin-bottom:20px;}
.downbb img{ width:100PX; height:auto; }
.downbc{table-layout:fixed; word-break: break-all; overflow:hidden; }
.downc{ min-width:120px;}
.downca{ font-size:18px;}
.downcb{}
.downcb ul li a{ color:#FFF; height:30px; line-height:30px;}
.downe{ width:30%;}
.downea{ font-size:14px; table-layout:fixed; word-break: break-all; overflow:hidden; line-height:1.5em;} 
.downz{ width:100%;  background:#000; padding:10px 0px;}


/* 网页底部 */
.zzb07link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	color: #fff;
	line-height:42px;
}

.zzb07link:hover {
	text-decoration: underline;
	color: #fff;
}
.zzb07tail
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
.zzb07tail a
{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}

.disbanner{ display:none;}
.sjdis{display:none;}
.dibupc{ display:block;}
.sjbanner{ display:none;}
.prodis{ display:block;}
.aboutdis{ display:none;}
/*底部*/


/*响影式开始*/
@media screen and (max-width:1024px){ 
.top{ width:100%; margin:auto; display:block !important;  padding:20px 0px;}
.topa{  width:308px; height:55px; margin:auto; padding-bottom:40px;}
.disno{ display:none !important;}

.disbanner{ display:block;}
.waptop{ width:100%;  background:#FFF; padding:0px 20px;}
.navbgaa ul li a {color: #000;}
.topb{ width:85%;  text-align:center; padding-top:10px;}
.topb ul li {display: inline-block;padding: 0px 20px;font-size: 16px;}

.proca { display:none;}
.proa { width:100%;  margin: auto; background: url(../images/probg.jpg) repeat-y;  }
.procb { padding-left:30px;}
.procb img {width:100%;}
.abut{ width:100%; background:url(../images/aboutbgaa.jpg) no-repeat;  padding:30px 0px;}

.show {width: 90%; margin:auto; padding: 80px 0px;}
.new { width: 90%; padding: 50px 0px; margin:auto;}
.newabc { margin: 10px 0px; line-height: 1.5em; height: 40px;  text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.newabe {padding-top: 50px;}
.newabea { padding-bottom: 50px;}
.downa { max-width: 100%; margin: 30px auto; padding: 0px 20px !important;}

.sjdis{display:none;}
.dibupc{ display:block;}
.sjbanner{ display:block;}
.prodis{ display:block;}
.aboutdis{ display:none;}

  }
@media screen and (max-width:768px){
.disbanner{ display:none;}
.sjdis{display:block;}
.sjbanner{ display:block;}
.dibupc{ display:none;}
.proa {
    width:100% !important;
    margin: auto;
     background:#f9f9f9;
   
}


.prob {
    width: 100%;
    height: 116px;
    line-height: 116px;
    padding-left: 30px;
    color: #FFF;
    font-size: 32px;
    color: #000;
}

.procb{ width:100% !important; padding:20px;}
.procb img{ width:100% !important; height:auto;}
.newab {width: 48%;}
.diflexmobli{ display:block !important;}
.showa ul li { width: 100%; position: relative; overflow: hidden; margin-bottom:20px;}
.newab {
    width: 100%;
	margin-bottom: 40px;
}
.prodis{ display:none;}
.prodishie{ height:90px !important; line-height:90px !important;}
.aboutdis{ display:block;}

}

	 
@media screen and (max-width: 640px){
	.disbanner{ display:none;}
.sjdis{display:block;}
.sjbanner{ display:block;}
.dibupc{ display:none;}
.pro { background: #f9f9f9; padding:40px 0px !important;}
.proa {width:100% !important;margin: auto;background:#f9f9f9;}


.prob {
    width: 100%;
    height: 116px;
    line-height: 116px;
    padding-left: 30px;
    color: #FFF;
    font-size: 32px;
    color: #000;
}

.procb{ width:100% !important; padding:20px;}
.procb img{ width:100% !important; height:auto;}
.diflexmobli{ display:block !important;}

.showa ul li { width: 100%; position: relative; overflow: hidden; margin-bottom:20px;}
.newab {
    width: 100%;
	margin-bottom: 40px;
}

.showitlea {
    font-size: 18PX; color:#000; font-weight:bold;
}
.showitleb {
    width: 100px;
    height: 19px;
    background: url(../images/showmore.jpg) right no-repeat;
    font-size: 12px;
    line-height: 19px;
    padding-right: 30px;
    text-align: right;
}
.prodis{ display:none;}
.prodishie{ height:90px !important; line-height:90px !important;}
.aboutdis{ display:block;}

	}
	
@media screen and  (max-width:375px){ 
.procb {width: 100% !important; padding: 20px; box-sizing:border-box;}
.procb  img{ width:74% !important; height:auto !important;}

.proa { height:auto !important;}

.procc {
    width: 100%;
    padding: 0px 30px;
}

.showitlea {
    font-size: 18PX; color:#000; font-weight:bold;
}
.showitleb {
    width: 100px;
    height: 19px;
    background: url(../images/showmore.jpg) right no-repeat;
    font-size: 12px;
    line-height: 19px;
    padding-right: 30px;
    text-align: right;
}
.diflexmobli{ display:block !important;}
.showa ul li { width: 100%; position: relative; overflow: hidden; margin-bottom:20px;}
.newab {
    width: 100%;
	margin-bottom: 40px;
}

.prodis{ display:none;}
.prodishie{height:90px !important; line-height:90px !important;}
.aboutdis{ display:block;}

 }
 
 
 	
@media screen and  (max-width:320px){ 

.procb  img{ width:60% !important; height:auto !important;}



 }
 
 
/*响影式开始*/