
.aboutT p {
    text-indent: 2em;
}
img{display:block;margin:0 auto;max-width:100%}
.title{text-align:center;padding:30px 0 50px;font-size:40px;font-weight:bold;position:relative}
.title:after{display:block;content:'';position:absolute;width:100px;height:2px;background:#FE0000;left:50%;margin-left:-50px}
.prolist1{margin:0 auto 40px;position:relative;padding:0 37px;box-sizing:border-box}
.prolist1 li{padding:0 5px;line-height:50px;text-align:center}
.prolist1 li a{display:block;background:#FE0000;color:#fff}
.prolist1 li a:hover{background:#333}
.prolist1 .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");background-color:#FE0000;left:10px;opacity: 1;}
.prolist1 .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-color:#FE0000;right:10px;opacity: 1;}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:50px;margin-top:-25px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;background-color:#0C6AB0}
#product1 li{margin-bottom:20px}
#product1 a{position:relative;display:block;padding: 0 0 67%;height:0;border:1px solid #535353;background:#ccc;}
#product1 a img{position:absolute;top:50%;left:50%;display:block;width:100%;max-width:100%;max-height:100%;transform:translateX(-50%) translateY(-50%)}
#product1 a:after{display:block;content:'';position:absolute;width:100%;height:100%;background:rgba(254,0,0,0.5);transition:0.5s all;transform:scaleY(0);transform-origin:bottom}
#product1 a:hover:after{transform:scaleY(1)}
#product1 p{text-align:center;background:rgba(254,0,0,0.5);position:absolute;width:100%;bottom:0;color:#fff;z-index:3;transition:0.5s all}
#product1 a:hover p{background:none;bottom:50%}
.pages{text-align:center;margin-top:10px;clear:left}
.pages span.ctxt{background:#000;color:#fff}
.pages a,.pages span{display:inline-block;color:#000;height:28px;border:1px solid #000;width:28px}
.pages a:hover{background:#000;color:#fff}
.aboutT{padding:0 10px}
.aboutB{background:url(../image/about_bg.jpg) center;position:relative;padding:100px 0 50px;margin:50px 0 0}
.aboutB .row>a{position:absolute;top:-20px;left:50%;margin-left:-75px;display:block;width:150px;line-height:40px;background:#FE0000;text-align:center;color:#fff;border-radius:10px}
.aboutB dl{text-align:center;color:#fff}
.aboutB dl>a{
    display: inline-block;
}
.aboutB dt{margin-top:30px;color: #fff;}
#case{margin-bottom:50px}
#case dl{padding:0}
#case dt{position:absolute;padding: 27% 0 31%;height:0;width:100%;background:#FE0000;text-align:center;color:#fff;}
#case dd{position:relative;padding: 0 0 58% 0;background: #efefef;}
#case dl:nth-child(even) dt{top:0}
#case dd:after{position:absolute;display:block;content:'';width:57px;height:26px;left:50%;margin-left:-28px}
#case dl:nth-child(odd) dd:after{background:url(../image/case2.png);bottom:0;OPACITY: 0.7;}
#case dl:nth-child(even) dd{margin-top: 58%;}
#case dl:nth-child(even) dd:after{background:url(../image/case1.png);OPACITY: 0.7;}
#zhichi{background:url(../image/zhichi.jpg) center;color:#fff;padding:30px 0 30px}
#zhichi dt{font-size:30px;border-bottom:2px solid #fff;display:inline-block;margin-bottom:10px;font-weight: bold;}
#zhichi dd{line-height:1.5;margin-bottom:10px}
#zhichi a{display:inline-block;border:1px solid #fff;padding:0 10px;color:#fff}
.news{padding-bottom:60px;padding-top:5px}
#news{padding:0 0 10px;overflow:hidden}
#news li>a{display: block;position:relative;height:0;padding: 0 0 65% 0;box-shadow: 0 -2px 6px #efefef;}
.time{color:#666;font-size:14px}
.time span{display:block;line-height:2;font-size:16px;background:#FF9600;width:100%;padding:0 5px}
.time b{display:block;line-height:1.5;font-size:20px;background:#FE0000;width:100%;padding:0 5px}
.news dl{box-shadow: 0px 2px 5px #ccc;background:#fff;padding:5px 10px;}
#news dt a{color:#000;font-weight:bold}
#news dt{
    height: 32px;
    overflow: hidden;
}
#news .swiper-slide dd{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.news .swiper-button-prev,.news .swiper-button-next{position:absolute;background-repeat:no-repeat;background-position:center;background-size:30px;width:30px;height:30px}
.news .swiper-pagination{width:100%;bottom:10px}
.news .swiper-pagination-bullet{width:20px;height:10px;margin:0 5px;background:#FF9500;opacity:1;border-radius:5px}
.news .swiper-pagination-bullet-active{background:#FE0000;width:40px;border-radius:5px}
@media (max-width:767px){
	.title{margin:0 auto;padding:0 0 20px}
	#product p{margin-bottom:0}
	.aboutB{padding:50px 0 20px}
	.aboutB dt{margin-top:10px}
	#case{margin-bottom:20px}
	#zhichi{background-position:left center}
	#news li>a{padding:0 0 71% 0}
}