a { text-decoration: none } a:link, a:visited { color: #333 } a:hover, a:active { color: #d1171e } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0 } a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline } html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { line-height: 1.5; color: #2b2a28; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; margin: 0 auto; line-height: 24px; background: #fff; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } img { max-width: 100% !important; height: auto !important; border: 0; vertical-align: middle } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none } button { border-radius: 0px; -webkit-border-radius: 0px; outline: none } input { border-radius: 0; outline: none } input:-ms-clear { display: none } input, textarea { border: 0; font-family: Arial, Helvetica, sans-serif } textarea { resize: none; outline: none } td { word-break: break-all } ul, ol { list-style: none } input:-moz-placeholder, textarea:-moz-placeholder { color: #aab3b7 } input::-moz-placeholder, textarea::-moz-placeholder { color: #aab3b7 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aab3b7 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aab3b7 } ul:before, ol:before, li:before, dl:before, dt:before, dd:before, div:before, ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after { content: ""; display: block } ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after { clear: both } body { font-family: "Microsoft YaHei UI" } #LRdiv0 { display: none !important } .container { width: 1280px; margin: 0 auto } .header { height: 96px; line-height: 96px; position: absolute; left: 0; right: 0; top: 0; z-index: 9999 } .header .m_logo, .header .navbtn { display: none } .header .nav { float: left } .header .nav li { float: left; margin-left: 83px } .header .nav li a { font-size: 16px; color: #fff; font-weight: lighter; display: block; position: relative; z-index: 1 } .header .nav li a:before, .header .nav li a:after { content: ""; width: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: -1; opacity: 0; display: none\9; transition: all linear 0.3s } .header .nav li a:before { border-bottom: 6px solid #ea8c03; top: 44%; transition: all linear 0.3s } .header .nav li a:after { border-top: 6px solid #ea8c03; bottom: 44%; transition: all linear 0.3s } .header .nav li a:hover:before, .header .nav li a:hover:after { opacity: 1; display: block\9 } .header .nav li a:hover:before { top: 18% } .header .nav li a:hover:after { bottom: 18% } .header .nav li:first-child { margin-left: 0 } .header .nav .active a:before, .header .nav .active a:after { opacity: 1; display: block\9 } .header .nav .active a:before { top: 18% } .header .nav .active a:after { bottom: 18% } .header .nav .logo { width: 112px; display: block } .header .nav .logo a:before, .header .nav .logo a:after { display: none } .header .swtbtn { float: right } .header .swtbtn a { width: 110px; height: 38px; background: #fff; border-radius: 12px; font-size: 16px; color: #3a5b77; text-align: center; line-height: 38px; display: inline-block; cursor: pointer } .header .swtbtn:hover a { background: #ea8c03; color: #fff } .footer { clear: both; display: block; background: #2c4a82; color: #fff; font-size: 18px; text-align: center; font-weight: lighter; padding: 20px 0px } h3 { font-size: 38px; font-weight: bold; color: #3359a2; line-height: 1; position: relative; z-index: 1 } h3:after { content: ''; z-index: -1; position: absolute; left: -6px; bottom: 6px; width: 109px; height: 9px; background: #ea8c03 } .letter { font-size: 16px; color: #666; line-height: 28px } .letter span { color: #666666; font-weight: bold } .banner-wrap { background: url(../images_pc/raymond_mill/banner.jpg) no-repeat; background-size: cover; position: relative } .banner-wrap .banner { padding-top: 140px; position: relative; font-size: 0 } .banner-wrap .banner .banner-lr { padding-bottom: 30px } .banner-wrap .banner .banner-left { width: 53.35938%; display: inline-block; vertical-align: middle; padding-right: 5%; position: relative } .banner-wrap .banner .banner-left img { width: 100%; display: block } .banner-wrap .banner .banner-left p { position: absolute; background: rgba(50, 75, 98, 0.8); border-radius: 0 20px 20px 20px; border: 1px solid #dae1ef; padding: 20px 25px } .banner-wrap .banner .banner-left p:after { content: "+"; width: 36px; height: 36px; border-radius: 50%; position: absolute; top: -18px; left: -18px; font-size: 25px; font-weight: bold; color: #fff; text-align: center; line-height: 34px } .banner-wrap .banner .banner-left p strong { display: block; font-size: 25px; line-height: 1; font-weight: bold; color: #ea8c03; padding-bottom: 10px } .banner-wrap .banner .banner-left p span { display: block; font-size: 16px; line-height: 1; color: #fff } .banner-wrap .banner .banner-left .p1 { right: 5%; top: 13% } .banner-wrap .banner .banner-left .p1:after { background: #ea8c03 } .banner-wrap .banner .banner-left .p2 { left: 5%; bottom: 5%; border-radius: 20px 0 20px 20px } .banner-wrap .banner .banner-left .p2:after { left: auto; right: -18px; background: #65daec } .banner-wrap .banner .banner-left .p2 strong { color: #65daec } .banner-wrap .banner .banner-right { width: 44.29688%; display: inline-block; vertical-align: middle; margin-left: 2%; } .banner-wrap .banner .banner-right h1 { font-size: 50px; line-height: 1.15; color: #fff; position: relative; z-index: 2 } .banner-wrap .banner .banner-right h1:after { content: ''; z-index: -1; position: absolute; left: 0; bottom: 0; width: 40.38801%; height: 11px; background: #ea8c03 } .banner-wrap .banner .banner-right .materials { margin: 32px 0 24px 0; font-size: 16px; line-height: 28px; color: #fff; font-weight: lighter } .banner-wrap .banner .banner-right .materials span { font-weight: bold } .banner-wrap .banner .banner-right .materials p { margin-top: 18px } .banner-wrap .banner .banner-right .consult p { color: #fff; font-size: 16px; line-height: 1; font-weight: lighter } .banner-wrap .banner .banner-right .consult p span { font-weight: bold } .banner-wrap .banner .banner-right .consult .email { margin-top: 30px; font-size: 18px; line-height: 1; font-weight: 500; } .banner-wrap .banner .banner-right .consult .email a { padding-left: 48px; background: url(../images_pc/raymond_mill/ban_email.png) left center no-repeat; color: #fca423; text-decoration: underline; font-weight: bold; transition: all linear 0.3s; } .banner-wrap .banner .banner-right .consult .email a:hover { color: #fff } .banner-wrap .banner .banner-right .consult .btns { margin: 38px 0 45px } .banner-wrap .banner .banner-right .consult .btns a { float: left; width: 42.68078%; padding: 17px 0; color: #fff; font-size: 19px; line-height: 1; text-align: center; border-radius: 30px; transition: all linear 0.3s; cursor: pointer } .banner-wrap .banner .banner-right .consult .btns a:first-child { margin-right: 4%; } .banner-wrap .banner .banner-right .consult .btns .chat { width: 62%; position: relative; padding-left: 16%; padding-right: 4%; background: #f38900; background: linear-gradient(to right, rgba(251, 166, 31, 0) 5%, #fba61f 38%, #f38900); white-space: nowrap; } .banner-wrap .banner .banner-right .consult .btns .chat:before { content: ""; display: block; width: 23%; background: url("../images/icon_money.png") center center no-repeat; background-size: 100%; position: absolute; left: -2px; top: -4px; bottom: -4px; animation: effect 1.2s linear infinite; } .banner-wrap .banner .banner-right .consult .btns .inquire { width: 34%; border: 1px solid #fff; } .banner-wrap .banner .banner-right .consult .btns .inquire:hover { background: #f38900; border-color: #f38900; } .banner-wrap .banner .banner-right .consult .plant { color: #fff } .banner-wrap .banner .banner-right .consult .plant>p { font-size: 18px; line-height: 1; font-weight: 500 } .banner-wrap .banner .banner-right .consult .plant ul { margin-top: 10px; width: 107%; position: relative; left: -33px; overflow: hidden } .banner-wrap .banner .banner-right .consult .plant ul li { width: 147px; height: 38px; float: left; background: rgba(22, 36, 50, 0.2); border-radius: 20px; position: relative; margin-left: 33px; margin-top: 20px; text-align: center; font-size: 14px; line-height: 38px; text-align: center; color: #fff } .banner-wrap .banner .banner-right .consult .plant ul li:before { content: ''; position: absolute; left: -28px; top: 19px; background: url(../images_pc/raymond_mill/dotted-line.png) no-repeat center; width: 20px; height: 1px } .banner-wrap .banner .banner-fwlc { height: 150px; background: #fff; background: rgba(244, 244, 244, 0.7); border-radius: 60px 60px 0 0; bottom: 0; text-align: center; margin-top: 42px; position: relative; } .banner-wrap .banner .banner-fwlc:before { content: ""; width: 93.67188%; height: 100%; background: url(../images_pc/raymond_mill/fwlcpic.png) center 32% no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto } .intro { padding-bottom: 91px } .intro .brief { background: url(../images_pc/raymond_mill/brief-bg.jpg) no-repeat center; background-size: cover; border-radius: 60px; width: 1400px; margin: -30px auto 83px; padding-top: 40px; padding-bottom: 50px; box-shadow: 0 0 50px rgba(23, 37, 50, 0.1); overflow: hidden; position: relative; z-index: 1 } .intro .brief .content .text { float: left; width: 47.65625% } .intro .brief .content .text h3 { margin-bottom: 12px; line-height: 1.26 } .intro .brief .content .text p { margin-top: 30px; font-weight: lighter } .intro .brief .content .text .p1 { text-align: justify } .intro .brief .content .text .p2 { margin-top: 11px; margin-bottom: 20px } .intro .brief .content .text .p3 { font-size: 14px; color: #9f9f9f; line-height: 24px; padding: 9px 0 } .intro .brief .content .pic { float: right; width: 49.14062%; overflow: hidden } .intro .brief .content .pic img, .intro .brief .content .pic video { width: 100%; display: block; } .intro .principle .pic { float: left; width: 50%; position: relative } .intro .principle .pic:after { content: ''; position: absolute; z-index: -1; left: -20px; top: 20px; width: 100%; height: 100%; background: #3359a2; border-radius: 40px } .intro .principle .pic video, .intro .principle .pic img { width: 100%; height: auto; border-radius: 40px; display: block } .intro .principle .text { float: right; width: 47.1875% } .intro .principle .text h3 { line-height: 1; margin: 20px 0 20px 0 } .intro .principle .text p { font-weight: lighter; text-align: justify } .intro .principle .text p+p { margin-top: 2% } .intro .principle .text .swtbtn { width: 244px; height: 60px; display: block; margin-top: 27px; font-size: 20px; font-weight: bold; color: #ea8c03; text-align: center; line-height: 58px; border: 1px solid #ea8c03; border-radius: 30px; transition: all linear 0.3s; cursor: pointer } .intro .principle .text .swtbtn:hover { background: #ea8c03; color: #fff } .intro .principle .scroll_more { max-height: 226px; padding-right: 9px; overflow-y: scroll } .intro .principle .scroll_more::-webkit-scrollbar { width: 6px; background: #fff } .intro .principle .scroll_more::-webkit-scrollbar-thumb { width: 5px; border-radius: 4px; background: #c1c1c1; display: none } .intro .principle .scroll_more::-webkit-scrollbar-corner { background: #fafafa } .intro .principle .scroll_more:hover::-webkit-scrollbar-thumb { display: block } .basic { background: url(../images_pc/raymond_mill/structures-bg.jpg) no-repeat center; background-size: cover } .basic .basic-container { overflow: hidden; padding-top: 44px; padding-bottom: 55px } .basic .basic-container h3 { text-align: center; color: #fff } .basic .basic-container h3:after { left: 0; right: 0; margin: 0 auto } .basic .basic-container ul { margin-left: -2.29008%; margin-top: 58px } .basic .basic-container ul li { float: left; width: 22.67176%; margin-left: 2.29008% } .basic .basic-container ul li img { width: 100%; border-radius: 24px; display: block; box-shadow: 0 24px 12px -30px rgba(20, 51, 83, 0.6) } .basic .basic-container ul li p { font-size: 20px; line-height: 1.4; color: #fff; text-align: center; margin-top: 30px; transition: all linear 0.3s } .basic .basic-container ul li a { display: block } .basic .basic-container ul li a:hover p { color: #ea8c03 } .advantage { padding-bottom: 80px; background: url(../images_pc/raymond_mill/advantage-bg.jpg) center -218px no-repeat #e2e9f1 } .advantage .advantage-container { padding-top: 71px } .advantage .advantage-container .outline { width: 72.65625%; padding-top: 26px; padding-bottom: 38px; color: #999; font-weight: lighter } .advantage .advantage-container ul { margin-left: -4%; margin-top: 50px; font-size: 0 } .advantage .advantage-container ul li { position: relative; margin-bottom: 50px; margin-left: 4%; width: 29.33%; display: inline-block; vertical-align: top; background: linear-gradient(to right, #fff, transparent); padding: 20px 0 20px 30px; box-sizing: border-box; border-radius: 8px } .advantage .advantage-container ul li h4 { padding-top: 6px; font-size: 18px; line-height: 23px; font-weight: bold; color: #3359a2 } .advantage .advantage-container ul li .letter { margin-top: 10px; font-size: 18px; color: #222222 } .advantage .advantage-container ul li i { position: absolute; width: 100%; height: 100%; line-height: 100%; left: 0; top: 0; color: #999; opacity: .1; font-size: 184px; font-weight: bold } .advantage .advantage-container .youshi_4 { margin-left: -5% } .advantage .advantage-container .youshi_4 li { width: 45%; margin-left: 5% } .advantage .sevice { padding-top: 30px; padding-bottom: 75px } .advantage .sevice h3 { text-align: center } .advantage .sevice h3:after { left: 0; right: 0; margin: 0 auto } .advantage .sevice ul { margin-top: 57px; display: flex; flex-wrap: wrap; justify-content: space-between; } .advantage .sevice ul li { float: left; width: 23.28125%; margin-left: 2.26562%; padding: 27px 29px; position: relative; box-shadow: 4px 4px 6px rgba(20, 28, 79, 0.15) } .advantage .sevice ul li:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; background: url(../images_pc/raymond_mill/sevice-libg.png) center no-repeat; background-size: cover } .advantage .sevice ul li:after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 16px; right: 16px; background: #3359a2; transform: skewY(3deg); border: 1px solid #fff } .advantage .sevice ul li:first-child { margin-left: 0 } .advantage .sevice ul li .letter { font-weight: lighter; position: relative; z-index: 5 } .advantage .sevice ul li span { margin-bottom: 14px; display: block; color: #fff; font-size: 14px; background: #3359a2; width: 46px; height: 21px; border-radius: 7px; text-align: center; line-height: 21px; position: relative; z-index: 5 } .data h3 { text-align: center } .data h3:after { left: 0; right: 0; margin: 0 auto } .data p { margin-top: 30px; margin-bottom: 20px; font-size: 16px; line-height: 1.7 } .data ul { margin-top: 60px; margin-bottom: 35px; width: 103.7%; position: relative; left: -3.7% } .data ul li { float: left; border: 1px solid #3359a2; border-radius: 30px; margin-left: 3.7%; margin-bottom: 30px; cursor: pointer } .data ul li a { line-height: 48px; color: #3359a2; font-size: 16px; padding: 0 20px; display: block } .data ul li.on { background: url(../images_pc/raymond_mill/chat-bg.png) center no-repeat; background-size: cover; box-shadow: 0 25px 8px -20px rgba(117, 121, 125, 0.8); border: 1px solid #fff } .data ul li.on a { color: #fff; font-weight: bold } .data .timer-shaft-content table { margin-top: 20px; font-size: 14px } .data .timer-shaft-content td { padding: 8px 5px } .price { background: #e2e9f1 } .price .container { padding-bottom: 132px; overflow: hidden } .price .container h3 { text-align: center; margin: 81px 0 40px 0 } .price .container h3:after { left: 0; right: 0; margin: 0 auto } .price .container .pics .pics-left { float: left; width: 32.73438% } .price .container .pics .pics-left .img1 { margin-bottom: 28px } .price .container .pics .pics-center { float: left; width: 29.60938%; margin: 0 2.34375% 0 2.34375%; position: relative } .price .container .pics .pics-center .img3 { margin-bottom: 28px } .price .container .pics .pics-center p { padding: 20px 20px 28px; box-sizing: border-box; position: absolute; bottom: -19px; left: 0; z-index: 2; width: 100%; background: rgba(255, 255, 255, 0.94); font-weight: lighter; line-height: 26px; } .price .container .pics .pics-center p:before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 2px; background: linear-gradient(to right, #fff, #fda81b, #fff) } .price .container .pics .pics-center .swtbtn { width: 180px; height: 44px; display: block; margin: 19px auto 0; font-size: 19px; font-weight: bold; color: #ea8c03; text-align: center; line-height: 42px; border: 1px solid #ea8c03; border-radius: 30px; transition: all linear 0.3s } .price .container .pics .pics-center .swtbtn:hover { background: #ea8c03; color: #fff } .price .container .pics .pics-right { float: left; width: 32.89062% } .price .container .pics .pics-right .img6 { margin-top: 28px } .shaft-detail-cont.on { display: block !important } .shaft-detail-cont { display: none !important } .special05 { width: 100%; background: url(../images_pc/raymond_mill/history-bg.jpg); background-size: cover; padding-bottom: 115px; position: relative; z-index: 2 } .special05 h3 { display: table; padding: 21px 5%; background: #e2e9f1; color: #3359a2; font-weight: 800; line-height: 1.4; text-align: center; border-radius: 10px; margin: 0 auto; position: relative; top: -48px; } .special05 h3:before { content: ''; position: absolute; left: 50%; bottom: -12px; transform: translate(-50%); background: url(../images_pc/raymond_mill/history-icon.png) no-repeat; width: 26px; height: 26px } .special05 h3:after { left: 0; right: 0; bottom: 30px; margin: 0 auto } .special05 li { font-size: 14px; color: #e2e9f1; font-weight: lighter; line-height: 26px } .special05 .left { width: 31.4473%; float: left; margin-top: 55px } .special05 .left p { margin-top: 30px; margin-bottom: 30px } .special05 .center { width: 30.85938%; float: left; margin: 12% 3.8% 0 } .special05 .right { width: 30.07812%; float: right } .special05 .right span { display: block; margin-top: 27px } .special05 .right .p2 { margin: 40px 0 18px } .message { width: 100%; background: #3359a2; padding: 60px 0 100px 0; position: relative; z-index: 2 } .message:before { content: ""; border-bottom: 70px solid #3359a2; border-right: 98vw solid transparent; border-left: 0 solid transparent; display: block; position: absolute; left: 0; top: -70px } .message .w, .message .container { width: 1500px; overflow: hidden } .message dl { position: relative; font-size: 0; } .message dl:before { content: ""; width: 528px; height: 537px; background: url(../images_pc/raymond_mill/website04.png) no-repeat; background-size: 100%; display: block; position: absolute; right: 0; top: -93px; z-index: -1; background-position: right bottom } .message dl:after { content: ""; width: 713px; height: 537px !important; background: url(../images_pc/raymond_mill/website06.png) no-repeat; background-size: 100%; display: block; position: absolute; right: 117px; top: -61px; z-index: -1; background-position: left top; visibility: visible } .message dd { width: 48%; background: #fff; display: inline-block; border-radius: 30px; padding: 30px 4% } .message dd h3 { font-size: 29px; color: #3359a2; font-weight: 800; text-align: center; margin-bottom: 20px } .message dd h3:after { display: none } .message dd p { width: 100%; margin: 10px 0 20px 0; overflow: hidden; position: relative } #p-name { font-size: 16px; color: #df322a } .message dd p span { position: absolute; left: 0px; top: 7px; z-index: 1; width: 100%; font-size: 16px; color: #333; font-weight: 800; font-family: "Proxima Nova" } .message dd .ly-name { width: 46%; float: left } .message dd .ly-cp { width: 46%; float: right } .message dd p input, .message dd p textarea { width: 100%; height: 40px; border-bottom: 1px solid #e9e9e9; font-size: 16px; color: #333; font-weight: 800; font-family: "Proxima Nova"; position: relative; z-index: 2; background: none } .message dd p input+span font { color: #ffa96f } .message dd p textarea+span font { color: #cbcbcb } .message dd p.ly-cp input, .message dd p.ly-cp input+span { color: #3359a2 } .message dd p input::-webkit-input-placeholder, .message dd p textarea::-webkit-input-placeholder { color: #333 } .message dd p input::-moz-placeholder, .message dd p textarea::-moz-placeholder { color: #333 } .message dd p input:-moz-placeholder, .message dd p textarea:-moz-placeholder { color: #333 } .message dd p:hover input, .message dd p:hover textarea { opacity: 1; border-bottom: 1px solid #ffa96f } .message dd p textarea { height: 66px } .message dd .submit { width: 200px; background: url(../images_pc/raymond_mill/chat-bg.png) center no-repeat; display: block; font-size: 20px; color: #fff; text-align: center; line-height: 42px; font-weight: bold; border-radius: 50px; margin: 0 auto; cursor: pointer } .message dd .submit:hover { background: #3359a2; color: #fff } .message dt { width: 46.3%; display: inline-block; font-size: 24px; font-weight: bold; vertical-align: bottom; margin-left: 5.7%; margin-bottom: 0.5%; } .message dt .email a { background: url(../images_pc/raymond_mill/envelope.png) no-repeat left center; padding-left: 45px; display: block; color: #fff } .message dt .email:hover a { color: #ffa96f } .message dt .txt span { color: #fff; margin: 25px 0 0 0; display: block; padding-left: 45px; position: relative } .message dt .txt span:before { content: ""; width: 10px; height: 10px; background: #e0e7f3; border-radius: 50%; display: block; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto 0 } .message .text { width: 45%; font-size: 20px; font-weight: 800; color: #fff; line-height: 36px; opacity: 0.5; margin-bottom: 20px; padding-left: 50px } .right-flswt { width: 142px; background: #fff; border-radius: 20px 0 0 20px; position: fixed; right: 0; top: 50%; margin-top: -40px; z-index: 9999 } .right-flswt:before { content: ""; width: 199px; height: 300px; background: url(../images_pc/raymond_mill/right-flswtzs.png) center no-repeat; background-size: 100%; position: absolute; right: 0; top: -130px; z-index: -1 } .right-flswt a { font-size: 18px; text-align: center; line-height: 40px; font-weight: 500; display: block; overflow: hidden; cursor: pointer } .right-flswt a:hover { font-weight: bold } .right-flswt .btn1 { background: #3359a2; border-radius: 20px 0 0 0; color: #fff } .right-flswt .btn2 { background: #fff; border: 1px solid #3359a2; border-radius: 0 0 0 20px; color: #3359a2 } .right-flswt span { position: absolute; left: -64px; top: -84px; animation: widthmove 4s linear infinite; width: 100px; overflow: hidden } .right-flswt span i { font-style: normal; width: 100px; height: 45px; background: url(../images/swt_bg1.png) no-repeat center top; display: block; font-size: 14px; line-height: 16px; color: #5b689b; padding: 7px 15px 0px 9px } #toTop { position: fixed; bottom: 0; right: 0px; border-radius: 0px; overflow: hidden; width: 107px; height: 50px; line-height: 50px; z-index: 999; text-align: center; background: #3359a2; cursor: pointer } #toTop img { width: 24px } #toTop:hover { background: #ea8c03 } .footer-fl { clear: both; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; position: fixed; left: 50%; bottom: .26667rem; z-index: 9999; display: none } .footer-fl ul { width: 98%; background: #fff; border-radius: .13333rem .13333rem .4rem .4rem; box-shadow: 0 0 .24rem #71aee1; transform: translate(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); padding: .2rem 0rem } .footer-fl ul li { float: left; width: 50% } .footer-fl ul li a { font-size: .37333rem; color: #121c29; font-weight: bold; line-height: .86667rem; text-align: center; display: block } .footer-fl ul li img { width: .77333rem; margin-right: .13333rem } @keyframes widthmove { 0%, 50% { width: 0px; left: 0px } 60%, 100% { width: 100px; left: -81px } } @-webkit-keyframes widthmove { 0%, 50% { width: 0px; left: 0px } 60%, 100% { width: 100px; left: -81px } } @keyframes effect { 0% { transform: scale(1) } 50% { transform: scale(0.9) } 100% { transform: scale(1) } } @media screen and (max-width: 1600px) { .message .w, .message .container { width: 1280px; padding: 0 } .message dl:after { content: ""; width: 706px; height: 537px !important; background: url(../images_pc/raymond_mill/website06.png) no-repeat; background-size: 100%; display: block; position: absolute; right: 0; top: -61px; z-index: -1; background-position: left top; visibility: visible } .message dl:before { width: 449px; background-size: 100%; top: -112px } .message dt { font-size: 20px; } .message dt .email a { background-size: 30px } } @media screen and (max-width: 1440px) { .header .nav li { margin-left: 66px } .container { width: 1120px } .banner-wrap .banner { padding-top: 130px } .banner-wrap .banner .banner-left p { border-radius: 28px; padding: 18px 24px 16px 24px } .banner-wrap .banner .banner-left p strong { font-size: 20px } .banner-wrap .banner .banner-left p span { font-size: 13px } .banner-wrap .banner .banner-left p:after { top: -22px; left: -19px; font-size: 20px; border-radius: 50%; width: 40px; height: 40px; line-height: 40px } .banner-wrap .banner .banner-right h1 { font-size: 45px } .banner-wrap .banner .banner-right .materials { font-size: 14px; line-height: 24px } .banner-wrap .banner .banner-right .consult p { font-size: 14px } .banner-wrap .banner .banner-right .consult .email { margin-top: 25px; font-size: 16px; } .banner-wrap .banner .banner-right .consult .email a { padding-left: 45px; background-size: 27px; } .banner-wrap .banner .banner-right .consult .btns { margin: 30px 0 45px } .banner-wrap .banner .banner-right .consult .btns a { font-size: 17px; padding: 17px 0 } .banner-wrap .banner .banner-right .consult .plant>p { font-size: 14px } .banner-wrap .banner .banner-right .consult .plant ul li { width: 143px } .banner-wrap .banner .banner-fwlc { height: 130px } .banner-wrap .banner .banner-fwlc:before, .banner-wrap .banner .banner-fwlc:after { bottom: 50px } h3 { font-size: 28px } h3 .mark:after { width: 90px } .letter { font-size: 15px; line-height: 26px } .intro .brief { width: 1240px } .intro .brief:before { bottom: 50px } .intro .brief .content .text p { margin-top: 25px } .intro .principle .scroll_more { max-height: 184px } .basic .basic-container h3 { margin-top: 38px; margin-bottom: 44px } .basic .basic-container ul li p { font-size: 16px } .advantage { padding-bottom: 70px } .advantage .advantage-container { padding-top: 50px } .advantage .advantage-container .outline { padding-bottom: 28px; font-size: 14px; line-height: 24px } .advantage .advantage-container ul { margin-top: 40px } .advantage .advantage-container ul li { margin-bottom: 40px } .advantage .advantage-container ul li h4 { font-size: 16px } .advantage .advantage-container ul li .letter { font-size: 16px } .advantage .advantage-container ul li i { font-size: 150px } .advantage .sevice ul { margin-top: 50px } .advantage .data ul { margin-top: 40px; margin-bottom: 20px } .price .container .pics .pics-center p { padding: 12px 20px 20px } .price .container .swtbtn { margin-top: 12px } .special05 .center { margin-top: 15% } .message .w, .message .container { width: 1120px } .message dl:after { display: none } .message dl:before { right: 0; top: -100px; background-position: right top } } @media screen and (max-width: 1280px) { .container { width: 960px } .header .nav li { margin-left: 51px } .header .nav li a, .header .swtbtn a { font-size: 14px } .banner-wrap .banner .banner-left p strong { font-size: 18px } .banner-wrap .banner .banner-right h1 { font-size: 35px } .banner-wrap .banner .banner-right .consult .btns { margin-bottom: 30px } .banner-wrap .banner .banner-right .consult .btns a { font-size: 14px; padding: 15px 0 } .banner-wrap .banner .banner-right .consult .plant ul { left: -9px } .banner-wrap .banner .banner-right .consult .plant ul li { width: 135px; margin-top: 10px; margin-left: 9px } .banner-wrap .banner .banner-right .consult .plant ul li:before { display: none } .banner-wrap .banner .banner-fwlc { height: 110px; border-radius: 40px 40px 0 0 } .banner-wrap .banner .banner-fwlc:before, .banner-wrap .banner .banner-fwlc:after { bottom: 40px } .letter { font-size: 14px; line-height: 24px } .intro { padding-bottom: 60px } .intro .brief { width: 1010px; padding-top: 20px; padding-bottom: 30px; border-radius: 40px; margin-bottom: 43px } .intro .brief:before { bottom: 30px } .intro .brief .content .text p { margin-top: 20px } .intro .principle .scroll_more { max-height: 194px } .intro .principle .pic { margin-top: 30px } .intro .principle .text .swtbtn { width: 220px; height: 50px; line-height: 48px; font-size: 18px } .basic .basic-container h3 { margin-top: 0 } .basic .basic-container ul { margin-top: 38px } .advantage { padding-bottom: 60px } .advantage .advantage-container ul { margin-top: 30px } .advantage .sevice ul li { padding: 20px 29px } .price .container .pics .pics-center p { line-height: 24px; padding: 10px 20px } .price .swtbtn { width: 140px; height: 40px; font-size: 17px; line-height: 38px } .special05, .message { padding-bottom: 60px } .message { padding-top: 20px } .message .w, .message .container { width: 960px } .message dl:before { z-index: 1 } } @media screen and (max-width: 992px) { .container { width: 750px; padding-left: .4rem; padding-right: .4rem } .header { height: 1.01333rem; line-height: 1.01333rem; top: .56rem } .header .container { position: relative } .header img { width: 100% } .header .m_logo, .header .navbtn { display: block } .header .m_logo { width: 2.4rem; float: left } .header .navbtn { width: .69333rem; display: block; float: right } .header .nav { width: 2.7rem; background: #fff; padding: .2rem 0; position: absolute; right: 0.12rem; top: 1.2rem; border-radius: .1333rem; z-index: 99999; box-shadow: 0 0.04rem 0.26667rem rgba(26, 43, 73, 0.1); display: none; overflow: visible } .header .nav:before { content: ""; width: 0; border-bottom: .2667rem solid #fff; border-right: .2667rem solid transparent; border-left: .2667rem solid transparent; position: absolute; top: -.24rem; right: .36rem } .header .nav li { float: none; margin-left: 0 } .header .nav li a { font-size: .4rem; line-height: 0.72rem; color: #1a2a48; text-align: center } .header .nav li a:before, .header .nav li a:after { display: none } .header .nav .active a { color: #ea8c03; font-weight: bold } .header .nav .logo { display: none } .header .swtbtn { display: none } .footer { font-size: .32rem; line-height: 1.5; color: #2c4a82; padding: .28rem 0 } h3 { font-size: .6rem; text-align: center } h3:after { left: 0; right: 0; bottom: .08rem; width: 1.46667rem; height: .12rem; margin: 0 auto } .letter { font-size: .4rem; line-height: .6rem; font-weight: normal } .banner-wrap .banner { padding-top: 2.4rem } .banner-wrap .banner .banner-lr { padding-bottom: 0; } .banner-wrap .banner .banner-fwlc { display: none } .banner-wrap .banner .banner-left, .banner-wrap .banner .banner-right { width: 100%; display: block; margin-left: 0; } .banner-wrap .banner .banner-left img { width: 100% } .banner-wrap .banner .banner-left p { border-radius: .32rem; padding: .32rem .42667rem .30667rem } .banner-wrap .banner .banner-left p:after { width: .6rem; height: .6rem; top: -.29333rem; left: -.29333rem; font-size: .4rem; line-height: .57333rem } .banner-wrap .banner .banner-left p strong, .banner-wrap .banner .banner-left p span { font-size: .37333rem } .banner-wrap .banner .banner-left p strong { padding-bottom: .2rem } .banner-wrap .banner .banner-left .p2:after { left: auto; right: -.29333rem } .banner-wrap .banner .banner-right { padding-top: .74667rem; padding-bottom: 1rem } .banner-wrap .banner .banner-right h1 { font-size: .69333rem } .banner-wrap .banner .banner-right h1:after { left: 0; height: .16rem } .banner-wrap .banner .banner-right .materials { margin: .74667rem 0 .6rem 0; font-size: .37333rem; line-height: .6rem; font-weight: normal } .banner-wrap .banner .banner-right .materials p { margin-top: .4rem } .banner-wrap .banner .banner-right .consult p { font-size: .37333rem; font-weight: normal } .banner-wrap .banner .banner-right .consult .email { margin-top: .6rem; font-size: .42rem; } .banner-wrap .banner .banner-right .consult .email a { padding-left: 1rem; background-size: .7rem } .banner-wrap .banner .banner-right .consult .btns { margin: .74667rem 0 } .banner-wrap .banner .banner-right .consult .btns a { width: 48%; font-size: .38rem; padding: .28rem 0; border-radius: .8rem; letter-spacing: -0.5px; } .banner-wrap .banner .banner-right .consult .btns a:first-child { margin-right: 2% } .banner-wrap .banner .banner-right .consult .btns .chat { width: 66%; padding-left: 15%; } .banner-wrap .banner .banner-right .consult .btns .chat:before { width: 20%; } .banner-wrap .banner .banner-right .consult .btns .inquire { width: 32%; } .banner-wrap .banner .banner-right .consult .plant ul { margin-top: .12rem; width: 102%; left: -2% } .banner-wrap .banner .banner-right .consult .plant ul li { width: 48%; height: .85333rem; border-radius: .4rem; margin-left: 2%; margin-top: .36rem; font-size: .34667rem; line-height: .84rem } .intro { padding: 0 } .intro .brief { width: 100%; background: #fff; border-radius: 0; margin: 0; padding-top: 1rem; padding-bottom: 1rem; box-shadow: 0 0 .6rem rgba(23, 37, 50, 0.1) } .intro .brief:before { display: none } .intro .brief .content .text, .intro .brief .content .pic { width: 100%; float: none } .intro .brief .content .text h3 { margin-bottom: .4rem } .intro .brief .content .text p { margin-top: .4rem } .intro .brief .content .text p, .intro .brief .content .text .p1 { font-weight: normal; text-align: left } .intro .brief .content .text .p2 { margin-top: .32rem; margin-bottom: .32rem } .intro .brief .content .text .p3 { font-size: .4rem; line-height: .6rem; padding: 0 } .intro .brief .content .pic { margin-top: .48rem } .intro .brief .content .pic img { width: 100% } .intro .principle { padding-top: 1rem; padding-bottom: 1rem } .intro .principle .pic, .intro .principle .text { width: 100%; float: none } .intro .principle .pic { margin-top: .85333rem; margin-left: .26667rem } .intro .principle .pic:after { left: -.26667rem; top: -.26667rem; border-radius: .53333rem } .intro .principle .pic video, .intro .principle .pic img { border-radius: .53333rem } .intro .principle .text h3 { margin: 0 0 .4rem 0 } .intro .principle .text p { font-weight: normal; text-align: left } .intro .principle .text .swtbtn { width: 4rem; height: .88rem; margin: .48rem auto 0; font-size: .42667rem; line-height: .86667rem; border-radius: .8rem } .intro .principle .scroll_more { max-height: initial } .intro .principle .scroll_more::-webkit-scrollbar { display: none } .basic .basic-container { padding-top: 1rem; padding-bottom: 1rem } .basic .basic-container h3 { margin-bottom: 0 } .basic .basic-container ul { margin-left: -4%; margin-top: .4rem } .basic .basic-container ul li { width: 46%; margin-left: 4%; margin-top: .48rem } .basic .basic-container ul li img { width: 100%; border-radius: .32rem; box-shadow: 0 .32rem .16rem -.4rem rgba(20, 51, 83, 0.6) } .basic .basic-container ul li p { height: 1.2rem; font-size: .42667rem; margin-top: .36rem } .advantage { padding-bottom: 1rem; background-position: center -2.90667rem } .advantage .advantage-container { padding-top: 1rem; padding-bottom: 1rem } .advantage .advantage-container ul { margin-left: 0; margin-top: 0 } .advantage .advantage-container ul li { margin: .6rem 0 0 0; width: 100%; height: auto; padding: .4rem .53333rem; border-radius: .16rem } .advantage .advantage-container ul li h4 { padding-top: 0; font-size: .45333rem; line-height: .64rem } .advantage .advantage-container ul li .letter { margin-top: .2rem } .advantage .advantage-container ul li i { font-size: 2.45333rem } .advantage .advantage-container .youshi_4 { margin-left: 0 } .advantage .advantage-container .youshi_4 li { width: 100%; margin-left: 0 } .advantage .sevice { padding-top: 0; padding-bottom: 1rem } .advantage .sevice ul { margin-top: 0; margin-left: -2% } .advantage .sevice ul li { width: 47%; margin-left: 3%; margin-top: .64rem; padding: .56rem; box-shadow: .05333rem .05333rem .08rem rgba(20, 28, 79, 0.15) } .advantage .sevice ul li:after { left: .24rem; right: .24rem } .advantage .sevice ul li:first-child { margin-left: 2% } .advantage .sevice ul li span { margin-bottom: .24rem; font-size: .4rem; width: .88rem; height: .53333rem; border-radius: .12rem; line-height: .53333rem } .advantage .sevice ul li .letter { font-weight: normal } .advantage .data p { margin-top: .8rem; margin-bottom: .53333rem; font-size: .4rem } .advantage .data ul { margin-top: .74667rem; margin-bottom: .2rem; width: 103%; left: -3% } .advantage .data ul li { border-radius: .8rem; margin-left: 3%; margin-bottom: .48rem } .advantage .data ul li a { line-height: .8rem; font-size: .4rem; padding: 0 .4rem } .advantage .data ul li.on { box-shadow: 0 .33333rem .10667rem -.26667rem rgba(117, 121, 125, 0.8) } .advantage .data .timer-shaft-content table { margin-top: .53333rem } .advantage .data .timer-shaft-content td { font-size: .32rem; line-height: 1.5; padding: .10667rem } .price .container { padding-top: 1rem; padding-bottom: 1.46667rem } .price .container h3 { margin: 0 0 .6rem 0 } .price .container .pics .pics-left, .price .container .pics .pics-center, .price .container .pics .pics-right { width: 100%; float: none } .price .container .pics img { width: 100% } .price .container .pics .pics-left .img1 { margin-bottom: .4rem } .price .container .pics .pics-center { margin: .4rem 0; position: relative } .price .container .pics .pics-center .img3 { margin-bottom: .4rem } .price .container .pics .pics-center p { height: 7.28rem; padding: .53333rem .56rem .66667rem; font-size: .37333rem; line-height: 1.5; font-weight: normal; text-align: justify; bottom: 0 } .price .container .pics .pics-center .swtbtn { width: 3.6rem; height: .85333rem; margin: .4rem auto 0; font-size: .42667rem; line-height: .82667rem; border-radius: .8rem } .special05 { padding-bottom: 1.28rem } .special05 h3 { padding: .26667rem 5%; border-radius: .2rem; top: -.64rem } .special05 h3:before { background-size: 100%; bottom: -.24rem; width: .48rem; height: .48rem } .special05 h3:after { bottom: .36rem } .special05 li { font-size: .4rem; line-height: .64rem } .special05 li img { width: 100% } .special05 li p { font-weight: normal; margin: .48rem 0 } .special05 .left { width: 100%; margin-top: .4rem } .special05 .left p { margin: .48rem 0 } .special05 .center { display: none } .special05 .right { width: 100%; margin-right: 0 } .special05 .right span { margin-top: .48rem } .special05 .right .p2 { margin: .48rem 0 } .message { padding-top: .8rem; padding-bottom: .8rem } .message:before { border-bottom: .6rem solid #3359a2; top: -.58667rem } .message .w, .message .container { width: 750px; padding: 0 .4rem } .message .text, .message dl:before, .message dt { display: none } .message dd { width: 100%; display: block; border: none; border-radius: .4rem; padding: .6rem } .message dd h3 { font-size: .6rem } .message dd p { margin: .16rem 0 .28rem } .message dd p span { font-size: .33333rem; line-height: 1.4; top: .2rem } .message dd p input, .message dd p textarea { height: .93333rem; font-size: .33333rem } .message dd .ly-text span { top: 0 } .message dd p textarea { height: 2rem; line-height: 1.4 } .message dd .submit { width: 3.73333rem; height: .88rem; font-size: .42667rem; line-height: .88rem; border-radius: .8rem } .right-flswt { display: none } #toTop { width: 1.33333rem; height: 1.33333rem; border-radius: .2rem; line-height: 1.33333rem; bottom: 2rem; right: 2% } #toTop img { width: 50% } .footer-fl { display: block } } @media screen and (max-width: 750px) { .container { width: 100% } .message .w, .message .container { width: 100% } } .ru_body .banner-wrap .banner .banner-right .consult .btns .chat{ white-space: normal; } .ru_body .banner-wrap .banner .banner-fwlc::before { background: url(../images_pc/fwlcpic_ru.png) center 27% no-repeat; background-size: 100% } @media screen and (max-width: 992px) { .ru_body h3 { font-size:.53333rem } }