@charset "utf-8";

/* 首页头部 */
.headCenter {background-color: #fff;}

/* 全部 */
.all_index{}
.sectionBan{position: relative;left: 0;top: 84px;}
/***【0】***banner****/
.ban_box .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.ban_box .swiper-container .swiper-pagination{width:auto !important;left:50% !important;margin-left: -30px;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px;margin: 0 10px;position:relative;border-radius:50%;opacity:1;background:#fff;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#2a6bb7}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom: 0;}
.swiper-button-next,.swiper-button-prev{width:50px;height:50px;line-height:50px;color:#2a6bb7 !important;font-weight:bold;text-align:center;font-family:'Arial';font-size:24px;font-weight: 700;background-color:rgba(255,255,255,0.85);border-radius:50% !important;}
.swiper-button-next i{margin-right:10px;}
.swiper-button-prev i{margin-left:10px;}
.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#2a6bb7;color:#fff !important;}
.swiper-button-next:hover i,.swiper-button-prev:hover i{color:#fff !important;}
.swiper-container .hide{opacity:0}
.swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none !important;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none !important;left: 0;}
.swiper-button-disabled{display:none}
.ban_box .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:cover;}

.ban_boxPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .ban_boxPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}

.swiper-slide .pcimg{height: 100%;}
.swiper-slide .pcimg img{height: 100%;}

@media screen and (max-width:1400px){
.swiper-button-next,.swiper-button-prev{width:160px;height:70px;line-height:70px;font-size:20px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left: 160px;}
}
@media screen and (max-width:1200px){
.swiper-button-next,.swiper-button-prev{width:80px;height:35px;line-height:35px;font-size:16px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left: 80px;}
}
@media screen and (min-width:960px){
.swiper-slide .pcimg img{display:block;}
.swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.swiper-slide .pcimg img{display:none}
.swiper-slide .moimg {height: 100%;}
.swiper-slide .moimg img{display:block;}
.swiper-button-next,.swiper-button-prev{width:40px;height:40px;line-height:40px;font-size:30px;bottom:50%;border-radius:50%;font-family: cursive;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left: auto;right:10px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
.swiper-button-next i,.swiper-button-prev i{display:none;}
.ban_box .swiper-container .swiper-pagination{left:50% !important;top: 95% !important;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}
}


/***【1】***关于我们******/
.sectionAbu{}
.sectionAbu .WawCon{position:relative;margin-top:30px;background-color:rgba(97, 96, 96, 0.9);z-index:4}
.WawCon .WawText{width:calc(100% - 260px);padding:30px 20px;}
.WawCon .WawText p{color:#fff;font-size:14px;line-height:1.75;text-indent:28px;text-align:justify;}
.WawCon .abTit{position:absolute;right:0;bottom:0;width:248px;height:240px;margin-bottom:0;background-color:#2a6bb7;z-index:2;}
.WawCon .abTit h4{margin-top:88px;}
.WawCon .abTit h4,
.WawCon .abTit p{color:#fff;}


/***【2】***产品展示*****/
.sectionOp {padding:30px 0;}
.opCon {position:relative;}
.contained{
	display: grid;
	grid-template-rows: repeat(3,32%);
	grid-template-columns: repeat(3,32%);	/* 定义两行两列的栅格容器 */
	grid-row-gap: 20px;
	grid-column-gap: 20px;	/* 栅格之间的间距 */
}
.contained li:nth-child(1){
	grid-row-start: 1;
	grid-row-end:3;		/* 左侧的栅格跨越两行，从第一根行线连接到第三行线 */
	grid-column-start: 1;
	grid-column-end: 2;	/* 独占一列 */
	background-color:red;
}
.contained li:nth-child(2){
}
.contained li:nth-child(3){
}
.contained li:nth-child(4){
}
.contained li:nth-child(5){
}
.contained li:nth-child(6){
	grid-column-start: 1;
	grid-column-end: 3;
}
.contained li:nth-child(7){
}
.proimgbox {width:100%; height:100%;position:relative; overflow:hidden;}
.proimgbox a{display:block;height: 100%;position:relative; overflow:hidden;}
.proimgbox a::before{content:'';position: absolute;top: 0;width: 100%;height: 100%;transition: all 0.3s linear;background: rgba(65,138,224,0.77);opacity: 0;z-index:2;}
.proimgbox .proimgbox01 {width:100%; height:100%;}
.proimgbox img {width:100%; height:100%;transition:all 0.5s linear;}
.proimgbox .pro-hover {position:absolute;bottom:20px;left:30px;width:calc(100% - 30px);z-index:3;}
.proimgbox .pro-hover p {text-align:left; font-size:26px;color:#fff;}
.proimgbox .pro-hover p:firs-child{font-weight:600;}
.proimgbox .pro-hover p:last-child{margin-top:10px;font-size:18px;font-family:Arial;}

.contained li:nth-child(1) .proimgbox a::before,
.contained li:nth-child(7) .proimgbox a::before{opacity:1;}

.proimgbox:hover a::before{opacity:1; transition: all 0.3s linear;}
.proimgbox:hover img{ transform:scale(1.1); }

/* .contained li:nth-child(1) .proimgbox:hover a::before,
.contained li:nth-child(7) .proimgbox:hover a::before{opacity:0;} */	
	
.opCon .indexAb_more{margin:40px auto 0;}
.opCon .indexAb_more:before{background-color:#e7a415;}


/***【3】***项目案例******/
.sectionCase{padding:0 0 90px;position:relative;}
.sectionCase::before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:246px;background-color:#c0c9d3;}
.sectionCase .newList a{position:relative;}
.sectionCase .newList a::before{content:'';width:96%;height:100%;position:absolute;left:2%;top:0;background: rgba(65,138,224,0.77);transition: all 0.3s linear;opacity: 0;z-index:2;}
.sectionCase .contentBoxB{display:none;margin: 0 auto;width: 96%;position:absolute;left:0;top:46%;z-index:2;}
.sectionCase .newList:hover a::before{opacity:1; transition: all 0.3s linear;}
.sectionCase .newList:hover .contentBoxB{display:block;}
.sectionCase .newList:hover .newTitle{color:#fff;}

.caseCon .slick-next,.caseCon .slick-prev{position:absolute;top:65%;margin-top:-25px;overflow:hidden;width:50px;height:50px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-webkit-background-size:auto;background-size:auto;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:none;cursor:pointer}
.caseCon .slick-prev{left:-70px;background-image:url(../images/leftArrows.png)}
.caseCon .slick-next{right:-70px;background-image:url(../images/rightArrows.png)}
.caseCon .slick-prev:hover{background-color:#2a6bb7;background-image:url(../images/leftArrow.png)}
.caseCon .slick-next:hover{background-color:#2a6bb7;background-image:url(../images/rightArrow.png)}
.caseCon .slick-dots{position:absolute;left:0;bottom:-15px;width:100%;text-align:center;z-index:9}
.caseCon .slick-dots li{display:inline-block;margin:0 2px}
.caseCon .slick-dots li button{display:block;width:8px;height:8px;font-size:0;line-height:0;text-indent:999px;background-color:#000;border-radius:50%;padding:0;border:none;cursor:pointer}
.caseCon .slick-dots li.slick-active button{background-color:#2a6bb7}


/***【6】==友情链接*****/
.sectionLink{margin-bottom:20px;display:none;}
.sectionLink span{float: left;width: 116px;height: 30px;margin-right: 20px;display: block;}
.sectionLink a{font-size: 14px;color: #102540;display: block;float: left;padding:0 5px;line-height: 30px;}
.sectionLink a:hover{color: #e7a415;}

@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1360px) {
.caseCon .slick-prev{left:8px;}
.caseCon .slick-next{right:8px;}
}

@media screen and (max-width:960px){
/* 【1】==关于我们 */
.sectionAbu .WawCon{background-color: transparent;}
.WawCon .abTit{position: static;right: inherit;bottom: inherit;width: 100%;height: auto;background-color: transparent;}
.WawCon .abTit h4{margin-top: 0;}
.WawCon .abTit h4,
.WawCon .abTit p{color: #201f22;}
.WawCon .WawText{width: 100%;padding: 15px 20px;}
.WawCon .WawText p{color: #333;}

/***【2】***产品展示*****/
.proimgbox .pro-hover p{font-size:18px;}
.contained{display: inherit;}
.contained li{margin-bottom:10px;}
.contained li:nth-child(5),
.contained li:nth-child(6),
.contained li:nth-child(7),
.contained li:nth-child(8){display: none;
}

/***【3】***项目案例******/
.sectionCase{padding-bottom:20px}
.sectionCase::before{display:none;}
.sectionCase .contentBoxB{position: inherit;display: block;}

.opCon .image_con{border-width:2px;}
.opCon .newTitle{ font-size:15px;-webkit-line-clamp:1;}
}

@media screen and (max-width: 768px) {
}