body{
	background: rgba(242, 242, 242, 1.0);
}
.banner{ max-height:800px; overflow:hidden; }
.position{ margin-top:20px; }

.menuc{ margin-top:-50px; }
.menuc ul{ display:flex; flex-wrap:wrap; }
.menuc ul li{ width:32%; margin-right:2%; background:#fff; border-radius:5px; padding:20px; transition:all 0.2s; box-shadow:0px 3px 5px rgba(200, 200, 200, 0.2); }
.menuc ul li:last-child{ margin-right:0; }
.menuc ul li img{ height:25px; margin-right:10px; }
.menuc ul li h4{ font-size:16px; font-weight:500; color:#000; margin-bottom:10px; }
.menuc ul li p{ color:#666; font-size:14px; }
.menuc ul li:hover{ margin-top:-5px; }

.title{margin:50px 0px 30px 0px; }
.title dl{ display:flex; justify-content:center; }
.title img{ height:30px; }
.title h2{ font-size:24px; color:#333; margin:0px 20px; line-height:30px; }
.title a{ text-align:center; color:#999; display:block; margin-top:10px; }

.video{}
.video ul{ display:flex; flex-wrap: wrap; justify-content:space-between; }
.video ul li{ width: calc((100% - 40px) / 3); transition:all 0.5s; cursor: pointer; margin-right:20px; border-radius:5px; background:#fff; padding-bottom:20px; overflow:hidden; }
.video ul li dd{ width:100%; height:230px; text-align: center; position: relative; overflow: hidden;}
.video ul li img{ height:100%; transition: all 0.5s; }
.video ul li:nth-child(3n){ margin-right:0; }
.video ul li:hover{ box-shadow:5px 5px 5px #ccc; }
.video ul li:hover img{ transform: scale(1.1); }
.video ul li dd i{ display:block; width:56px; height:56px; background:url(../imagess/star.png) no-repeat; position:absolute; top:calc(50% - 28px); left:calc(50% - 28px); }
.video ul li h4{ font-size:16px; padding:10px 20px; line-height:30px; }
.video ul li dl{ padding:0px 20px; justify-content:space-between; display:flex; align-items:center; }
.video ul li dl span{ color:#666; font-size:12px; }
.video ul li dl span i{ margin-right:5px; }
.video ul li dl button{ background:#0069b5; border:none; width:120px; height:40px; line-height:40px; border-radius:40px; color:#fff; }


.xuanxing{ background:url(../imagess/model-bg.aa54c04.jpg) no-repeat; padding: 1px 0px 50px 0px; margin-top: 50px;}
.xuanxing .xx{ background:url(../imagess/selection-bg.4591dd6.jpg) no-repeat;}
.xuanxing .xx ul{ display:flex; flex-wrap:wrap; }
.xuanxing .xx ul li{ width:calc(100% / 2); transition:all 0.5s; height:474px; background:rgba(0, 0, 0, 0.5); transition:all 0.5s; padding:20px 30px; }
.xuanxing .xx ul li i{ display:block; width:39px; height:39px; background:url(../imagess/more.png) no-repeat;}
.xuanxing .xx ul li h4{ font-size:16px; color:#fff; margin-bottom:20px; }
.xuanxing .xx ul li dd{ text-align:center; }
.xuanxing .xx ul li p{ font-size:14px; color:#fff; line-height: 23px; margin-bottom:20px; }
.xuanxing .xx ul li button{ background:#0069b5; border:none; display: none; width:180px; height:40px; line-height:40px; border-radius:40px; color:#fff; transition:all 1s; }
.xuanxing .xx ul li.active{  background:rgba(0, 0, 0, 0); }
.xuanxing .xx ul li.active i{ display:none; }
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
 
.xuanxing .xx ul li.active button{
    display: block;
    animation: fadeInOut 2s;
}


.case{}
.case ul{ display:flex; flex-wrap: wrap; justify-content:space-between; }
.case ul li{ width: calc((100% - 60px) / 4);transition:all 0.5s; cursor: pointer; margin-right:20px; border-radius:5px; background:#fff; padding:20px; overflow:hidden; }
.case ul li:hover{ box-shadow:5px 5px 5px #ccc; }
.case ul li dd{ width:100%; height:170px; text-align: center; position: relative; overflow: hidden;}
.case ul li img{ height:100%; transition: all 0.5s; }
.case ul li:nth-child(4n){ margin-right:0; }
.case ul li:hover img{ transform: scale(1.1); }
.case ul li dd i{ display:block; width:56px; height:56px; background:url(../imagess/star.png) no-repeat; position:absolute; top:calc(50% - 28px); left:calc(50% - 28px); }
.case ul li h4{ font-size:16px; padding:0px 0px; margin-top: 30px; line-height:30px; }
.case ul li p{ font-size:14px; padding:0px 0px; line-height:23px; height: 56px; margin-bottom: 0px; overflow: hidden; color:#666; }
.case ul li dl{ padding:0px 0px; margin-bottom: 20px; justify-content:space-between; display:flex; align-items:center; }
.case ul li dl span{ color:#666; font-size:12px; line-height:16px; }
.case ul li dl span i{ margin-right:5px; font-size:14px; }
.case ul li dt{ display:flex; flex-wrap:wrap; height:90px; overflow:hidden; }
.case ul li dt span{ display:block; font-weight:400; border:1px solid #f0f0f0; color: #777; height: 40px; line-height: 40px; padding:0px 10px; border-radius:6px; margin-right:5px; margin-bottom:5px; }
.case ul li a{ display:block; text-align:right; margin-top:10px; }

.news{ margin-top:50px; background:#fff; padding:50px 0px; }
.news .container{ display:flex; justify-content:space-between; }
.news .news-zs{ width:calc((100% - 10px) / 2); margin-right:20px; box-shadow:0px 0px 8px rgba(200, 200, 200, 0.7); border-radius:5px; overflow:hidden; }
.news .news-zs .news-zs-title{ background:#17528e; color:#fff; padding:20px; }
.news .news-zs .news-zs-title h2{ font-size:22px; position:relative; padding-left:20px; }
.news .news-zs .news-zs-title h2:after{ content:''; width:5px; height:20px; background:#fff; border-radius:5px; position:absolute; left:0; top:4px; }
.news .news-zs .news-zs-title a{ margin-top:10px; display:block; color:#fff; }

.news .news-zx{ width:calc((100% - 10px) / 2); margin-right:0px; box-shadow:0px 0px 8px rgba(200, 200, 200, 0.7); border-radius:5px; overflow:hidden; }
.news .news-zx .news-zx-title{ background:#333; color:#fff; padding:20px; }
.news .news-zx .news-zx-title h2{ font-size:22px; position:relative; padding-left:20px; }
.news .news-zx .news-zx-title h2:after{ content:''; width:5px; height:20px; background:#fff; border-radius:5px; position:absolute; left:0; top:4px; }
.news .news-zx .news-zx-title a{ margin-top:10px; display:block; color:#fff; }


.news ul li{ margin: 0px 20px; padding: 20px 0px; border-bottom:1px solid #f0f0f0; }
.news ul li:last-child{ border:none; }
.news ul li:hover{ background:rgba(242, 242, 242, 1.0); }
.news ul li a{ display:flex; }
.news ul li a dd:first-child{ width:120px; height:90px; overflow:hidden; margin-right:20px; }
.news ul li a dd img{ width:100%; height:100%; }
.news ul li a dd:last-child{ width:calc(100% - 120px); overflow:hidden; }
.news ul li a dd:last-child h4{ font-size:16px; color: #17528e; font-weight:400; line-height:25px; margin-bottom:10px; }
.news ul li a dd:last-child p{ font-size:14px; line-height:28px; color:#999999;display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 显示省略号 */  }