.indexIntroRow{min-height:480px; position: relative;}
.indexIntroTitle{width:100%;align-items:baseline;}
.indexIntroTitleFont{font-size:48px; line-height: 165px;}
.indexIntroTitleFont span{color: #00a676;}
.indexIntroTitleArrow{float:left;}
.indexIntro{width:100%;float:left; font-size: 17px;}
.indexIntroImg{width:628px; height: 430px; position: absolute; right:-100px; top:50px;}


.indexProBg{background-color: #eaf3f6;}
.indexProTitle{font-size: 25px; line-height: 50px; margin:20px 0;}
.indexProLi{width: calc((100% / 3) - 20px); height: 452px; background: url("../../img/sanhe/proLiBgIcon.png") no-repeat right bottom; background-color: #fff; margin: 10px;border-radius: 10px;}
.indexProLi a{width:100%; height:100%; display: block;}
.indexProLiImg{width:calc(100% - 20px); height: 295px; overflow: hidden; float:left; display: inline; margin: 10px 0 0 10px; text-align: center;}
.indexProLiImg img{width:100%; height: 100%; object-fit: cover;}
.indexProLiTile{font-size: 19px; margin: 10px 0 0 10px;width:calc(100% - 10px); float:left;}
.indexProLiIntro{width:calc(100% - 0px); float:left; margin: 10px 0 0 10px; display: flex; flex-wrap: nowrap; align-items: baseline;}
.indexProLiIntroText{width: calc(100% - 20px); word-break: break-word;}
.indexProMore{font-size: 30px; text-align: center; line-height: 102px; display: block;}
.indexProMore:link,.indexProMore:visited{color:#84afbd;}

.indexSimpleLi{flex: 0 0 calc((100% - 80px)/4); height: 256px;margin: 10px;}
.indexSimpleLi a{width:100%;height:100%;display: block; text-align: center; position: relative;}
.indexSimpleLi a img{width:100%;height:100%; object-fit: cover; position: relative; z-index: 5;}
.indexSimpleMask{width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; background-color: rgba(0,120,226,.7)}
.indexSimpleMaskborder{width:calc(100% - 24px); height: calc(100% - 24px); border:#fff solid 1px;margin:12px; display: flex;flex-direction:column; justify-content: center; align-content: center; align-items: center;}
.indexSimpleMaskTitle{font-size: 24px; color: #fff;}
.indexSimpleMaskIcon{width:33px; height: 33px;}
.indexSimpleMaskIcon img{width:100%;height: 100%;}

.indexBg{width:100%; background: url(../../img/index/indexBg1.jpg) no-repeat top;}
.indexModTitle{width: 100%; float: left; margin: 70px 0 30px 0; text-align: center; font-size: 40px;}

.indexBottomMod a{display: block;text-align: center;flex: 1;}

.searchResultNotice{margin:30px 10px; font-size: 24px;}

.searchLi{background-color: #f7f7f7;margin-top: 15px; margin-bottom: 15px;}
.searchLi a{width:100%; float:left;}
.searchName{font-size: 24px;margin-top:10px;}
.searchPosition{font-size: 18px;}
.searchContent{margin-top:15px;font-size: 18px;}
.searchTelephone{color:#0166c0;margin-top:15px;font-size: 18px;}
.searchEmail{color:#0166c0;font-size: 18px;}

@media (max-width: 1200px) {
    .indexIntroImg {display: none;}
}
@media (max-width: 480px) {
    .indexProLi, .indexSimpleLi {flex: auto; width: auto;}
    .indexSimpleMask{background-color: transparent; display: block !important;}
    .indexSimpleMaskTitle{text-shadow:2px 2px 2px rgba(0,0,0,1);}
    .indexSimpleMaskIcon{display: none;}
}