.header div>div.APP{float:left;position: relative;cursor: pointer;} div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none; display:none;justify-content: space-between;background-color: #fff;} div.APP:hover>div.xialaewm{display:flex;} .webkitDown{ width: 12px; height: 8px; display: inline-block; background: url(../../img/index/index_down.jpg) no-repeat; background-size:100% 100%; margin-left: 6px; } .jump{clear: both;list-style: none;} .jump>li{display: inline-block;font-size: 16px;line-height: 30px;margin-right:10px;} .jump>li>a{color:#757575;} .jump>li>a:hover{color:#1797E9} #terrace{width:100%;margin: 20px 0;} .terrace_title{width:1200px;height:50px;margin: 20px auto;text-align: center;} .terrace_cont{width:1200px;height:75px;margin: 0 auto;display: flex;justify-content: space-around;} .terrace_cont>div{width:400px;height:75px;display: flex;justify-content: flex-start;} .terraceH{margin-left: 15px;padding-top: 10px;} .terraceH>h4{margin-bottom: 10px;font-size: 17px;letter-spacing: 2px;font-weight: bold;} #apply{width:100%;margin-top: 40px;} .apply{width:1200px;height:300px;margin: 0 auto;display: flex;justify-content: space-between;} .apply_left{width:260px;height:300px;} .apply_right{width:915px;height:300px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .apply_right>div>a{background-color:#F0F9FF;width:295px;height:145px;margin-left: 10px; display: flex;justify-content: space-around;padding: 35px 40px;} .apply_right>div>a>img{width:70px;height:75px;} .apply_right>div>a>h4{line-height: 70px;letter-spacing: 2px;font-size: 17px;font-weight: normal;color:#3C3E3E;} #wield{width:100%;margin-top: 40px;} .wield_cont{width:1200px;height:400px;margin: 20px auto;text-align: center;} .brands{width:100%;margin-top:-4px;} .brands>img{width:100%;} #hotProject{width:100%;padding-top: 30px;background:url("../../img/indedImg/inded40.png")no-repeat;} .hotProject_cont{width: 1200px;height:700px;margin:30px auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .hotProject_cont>div{width:285px;height:335px;background-color: #fff;} .hotProject_cont>div>h3{margin:10px 0 10px 20px;letter-spacing: 2px;} .hotProject_cont>div>p{margin-left:20px;letter-spacing: 1px; text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;} .hotProject_cont>div>a{display:block;width:110px;height:33px;line-height: 30px;border: 2px solid #1596E8;margin-right: 15px; border-radius: 5px;margin-top:15px;float: right;text-align: center;color:#1596E8;letter-spacing: 1px;cursor: pointer;} .RecommendTitle>h2{font-weight: 500;} .view{padding-left: 620px;margin-top:30px;} .view>h4{font-size: 18px;color: #323131;font-weight: normal;margin-bottom: 24px;} .view>h4 a{ float: right; } .view>h4 a span:nth-child(2){ width: 22px; height: 22px; border: 1px solid #cecece; text-align: center; line-height: 18px; display: inline-block; float: right; color: #cecece } .view>h4 a:hover .line{ background: #1697e9; } .view>h4 a:hover span{ border-color:#1697e9; color:#1697e9; } .view>h4 .line{ vertical-align: middle; width: 470px; height: 1px; background: #cecece; display: inline-block; }