.topNav{ border-bottom:3px solid #eaeaea; } .componyLogo{ width:600px; height: 80px; z-index: 50; position: relative; margin-bottom: 60px; } .componyLogo div{ width: 102px; height: 102px; background: #ffffff; padding: 4px; box-shadow: 0 2px 10px #ccc; position: absolute; bottom: 0px; z-index: 60; overflow: hidden; border-radius: 5px; } .componyLogo div img{ width: 100%; height: 100%; display: inline-block; border-radius: 5px; } .componyLogo p{ position: absolute; left:120px; top: 0; height: 80px; line-height: 80px; font-size: 24px; color: #1f1f1f; } /* 热门推荐 */ .RecommendTitle{ clear: both; text-align: center; } .RecommendTitle h2{ font-size: 26px; color: #323131; } .RecommendTitle span{ display: inline-block; width: 54px; height: 4px; background: #1697e9; transition: all .2s ease-in; } /* 服务项目 */ .componyService { margin-top: 32px; margin-bottom: 52px; } .componyService ul{ display: flex; display: -webkit-flex; justify-content: space-between; } .componyService ul li{ width: 273px; background: #ffffff; height: 366px; transition: all .2s ease-in; } .componyService .componyServiceImg{ width: 100%; height: 273px; } .componyService .componyServiceImg img{ width: 100%; height: 100%; display: inline-block; } .componyService .btnTxt .companyImg { display: inline-block; width: 23px; height: 23px; background: url(../../../img/shopList/shop_com.jpg) no-repeat; background-size: 100% 100%; margin-right: 8px; vertical-align: top; margin-top: 2px; } .componyService ul li .txtIntroduce { width: 100%; border: 1px solid #efefef; padding: 0px 10px 22px; } .componyService ul li:hover .txtIntroduce{ border-color: transparent } .txtIntroduce .btnTxt p{ color:#787878; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .txtIntroduce .txts p { font-size: 20px; color: #ff580e; height: 50px; line-height: 50px; } .txtIntroduce .btnTxt p{ height: 28px; line-height: 28px; } .txtIntroduce .txts p .componyName{ font-size: 16px; color: #1f1f1f; margin-left: 12px; width: 140px; vertical-align: top; overflow: hidden; } .txtIntroduce .btnTxt .number{ float: right; } .txtIntroduce .btnTxt .companyName{ vertical-align: top } .componyService ul li:hover{ box-shadow: 0 4px 10px #ccc; margin-top: -4px; transition: all .2s ease-in-out; } .componyService ul li:hover .txtIntroduce .txts p .componyName{ color: #1697e9; } .introducue{ margin-bottom: 36px; } .introducue h3{ font-weight: normal; font-size: 22px; color: #1f1f1f; margin-bottom: 30px; } .introducue p{ text-indent: 2em;; text-align:justify; font-size: 16px; color: #7a7878; line-height: 28px; } .business{ margin-bottom: 67px; } /*荣誉资质*/ .cooperationPeople{ margin-top: 20px; padding:50px 20px 35px; background: #f4f4f4; margin-bottom: 40px; } .customerList { width: 1160px; overflow: hidden; } .customerList ul{ width: 9999999999px; overflow: hidden; padding: 1px; } .customerList ul li{ width: 282px; float: left; margin-right: 9px; background: #ffffff; height: 200px; box-shadow: 0 0 10px #ccc; } .customerList ul li div{ width: 100%; height: 100%; padding:10px; } .customerList ul li p{ font-size: 14px; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; height: 42px; line-height: 42px } .customerList ul li div img{ width: 100%; height: 100%; display: inline-block; } .btnDirection{ clear: both; margin-top: 17px; text-align: center; } .btnDirection .listPre{ width: 20px; height: 20px; border-left: 2px solid #cdcdcd; border-top: 2px solid #cdcdcd; transform: rotate(-45deg); display: inline-block; margin-top: 20px; margin-right: 40px; } .btnDirection .listNext{ width: 20px; height: 20px; border-right: 2px solid #cdcdcd; border-bottom: 2px solid #cdcdcd; transform: rotate(-45deg); display: inline-block; margin-left: 40px; } .btnDirection span:hover{ cursor: pointer; border-color: #1697e9; } .contantUs{ margin-top: 33px; height: 130px; display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 100px; } .contantUs li{ width: 372px; background: #f4f4f4; height: 130px; display: -webkit-flex; display: flex; padding: 36px 0px 0 40px ; } .contantUs li .glyphicon{ color: #757474; font-size: 48px; display: inline-block; margin-right: 28px; font-weight: normal; margin-top: 4px; } .contantUs li p:nth-child(1){ margin-bottom: 14px; } .contantUs li p span{ font-size: 14px; color: #7a7878; } .contantUs li p{ font-size: 16px; color: #1f1f1f; } .contantUs li p .pho{ margin-left: 10px; } .contantUs li:hover{ background: #1697e9; } .contantUs li:hover .glyphicon,.contantUs li:hover p,.contantUs li:hover span{ color: #ffffff; }