﻿
.swiper-container {
  width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
}
.swiper-slide img{width: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  width: 30px;
  height: 48px;
  background-color: rgba(0,0,0,0.5);
  background-image: none;
  color: #fff;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  left: 0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  width: 30px;
  height: 48px;
  background-color: rgba(0,0,0,0.5);
  background-image: none;
  color: #fff;
  font-size: 24px;
  line-height: 44px;
  text-align: center;
  right: 0;
}
.swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullet-active{
  width: 15px;
  height: 15px;
  border:2px solid #fff;
  transition: All 0.2s ease-in-out;
  -webkit-transition: All 0.2s ease-in-out;
  -moz-transition: All 0.2s ease-in-out;
  -o-transition: All 0.2s ease-in-out;
}
/* 产品 */
.project{margin: 50px auto;}
.project-main{margin: 30px auto 0 auto;}
.project-main ul li{text-align: center;}
.project-main ul li .top-icon{
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 15px auto;
  border:4px solid #333;
  color: #333;
  line-height: 100px;
  font-size: 50px;
}
.project-main ul li:hover .top-icon{
  background-color: #165aaf;
  color: #fff;
  border:0;
  transition: All 0.6s ease-in-out;
  -webkit-transition: All 0.6s ease-in-out;
  -moz-transition: All 0.6s ease-in-out;
  -o-transition: All 0.6s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.project-main ul li h4{font-size: 18px;}
.project-main ul li p{color: #666;padding-top: 15px;}

/*关于我们*/
.about{background-color: #f1f1f1;padding: 25px 0 100px 0;margin: 50px auto;margin-top: 100px;}
.about-mian{margin-top: 30px;}
.company-text{margin-right: 5%;}
.company-text h4{font-size: 18px;margin-bottom: 25px;}
.company-text p{
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; 
  overflow: hidden;
}
.about .more{margin-top: 40px;}
.company-img img{width: 100%;border:3px solid #fff;}
.company-img img:hover{
  transition: All 0.6s ease-in-out;
  -webkit-transition: All 0.6s ease-in-out;
  -moz-transition: All 0.6s ease-in-out;
  -o-transition: All 0.6s ease-in-out;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.about-data{position: relative;text-align: center;}
.data-lists{
  background-color: #fff;
  padding: 20px 0;
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.1);
  text-align: center;
  top: 50px;
  padding: 50px 0;
  margin: 0 0.5%;
  position: absolute;
  width: 100%;
}

.data-lists .center{border-left: 1px solid #333;border-right: 1px solid #333;}
.data-lists .num{font-size: 52px;font-weight: normal;height: 52px;text-align: center;}
.data-lists .add{color: #666;font-size: 20px;padding-left: 10px;vertical-align: top;}
.data-lists p{font-size: 16px;color: #777;margin-top: 10px;}

/*新闻中心*/
.news{margin:180px auto 100px auto;}
.news-main{margin: 30px auto;}
.news-main .left{
	width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
    height:78px;
	-webkit-line-clamp: 3; 
	overflow: hidden;
}
.news-main .right{width: 15%;}
.news-main ul{border-top: 1px solid #999;}
.news-main ul li{border-bottom: 1px solid #999;padding: 30px 0 30px 10px;}
.news-main ul li h4{
	font-size: 16px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;
	color:#333;
	}
.news-main ul li p{
  color: #666;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden;
}
.news-main ul li img{display:none!important;}
.news-main ul li:hover{
  box-shadow: 0 0 8px 4px rgba(0,0,0,0.1);
  transition: All 0.6s ease-in-out;
  -webkit-transition: All 0.6s ease-in-out;
  -moz-transition: All 0.6s ease-in-out;
  -o-transition: All 0.6s ease-in-out;
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  
}
.news-main ul li:hover h4{color: #165aaf;}
.left-l{background-color: #f1f1f1;padding: 15px;padding-bottom: 70px;}
.news-img{overflow: hidden;height: 225px;}
.news-img img{width: 100%;}
.left-l-text{margin-top: 15px;}
.left-l .left-l-text h4{
font-size: 16px;
height: 34px;
white-space: nowrap; 
overflow: hidden;
text-overflow:ellipsis;
color:#333;
}
.left-l .left-l-text p{
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
  overflow: hidden;
  height: 48px;
}
.news .more{margin-top: 30px;}
.news-main .right{width: 70px;}
.news-main .right .year{letter-spacing: 2px;font-size: 18px;}
.news-main .right .month{letter-spacing: 2px;}
.news-main .right .icon{border-left: 1px solid #999;height: 20px;text-align: center;line-height: 20px;font-size: 20px;color: #999;margin-top: 10px;}
