@charset "utf-8";
/* CSS Document */
.slideBox{float:left;height:500px;width:100%;margin-top:110px;}
.idxItemBox{float: left;width: 100%;padding:85px 0px;}
.idxItemBox div{float: left;overflow: hidden;}

.idxAreaTitle{width:100%;color:#333;font-size:30px;text-align:center;}
.idxListBox{width:100%;padding-bottom: 3px;}
.idxItemBox .caseItem{position:relative;width:410px;height:160px;margin:40px 30px 0px 3px;background:#FFF;border-radius: 5px;}
.idxItemBox .caseItem:hover{box-shadow:0 0 3px #000;}
.idxItemBox .caseItem:nth-child(3){margin-right: 0px;}
.idxItemBox .caseItem img{width: 413px;height: 160px; }
.idxItemBox .caseItem .title{position: absolute;top:50px;left:0;width:100%;height:60px;background:#FFF;background-color: rgba(255,255,255,0.7); display:flex;align-items:center;justify-content:center;text-align:justify;font-size: 18px;font-weight: bold;color: #333;}


.idxItemBox .induItem{width: 235px;height:auto;margin:40px 120px 0px 0px;padding-top: 5px;}
.idxItemBox .induItem:nth-child(4){margin-right: 0px;}
.idxItemBox .induItem .img{width: 225px;height: 225px;border-radius:50%;background:#4E7E64;margin-left: 5px;}
.idxItemBox .induItem .img:hover{box-shadow:0 0 5px #000;}
.idxItemBox .induItem img{width:90px;height: 90px;margin:67px 0px 0px 67px;}
.idxItemBox .induItem .title{text-align:center;margin-top:25px;width: 225px;font-size:22px;font-weight: bold;color: #333;}

.idxAboutBox{float: left;overflow: hidden;width: 100%;height: 600px;margin-top:30px;}
.idxAboutBox div{float: left;overflow: hidden;}

.idxAboutBox .img,.idxAboutBox .text{float: left;height: 600px;width: 50%;}
.idxAboutBox .img img{width: 100%;height: 100%;object-fit: cover;}
.idxAboutBox .text{float: left;display:flex;background:#4E7E64;} /*#193843*/
.idxAboutBox .conte{width:400px;align-self:center;margin-left:calc((100% - 400px) / 2);color:#FFF;}
.idxAboutBox .title{width:100%;text-align:center;font-size: 22px;font-weight: bold;}
.idxAboutBox .desc{width:100%;line-height:22px;margin:80px 0px 60px 0px;font-size:16px;}
/*background:#00A8A8*/
.idxAboutBox .btn{width:150px;margin-left:calc((100% - 150px) / 2);text-align: center;padding: 10px 0px;background:#CFDCD3;border:1px solid #CFDCD3;color:#000;}
.idxAboutBox .btn:hover{border: 1px solid #FFF;color:#FFF;background:none;}

.idxItemBox .esgSlt{border-bottom: 3px solid #666666;width: 50px;margin-left:calc((100% - 50px) / 2);}
.idxItemBox .esgDesc{width:1100px;margin: 15px 0px 45px calc((100% - 1100px) / 2);font-size: 15px;line-height: 22px;text-align: center;}
.idxItemBox .esgList{width:1200px;margin-left:calc((100% - 1200px) / 2);}
.idxItemBox .esgItem{float:left;width: 260px;height: 260px;margin:0px 52px 0px 0px;border-radius:5px;}
/*.idxItemBox .esgItem:hover{box-shadow:0 0 3px #000;}*/
.idxItemBox .esgItem:nth-child(4){margin-right:0px;}
.idxItemBox .esgItem img{width: 100%;height: 100%;object-fit: cover; cursor: pointer;transition: all 0.6s;-ms-transition: all 0.8s;}
.idxItemBox .esgItem img:hover{transform: scale(1.2); -ms-transform: scale(1.2);}









