body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif } h1, h2, h3, h4, h5, h6 { font-size: 100% } a { text-decoration: none; cursor: pointer } a:hover { text-decoration: none } * { box-sizing: border-box } img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } i, em { font-style: normal } li { list-style: none } html { font-size: .83333vw; } button, input, select, textarea { font-size: 100%; border: none; outline: none } #LRdiv0 { display: none !important } .wp { width: 100%; max-width: 83.33333vw; margin: 0 auto } .wrap { width: 100%; max-width: 70.83333vw; margin: 0 auto } .clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both } .clearfix { zoom: 1 } .l { float: left } .r { float: right } .header { padding: .78125vw 0; line-height: 2.5vw } .logo { width: 9%; } .logo img { width: 100%; } .header ul { width: 75%; padding: 0.4vw 0; text-align: center } .header ul li { display: inline-block; text-align: center; width: 10% } .header ul li.active a, .header ul li:hover a { color: #ff6d28; font-weight: bold } .header ul li a { font-size: .83333vw; color: #666 } .header .email { width: 15%; padding: 0.4vw 0; text-align: right } .header .email a { font-size: .83333vw; color: #ff6d28; position: relative; cursor: pointer } .header .email a:hover { text-decoration: underline } .header .email a:before { background: url(../rotary-dryer-images/email.png) no-repeat; width: 1.19792vw; height: .98958vw; background-size: cover; content: ""; display: block; position: absolute; left: -1.5625vw; top: 50%; margin-top: -.52083vw } .pro-deail { text-align: center; margin-top: 3.64583vw; position: relative } .pro-deail:before { content: ""; display: block; width: .05208vw; height: 1.71875vw; background: #ff6d28; position: absolute; left: 50%; top: -2.60417vw } .pro-deail:after { content: ""; display: block; width: .05208vw; height: 1.71875vw; background: #ff6d28; position: absolute; left: 50%; bottom: -3.38542vw } h1 { font-size: 2.5vw; color: #282828; text-transform: capitalize; font-weight: normal } .pro-deail p { font-size: 0.85vw; color: #333; line-height: 1.85em; width: 70%; margin: .36458vw auto } .chat-online span { font-size: .83333vw; color: #ff6d28; font-weight: bold; display: block; border: .05208vw solid #ff6d28; width: 8.33333vw; height: 2.08333vw; line-height: 2.08333vw; margin: 1.04167vw auto } .quotation a { font-size: 1vw; color: #ff6d28; font-weight: bold; display: table; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; cursor: pointer; text-decoration: underline } .quotation a:hover { color: #6a7fc0; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .pro-pic { overflow: hidden; margin-top: 4.16667vw; position: relative } .pic-left { float: left; width: 30%; position: absolute; top: 2.08333vw } .pic-left ul { overflow: hidden } .pic-left li { float: left; width: 50% } .pic-left li p { font-size: 0.85vw; color: #3f4548 } .pic-left li strong { font-size: 1.875vw; color: #333; display: block; margin-top: .52083vw } .pic-left .xq { font-size: 0.8vw; color: #ff6d28; display: block; margin-top: .78125vw; margin-bottom: 2.08333vw } .pic-right { width: 66.823vw; float: right } .pic-right img { width: 100%; display: block; } .index-one .wlbox { display: none } .pro-acces { background: url(../rotary-dryer-images/assce_bg.jpg) no-repeat center; background-size: cover; padding-bottom: 3.64583vw; margin-top: -8.33333vw; padding-top: 7.8125vw } .acces-top p { display: inline-block; font-size: 1.04167vw; color: #fff; position: relative } .pro-acces ul { overflow: hidden; margin-top: 1.5vw; position: relative } .acces { padding-left: 6.6vw; } .acces-top li { font-size: .9375vw; color: #fff; font-weight: bold; text-transform: capitalize; background: #7689c2; border-radius: 1.5625vw; text-align: center; height: 2.29167vw; line-height: 2.29167vw; float: left; margin-bottom: .52083vw; margin-left: .52083vw } .acces-left { width: 45%; float: left; text-align: right; } .acces-left ul { left: -.52083vw } .acces-left p { text-align: right; padding-right: .78125vw } .acces-left p:after { position: absolute; width: 8.95833vw; height: .05208vw; background: #a4b2d9; content: ""; display: block; bottom: -.46875vw; right: .78125vw } .acces-left li { width: 6.66667vw } .acces-right ul { width: 103%; left: -.52083vw } .acces-right li { width: 11.25vw; } .acces-right { float: right; width: 55%; margin-top: 7.8125vw; padding-left: .52083vw } .acces-right p { text-align: left } .acces-right p:after { position: absolute; width: 100%; height: .05208vw; background: #a4b2d9; content: ""; display: block; bottom: -.46875vw; left: 0 } .acces-bottom { margin-top: 1.82292vw } .acces-bottom h3 { text-align: center; font-size: 1.04167vw; color: #fff; margin-left: -10%; position: relative } .acces-bottom h3:after { position: absolute; width: 7.8125vw; height: .05208vw; background: #a4b2d9; content: ""; display: block; bottom: -.46875vw; left: 50%; margin-left: -3.90625vw } .acces-bottom ul { width: 50vw; overflow: hidden; margin-left: 3.906vw; font-size: 0; } .acces-bottom li { width: 22.917%; display: inline-block; vertical-align: top; margin: 0 1.043%; text-align: center } .acces-bottom li img { width: 100%; display: block; } .acces-bottom p { font-size: 0.82vw; color: #fff; margin-top: .52083vw } .acces-bottom .look { width: 9.33333vw; height: 2.08333vw; font-size: .83333vw; line-height: 2.08333vw; text-align: center; margin-left: 38%; margin-top: 2.08333vw; display: none; } .acces-bottom .look a { height: 100%; background-color: #fff; color: #405284; display: block; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .acces-bottom .look a:hover { background-color: #ff6d28; color: #fff; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .index-two { margin-top: 6.25vw; margin-bottom: 6.25vw } .heat-left { float: left; width: 51% } .heat-left img { width: 100%; display: block; } .heat-right { float: right; width: 46%; margin-top: 1.2vw; } .heat-right h2 { font-size: 1.8vw; color: #333; text-transform: capitalize; } .heat-right p { font-size: .83333vw; line-height: 1.8em; color: #333; margin-top: 0.8vw; } .heat-right span { color: #ff4660; font-weight: bold; } .chat-online span { color: #ff6d28; text-align: center; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; cursor: pointer } .chat-online span:hover { background-color: #ff6d28; color: #fff; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .index-three { background: url(../rotary-dryer-images/hot_med.jpg) no-repeat center; background-size: cover; padding: 7vw 0; } .hot-pos { width: 50% } .hot-model h2 { font-size: 1.8vw; color: #fff; } .hot-model p { font-size: .83333vw; line-height: 1.8em; color: #fff; margin-bottom: 1.04167vw; margin-top: 0.6vw; } .hot-model span { font-size: .83333vw; line-height: 1.8em; color: #fff } .hot-model ul { margin: .36458vw 0 1.04167vw } .hot-model li { display: inline-block; font-weight: bold; color: #fff; font-size: 1.25vw } .all-param { text-align: center } .all-param a { width: 10.41667vw; height: 2.08333vw; line-height: 2.08333vw; font-size: .72917vw; color: #fff; border-radius: 1.5625vw; -webkit-border-radius: 1.5625vw; -moz-border-radius: 1.5625vw; -ms-border-radius: 1.5625vw; -o-border-radius: 1.5625vw; border: .05208vw solid #fff; display: block; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .all-param a:hover { background-color: #ff6d28; color: #fff; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .hot-count { margin-top: 2.60417vw } .hot-count strong { color: #ff8e59 } .index-four img { width: 100%; display: block; } .case-left, .case-rigth { width: 50% } .case-rigth { padding: 2.6vw 14.58333vw 2.6vw 3.125vw; } .case-rigth h3 { font-size: 1.5625vw; line-height: 1.5em; color: #333; } .case-rigth ul { overflow: hidden; margin: .625vw 0 .625vw -3.125vw } .case-rigth li { float: left; color: #1d8383; margin-left: 3.38542vw } .case-rigth li span { display: block; font-size: .83333vw; margin-bottom: .26042vw } .case-rigth li strong { font-size: 1.25vw; display: block } .case-rigth p { font-size: .83333vw; line-height: 1.75em; color: #333 } .case-rigth .chat-online { margin-top: 1.30208vw } .case-rigth .chat-online span { margin: 0 } .case-padg { padding: 2.6vw 3.125vw 2.6vw 14.58333vw; } .index-five { background: #f5f6fa; padding: 3.5vw 0; } .index-five strong { display: block; margin-bottom: 1.1vw; font-size: 1.8vw; color: #333; text-align: center; } td { padding: .78125vw .26042vw; font-size: 0.8vw; } .index-six { padding: 4.16667vw 0 5.46875vw } .index-six h2 { font-size: 1.8vw; color: #333; text-align: center; margin-bottom: 1.82292vw } .index-six ul { overflow: hidden; margin-left: -2%; } .index-six li { float: left; width: 22%; font-size: .83333vw; color: #333; line-height: 1.8em; position: relative; margin-left: 3%; padding-left: 1.5%; } .index-six li:before { content: ""; display: block; width: .3125vw; height: 4.16667vw; background: #ff6d28; position: absolute; left: 0; top: .26042vw } .index-seven { margin-bottom: 6.25vw } .history-left { width: 47%; float: left } .history-left h2 { font-size: 1.8vw; color: #333; margin-bottom: 0.6vw; } .history-left p { font-size: .83333vw; line-height: 1.8em; color: #333 } .history-left ul { overflow: hidden; margin-top: 1.04167vw; margin-left: -3.64583vw } .history-left li { float: left; margin-left: 3.64583vw } .history-left li p { font-size: 0.8vw; color: #666; text-transform: uppercase } .history-left li strong { font-size: 2vw; color: #333; display: block } .history-right { float: right; width: 51% } .history-right img { width: 100%; display: block; } .history-left .chat-online span { margin: 1.82292vw 0 0 } .index-process { background: #304683; padding: 5vw 0; } .index-process h2 { font-size: 1.8vw; color: #fff; text-align: center } .index-process li { float: left; width: 25% } .index-process strong { display: inline-block; vertical-align: middle; font-size: 2.5vw; color: #fff; line-height: 1.1em; position: relative } .index-process p { font-size: .78125vw; color: #fff; width: 80%; display: inline-block; vertical-align: middle; line-height: 1.5em; opacity: .8; margin-top: .15625vw; margin-left: .26042vw } .index-process .u-one { margin-top: 2vw; margin-bottom: 2vw; position: relative; margin-left: -4%; } .index-process .u-one:before { width: 100%; height: .05208vw; background: #596b9c; content: ""; display: block; position: absolute; top: 3.64583vw; left: 4% } .index-process .u-one li { margin-left: 4% } .index-process .u-one strong:after { position: absolute; bottom: -1.09375vw; left: .72917vw; content: ""; display: block; width: .26042vw; height: .26042vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff } .index-process .u-two { margin-left: -7%; padding-left: 16% } .index-process .u-two li { width: 26%; margin-left: 7% } .index-process .u-two strong:before { position: absolute; top: -1.25vw; left: .72917vw; content: ""; display: block; width: .26042vw; height: .26042vw; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff } .index-cact { padding: 3.90625vw 0 1.5625vw; background: #283b6c; background: -webkit-linear-gradient(#3b58a3, #283b6c); background: -o-linear-gradient(#3b58a3, #283b6c); background: -moz-linear-gradient(#3b58a3, #283b6c); background: linear-gradient(#3b58a3, #283b6c) } .index-cact .cact-left { float: right; width: 50% } .index-cact .cact-left strong { font-size: 1.8vw; color: #fff; display: block; margin-bottom: 1.8vw; } .index-cact .cact-left .message ul { margin-left: -10%; overflow: hidden } .index-cact .cact-left .message ul li { float: left; position: relative; width: 40%; margin-left: 10%; border-bottom: .05208vw solid #818a96; margin-bottom: 1.5625vw } .index-cact .cact-left .message ul li:before { position: absolute; left: 0; top: .625vw; content: ""; display: block; width: 1.04167vw; height: 1.04167vw } .index-cact .cact-left .message ul li.m-name:before { background: url(../rotary-dryer-images/me_1.png) no-repeat; background-size: 100% 100% } .index-cact .cact-left .message ul li.m-email:before { background: url(../rotary-dryer-images/me_2.png) no-repeat; background-size: 100% 100% } .index-cact .cact-left .message ul li.m-phone:before { background: url(../rotary-dryer-images/me_3.png) no-repeat; background-size: 100% 100% } .index-cact .cact-left .message ul li input { background: transparent; width: 100% } .index-cact .cact-left .message ul li.m-pro { background-color: #4a629f; border: .05208vw solid transparent; float: right } .index-cact .cact-left .message ul li.m-pro input { padding: 0.7vw 1vw; background-color: transparent; font-weight: bold; color: #fff; opacity: 1 } .index-cact .cact-left .message ul li input { border: none; font-size: .72917vw; color: #fff; outline: none; width: 100%; height: 100%; display: block; padding: 0.7vw 1.5625vw; } .index-cact .cact-left .message .msg-areas textarea { border: .05208vw solid #818a96; width: 100%; height: 13.02083vw; padding: .78125vw 1.04167vw; font-size: .72917vw; color: #fff; background: transparent; resize: none } .index-cact .cact-left .message ul li input::-webkit-input-placeholder, .index-cact .cact-left .message .msg-areas textarea::-webkit-input-placeholder { color: #fff; opacity: .6 } .message .line { width: 7.29167vw; height: 2.08333vw; line-height: 2.08333vw; text-align: center; background: #fff; margin-top: 2.08333vw; float: right } .message .line input { cursor: pointer; transition: all .5s ease; font-size: .72917vw; color: #fff; font-weight: bold; width: 100%; height: 100%; background: transparent } .message .line input[value] { color: #333 } .message .line:hover { background: #ff6d28; transition: all .5s ease } .message .line:hover input { background: #ff6d28; color: #fff } .index-cact .cact-right { float: left; width: 45%; margin-top: 5vw; padding-left: 2% } .index-cact .cact-right ul { overflow: hidden; margin-bottom: 2.8vw; } .index-cact .cact-right ul li { float: left; width: 60%; margin-left: 5%; font-size: 1vw; } .index-cact .cact-right ul li:first-child { margin-left: 0; } .index-cact .cact-right ul li p { color: #e8e9f0 } .index-cact .cact-right ul li strong { color: #e8e9f0 } .index-cact .cact-right ul li.fr { float: left; width: 32% } .index-cact .cact-right .map img { width: 100%; } .foot { color: #fff; font-size: .83333vw; text-align: center; line-height: 1.6; margin-top: 3.125vw } .fixed-right { position: fixed; background: #fff; text-align: center; right: 0; top: 50%; transform: translateY(-50%); width: 4.5vw; z-index: 999; border: .05208vw solid #485f9f; overflow: hidden; box-shadow: 0 0 1.04167vw rgba(72, 95, 159, 0.2); font-weight: normal; } .fixed-right .btn img { width: 50%; } .fixed-right .btn p { display: block; margin-top: .52083vw; font-size: .72917vw; color: #485f9f; line-height: 1.1em } .fixed-right .top:hover p, .fixed-right .middle:hover a { color: #ff6d28 } .fixed-right .top { padding: .78125vw .52083vw .26042vw; border-bottom: .05208vw solid #fff; cursor: pointer } .fixed-right .middle { border-bottom: .05208vw solid #fff; cursor: pointer } .fixed-right .middle a { display: block; padding: .78125vw .52083vw .52083vw; color: #485f9f } .fixed-right .middle img { width: 30%; } .fixed-right .bottom { background: #fff; padding: .41667vw 0 .78125vw; cursor: pointer } .fixed-right .bottom img { width: 40%; } .pop-video { position: fixed; width: 100%; height: 100%; left: 0; top: -150%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; z-index: 9999; opacity: 0; filter: alpha(opacity=0) } .pop-video .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4) } .pop-video .close { position: absolute; right: 1.82292vw; top: 1.04167vw; width: 2.23958vw; height: 2.23958vw; background: url(../rotary-dryer-images/close.png) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; cursor: pointer } .pop-video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 90% } .pop-video.open { top: 0; opacity: 1; filter: alpha(opacity=100) } .pop-video .message { border-top: .41667vw solid #eb8c04; background: #fff; position: relative; z-index: 5; top: 20%; width: 52.08333vw; left: 50%; margin-left: -26.04167vw; padding: 1.30208vw 8.33333vw 2.08333vw } .pop-video .message strong { font-size: 1.45833vw; color: #3e4874; text-transform: uppercase; line-height: 2.5vw } .pop-video .message span { font-size: .83333vw; color: #eb8c04; display: block; background: #f4f4ff; border-radius: 1.5625vw; height: 2.5vw; line-height: 2.5vw; width: 11.97917vw; text-align: center; float: right; margin-right: 25% } .pop-video .message { margin-top: .15625vw } .pop-video .message li { border-bottom: .05208vw solid #d7d7ff; padding: 1.5625vw 0 .52083vw 2.34375vw; position: relative } .pop-video .message li:before { position: absolute; left: .625vw; top: 50%; content: ""; display: block } .pop-video .message li.icon-name:before { background: url(../rotary-dryer-images/rw.png) no-repeat; background-size: 100% 100%; width: .72917vw; height: .78125vw; margin-top: .10417vw } .pop-video .message li.icon-email:before { background: url(../rotary-dryer-images/yx.png) no-repeat; background-size: 100% 100%; width: .83333vw; height: .67708vw; margin-top: .26042vw } .pop-video .message li.icon-tel:before { background: url(../rotary-dryer-images/dh.png) no-repeat; background-size: 100% 100%; width: .83333vw; height: .83333vw; margin-top: .10417vw } .pop-video .message li input { font-size: .83333vw; color: #adabdc; height: 1.5625vw; width: 100% } .pop-video input:-webkit-autofill { box-shadow: 0 0 0vw 52.08333vw white inset } .pop-video .message li textarea { height: 6.25vw; width: 100%; background: #f7f7f7; font-size: .83333vw; line-height: 1.5em; color: #adabdc; resize: none; padding: 1.04167vw 1.5625vw 1.04167vw 2.34375vw } .pop-video .message li.last { border: none; padding: 1.30208vw 0 } .pop-video .message button { border: none; background: #eb8c04; width: 14.58333vw; height: 2.91667vw; line-height: 2.91667vw; color: #fff; font-size: .83333vw; border-radius: .52083vw; box-shadow: 0 0 1.04167vw rgba(94, 88, 246, 0.3); display: block; margin: 0 auto; position: relative; z-index: 1; cursor: pointer } .pop-video .message button:before { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #c1770c; transform-origin: center top; transform: scaleY(0); transition: 0.25s ease-in-out; border-radius: .52083vw } .pop-video .message button:hover::before { transform-origin: center bottom; transform: scaleY(1) } .pop-video .message button:after { content: ""; width: 1.09375vw; height: .98958vw; display: block; position: absolute; top: 50%; margin-top: -.52083vw; right: 2.60417vw } .pop-video .message li textarea::-webkit-input-placeholder { color: #adabdc } .pop-video .message li textarea::-moz-placeholder { color: #adabdc } .pop-video .message li textarea:-moz-placeholder { color: #adabdc } .pop-video .message li textarea:-ms-input-placeholder { color: #adabdc } .header .mnavbtn, .index-one .cppic { display: none } .video_swt{ max-width: 31.3vw; margin: 2.08vw auto 0; padding: 0.73vw; padding-right: 3.3vw; background-color: #fff; background-image: url(../images/icon_video2.png); background-repeat: no-repeat; background-position: right 0.89vw center; background-size: 1.615vw; border-radius: 2.6vw; font-size: 0.8333vw; color: #405284; line-height: 1.2; text-align: center; cursor: pointer; } @media screen and (max-width: 999px) { body { max-width: 100vw; width: 100%; margin: 0 auto } .wrap { max-width: 100%; padding-left: 4.8vw; padding-right: 4.8vw; } .logo { width: 25%; height: 100%; background: url(../rotary-dryer-images/mlogo.png) center no-repeat; background-size: 100% } .logo img { width: 100%; opacity: 0 } .header { max-width: 100vw; width: 100%; padding: 4vw 5.5%; position: relative } .header ul { width: 30vw; background: #fff; padding: 2.8vw 0; position: absolute; right: 5%; top: 88%; border-radius: 2vw; z-index: 99999; box-shadow: 0 1.06667vw 2.13333vw rgba(26, 43, 73, 0.15); display: none } .header ul li { width: 100%; display: block } .header ul li a { display: block; font-size: 4vw; line-height: 2; color: #1a2a48; text-align: center } .header .email { display: none } .header .mnavbtn { width: 7%; display: block; position: absolute; right: 5.5%; top: 0; bottom: 0; background: url(../rotary-dryer-images/mnavbtn.png) center no-repeat; background-size: 100% } .index-one { overflow: hidden } .index-one .wrap { width: 100%; } .index-one .m_headerbg { padding-bottom: 10vw; background: url(../rotary-dryer-images/mcppageztbg.jpg) center top no-repeat; background-size: cover; display: block } .index-one .m_headerbg img { width: 100%; display: block } .index-one .wlbox { display: block; margin-top: -10vw; margin-bottom: 0.93333rem; padding: 0 1.2%; overflow: hidden } .index-one .wlbox li { width: 22.26%; float: left; margin: 0 1.37%; padding: 1.3vw; position: relative; background: #f0f2f8; border-radius: 3.3vw; } .index-one .wlbox li img { border-radius: 0; } .index-one .wlbox li span { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 3.9vw; color: #ffffff; text-align: center; line-height: 1; font-weight: bold; font-style: italic; word-break: break-word; } .index-one .cppic { display: block } .index-one h1 { font-size: 6.4vw; color: #fff; font-weight: bold; position: relative; z-index: 1 } .index-one h1:before, .index-one h1:after { content: ""; height: 1.5vw; display: block; position: absolute; left: 0; bottom: 0.08rem; z-index: -1; background: #ffc62c; border-radius: 1vw; } .index-one h1:before { width: 21.5vw; } .index-one h1:after { width: 1.5vw; left: 23vw; } .pro-deail { margin-top: 8vw; text-align: left } .pro-deail:before, .pro-deail:after, .pro-deail .chat-online { display: none } .pro-deail p { width: 100%; margin-top: 5vw; margin-bottom: 0; font-size: 4vw; line-height: 1.6; color: #c2d0f4 } .pro-pic { margin-top: 2vw; overflow: initial } .pic-left { width: 100%; float: none; position: initial; } .pic-left ul { padding: 4vw 0; } .pic-left li { width: auto; max-width: 48%; text-align: left } .pic-left li+li { float: right } .pic-left li p { font-size: 3.8vw; color: #ffffff } .pic-left li strong { margin-top: 1.6vw; font-size: 4.8vw; color: #fff } .pic-left .xq { font-size: 3.6vw; line-height: 1.6; color: #ffc62c; margin-top: 2vw; margin-bottom: 3vw; } .quotation { padding: 0; } .quotation a { padding-left: 8.2vw; background: url(../rotary-dryer-images/index-one_email.png) left 1.74vw no-repeat; background-size: 6vw; font-size: 4.8vw; text-align: left; color: #ffc62c } .quotation a:hover { color: #ffc62c } .pic-right { display: none } .pro-acces { background-size: cover; background-position: left; margin-top: 0; padding: 8vw 0 14vw; } .acces-left, .acces-right { width: 46% } .acces-right { margin-top: 0; padding: 0 } .acces-top { display: none } .acces-top p { font-size: 2.93333vw; text-align: center; padding-bottom: 4vw } .acces-top p::after { width: 100%; left: 0; right: 0; bottom: 0 } .acces-top ul { left: 0; margin-top: 4vw } .acces-top li { width: 100%; margin-bottom: 6%; margin-left: 0 } .acces-bottom { margin-top: 0; } .acces-bottom h3 { font-size: 6vw; padding-bottom: 4vw; margin: 0 } .acces-bottom h3:after { width: 100%; left: 0; right: 0; bottom: 0; margin: 0; display: none } .acces-bottom ul { width: auto; padding: 0; margin-left: -2% } .acces-bottom li { width: 48%; margin: 0 0 0 2%; } .acces-bottom li img { width: 100%; display: block } .acces-bottom p { font-size: 3.6vw; text-align: center; margin: 2.8vw 0 5vw; padding-left: 0 } .acces-bottom .look { margin: 4vw auto 0; width: 45vw; height: 10vw; font-size: 4vw; line-height: 10vw; } .heat-left, .heat-right { width: 100% } .heat-left { margin-top: 7vw; } .heat-right h2 { font-size: 6vw; text-align: center; } .heat-right p { font-size: 4vw; line-height: 1.8; margin-top: 3vw; } .chat-online span { width: 40vw; height: 10vw; display: block; margin-top: 6vw; font-size: 4vw; line-height: 9.5vw; } .index-two { margin-top: 8vw; margin-bottom: 10vw; } .index-three { background-size: cover; padding: 9vw 0; } .hot-pos { width: 100%; } .hot-model h2 { font-size: 6vw; } .hot-model p { margin-bottom: 4vw; margin-top: 3.3vw; font-size: 4vw; } .hot-model span { font-size: 3.6vw; } .hot-model ul { margin: 1vw 0 5vw; } .hot-model ul li { font-size: 5vw; } .all-param a { width: 57vw; height: 10vw; font-size: 4vw; line-height: 8.8vw; } .hot-count { margin-top: 6vw; } .case-left, .case-rigth { width: 100% } .case-left img { width: 100% } .case-rigth { padding: 8vw 4.8vw 8vw; } .case-rigth h3 { font-size: 5vw; } .case-rigth ul { margin: 4vw 0 4vw -10vw; } .case-rigth li { margin-left: 10vw; } .case-rigth li span { margin-bottom: 1vw; font-size: 4.5vw; } .case-rigth li strong { font-size: 6vw; } .case-rigth p { font-size: 4vw; } .case-rigth .chat-online { margin-top: 5vw; } .index-five { padding: 10vw 0; } .index-five strong { margin-bottom: 4vw; font-size: 6vw; } td { padding: 2vw 1vw; font-size: 3.6vw; } .index-six { padding: 8vw 0 10vw; } .index-six h2 { font-size: 6vw; } .index-six ul { margin-left: -2%; display: flex; flex-wrap: wrap; justify-content: space-between; } .index-six li { width: 48%; margin-left: 2%; margin-top: 5vw; padding: 0 0 0 3%; font-size: 3.6vw; line-height: 1.5; } .index-six li:before { height: 100%; top: 0; bottom: 0 } .index-seven { margin-bottom: 10vw; } .history-left h2 { font-size: 6vw; text-align: center; } .history-left, .history-right { width: 100% } .history-left p { margin: 4vw 0; font-size: 4vw; } .history-left ul { margin: 5vw 0; } .history-left li { width: 33.33%; margin: 0; text-align: center } .history-left li p { margin-top: 0; margin-bottom: 1vw; font-size: 3.6vw; } .history-left li strong { font-size: 7vw; } .history-left .chat-online span { margin: 4vw auto } .history-right { margin-top: 4vw; } .index-process { padding: 10vw 0; } .index-process h2 { font-size: 6vw; } .index-process .u-one:before, .index-process .u-one strong:after, .index-process .u-two strong:before { display: none } .index-process ul, .index-process .u-one, .index-process .u-two { margin: 5.33333vw 0 0 -2%; padding: 0 } .index-process li, .index-process .u-two li, .index-process .u-one li { width: 31.33%; margin-left: 2%; text-align: center } .index-process p, .index-process strong { width: 100%; float: none } .index-process strong { font-size: 7vw; } .index-process p { font-size: 3.6vw; } .index-cact { padding-top: 10vw; padding-bottom: 20vw; } .index-cact .cact-right { display: none } .index-cact .cact-left { width: 100% } .index-cact .cact-left strong { margin-bottom: 6vw; font-size: 6vw; text-align: center; } .index-cact .cact-left .message ul { margin-left: 0; } .index-cact .cact-left .message ul li { width: 100%; margin-left: 0; margin-bottom: 2.4vw; } .index-cact .cact-left .message ul li:before { width: 6vw; height: 6vw; top: 3.3vw; } .index-cact .cact-left .message ul li input { font-size: 4vw; padding: 3vw 8vw; } .index-cact .cact-left .message ul li.m-pro input { padding: 3vw 4vw; } .index-cact .cact-left .message .msg-areas { margin-top: 4vw; } .index-cact .cact-left .message .msg-areas textarea { height: 40vw; padding: 3vw 4vw; font-size: 4vw; } .message .line { width: 30vw; height: 10vw; float: none; margin: 7vw auto 0; line-height: normal; text-align: center; background: #fff; } .message .line input { font-size: 3.3vw; } .fixed-right { max-width: 100vw; width: 95%; height: auto; margin: 0 auto; top: auto; bottom: 1%; left: 0; right: 0; transform: none; border: none; border-radius: 2vw 2vw 4vw 4vw; box-shadow: 0 0 1.33333vw rgba(72, 95, 159, 0.4); line-height: 6.66667vw } .fixed-right .btn { width: 50%; float: left; padding: 0 } .fixed-right .btn img { width: 5.2vw; display: inline-block; vertical-align: middle; margin-right: 5% } .fixed-right .btn p { display: inline-block; vertical-align: middle; margin-top: 0; font-size: 4.4vw; line-height: 1 } .fixed-right .top { border-right: none; padding: 2.4vw 0; } .fixed-right .top img { width: 6vw; margin-right: 3% } .fixed-right .middle a { padding: 2.4vw 0; } .fixed-right .bottom { width: 12vw; height: 12vw; position: fixed; bottom: 24vw; right: 2.5%; padding: 0; background: #fff; border: none; border-radius: 2vw; box-shadow: 0 0 1.33333vw rgba(72, 95, 159, 0.4); line-height: 12vw; } .fixed-right .bottom img { width: 60%; } .widthslide { overflow: hidden; overflow-x: scroll } .foot { margin-top: 10vw; padding: 0 4.8vw; font-size: 3.6vw; } .video_swt{ max-width: 100%; margin-top: .4rem; padding: .26667rem .2rem; padding-right: 1.13333rem; background-position: right .32rem center; background-size: .66667rem; font-size: .38rem; } } .body_ru .fixed-right .middle a { padding-left: 0; padding-right: 0; }