.w { width: 1180px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } body{ } .head,header{ width: 100%; display: inline-block; /* height: 780px; background: url(../images/牧场.png) no-repeat center; background-size: 100% 780px;*/ position: relative; } .nav{ height: 80px; over-flow: hidden; } .logo{ width: 89px; height: 71px; background-image: url(../images/logo.png); background-position: -370px 0px; margin-top: 5px; } .nav ul{} .nav ul li{ float: left; box-sizing: border-box; height: 80px; line-height: 80px; position: relative; } .nav ul li a{ display: inline-block; font-size: 18px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; color: #FFFFFF; padding:0px 25px; } .nav ul li:last-child>a{padding-right: 0px;} .nav ul li.active::after{ content: ""; position: absolute; top: 74px; left: 25px; width: 70px; height: 6px; opacity: 1; border-radius: 200px; background: rgba(34, 82, 148, 1); } .nav ul li:nth-child(n+2):hover:after{ content: ""; position: absolute; top: 74px; left:25px; width: 70px; height: 6px; opacity: 1; border-radius: 200px; background: rgba(34, 82, 148, 1); } .nav ul li:nth-child(1):hover:after{ content: ""; position: absolute; top: 74px; left:8px; width: 70px; height: 6px; opacity: 1; border-radius: 200px; background: rgba(34, 82, 148, 1); } .head .ad{ position:absolute; top: 717px; left: 742px; } .head .ad ul li{ float:left; width: 126px; height: 6px; background-color: #fff; margin-right:30px; border-radius: 100px 100px 100px 100px; } .head .ad ul li.active{ background-color: #1E5294; } .footer{ width:100%; height: 566px; background: #21252C; border-radius: 0px 0px 0px 0px; opacity: 1; position: relative; } .footer .fl{ margin-top: 55px; } .footer .fl dl{margin-bottom: 46px;} .footer .fl dt{font-family: Source Han Sans CN-Regular, Source Han Sans CN;height: 38px;font-size: 26px;letter-spacing: 0px;color: rgba(255, 255, 255, 1);text-align: left;vertical-align: top;margin-bottom: 14px;} .footer .fl dl dd:nth-child(2){box-sizing: content-box;font-family: Source Han Sans CN-Regular, Source Han Sans CN;position: relative;height: 29px;font-size: 20px;letter-spacing: 0px;color: rgba(255, 255, 255, 1);text-align: left;vertical-align: top;padding-bottom: 26px;} .footer .fl dl dd:nth-child(2)::after{content: "";width: 470px;height: 0px;opacity: 1;border: 1px solid rgba(255, 255, 255, 1);position: absolute;left: 0px;bottom: 0px;} .footer .fl dd:last-child{margin-top: 15px;left:height: 42px;opacity: 1;/** 文本1 */font-size: 36px;letter-spacing: 0px;line-height:42px;color: rgba(153, 153, 153, 1);text-align: left;vertical-align: top;} .lianxi{width: 230px;height: 60px;opacity: 1;border-radius: 300px;border: 2px solid rgba(153, 153, 153, 1);text-align: center;line-height: 60px;box-sizing: content-box;} .footer .fr{margin-top: 20px;width: 206px;text-align: center;} .footer .fr img:first-child{margin: 0px auto 9px;} .erweima{width: 206px;height: 206px; background: url(../images/erwema.png) no-repeat center;background-size: 206px 206px;margin-bottom: 14px;} .footer .fr span{display: block;height:35px;line-height: 35px;font-size: 24px;font-family: Source Han Sans CN-Regular, Source Han Sans CN;font-weight: 400;color: #FFFFFF;margin-top: 14px;text-align: center;} .copy{width: 100%;height: 70px;line-height: 70px;position: absolute;bottom: 0px;text-align: center;border-top: 1px solid #ccc;}