@charset "utf-8";

.tanks-banner{width:100%;position: relative;overflow: hidden;}
.tanks-banner:before{content:"";display: block;padding-top:34%;}
.tanks-banner .img-box{display: block;max-width:100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 9;width:100%}
.tanks-banner .img-box img{display: block;max-width: 100%;margin:0 auto;}


.wrap{max-width: 1200px;width:100%;margin:0 auto;}
.wrap1{max-width: 1400px;width:100%;margin:0 auto;}
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0; max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}

.gridBox{width:100%; overflow:hidden; background:#f6f7f9;}
.grid{width:100%; padding:50px 0; overflow:hidden;}
.grid-title{display:block; overflow:hidden; text-align:center;}
.t1{display:flex; justify-content:center;}
.t1>span{float:left; padding:0 40px; position:relative; line-height:54px;font-size:40px; color:#333; font-weight: bold;}
.t1>span::before{content:""; width:164px; float:left; height:2px; background:#ccc; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.t1>span::after{content:""; width:164px; float:left; height:2px; background:#ccc; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.t2{line-height:28px; font-size:20px; color:#999; font-weight:bold;}
.grid_contct{position:relative; margin-top:40px;}
.grid-imgbox .swiper-slide .grid_img{width:100%; overflow:hidden; position:relative;}
.grid-imgbox .swiper-slide .grid_img::before{content:""; display:block; padding-top:100%;}
.grid-imgbox .swiper-slide .grid_txt{width:100%; overflow:hidden; text-align:center; line-height:20px; font-size:16px; color:#333; opacity:0; transition:all 0.4s;}
.grid-imgbox .swiper-slide .grid_txt>span{width:100%; float:left; line-height:24px; background:#ff7800; font-size:18px; color:#fff; position:relative; margin-bottom:20px; padding:10px;}
.grid-imgbox .swiper-slide .grid_txt>span::before{content:""; width:0; height:0; border-top:12px solid #ff7800; border-left:12px solid transparent; border-right:12px solid transparent; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%);}
.grid-imgbox .swiper-slide-active .grid_txt{ opacity:1;}
.grid-prev,.grid-next{left:-70px; top:50%; transform:translateY(-50%); position:absolute; width:50px; float:left; height:50px; line-height:50px; text-align:center; background:#acacae; font-family:simsun; font-size:30px; color:#fff; z-index:9; outline:none; cursor:pointer;}
.grid-next{left:initial; right:-70px;}
.grid-prev:hover,.grid-next:hover{background:#ff7800;}

.khsp_ul{display:block; width:102%; margin-left:-1%; overflow:hidden; padding-top:40px;}
.khsp_ul li{width:23%; float:left; margin:0 1% 30px 1%; cursor:pointer;}
.khsp_ul li .khsp_left{width:100%; float:left; position:relative;}
.khsp_ul li .khsp_left::before{content:""; display:block; padding-top:56.25%;}
.khsp_ul li .khsp_left>video{width:100%; float:left; height:100%; position:absolute; left:0; top:0;}
.khsp_ul li .khsp_right{width:100%; float:left; padding:20px; background:#fff;}
.khsp_ul li .khsp_right .khsp_p{width:100%; overflow:hidden; height:48px; line-height:24px; font-size:18px; color:#000; font-weight:bold; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.khsp_ul li .khsp_right .khsp_txt{width:100%; height:60px; overflow:hidden; line-height:20px; font-size:14px; color:#000;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

.tck_video{display:none; width:100%; height:100%; float:left; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:99999999999999999999999;}
.tck_video>video{width:1000px; height:562px; float:left; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}