@charset "utf-8";
.mainBannerCont .slick-slide{height:auto;}
.mainBannerCont .slick-slide img{margin:0 auto;}
.mainBannerCont .slick-dots{width:100%;position:absolute;left:0;bottom:56px;display:flex;justify-content:center;}
.mainBannerCont .slick-dots li{margin:0 10px;}
.mainBannerCont .slick-dots li button{width:8px;height:8px;font-size:0;color:transparent;border-radius:50%;border:0;background-color:#6e7173;}
.mainBannerCont .slick-dots li.slick-active button{width:34px;border-radius:5px;background-color:#fff;}

.inner{max-width:1200px;margin:0 auto;}

.contTitle{font-size:3.8rem;letter-spacing:-0.03em;color:#333;font-weight:700;text-align:center;}

.mainLink{margin:100px 0 168px;}
.mainLink ul{display:flex;flex-wrap:wrap;justify-content:center;}
.mainLink ul li{width:33.333%;position:relative;cursor:pointer;}
.mainLink ul li a{display:block;}
.mainLink ul li span{font-size:2.3rem;letter-spacing:-0.03em;color:#fff;position:absolute;left:9%;top:10.745%;z-index:2;word-break:keep-all;}
.mainLink ul li:hover:after{width:100%;height:100%;background:rgba(0,126,255,.87);position:absolute;left:0;top:0;content:'';}

.mainBoard h3 a{position:relative;top:-3px;}
.mainBoard h3 a{display:inline-flex;align-items:center;margin-left:6px;}
.mainBoard ul{display:flex;flex-wrap:wrap;margin-top:37px;}
.mainBoard ul li{width:25%;letter-spacing:-0.03em;font-size:1.6rem;font-weight:700;}
.mainBoard ul li .boardName{color:#999;padding:0 10px 13px 0;border-bottom:2px solid #333;}
.mainBoard ul li .boardTitle{height:3.091em;font-size:2.2rem;color:#333;line-height:1.5455;word-break:keep-all;padding-right:10px;margin:30px 0 26px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mainBoard ul li .boardDate{color:#999;}

.mainAgency{height:545px;margin-top:175px;background:url(/kaca_information/indoor_environment/img/main/main_agency.jpg)no-repeat center top;padding-top:69px;overflow:hidden;}
.mainAgency .contTitle{color:#fff;margin-bottom:74px;}
.mainAgency .mainAgencyList{background:#fff;padding:55px 0;position:relative;z-index:2;}
.mainAgency .mainAgencyList:before{width:calc(100% + 200px);height:100%;position:absolute;left:-100px;top:0;content:'';background:#fff;z-index:-1;}
/*.mainAgency .mainAgencyList .slick-slide:nth-child(n+2){margin-left:7.917%;}*/
.mainAgency .mainAgencyList .slick-slide{margin:0 95px;}

.mainAgency .slick-list{width:100%;}

@media all and (max-width:1920px){
.mainBannerCont{width:1200px;margin:0 auto;}
.mainBannerCont .slick-list{margin:0 -351.5px;}
.mainBannerCont .slick-list img{width:auto;}
}


@media screen and (max-width:1279px){
.mainBannerCont{width:100%;overflow:hidden;}
.mainBannerCont .slick-list{margin:0 -25%;}
.mainBannerCont .slick-list img{width:100%;}

.inner{max-width:100%;padding:0 20px;}
}

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

@media screen and (max-width:767px){
.mainLink{margin:50px 0 84px;}
.mainLink ul li{width:50%;}
.mainLink ul li img{width:100%;}

.mainBoard h3 a img{width:18px;}
.mainBoard ul li{width:50%;}
.mainBoard ul li:nth-child(n+3){margin-top:35px;}
.mainBoard ul li .boardName{padding:0 5px 6.5px 0;}
.mainBoard ul li .boardTitle{padding-right:5px;margin:15px 0 13px;}

.mainAgency{height:350px;margin-top:87.5px;padding-top:34.5px;}
.mainAgency .contTitle{margin-bottom:37px;}
.mainAgency .mainAgencyList{padding:27.5px 0;}
.mainAgency .mainAgencyList img{width:85%;margin:0 auto;}
.mainAgency .mainAgencyList .slick-slide{margin:0 22.5px;}
}

@media screen and (max-width:501px){
.mainAgency .mainAgencyList img{width:70%;}
.mainAgency .mainAgencyList .slick-slide{margin:0 10px;}
}