/* @font-face { font-family: AvenirHeavy; src: url(../fonts/AvenirHeavy.eot); src: url(../fonts/AvenirHeavy.eot?#iefix) format('embedded-opentype'), url(../fonts/AvenirHeavy.woff) format('woff'), url(../fonts/AvenirHeavy.ttf) format('truetype'), url(../fonts/AvenirHeavy.svg#AvenirHeavy) format('svg'); font-weight: 400; font-style: normal } */ /* @font-face { font-family: FZLTXH; src: url(../fonts/FZLTXH.eot); src: url(../fonts/FZLTXH.eot?#iefix) format('embedded-opentype'), url(../fonts/FZLTXH.woff) format('woff'), url(../fonts/FZLTXH.ttf) format('truetype'), url(../fonts/FZLTXH.svg#FZLTXH) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: FZLTHT; src: url(../fonts/FZLTHT.eot); src: url(../fonts/FZLTHT.eot?#iefix) format('embedded-opentype'), url(../fonts/FZLTHT.woff) format('woff'), url(../fonts/FZLTHT.ttf) format('truetype'), url(../fonts/FZLTHT.svg#FZLTHT) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: ZhongCuHei; src: url(../fonts/FZLTZCH.eot); src: url(../fonts/FZLTZCH.eot?#iefix) format('embedded-opentype'), url(../fonts/FZLTZCH.woff) format('woff'), url(../fonts/FZLTZCH.ttf) format('truetype'), url(../fonts/FZLTZCH.svg#ZhongCuHei) format('svg'); font-weight: 400; font-style: normal } */ /* @font-face { font-family: FZLTHT; src:local(Microsoft YaHei),local(Arial),local(sans-serif); } @font-face { font-family: FZLTXH; src:local(Microsoft YaHei),local(Arial),local(sans-serif); } @font-face { font-family: ZhongCuHei; src:local(Microsoft YaHei),local(Arial),local(sans-serif); } */ .r-footer{ font-family: Microsoft Yahei, Arial, sans-serif; } p { margin: 0 } a:hover { text-decoration: none } .call-top, .hytc { display: none !important } .com-content { max-width: 1200px; margin: 0 auto; width:100%; } .f-nav { text-align: center } .right-bar { z-index: 998 !important; position: fixed; right: 0; top: 25% } .right-bar ul { display: flex; display: -webkit-flex; flex-direction: column } .right-bar ul li { position: relative } .right-bar ul li .more, .right-bar ul li .more img { position: absolute; right: 0 } .right-bar ul li .normal { width: 60px; height: 60px; background-color: #2c5082 } .right-bar ul li .normal img{ width: 100%; } .right-bar ul li .more { top: 0; display: none; width: 160px; height: 60px; text-align: center; background-color: #d20032 } .right-bar ul li .more img{ width: 60px; } .right-bar ul li .more span { padding-right: 60px; line-height: 60px; color: #fff; /*font-size: 19px;*/ font-size: 14px; font-family: Microsoft Yahei, Arial, sans-serif; font-weight: bold; } .f-nav, .to-top { position: fixed } .right-bar ul li:hover .more { display: block } .f-nav { display: none; bottom: 0; width: 100%; height: 80px; line-height: 122px; color: #000; z-index: 99; background-color: #fff; border-top: solid 2px #999 } .f-nav ul li { width: 33.33333%; float: left } .f-nav ul li a { display: block; color: #000 } .f-nav ul li a.s { background: url(../images/navs.png) top center no-repeat; background-size: 60px } .f-nav ul li a.w { background: url(../images/navw.png) top center no-repeat; background-size: 60px } .f-nav ul li a.l { background: url(../images/navl.png) top center no-repeat; background-size: 60px } @media (max-width: 768px) { .right-bar { display: none } .f-nav { display: block } } .to-top .mb-show { display: none } .to-top { bottom: 20%; right: 0; z-index: 999; display:none; } .to-top .pc-show { width: 60px; } @media (max-width: 768px) { .to-top .pc-show { display: none } .to-top .mb-show { display: block; width: 58px; height: auto } .to-top{ bottom: 26%; display:block; } } .r-footer.footer .footer-nav dl dt { font-family: Microsoft Yahei, Arial, sans-serif; font-size: 21px; color: #505050 } .r-footer.footer .footer-nav dl dd ul li { font-family: Microsoft Yahei, Arial, sans-serif; font-size: 17px } .r-footer.footer .footer-nav dl dd ul li a { color: #505050 } .r-footer.footer .footer-nav dl dd ul li a:focus, .r-footer.footer .footer-nav dl dd ul li a:hover { color: #d20032; text-decoration: none } .r-footer.footer .footer-nav dl { /* width: 17% */ width:auto; margin-right: 5%; } .r-footer .scan-code { display: inline-block; width: 98px; margin-left: 5%; } .r-footer .scan-code img { display: block; width: 100% } .r-footer .scan-code p { font-family: Microsoft Yahei, Arial, sans-serif; font-size: 15px; color: #505050; padding: .5em 0; letter-spacing: .25px; } .r-footer.footer .r-consultation { position: absolute; top: 60px; right: 0; width: 165px } .r-footer .r-consultation .title { color: #d20032; font-family: Microsoft Yahei, Arial, sans-serif; font-weight: bold; line-height: 4em; letter-spacing: .5px; background: url(../images/consultation-icon.png) 100px center no-repeat } .r-footer .r-consultation { font-size: 17px } .r-footer .r-consultation span { display: block; font-family: Microsoft Yahei, Arial, sans-serif; line-height: 1.4; color: #505050; font-weight: bold; font-size: 15px; } .r-footer .r-consultation a { display: block; font-family: Microsoft Yahei, Arial, sans-serif; font-size: 21px; line-height: 1.4; color: #505050; margin-top: 5px; } .r-footer .r-consultation a:hover { color: #d20032 } .r-footer .bottom .bottom-in ul li a, .r-footer .copyright a { color: #fff; font-size: 17px } .r-footer .r-consultation .sale-after, .r-footer .r-consultation .sale-before { margin-bottom: 10px } .r-footer .bottom { border-top: none; background: #d20032; font-family: Microsoft Yahei, Arial, sans-serif } .r-footer .bottom .bottom-in ul li { margin-right: 5px } .r-footer .bottom .bottom-in{ overflow: hidden; } @media (max-width: 1200px) { .r-footer .r-consultation a, .r-footer.footer .footer-nav dl dt { font-size: 15px } .r-footer .bottom .bottom-in ul li a, .r-footer .copyright a, .r-footer .r-consultation, .r-footer .scan-code p, .r-footer.footer .footer-nav dl dd ul li { font-size: 15px } .r-footer .scan-code { margin-left: 2%; } } @media (max-width: 1024px) { .r-footer .scan-code { display: block; width: 80%; text-align: center; margin: 20px auto 0 } .r-footer .top .r-consultation { position: static; width: 80%; margin: 0 auto } .r-footer .top .r-consultation .title { display: none } .r-footer .top .r-consultation .cont .sale-after, .r-footer .top .r-consultation .cont .sale-before { float: left; width: 50%; text-align: center; margin-top: 0.2rem !important; } .r-footer .scan-code .code-box { display: inline-block; margin-bottom: 10px } .r-footer .scan-code img { width: 110px; margin: 0 auto } .r-footer.footer .footer-nav dl { width: 20% } } @media (max-width: 768px) { .r-footer.footer .footer-nav dl dt { font-family: Microsoft Yahei, Arial, sans-serif; color: #000 } .r-footer.footer .footer-nav dl { width: 100% } .r-footer, .r-footer .bottom { background: #fff } .r-footer .bottom .bottom-in ul li a, .r-footer .copyright a { color: #777 } .r-footer .bottom .bottom-in ul li a:hover { color: #d20032 } .r-footer .bottom .bottom-in ul li { margin-right: 0 } .r-footer .scan-code img { width: 196px } .r-footer .bottom { border-top: 1px solid #e4e4e4 } }