#pages { width: 100%; overflow: hidden; padding-top: 36px;text-align:center; display:flex; align-items:center;justify-content: center; }
#pages .pagination{ width: 100%; overflow: hidden; text-align:center;  }
#pages .page-item{ display:inline-block; margin:0 2px;  height:35px; line-height:35px; background:#fff; border:1px solid #e0e0e0; 
text-align:center; color:#666; border-radius: 2px; }
#pages .page-item a,#pages .page-item span { display:inline-block; padding:0 8px; min-width:25px; height:35px; line-height:35px; overflow:hidden; color:#666666; }
#pages .page-item.active,#pages .page-item:hover{ background:#fff; border:1px solid #004483; color:#004483; }
#pages .page-item.active a,#pages .page-item:hover a,#pages .page-item:hover span,#pages .page-item.active span{ color:#004483; }
#pages a.a1{ padding-left:12px; }
/* 分页OVER */
/* 内容页GO */
.content{ text-align:justify;	}
.content,.content p,.content a{	color:#333;	line-height:20px; font-size:12px;	}
.content a:hover{text-decoration:underline;}
.content img{ display:block;	margin:15px auto; max-width:610px;	}
.content p{margin-bottom:10px; text-indent:2em; }
/* 内容页OVER */
.listBan{  width: 100%; height: 482px;  overflow:hidden; position: relative; }
.listBan .here{  width: 1200px; height: 34px;  overflow:hidden; margin: 0 auto; margin-top: 8px;
 display: flex; align-items: center; justify-content: flex-end;
  position: absolute; bottom:30px; left: 50%; z-index: 99999; margin-left: -600px;
	width: 1200px; height: auto;
 }
.listBan .here,.listBan .here a,.listBan .here span{ line-height:34px; font-size:14px; color: #999; text-decoration: none; }
.listBan .here img{ width: 20px; margin-right: 8px; }
.listBan .here .text1{ padding: 0 2px;}
.listBanImg{  width: 100%; height: 400px;  
 background: url() no-repeat center center; background-size: 100% 400px;}
.listBanMain{ position: absolute; top:214px; left: 50%; z-index: 1; margin-left: -600px;
	width: 1200px; height: auto;  }
.listBanTit{ width: 100%; height: auto;  position: relative;  }
.listBanTit .bg{ width: 188px; height: 236px; overflow: hidden; background: #004483; line-height: 236px; 
text-align: center;  font-family: Arial, Helvetica, sans-serif; font-size: 180px; font-weight: bold;
 color: rgba(255,255,255,0.1); }
.listBanTit .info{ position: absolute; left: 128px; top: 30px; z-index: 1;
	width: auto; height: auto;  }
.listBanTit .info .tit,.listBanTit .info .titen,.listBanTit .info .icon{ width: 100%; height: auto; overflow: hidden;  }
.listBanTit .info .tit{ line-height:70px; font-size:40px; color: #fff; font-weight: bold; }
.listBanTit .info .titen{ line-height:40px; font-size:24px; color: #fff; text-transform: uppercase;  }
.listBanTit .info .icon{ width: 88px; height: 88px; overflow: hidden; background: #fff; margin-top: 30px;
	display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
	
.in_ct{ margin-top: 35px; overflow: hidden; padding-bottom: 30px;}		
.leftPro{ width: 194px; height: auto; overflow: hidden; float: left; }
.leftPro li{ width: 194px; height: auto; overflow: hidden; float: left; border-top: solid 1px #fff;
 background: #eef0f1; padding: 15px 0; }
 .leftPro li:nth-child(1){ border: none; }
.leftPro li .pic{ width: 170px; height: 134px; overflow: hidden; margin: 0 auto; margin-top: 15px; background: #fff;
display: flex; align-items: center; justify-content: center; }
.leftPro li .pic img{ max-width: 100%; max-height: 134px; overflow: hidden; }
.leftPro li .tit{ width: 170px; height: auto; overflow: hidden; text-align: center; margin: 0 auto;  margin-top: 10px;
line-height: 20px; color: #333; font-size: 16px;  }
.leftPro li .tit a{ line-height: 20px; color: #333; font-size: 16px;}	
.leftPro li .tit a:hover{ color: #ad050d;}	
.leftPro li.hover .tit a{ color: #ad050d; font-weight:bold; }		
	
/* 产品中心 */
.rightPro{ width: 970px; overflow:hidden; height: auto; float: right; padding-bottom: 10px;  }
.proList{ width: 970px; height: auto; margin-top: -20px; }
.proList li{ width:306px; height: 554px; margin-top: 20px; margin-left:20px; position:relative;  cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; }
.proList li:nth-child(3n+1){  margin-left:0; }
.proList li .pic,.proList li .pic img{ width: 308px; height: 308px; overflow: hidden; }
.proList li .pic{ display: flex; align-items: center; justify-content: center; }  
.proList li .pic span{ color: #333; font-size: 22px; font-weight: bold; } 
.proList li .tit,.proList li .info, .proList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.proList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0;
height: 36px;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.proList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.proList li .info{ height:78px; }
.proList li .info p{ padding: 3px 0; line-height: 20px; color: #999; font-size: 16px;
padding-left: 16px; position: relative;
height: 20px;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.proList li .info p::before{ position: absolute;left: 0;top: 8px;z-index: 1;width: 6px;height: 6px;overflow: hidden;
 background: #004483;border-radius: 50%;content: ''; }
.proList li .btn{ margin-top: 24px; }
.proList li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
   border: solid 1px #ad050d; border-radius:20px; text-align: center; }   
.proList li:hover .tit,.proList li:hover .tit a{ color: #ad050d; }
.proList li:hover .info p::before{ background: #ad050d; }
.proList li:hover .btn a{ background: #ad050d; color: #fff; }


/* 产品详情 */
.rightPro1,.rightPro2{ width: 100%; height:auto; overflow: hidden;  }
.rightPro1{ display:flex; }
.rightProle{ width: auto; height: auto; overflow: hidden; }
.rightProri{ flex:1; height: auto; overflow: hidden; margin-left: 30px; }
.rightProri .tit,.rightProri .subtit,.rightProri .info,.rightProri .infomobile,.rightProri .btn{ width: 100%; height:auto; overflow: hidden;}
.rightProri .tit{ line-height: 32px; color: #004381; font-size: 26px; font-weight: bold;  }
.rightProri .subtit{ line-height: 32px; color: #333; font-size: 20px; margin-top: 14px;  }
.rightProri .info,.rightProri .info p{ line-height: 28px; color: #333; font-size: 16px; }
.rightProri .info{ margin-top: 10px; }
.rightProri .info p{ padding: 10px 0;}
.rightProri .info p.red{ color: #ad050d; }
.rightProri .info p img,.rightProri .info img{ max-width: 100%; height:auto !important; }

.rightProri .infomobile{ line-height: 32px; color: #333; font-size: 18px; margin-top: 30px;}
.rightProri .infomobile span{ font-size: 24px; font-weight:bold;}

.rightProri .waybox{ width:100%; height:186px; overflow:hidden; position:relative; border-top:1px solid #e4e4e4; }
.rightProri .wxbox{ width:130px; height:auto; overflow:hidden; position:absolute; right:0; top:16px; z-index:1; }
.rightProri .wxbox .text{ width:100%; height:34px; overflow:hidden;
line-height: 34px; color: #333; font-size: 18px; text-align:center;
}
.rightProri .wxbox .img{ margin-top:6px; }
.rightProri .wxbox .img,.rightProri .wxbox .img img{ width:130px; height:130px; overflow:hidden; }


.rightProri .btn{ margin-top: 20px; }
.rightProri .btn .btnicon{ display: inline-block; width:auto; height: 50px; line-height: 50px; color: #fff; font-size: 16px; padding:0 24px;
   background: #ad050d; border-radius:0; text-align: center; float:left; margin-right:10px; cursor:pointer; }
.rightProri .btn .btnicon span{ font-size: 24px; font-weight:bold; }
.ProImg{ position: relative; padding: 4px; overflow: hidden; width: 450px; }
.ProImg .bigImg{ height: 450px; position: relative; background:#a8a8a8; }
.ProImg .bigImg li img{ vertical-align:middle; width:450px; height:450px;   }

.ProImg .smallScroll{ height: 150px; padding-bottom: 6px; position:relative; margin-top:40px }
.ProImg .sPrev,.ProImg .sNext{ position: absolute; top: 50%; margin-top: -18px; left:0; width: 24px; height: 24px; background:#004483;
  z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center; border-radius: 2px; }
.ProImg .sNext{  left:auto; right:0; }
.ProImg .sPrev:hover{ background: #004483;}
.ProImg .sNext:hover{ background: #004483;}

.ProImg .prevStop,.ProImg .nextStop{ background: #d2d2d2; }
.ProImg .sPrev .arrow_le,.ProImg .sNext .arrow_fr{ width: 8px; height: 8px; border-color: #fff; border-width: 2px;  }
.ProImg .prevStop .arrow_le,.ProImg .nextStop .arrow_fr{ border-color: #000; }
.ProImg .sPrev .arrow_le{ margin-left: 3px; }
.ProImg .sNext .arrow_fr{ margin-right: 3px; }
.ProImg .sPrev:hover .arrow_le,
.ProImg .sNext:hover .arrow_fr{ border-color: #fff; }

.ProImg .smallImg{ float:left; display:inline; width: 450px; overflow: hidden;}
.ProImg .smallImg ul{ height:140px;  width: 9999px; overflow: hidden; }
.ProImg .smallImg li{ float: left; padding: 0 15px 0 0; width:140px; cursor:pointer;  display: inline;  }
.ProImg .smallImg img{ width:140px; height:140px;  }
.ProImg .smallImg .on img{ width:136px; height:136px;  border: solid 2px #ad050d; }


.ProTab { width: 100%; border-top: 1px solid #e4e4e4; overflow: hidden; padding-top:50px; margin-top: 40px;  }
.ProTab .tab-hd { height: 70px; }
.ProTab .tab-hd ul { display: flex; }
.ProTab .tab-hd li{ flex: 1; float: left; height: 68px; line-height: 68px; margin-left: 1px;  cursor: pointer;
background: #f1f1f1; border-bottom: 2px solid #f1f1f1; color: #333; font-size: 20px; text-align: center; }
.ProTab .tab-hd li:nth-child(1){ margin-left: 0; }
.ProTab .tab-hd li.on{ border-bottom: 2px solid #ad050d; color: #ad050d; font-weight: bold; position: relative;  }

/* .ProTab .tab-bd { }
.ProTab .tab-bd ul{ overflow:hidden; zoom:1; }
.ProTab .tab-bd li { height: auto; overflow: hidden; width: 100%; float: left; }
.ProTab .tab-bd li .tab-pal{ width: 100%; height: auto; overflow: hidden; } */
.ProTab .tab-bd .tab-pal{ width: 100%; height: auto; overflow: hidden; }
.ProTab .tabBdCon{ text-align:justify; margin-top:30px;width: 100%; height: auto; overflow: hidden;	}
.ProTab .tabBdCon,.ProTab .tabBdCon p,.ProTab .tabBdCon a{ color:#333; line-height:24px; font-size:14px;	}
.ProTab .tabBdCon a:hover{text-decoration:none;}
.ProTab .tabBdCon img{
 max-width:100%; height:auto !important; display:inline-block;	}
.ProTab .tabBdCon p{ }


 /* 新闻列表 */
.newsHead{ width: 100%; height: auto; overflow: hidden; display: flex; position:relative; padding-bottom:30px; }
.newsTit{ width: auto; height: auto;   }
.newsTit .tit,.newsTit .titen{ width: 100%; height: auto; overflow: hidden; }
.newsTit .tit{ color:#333; line-height:54px; font-size:30px; font-weight: bold; }
.newsTit .titen{  color:#666; line-height:30px; font-size:18px; font-weight: bold; text-transform:uppercase; 
position:absolute; left:0; top:54px; z-index:1; }

.newsTab{ flex: 1; margin-left: 0; width: auto; height: auto; text-align: right; }
.newsTab .li{ display: inline-block; width: auto; height:58px; overflow: hidden; border-bottom: solid 1px #e6e6e6; }
.newsTab .li a{ display: block;  width: 100%; position: relative; text-align: center; padding:0 10px;   }
.newsTab .li .bg,.newsTab .li .text,.newsTab .li .line{ width: 100%; height: auto; overflow: hidden; text-align: center; }
.newsTab .li .bg{ 
	position: absolute; top: 0; left: 0; z-index: 1;
	height: 58px; color:rgba(0,68,131,0.1); line-height:58px; font-size:46px; font-weight: bold; display: none; }
.newsTab .li .text{  
	/* position: absolute; top: 0; left: 0; z-index: 1; */
height: 58px; color:#666; line-height:58px; font-size:18px;  }
.newsTab .li .line{ position: absolute; bottom: 0; left: 10%; z-index: 1;  width: 80%;
height: 2px; overflow: hidden; background: rgba(0,68,131,1); display: none;}
.newsTab .li:hover .bg,.newsTab .li.hover .bg{ display: block; }
.newsTab .li:hover .text,.newsTab .li.hover .text{ color:rgba(0,68,131,1); }
.newsTab .li:hover .line,.newsTab .li.hover .line{ display: block; }
.newsTab .li:frist-child{ margin-left: 0; }
  
.newsList{ width: 100%; height: auto;  } 
.newsList li{ width: 100%; height: auto;  float: left; padding: 28px 0;
display: flex; background: #f3f3f3;  margin-top: 40px;
 } 
.newsList li .pic{ width: 298px; height: 204px; overflow: hidden; margin-left: 28px; display: flex; align-items: center; justify-content: center; } 
.newsList li .pic img{ width: 100%; height: 204px; overflow: hidden; } 
.newsList li .pic span{ color: #333; font-size: 22px; font-weight: bold; } 
.newsList li .info{ flex: 1; height: auto; overflow: hidden; margin:0 28px;}
.newsList li .tit,.newsList li .desc,.newsList li .time,.newsList li .btn{ width: 100%; height:auto; overflow: hidden;}
.newsList li .tit,.newsList li .tit a{ line-height: 45px; color: #333; font-size: 22px; font-weight: bold;  }
.newsList li .tit{ height: 45px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.newsList li .desc,.newsList li .desc p{ line-height: 26px; color: #666; font-size: 16px; }
.newsList li .desc{ margin-top: 2px; 
height:52px;
word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsList li .time{ line-height: 26px; color: #666; font-size: 16px; margin-top: 10px;  }
.newsList li .btn{ margin-top: 14px; }
.newsList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; font-size: 14px;
 border: solid 1px #ad050d;  color: #ad050d; border-radius:20px; text-align: center; }
 
.newsList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; } 
.newsList li:hover .tit,.newsList li:hover .tit a{ color: #ad050d; }
.newsList li:hover .btn a{ border: solid 1px #ad050d; background: #ad050d;  color: #fff; }


/* 新闻内容 */
.newsShow{ width: 100%; height: auto; }
.newsShow1,.newsShow2,.newsShow3,.newsShow4{ width: 100%; height: auto; overflow: hidden; }
.newsShow1{ margin-top: 50px;
color:#004483;	line-height:50px; font-size:30px; font-weight: bold; text-align: center; }
.newsShow2 {  height: 30px; color:#999;	line-height:30px; font-size:16px; text-align: center; }
.newsShow2 span{ display: inline-block; width: auto; height: 30px; overflow: hidden; color:#999; line-height:30px; font-size:16px; 
 padding:0 10px; }
.newsShow3{ text-align:justify; margin-top:30px; border-top:solid 1px #e4e4e4; padding-top:30px;	}
.newsShow3,.newsShow3 p,.newsShow3 a{	color:#333;	line-height:30px; font-size:16px;	}
.newsShow3 a:hover{text-decoration:underline;}
.newsShow3 img{ display:block; margin:15px auto; max-width:100%;  height:auto !important;	}
.newsShow3 p{ margin-bottom:15px; }
.newsShow4{ margin-top:40px; padding-top:20px; border-top:solid 1px #e4e4e4;	}
.newsShow4,.newsShow4 p,.newsShow4 span,.newsShow4 a{ color:#999; line-height:30px; font-size:16px; }
.newsShow4 p:nth-child(2){ text-align:right; float:right;	}	
.newsShow4 p:hover a{ color: #004483;	}	
.newsShow4 p{ max-width:50%; float:left;
height:30px;overflow:hidden;
 white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}

/* 客户案例 */
.caseList{  width: 100%; height: auto; }
.caseList li{ width:376px; height: 460px; margin-left:32px; position:relative; cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 36px; }
.caseList li:nth-child(3n+1){ margin-left:0; }
.caseList li .pic,.caseList li .pic img{ width: 376px; height: 265px; overflow: hidden; }
.caseList li .pic{ display: flex; align-items: center; justify-content: center; }  
.caseList li .pic span{ color: #333; font-size: 22px; font-weight: bold; } 

.caseList li .tit,.caseList li .info, .caseList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.caseList li .tit{ height: 36px; line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0; margin-top: 24px;
 white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.caseList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.caseList li .info{ padding: 3px 0; height: 60px; 
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.caseList li .info,.caseList li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.caseList li .btn{ margin-top: 12px; display: flex; }
.caseList li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.caseList li .btn span img{ margin-right: 8px;}
.caseList li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
 text-align: right; }
.caseList li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
.caseList li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
 width: 100%; height:230px; background: #004483; text-align: justify; }
.caseList li .infoho .text{ padding: 40px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.caseList li:hover .infoho{ display: block; }
.caseList li .icon{  display: none; position:absolute; bottom: 195px; left: 50%; margin-left: -28px; z-index: 2;
 width: 56px; height:56px; overflow: hidden;}
.caseList li .icon img{ width: 56px; height:56px; overflow: hidden;}
.caseList li:hover .icon{ display: block; }

/* 案例详情 */
.caseBox1{ display:flex; margin-top: 60px; }
.caseBoxle{ width: 500px; height: 354px; overflow: hidden; }
.caseBoxle img{ width: 500px; height: 354px; overflow: hidden; }
.caseBoxri{ flex:1; height: auto; overflow: hidden; margin-left: 30px; }
.caseBoxri .tit,.caseBoxri .info,.caseBoxri .btn{ width: 100%; height:auto; overflow: hidden;}
.caseBoxri .tit{ height: 84px; line-height: 42px; color: #004483; font-size: 30px; font-weight: bold; margin-top: 10px; }

.caseBoxri .info{ border-top: solid 1px #e4e4e4; margin-top: 36px; padding-top: 40px;}
.caseBoxri .info .con{  padding:35px 40px; height:auto; overflow:hidden; background: #f1f1f1; }
.caseBoxri .info .con .item{  width: 100%; height:auto; overflow:hidden; display: flex;  align-items:center; margin-top: 20px;
line-height: 46px; color: #333333; font-size: 20px; font-weight: bold; }
.caseBoxri .info .con .item:nth-child(1){ margin-top: 0; }
.caseBoxri .info .con .item span.label{  display: inline-block; width:auto; height: 46px; line-height: 46px; color: #fff; font-size: 16px; padding:0 14px;  
background: #ad050d; border-radius:0; text-align: center; margin-right:30px; font-weight: lighter; 
 white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.caseBoxri .info .con .item span.text{ height: auto; line-height: 20px; }
/* 自动化生产 */
.ziBox{ width: 100%; overflow:hidden; height: auto; padding-bottom: 10px;  }
.ziList{ width: 100%; height: auto; margin-top: -32px; }
.ziList li{ width:376px; height: 432px; margin-top: 32px; margin-left:30px; position:relative;  cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; }
.ziList li:nth-child(3n+1){  margin-left:0; }
.ziList li .pic,.ziList li .pic img{ width: 378px; height: 280px; overflow: hidden; }
.ziList li .pic{ display: flex; align-items: center; justify-content: center; }  
.ziList li .pic span{ color: #333; font-size: 22px; font-weight: bold; } 
.ziList li .tit,.ziList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; text-align: center; }
.ziList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0;
height: 36px;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.ziList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.ziList li .btn{ margin-top: 20px; }
.ziList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
   border: solid 1px #ad050d; border-radius:20px; text-align: center; }   
.ziList li:hover .tit,.ziList li:hover .tit a{ color: #ad050d; }
.ziList li:hover .btn a{ background: #ad050d; color: #fff; }


/* 视频中心 */
.videoList{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; } 
.videoList li{ width: 100%; height: 376px;  float: left; display: flex; background: #f3f3f3; } 
.videoList li .pic{ width: 600px; height: 376px; overflow: hidden; position: relative; } 
.videoList li .pic img{ width: 600px; height: 376px; overflow: hidden; } 
.videoList li .pic .bfbtn{  position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden;  }
.videoList li .pic .bfbtn img{ width: 80px;height: 80px;overflow: hidden;  }
.videoList li .pic .e_video{ width: 600px; height: 376px; overflow: hidden;  background: #999 !important; }

.videoList li .info{ flex: 1; width: auto; height: 376px; height: auto; overflow: hidden; padding:0 40px;}
.videoList li .line,.videoList li .tit,.videoList li .desc,.videoList li .time,.videoList li .btn{ width: 100%; height:auto; overflow: hidden;}
.videoList li .tit{ margin-top: 20px; }
.videoList li .tit,.videoList li .tit a{ line-height: 40px; color: #004483; font-size: 26px; font-weight: bold;  }
.videoList li .line{ height: 4px; margin-top: 46px;}
.videoList li .line span{ display: block; width: 40px; height: 4px; overflow: hidden; background:#ad050d;}
.videoList li .desc,.videoList li .desc p{ line-height: 30px; color: #333; font-size: 16px; }
.videoList li .desc{ margin-top: 20px; 
height: 90px; 
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; 
}
.videoList li .desc p{ padding: 4px 0; }
.videoList li .btn{ margin-top: 30px; display: flex; align-items: center; justify-content: flex-end; 
line-height: 40px; font-size: 20px; color: #121212; font-weight: bold; }
.videoList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; font-size: 14px; font-weight: lighter;
 border: solid 1px #ad050d;  color: #ad050d; border-radius:20px; text-align: center; margin-left: 20px; background: #fff; }
 
/* .videoList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; } */
.videoList li:hover .tit,.videoList li:hover .tit a{ color: #ad050d; }
.videoList li:hover .btn a{ border: solid 1px #ad050d; background: #ad050d;  color: #fff; }



/* 视频中心横向 */
.videoAdList{ width: 100%; height: auto; overflow: hidden; margin-top: 10px; padding-bottom:20px;   } 
.videoAdList li{ width: 100%; height: auto;  float: left; border-bottom: solid 1px #e4e4e4; padding: 40px 0 50px 0;} 
.videoAdList li:nth-last-child(1){ border:none; }
.videoAdList li .tit,.videoAdList li .subtit,.videoAdList li .pic{ width: 100%; height:auto; overflow: hidden;}
.videoAdList li .tit,.videoAdList li .tit a{ line-height: 40px; color: #333; font-size: 26px; font-weight: bold;  }
.videoAdList li .subtit,.videoList li .subtit a{ line-height: 40px; color: #333; font-size: 22px; font-weight: bold;  }
.videoAdList li .subtit .text{ line-height: 40px; color: #333; font-size: 22px; font-weight: bold; }
.videoAdList li .subtit .line{ height: 3px;}
.videoAdList li .subtit .line span{ display: block; width: 40px; height: 3px; overflow: hidden; background:#004483;} 
.videoAdList li .pic{ width: 100%; height: 672px; overflow: hidden; position: relative; margin-top: 24px; } 
.videoAdList li .pic img{ width: 100%; height: 672px; overflow: hidden; } 
.videoAdList li .pic .bfbtn{  position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden;  }
.videoAdList li .pic .bfbtn img{ width: 80px;height: 80px;overflow: hidden;  }

/* 走进哲科 */
.abfloor1,.abfloor2,.abfloor3,.abfloor4,.abfloor5,.abfloor6,.abfloor7,.abfloor8{
  width: 100%; height: auto; overflow: hidden;
}
.abfloor1{ height: auto; background:#fff;  }
.abfloor2{ height: auto;background: #fff;  }
.abfloor3{ height: auto; }
.abfloor4{ height: auto; background: #f3f3f3; }
.abfloor5{ height: 540px; background: url(../images/aboutCoopbg.jpg) no-repeat center top; background-size: 100% 540px;}
.abfloor6{height: auto; background: #fff; }
.abfloor7{height: 784px;background: #f3f3f3; }

.in_tit{ width:100%; height: auto; overflow: hidden; text-align: center; margin: 70px auto 0;  }
.in_tit .titText{ display: inline-block; margin: 0 auto; position: relative; }
.in_tit .titText .Text{ width:100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #333; }
.in_tit .titText .Text1,.in_tit .titText .Text1 a{  color: #333; font-size:34px; font-weight: bold; }
.in_tit .titText .Text2{ font-size:20px; height: 28px; line-height: 28px; text-transform: uppercase; color: #666; }

.aboutbox1{ width: 100%; height: auto; overflow: hidden; margin-top: 46px; }
.aboutbox1 .img{ float:left; clear: both;  width:530px; height: 320px; margin: 0 34px 10px 0; }
.aboutbox1 .info,.aboutbox1 .info p,.aboutbox1 .info a{  line-height: 30px; color: #333; font-size: 16px; }
.aboutbox1 .info p{ padding: 10px 0 24px 0;}

.abBox2{  width: 100%; height: auto; margin-top: 40px; position: relative; }
.abBox2le{ width: 536px; overflow: hidden;  }
.abBox2Item{ width: 100%;height: auto; overflow: hidden; float: left; margin-top: 50px; }
.abBox2Item:nth-child(1){ margin-left: 0; }
.abBox2Item .tit,.abBox2Item .info{ width: 100%; height: auto; overflow: hidden;  }
.abBox2Item .tit{  display: flex; align-items: center;  }
.abBox2Item .tit .sort,.abBox2Item .tit .text{ display: inline-block; height: 32px;line-height: 32px; }
.abBox2Item .tit .sort{  background: #ad050d; color: #f9f9fb; font-size: 25px; font-weight: bold; padding: 0 10px;  }
.abBox2Item .tit .text{ flex: 1; color: #333;font-size: 20px; font-weight: bold;
padding-left: 10px;border-bottom: dashed 1px #004483;  }
.abBox2Item .info{  width: auto;  color: #333;font-size: 16px; line-height: 30px; margin-top: 10px; }
.abBox2Item .info p{ padding: 10px 0; color: #333;font-size: 16px; line-height: 30px;
padding-left: 20px; position: relative; }
.abBox2Item .info p::before{ position: absolute;left: 0;top: 22px;z-index: 1;width: 8px;height: 8px;overflow: hidden;
 background: #004483;border-radius: 50%;content: ''; }
 
.abBox2ri{ width: 960px; overflow: hidden; position: absolute; left: 600px; top: 0; z-index: 1; display: flex; }
.abBox2ri .img1{ width: 476px; height: 410px; overflow: hidden; margin-right: 10px; }
.abBox2ri .img1 img{ width: 476px; height: 410px; overflow: hidden; }
.abBox2ri .img2{ flex: 1; }
.abBox2ri .img2 img{ display: inline-block; width: 476px; height: 200px; overflow: hidden; margin-top: 10px;  }
.abBox2ri .img2 img:nth-child(1){ margin-top: 0;  }
.abBox3{ margin-top: 70px; }
.abBox3 .abBox2le{ float:right; }
.abBox3 .abBox2ri{ right: 600px; top: 0; left: auto; }

.abBox3 .abBox2ri .img1{ width: 476px; height: 410px; overflow: hidden; margin-left: 10px;  margin-right: 0px; }

.abBox4List{ width: 100%; overflow:hidden; height: auto; margin-top: 16px; }
.abBox4List li{ width:278px; height: 230px; margin-left:24px; position:relative;  cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 24px; }
.abBox4List li:nth-child(4n+1){  margin-left:0;  }
.abBox4List li .pic,.abBox4List li .pic img{ width:280px; height: 230px; overflow: hidden; }

.abHonorList{ width: 100%; overflow:hidden; height: auto; margin-top: 40px; }
.abHonorList li{ width:224px; height: 346px; background: #fff; margin-left:16px; position:relative;  cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; }
.abHonorList li:nth-child(5n+1){  margin-left:0;  }
.abHonorList li .pic,.abHonorList li .pic img{ width:200px; height: 288px; overflow: hidden; margin: 0 auto; }
.abHonorList li .pic{ margin-top: 12px; }
.abHonorList li .tit{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center; 
 line-height: 36px; color: #333; font-size: 16px; padding: 4px 0; }
.abHonorList li .tit a{ line-height: 36px; color: #333; font-size: 16px; }

.abfloor5 .in_tit .titText .Text{ color: #fff; }
.abfloor5 .in_tit .titText .Text1{ color: #fff; }
.abfloor5 .in_tit .titText .Text2{ color: rgba(255,255,255,0.7); }
.abCoopList{ width: 100%; overflow:hidden; height: auto; margin-top: 30px; }
.abCoopList li{ width:230px; height: 78px; background: #fff; margin-left:10px; position:relative;  cursor: pointer;
float:left; display:inline; margin-top:10px; }
.abCoopList li:nth-child(5n+1){  margin-left:0;  }
.abCoopList li .tit{ width:230px; height: 78px; overflow: hidden; margin: 0 auto; text-align: center; 
 line-height: 78px; color: #333; font-size: 16px; }
.abCoopList li .tit a{ display: block; width:230px; height: 78px; color: #ad050d; font-size: 18px; }


/* 联系我们 */
.contfloor1,.contfloor2{
  width: 100%; height: auto; overflow: hidden;
}
.contfloor1{ height: auto; background:#fff;  }
.contfloor2{ height: auto; background: #f3f3f3;  }

.contactbox1{ width: 100%; height: auto; overflow: hidden; display: flex; margin-top: 40px; }
.contactbox1le{ width: 374px; height: auto; overflow: hidden; margin: 0 70px 0 18px; }
.contactbox1 .tit,.contactbox1 .info{ width: 100%; height: auto; overflow: hidden; }
.contactbox1 .tit{ color: #004483; font-size: 26px; font-weight: bold; padding:13px 0;
line-height: 30px;
}
.contactbox1 .info{ padding-top: 25px; border-top: solid 1px #e4e4e4; margin-top: 12px; }
.contactbox1 .info p{ width: 100%;  height: auto; overflow: hidden;  display: flex; padding: 6px 0; }
.contactbox1 .info p span{ line-height: 32px; color: #333; font-size: 20px; }
.contactbox1 .info p span.label{ 
	font-weight: bold;
	display: inline-block;
	width: 60px;
	text-align: justify; }
/* .contactbox1 .info p span.label::after{ 
  content: '';
  display: inline-block;
  width: 100%;
} */
.contactbox1 .info p span.text{ flex: 1;  }
.contactbox1 .img{ width: 740px; height: auto; overflow: hidden; }
.contactbox1 .img img{ width: 740px; height: 400px; overflow: hidden; }

.contactbox2{ width: 100%; height: auto; overflow: hidden;  }
.contForm,.formRow,.formGroup,.formFoot{ width: 100%; height: auto; overflow: hidden; }
.formRow{ display: flex; margin-top: 36px; }
.formGroup2{ margin-left: 36px;}
.formGroup2:nth-child(1){ margin-left: 0; }
.formGroup .label,.formGroup .inputBox,.formGroup .inputBox input{ width: 100%; height: auto; overflow: hidden; }
.formGroup .label{ height: 36px; line-height: 36px; color: #333; font-size: 20px; font-weight: bold; }
.formGroup .inputBox{ display: flex; margin-top: 16px; }
.formGroup .inputBox input{ background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px; border: none;  }

.formGroup .inputBox input.liuyanbox{ min-height:200px; background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px;  }
.formGroup .inputBox textarea.liuyanbox{ 
width: 100%; border: none;
border:none;
outline: none;/*边线不显示*/
resize: none;/*禁止拉伸*/
appearance:none;
min-height:200px; background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px;
}
.formFoot{ margin-top: 50px;  }
.formFoot .btn{ width:100%; height: 60px; line-height: 60px; color: #fff; font-size: 14px; background: #004483;
 text-align: center; font-size: 16px; cursor:pointer; } 

/* 产品详情弹窗 */
.maskBgBody{ display:none; width:100%; height:100vh; overflow:hidden; }
.maskBg{ position:fixed; top:0; left:0; z-index:999; width:100%; height:100vh; overflow:hidden; background:rgba(0,0,0,0.2);
display: flex; align-items: center;  }
.maskDialog{ width:760px; height:auto; overflow:hidden; top:0; bottom:0; left:0; right:0; z-index:999;
background:#fff; margin:0 auto; padding:10px 0 30px 0; position:relative; }
.maskClose{ position:absolute; top:20px; right:20px; z-index:99999; width:25px; cursor:pointer;  }
.maskClose img{ width:25px; }
.maskDiaCon{ width:82%;  height:600px; overflow-y:auto; margin:0 auto;  }
.maskDiaForm{ width:92%; height:auto; overflow:hidden; margin:0; padding:0; }
.maskFormTit,.maskFormRow,.maskFormRow .Tit,.maskFormRow .FormItem,.maskFormFoot{ width: 100%; height: auto; overflow: hidden; }
.maskFormTit{ line-height: 30px; color: #333; font-size: 24px;  font-weight:bold; margin-top: 20px; text-align:center; }
.maskFormRow .Tit span{  display: inline-block; width:auto; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding:0 20px; font-weight:bold;
   background: #ad050d; border-radius:0; text-align: center; float:left; }
.maskFormRow{ margin-top: 40px; border-top:solid 1px #e5e5e5; padding-top:30px;}
.maskFormRow .FormItem{ display: flex; margin-top: 20px;  }
.maskFormRow .FormItem .label{ width:94px; height: 50px; line-height: 50px; color: #333; font-size: 16px; text-align:right; }
.maskFormRow .FormItem .label span{ color: #ff0000; font-size: 16px; font-weight:bold; }
.maskFormRow .FormItem .inputBox{ display: flex; flex:1; }
.maskFormRow .FormItem .inputBox input{ background:#fff; flex:1; padding:8px; line-height: 30px; 
color: #333; font-size: 16px; border: none; border:solid 1px #e5e5e5;  }
.maskFormRow .FormItem .inputBox input:focus {   
  outline: 0; border: 2px solid #ad050d;
}
.maskFormRow .FormItem .inputBox textarea.liuyanbox{
border:none;
outline: none;
resize: none;
appearance:none;
display:block; flex:1;
word-break: break-all; word-wrap: break-word;white-space: pre-wrap;
min-height:90px; background:#fff;  padding:8px; line-height: 30px; 
color: #333; font-size: 16px; border:solid 1px #e5e5e5; }
.maskFormRow .FormItem .inputBox textarea.liuyanbox:focus {   
  outline: 0; border: 2px solid #ad050d;
}
.maskFormFoot{ margin-top: 40px; text-align:center }
.maskFormFoot .btn{ width:108px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; background: #ad050d;
 text-align: center; font-size: 16px; cursor:pointer; margin:0 auto; }  

/* 产品详情相关案例 */
.caseTabTit,.caseTabsubTit,.caseTabImg{ width:100%; height:auto; }
.caseTabTit { line-height: 40px; color: #004483; font-size: 26px;  font-weight:bold; margin-top: 40px; text-align:center;  }
.caseTabsubTit { text-align: center; }
.caseTabsubTit div { display:inline-block; margin:0 auto; line-height: 30px;color: #666;font-size: 16px; position: relative; }
.caseTabsubTit div:after, .caseTabsubTit div:before {position: absolute;top: 50%;background: #666;content: "";height: 1px;width: 20px;}
.caseTabsubTit div:before {left: -30px;}
.caseTabsubTit div:after {right: -30px;}
/* .caseTabImg img{ width:100%; height:auto; max-width:100%; } */

.caseTabImg{ width: 100%; height: auto; overflow: hidden;}
.caseTabImg li,.caseTabImg li .pic{ width: 220px; height: 68px; overflow: hidden;  }
.caseTabImg li{ margin: 26px 0 0 26px; float: left; border:solid 1px #e4e4e4; }
.caseTabImg li:nth-child(4n+1){ margin-left: 0; }
.caseTabImg li .pic{ display:flex; align-items:center;  justify-content: center; }
.caseTabImg li .pic img{ margin:0; max-width:220px; max-height:68px; overflow:hidden; }


.caseTabList{  width: 100%; height: auto; }
.caseTabList li{ width:306px; height: 408px; margin-left:22px; position:relative; cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 26px; }
.caseTabList li:nth-child(3n+1){ margin-left:0; }
.caseTabList li .pic,.caseTabList li .pic img{ width: 306px; height: 218px; overflow: hidden; margin:0; }
.caseTabList li .tit,.caseTabList li .info, .caseTabList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.caseTabList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0; margin-top: 24px; 
height: 36px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.caseTabList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.caseTabList li .info{ padding: 3px 0;
height: 60px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.caseTabList li .info,.caseTabList li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.caseTabList li .btn{ margin-top: 10px; display: flex; }
.caseTabList li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.caseTabList li .btn span img{ margin-right: 8px;}
.caseTabList li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
 text-align: right; }
.caseTabList li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
.caseTabList li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
 width: 100%; height:230px; text-align: justify; }
.caseTabList li .infoho .infomain{  width: 100%; height:230px; background: #004483; text-align: justify; position:relative; }
.caseTabList li .infoho .infomain .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px; 
word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.caseTabList li .infoho .infomain .icon{ position:absolute; top: -40px; left: 50%; margin-left: -28px; z-index: 2;
 width: 56px; height:56px; }
.caseTabList li .infoho .infomain .icon img{ width: 56px; height:56px; overflow: hidden;}
.caseTabList li:hover .infoho{ display: block; }

.emptybox{ width:100%; height: 400px; overflow:hidden; display:flex; align-items:center; }
.emptybox .text{ width:100%; overflow:hidden; color:#333; line-height:30px; font-size:14px; text-align:center; }

/* 产品中心 相关案例 */

.layB{width:100%;padding:0px; }
.layB .hd{ width:100%; height:auto;  overflow:hidden; text-align: center; display: flex; align-items: center; justify-content: center;  }
.layB .hd ul li,.layB .hd .layBnext,
.layB .hd .layBprev{ cursor:pointer; display:inline-block; margin:0 2px; background:#fff; border:1px solid #e0e0e0;
text-align:center; color:#666; border-radius: 2px; padding:0 5px; min-width:25px; height:35px; line-height:35px; overflow:hidden; 
text-decoration-line: none; text-decoration: none;
-moz-text-decoration-line: none; }
.layB .hd .layBnext,
.layB .hd .layBprev{ }
.layB .hd .layBnext{ background:#fff; border:1px solid #e0e0e0; }
.layB .hd .prevStop{ background:#fff; border:1px solid #e0e0e0;  cursor:default; }
.layB .hd .nextStop{ background:#fff; border:1px solid #e0e0e0;  cursor:default; }
.layB .hd ul{ zoom:1; margin:0 2px; margin-top: 6px; padding: 0;display:inline-block; }

.layB .hd ul li.on{ background:#fff; border:1px solid #004483; color:#004483; }

.layB .tbC{ width:100%; position:relative;  overflow:hidden;    }
.layB .tbCslide{ width:100%; height:878px;  overflow:hidden;    }
.layB .tbCslide ul{ overflow:hidden; zoom:1; }

.layB .tbCslide li{ width:306px; height: 408px; margin-left:22px; position:relative; cursor: pointer;
float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 26px; }
.layB .tbCslide li:nth-child(3n+1){ margin-left:0; }
.layB .tbCslide li .pic,.layB .tbCslide li .pic img{ width: 306px; height: 218px; overflow: hidden; margin:0; }
.layB .tbCslide li .tit,.layB .tbCslide li .info, .layB .tbCslide li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.layB .tbCslide li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0; margin-top: 24px;
height: 36px;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.layB .tbCslide li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.layB .tbCslide li .info{ padding: 3px 0;
height: 60px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.layB .tbCslide li .info,.layB .tbCslide li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.layB .tbCslide li .btn{ margin-top: 10px; display: flex; }
.layB .tbCslide li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.layB .tbCslide li .btn span img{ margin-right: 8px;}
.layB .tbCslide li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
 text-align: right; }
.layB .tbCslide li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
/* .layB .tbCslide li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
 width: 100%; height:230px; text-align: justify; }
.layB .tbCslide li .infoho .infomain{  width: 100%; height:230px; background: #004483; text-align: justify; position:relative; }
.layB .tbCslide li .infoho .infomain .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px; 
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.layB .tbCslide li .infoho .infomain .icon{ position:absolute; top: -40px; left: 50%; margin-left: -28px; z-index: 2;
 width: 56px; height:56px; }
.layB .tbCslide li .infoho .infomain .icon img{ width: 56px; height:56px; overflow: hidden;}
.layB .tbCslide li:hover .infoho{ display: block; } */

.layB .tbCslide li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
 width: 100%; height:230px; background: #004483; text-align: justify; }
.layB .tbCslide li .infoho .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.layB .tbCslide li .infoho .text p{ padding:0; overflow: hidden; color:#fff; line-height:30px; font-size:16px; }
.layB .tbCslide li:hover .infoho{ display: block; }
.layB .tbCslide li .icon{  display: none; position:absolute; bottom: 195px; left: 50%; margin-left: -28px; z-index: 2;
 width: 56px; height:56px; overflow: hidden;}
.layB .tbCslide li .icon img{ width: 56px; height:56px; overflow: hidden; margin:0; }
.layB .tbCslide li:hover .icon{ display: block; }