.px1400 { max-width: 1400px; margin: 0 auto; } /* PC头部 */ .head { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; background-color: #93080c; } .head .logo { float: left; } .head .logo a { display: block; } .head .logo img { float: left; /* padding: 57px 0; */ padding-top: 57px; padding-bottom: 20px; } .head .logo .dz { float: left; border-left: 1px solid #c67c7e; padding-left: 18px; margin-left: 20px; margin: 20px; } .head .logo p { font-size: 33px; line-height: 52px; color: #fff; } .head .logo span { font-size: 8px; padding-bottom: 8px; color: #fff; } .head .headr { float: right; } .head .top .tops { float: right; } .head .top .tops a { display: inline-block; font-size: 14px; color: #fff; margin-top: 32px; } .head .top .tops em { font-size: 14px; color: #fff; padding: 0 10px; } .head .top .search { position: relative; float: right; margin-top: 28px; margin-left: 16px; box-sizing: border-box; width: 180px; /* height: 28px; */ /* line-height: 28px; */ border: 1px solid #fff; border-radius: 20px; padding-left: 8px; padding-right: 37px; } .head .top .search .text { border: none; width: 100%; height: 26px; line-height: 26px; background-color: transparent; color: #fff; } input[type="text"]::placeholder { color: #fff; height: 28px; line-height: 29px; opacity: 0.3; } .head .top .search .button { position: absolute; top: 3px; right: 7px; border: none; width: 24px; height: 24px; background: url(../images/sousuo.png) no-repeat; } .nav { text-align: right; } .nav > ul { font-size: 0; height: 100%; } .nav > ul > li { display: inline-block; text-align: center; position: relative; margin-left: 34px; } .nav > ul > li:first-child { margin-left: 0; } .nav > ul > li > a { display: inline-block; font-size: 18px; color: #ffffff; text-align: center; position: relative; margin-top: 17px; margin-bottom: 21px; } .nav > ul > li > a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #fff; transition: all 0.3s; } .nav > ul > li.on > a::after { width: 100%; } .nav > ul > li.active > a { color: #93080c; } .nav > ul > li:hover > a:after { width: 100%; } .nav > ul > li > div { position: absolute; top: 50px; /* left: 43px; */ left: 50%; transform: translateX(-50%); width: 100px; z-index: 9999; display: none; padding-top: 10px; } .nav > ul > li:hover div { display: block; } .nav > ul > li > div > ul { overflow: hidden; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); line-height: normal; } .nav > ul > li > div > ul > li a { font-size: 14px; line-height: 40px; transition: 0.3s; color: #333; } .nav > ul > li > div > ul > li:hover { background: #93080c; } .nav > ul > li > div > ul > li:hover a { color: #fff; } /* 移动端 */ .wap { display: none; } .wap-menu { position: fixed; top: 15px; right: 10px; z-index: 99999; font-size: 0; } .wap-menu img { height: 25px; } .close-menu { display: none; position: absolute; right: 0; top: 0; } /* footer */ .footer { position: relative; width: 100%; height: 100%; padding-top: 27px; padding-bottom: 79px; background: url(../images/footer.png); } .footer-B-L-Box ul{width: 500px;display: block;margin: 0 auto;} .footer-B-L-Box li{ font-size: 16px; color: #ffffff; display: inline-block; width: 200px; float: left; } .fl { float: left; top: 32%; position: absolute; } .fl p { font-size: 18px; line-height: 22px; color: #fff; } .footer-B-L-Box { /* padding-top: 11px; */ /* width: 198px; */ /* padding: 0 7%; */ } @media screen and (max-width: 1400px){ .section3 .s3r .srb .abc{width: 100%;} .px1400{padding-left: 10px; padding-right: 10px;} } .footer-B-L-Box .footerItem { width: 262px; height: 37px; background: transparent; line-height: 37px; font-size: 14px; color: #ffffff; padding-left: 12px; cursor: pointer; position: relative; margin-right: 0px; border: 1px solid #fff; } .footerItem::after { position: absolute; content: ""; display: block; background: url(../images/icon-footer.png) no-repeat; width: 17px; height: 12px; right: 8px; top: 50%; transform: translateY(-50%); transition: all 0.8s; } .footer-B-L-Box > div:hover .footerItem::after { transform: translateY(-50%) rotateZ(180deg); } .fl div { position: relative; } .fl div ul { position: absolute; z-index: 9; bottom: 37px; display: none; } .fl .M-s:hover ul { display: block; } .fl .M-M:hover ul { display: block; } .fl .M-R:hover ul { display: block; } .fl div ul li { width: 262px; height: 40px; line-height: 40px; } .fl div ul li a:hover { background-color: #93080c; color: #ffffff; border: 1px solid #fff; } .fl div ul li a { display: block; color: #333; font-size: 13px; background-color: #ffffff; padding-left: 12px; } .footer-T-L > div > a:hover { text-decoration: underline; } .M-s, .M-M, .M-R { padding-bottom: 15px; } .fm { position: absolute; text-align: center; /* top: 118px; */ left: 52%; margin: 0 auto; color: #fff; /* transform: translateX(-50%); */ } .fm a { display: block; color: #fff; font-size: 16px; text-align: left; line-height: 32px; } .fm h2{text-align:left;} .fr { float: right; } .fr p:first-child { font-size: 18px; line-height: 22px; color: #fff; } .fr p:nth-child(n + 1) { font-size: 16px; line-height: 32px; color: #fff; } .ff { height: auto; background: url(../images/ff.png); text-align: center; } .ff p { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; font-size: 14px; padding: 8px 0; line-height: 29px; border-top: #c34d4d 1px solid; color: #fff; /* background: url(../images/ff.png) no-repeat center center; */ background-size: cover; } input { border: none; }