﻿.swiper {
  overflow: hidden; position: relative;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper .swiper-pagination-bullet{
  border: 1px #fff solid;
}
.swiper .swiper-pagination-bullet-active{
  background-color: #fff;
}

.module{
    margin:30px auto; padding:30px 0;
}
.module h6{
    font-size:36px; color:#e5e5e5; font-family:'思源宋体';
}
.module strong{
    font-size:36px; color:rgb(53,53,53); font-family:'思源宋体';
}

.about{
    margin:0; padding-top:50px;
    background:url(../images/about_bg.png);
    background-size:100% 100%;
}
.about .show{
    padding:10px 0; text-align:center; line-height:200%; color:#000;
}
.about .show *{color:#000;}
.about .more a{
    display:block; width:165px; height:50px; line-height:50px; color:#fff; background-color:#e60012; margin-top:20px;
}
.about .show img{max-width:95%;}

.products{
    margin:0; padding-top:50px;
    background:url(../images/product_bg.jpg);
    background-size:100% 100%; background-attachment:fixed;
}
.products strong{color:#fff;}
.products .list{margin-top:15px;}
.products .item{
    background-color:#fff; border-radius:10px; position:relative;
    padding-bottom:5px; display:block; transition:all 0.3s; overflow:hidden;
}
.products .item  h4{
    padding:30px 0 10px 0; color:#595959; font-size:25px;
}
.products .item img{width:80%; transition:all 0.3s;}
.products .item  span.more{
    width:165px; height:50px; line-height:50px; color:#fff; background-color:#e60012; 
    position:absolute; bottom:-70px; left:50%; transform:translate(-50%,0); transition:all 0.5s;
}
.products .item:hover{
    background-color:#355dbc;
}
.products .item:hover img{
    transform:scale(1.1);
}
.products .item:hover h4{
    color:#fff;
}
.products .item:hover span.more{
    bottom:20px;
}


.solution .item {
    overflow:hidden; display:block;  position:relative;
}
.solution .list{margin-top:15px;}
.solution .item .text{
    position:absolute; top:75%; left:0; z-index:99;
    width:100%; height:100%;
    transition:all 0.5s;
}
.solution .item .text h4{
    color:#fff;  font-size:18px; text-align:left; margin-top:20px; margin-left:20px;
}
.solution .item .text  a.more{
    color:#fff; position:absolute; bottom:20px; right:20px;
}
.solution .item img{
    width:100%; display:block; transition:all 0.5s;
}
.solution .item:hover img{
    transform:scale(1.1);
}
.solution .item:hover .text{
    top:0; background-color:#e60012;
}

.news .list{
    margin-top:20px;
}
.news .list .item{
    text-align:left; margin-bottom:10px;
}
.news .list .item a{
    color:#355dbc; font-size:16px; font-weight:bold;
}
.news .list .item .title{
    height:30px; line-height:30px; display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; 
}
.news .list .item .con{
    height:50px; line-height:25px; margin:8px auto;
    overflow: hidden; color:#666;
    text-overflow: ellipsis;
    display:-webkit-box; -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.news .list .item .column_name{
    border:1px #ccc solid; border-radius:20px; padding:3px 10px; color:#5c5f6e;
}

.cases{
    margin:0; padding-top:50px;
    background:url(../images/case_bg.png);
    background-size:100% 100%;
}
.cases .list{margin-top:15px;}
.cases .item{
    background-color:#fff; border-radius:10px; position:relative;
    padding-bottom:5px; display:block; overflow:hidden; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
}
.cases .item img{
    width:100%; display:block;
}
.cases .item .title{color:#333; padding:0 10px; line-height:30px; text-align:left; display:block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.cases .item p{padding:0 10px 5px 10px; color:#999; line-height:25px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}