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: 16px } button,input,select,textarea { font-size: 100%; border: none; outline: none } .wrap { width: 100%; max-width: 1400px; margin: 0 auto } .clearfix:after { content: " "; display: block; height: 0px; visibility: hidden; clear: both } .clearfix { zoom:1} .l { float: left } .r { float: right } #LRdiv0 { display: none !important } .header { position: relative; overflow: hidden } .header:before { content: ""; width: 110%; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: -1; background: url(/ban1/briquette-machine-images/banner_bg.jpg) no-repeat; background-size: cover } .header .wrap { padding-top: 40px; padding-bottom: 60px } .head-nav { text-align: center } .logo { width: 11%; float: left } .logo img { width: 100% } .nav { display: inline-block } .nav li { display: inline-block; margin-left: 63px } .nav li:first-child { margin-left: 0 } .nav li a { font-size: 18px; color: #fff; font-weight: 200; line-height: 67px; transition: all ease 0.3s } .nav li a:hover,.nav .active a { color: #eb8c04 } .head-nav .nav_btn { display: none } .lyb { float: right; font-size: 20px; color: #fff; width: 12%; height: 50px; line-height: 48px; text-align: center; font-weight: bold; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin: 8px 0; position: relative; overflow: hidden } .lyb:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 50%; width: 180px; height: 50px; border-radius: 50%; background-color: #fff; transform-origin: center; transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0) } .lyb:hover { color: #009fa0 } .lyb:hover:before { transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15); transition: transform 1s ease-in-out; -webkit-transition: transform 1s ease-in-out; -moz-transition: transform 1s ease-in-out; -ms-transition: transform 1s ease-in-out; -o-transition: transform 1s ease-in-out } .head-deil { margin-top: 100px; overflow: hidden } .deil-left { float: left; width: 50%; } .deil-left h1 { font-size: 60px; color: #fff; position: relative; margin-bottom: 60px } .deil-left h1:before { width: 1px; height: 60px; background: #fff; content: ""; display: block; position: absolute; bottom: -70px; left: 110px; display: none } .deil-left p { font-size: 22px; color: #fff; font-weight: bold; text-transform: capitalize; margin-bottom: 40px } .deil-left p strong { font-size: 34px; color: #eb8c04 } .deil-left p span { color: #fff; font-weight: 100; text-transform: initial } .deil-swt { margin-top: 50px; font-size: 0 } .chat-online { display: inline-block; background: #db8100; background-image: linear-gradient(100deg, #ffbb5a 5%, #db8100 50%, #41392e); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; width: 240px; height: 74px; line-height: 74px; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 26px; color: #fff; box-shadow: 0 0 20px rgba(219,129,0,0.3); cursor: pointer; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .chat-online:hover,.deil-swt a:hover { background-position: right center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .deil-swt a { display: inline-block; background: #12c7c8; background-image: linear-gradient(100deg, #8be3e4 5%, #12c7c8 50%, #8be3e4); background-position: left center; background-size: 200% 100%; background-repeat: no-repeat; width: 240px; height: 74px; line-height: 74px; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 26px; color: #fff; margin-left: 40px; box-shadow: 0 0 20px rgba(64,200,201,0.3); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .pro-pic { float: right; width: 42% } .index-content { margin-top: 160px } h2 { font-size: 46px; color: #333; position: relative; margin: 100px 0 } h2:before { width: 75px; height: 4px; background: url(/ban1/briquette-machine-images/h2_bg.jpg) no-repeat; background-size: 100%; position: absolute; bottom: -40px; left: 0; content: ""; display: block } .index-content p { font-size: 22px; color: #333; line-height: 1.8em; margin-bottom: 40px } .index-content li { margin-bottom: 10px } .index-content li p { margin-bottom: 0 } .adva-box { position: relative } .index-content .chat-online { position: absolute; bottom: 0; right: 0 } .pic { margin-top: 80px; overflow: hidden } .wide-box { position: relative; background: url(/ban1/briquette-machine-images/pj_three.jpg) no-repeat; background-size: cover; padding: 57px 0; margin-top: 100px } .wide-box h2 { color: #fff } .wide-box ul { margin-bottom: 50px } .wide-box p { color: #fff } .wide-box h2 { margin-top: 0 } .wide-box h2:before { background: url(/ban1/briquette-machine-images/h2_bg.png) no-repeat } .table h2 { margin-bottom: 40px } .table h2:before { background: none } .bg { background: url(/ban1/briquette-machine-images/bg.png) no-repeat; background-size: cover; width: 247px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; font-weight: bold } table { margin-top: 50px } td { padding: 15px 10px; font-size: 18px } .slick-slide:focus { outline: none } .case-box { max-width: 1920px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden } .case-box .ban-con { position: relative; padding-bottom: 40px } .case-box .ban-con:before { content: ""; width: 78.5%; display: block; position: absolute; right: -18%; top: 10%; bottom: 0; z-index: -1; background: url(/ban1/briquette-machine-images/case_bg.png) no-repeat; background-size: 100% 100% } .ban-item { position: relative } .ban-item.one:before { position: absolute; right: 0; bottom: 0; width: 176px; height: 345px; content: ""; display: block; background: url(/ban1/briquette-machine-images/case_kh1.png) no-repeat; background-size: cover } .ban-item.two:before { position: absolute; right: 0; bottom: 0; width: 176px; height: 345px; content: ""; display: block; background: url(/ban1/briquette-machine-images/case_kh2.png) no-repeat; background-size: cover } .case-ban { float: left; width: 50% } .case-ban strong { display: block; font-size: 38px; color: #eee; letter-spacing: 45px; font-weight: normal; margin-left: 20px; margin-top: -20px } .case-xq { width: 50%; float: left; margin-top: 130px; padding-left: 3% } .case-xq h3 { font-size: 30px; color: #fff; position: relative } .case-xq h3:before { width: 60px; height: 4px; background: #fff; content: ""; display: block; position: absolute; bottom: -30px; left: 0 } .case-xq li { font-size: 22px; color: #fff; font-weight: 100; position: relative; padding-left: 33px } .case-xq li:before { width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; display: block; position: absolute; left: 0; top: 8px; background: #009fa0 } .case-xq strong { font-size: 24px; font-weight: normal; display: block; color: #fff; margin: 40px 0 30px } .case-xq p { font-size: 20px; line-height: 2em; color: #fff; font-weight: 100 } .case-xq ul { margin-top: 90px } .case-xq li { font-size: 22px; color: #d8fcfc; margin-top: 15px } .case-box .slick-prev,.case-box .slick-next { top: auto; bottom: 5%; z-index: 999 } .case-box .slick-prev { left: 0 } .case-box .slick-next { left: 75px } .case-box .slick-prev:before { width: 54px; height: 54px; background: url(/ban1/briquette-machine-images/z_left.png) no-repeat; background-size: cover; display: block } .case-box .slick-next:before { width: 54px; height: 54px; background: url(/ban1/briquette-machine-images/y_right.png) no-repeat; background-size: cover; display: block } .paging { position: absolute; left: 38%; bottom: 6% } .paging .cur { font-size: 26px; color: #009fa0; font-weight: bold } .paging .sep,.paging .full { font-size: 20px; color: #009fa0 } .case-box .slick-dots { bottom: 5%; text-align: left; left: 20%; width: auto } .case-box .slick-dots li button { width: 120px; height: 6px; background: #009fa0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin: 0; padding: 0 } .case-box .slick-slider .slick-active button { width: 120px; height: 2px; background: #666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0 } .index-history { background: url(/ban1/briquette-machine-images/history_bg.jpg) no-repeat; background-size: cover; margin-top: 180px; padding-bottom: 35px } .history-one h2 { color: #fff; margin: 70px 0 100px } .history-one h2:before { background: url(/ban1/briquette-machine-images/h2_bg.png) no-repeat } .index-history strong { font-size: 24px; color: #d5eded; display: block; margin-bottom: 5px } .index-history li { margin-left: 3px } .index-history li,.index-history p { font-size: 20px; line-height: 2em; color: #d5eded; font-weight: 100 } .history-one .pic { float: left; margin-top: -50px; width: 41.4%; margin-top: -180px } .history-one .one-right { float: right; width: 56% } .history-two { margin-top: 60px } .two-left { float: left; width: 55%; margin-top: 60px } .slick-right { float: right; width: 41% } .cf-wz { overflow: hidden } .slick-right span { font-size: 24px; color: #fff; background: #009fa0; width: 260px; height: 75px; text-align: center; line-height: 55px; display: block; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; float: right; position: relative; padding-left: 35px; margin-right: 5px } .slick-right span:before { width: 11px; height: 20px; background: url(/ban1/briquette-machine-images/sj.png) no-repeat; background-size: cover; content: ""; display: block; position: absolute; top: 18px; left: 50px } .slick-cf { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; margin-top: -20px } .slick-cf img { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px } .slick-cf .slick-prev:before,.slick-cf .slick-next:before { display: block } .slick-cf .slick-prev:before { width: 54px; height: 54px; background: url(/ban1/briquette-machine-images/z_left.png) no-repeat } .slick-cf .slick-next:before { width: 54px; height: 54px; background: url(/ban1/briquette-machine-images/y_right.png) no-repeat } .slick-cf .slick-prev,.slick-cf .slick-next { top: 80% } .slick-cf .slick-prev { left: -30% } .slick-cf .slick-next { left: -16% } .index-purchase { position: relative } .purchase-right { width: 47%; position: absolute; right: 0; bottom: 0 } .purchase-box { padding-bottom: 100px } .purchase { width: 52%; margin-top: 100px } .purchase li { font-size: 22px; color: #060606; line-height: 2.2em } .wait-box { max-width: 1920px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden } .wait-box p { display: inline-block; font-size: 36px; color: #fff; font-style: italic } .wait-box .wrap { position: relative; z-index: 100; padding: 3% 0; line-height: 74px } .wait-box .wrap:before { content: ""; display: block; position: absolute; left: 0; right: -18%; top: 0; bottom: 0; z-index: -1; background: url(/ban1/briquette-machine-images/wait_bg.png) no-repeat; background-size: 120% 100% } .wait-box strong { margin-left: 9.5%; display: block; width: 5%; float: left } .wait-box strong img { display: block } .wait-box p { float: left; margin-left: 2% } .wait-box span { display: block; float: right } .index-cact { padding: 80px 0; background: url(/ban1/briquette-machine-images/cact_bg.jpg) center top no-repeat; background-size: cover; margin-top: 150px } .index-cact .cact-left { float: left; width: 58% } .index-cact .cact-left strong { font-size: 55px; color: #fff; display: block; margin-bottom: 100px } .index-cact .cact-left .message ul { margin-left: -10%; overflow: hidden } .index-cact .cact-left .message ul li { float: left; position: relative; width: 41%; margin-left: 9%; margin-bottom: 30px } .index-cact .cact-left .message ul li input { background: #3a3a3a; background: rgba(58,58,58,0.5); width: 100%; padding: 25px 20px } .index-cact .cact-left .message ul li.m-pro input { font-weight: 400; color: #2bd9db; opacity: 1; background: url(/ban1/briquette-machine-images/input_bg.png) no-repeat; background-size: cover } .index-cact .cact-left .message ul li input { border: none; font-size: 20px; color: #fff; outline: none; width: 100%; font-weight: 100 } .index-cact .cact-left .message .m-email { position: relative } .index-cact .cact-left .message .m-email:before { content: "*"; position: absolute; left: 2%; top: 50%; transform: translateY(-42%); font-size: 18px; color: red } .index-cact .cact-left .message .msg-areas textarea { width: 100%; height: 250px; padding: 35px 25px; font-size: 20px; color: #fff; background: #3a3a3a; background: rgba(58,58,58,0.5); font-weight: 100; line-height: 2em; 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: 340px; height: 76px; line-height: 76px; text-align: center; background: #40c8c9; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; margin-top: 40px; box-shadow: 0 0 13px rgba(131,158,215,0.5) } .message .line input { cursor: pointer; transition: all .5s ease; font-size: 24px; color: #333; font-weight: 400; text-transform: uppercase; width: 100%; height: 100%; background: transparent; -webkit-border-radius: 50px } .message .line input[value] { color: #333 } .message .line:hover { background: #eb8c04; transition: all .5s ease } .message .line:hover input { background: #eb8c04; color: #fff } .index-cact .cact-right { float: right; width: 42%; padding-left: 3.5%; margin-top: 180px } .index-cact .cact-right ul { overflow: hidden; margin-top: 80px } .index-cact .cact-right ul li { float: left; width: 48%; margin-left: 6%; font-size: 18px } .index-cact .cact-right ul li p { color: #e8e9f0 } .index-cact .cact-right ul li strong { color: #e8e9f0; font-weight: normal } .index-cact .cact-right ul li.fr { float: right; width: 36% } .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 .pop-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: 35px; top: 20px; width: 43px; height: 43px; background: url(/ban1/briquette-machine-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: 8px solid #eb8c04; background: #fff; position: relative; z-index: 5; top: 20%; width: 1000px; left: 50%; margin-left: -500px; padding: 25px 160px 40px } .pop-video .message strong { font-size: 28px; color: #3e4874; text-transform: uppercase; line-height: 48px } .pop-video .message span { font-size: 16px; color: #eb8c04; display: block; background: #f4f4ff; border-radius: 30px; height: 48px; line-height: 48px; width: 230px; text-align: center; float: right; margin-right: 25% } .pop-video .message { margin-top: 3px } .pop-video .message li { border-bottom: 1px solid #d7d7ff; padding: 30px 0 10px 45px; position: relative } .pop-video .message li:before { position: absolute; left: 12px; top: 50%; content: ""; display: block } .pop-video .message li.icon-name:before { background: url(/ban1/briquette-machine-images/rw.png) no-repeat; background-size: 100% 100%; width: 14px; height: 15px; margin-top: 2px } .pop-video .message li.icon-email:before { background: url(/ban1/briquette-machine-images/yx.png) no-repeat; background-size: 100% 100%; width: 16px; height: 13px; margin-top: 5px } .pop-video .message li.icon-tel:before { background: url(/ban1/briquette-machine-images/dh.png) no-repeat; background-size: 100% 100%; width: 16px; height: 16px; margin-top: 2px } .pop-video .message li input { font-size: 16px; color: #adabdc; height: 30px; width: 100% } .pop-video input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset } .pop-video .message li textarea { height: 120px; width: 100%; background: #f7f7f7; font-size: 16px; line-height: 1.5em; color: #adabdc; resize: none; padding: 20px 30px 20px 45px } .pop-video .message li.last { border: none; padding: 25px 0 } .pop-video .message button { border: none; background: #eb8c04; width: 280px; height: 56px; line-height: 56px; color: #fff; font-size: 16px; border-radius: 10px; box-shadow: 0 0 20px 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: 10px } .pop-video .message button:hover::before { transform-origin: center bottom; transform: scaleY(1) } .pop-video .message button:after { width: 21px; height: 19px; background: url(/ban1/briquette-machine-images/zfj.png) no-repeat; background-size: 100% 100%; content: ""; display: block; position: absolute; top: 50%; margin-top: -10px; right: 50px } .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 } .fixed-right { position: fixed; right: 20px; bottom: 100px; z-index: 999 } .fixed-right p { font-size: 14px; color: #fff; margin-top: 8px; line-height: 1.1em } .fixed-right .top { cursor: pointer; width: 120px } .fixed-right .middle { cursor: pointer; margin-top: -15px; width: 150px } .gotop { position: fixed; text-align: center; right: 62px; bottom: 10px; z-index: 999; cursor: pointer; border-radius: 50% } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; zoom:1} .slick-track:before,.slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto } .slick-prev,.slick-next { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none } .slick-prev:focus,.slick-next:focus { outline: none } .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25 } .slick-prev:before,.slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; filter: alpha(opacity=80); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } .slick-prev:before { content: "\2190" } .slick-next { right: -25px } .slick-next:before { content: "\2192" } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0px; width: 100% } .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; cursor: pointer } .slick-dots li button { border: 0; background: transparent; display: block; height: 16px; width: 16px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none } .slick-dots li button:focus { outline: none } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75 } .slick-dots li { margin: 0 } .slick-dots li button { background-color: rgba(255,255,255,0.3); border-radius: 50%; width: 10px; height: 10px; margin: 5px } .slick-slider .slick-active button { background-color: #000; width: 24px; border-radius: 20px; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.8s ease-in-out } .video_swt { width: 520px; margin-top: 35px; padding: 14px; padding-right: 60px; background-image: url(../images/icon_video3.png); background-repeat: no-repeat; background-position: right 17px center; background-size: 31px; border: 1px solid #f78f05; border-radius: 30px; font-size: 16px; color: #f78f05; line-height: 1.2; text-align: center; cursor: pointer; } @media (max-width: 1440px) { .wrap { max-width:1120px } .nav li { margin-left: 53px } .nav li a { font-size: 16px; line-height: 54px } .lyb { height: 45px; margin: 4px 0; font-size: 18px; line-height: 43px } .deil-left { padding-top: 0 } .deil-left h1 { margin-bottom: 50px; font-size: 55px } .deil-left p { margin-bottom: 30px; font-size: 20px } .deil-left p strong { font-size: 30px } .deil-swt a,.chat-online { width: 240px; height: 68px; font-size: 24px; line-height: 68px } .index-content { margin-top: 100px } h2 { margin: 90px 0; font-size: 40px } .index-content p { margin-bottom: 30px; font-size: 20px } .pic { margin-top: 70px } .case-box .ban-con { padding-bottom: 0 } .case-box .ban-con:before { top: 5% } .case-xq { margin-top: 50px } .case-xq h3 { font-size: 27px } .case-xq li { margin-bottom: 10px; font-size: 20px } .case-xq p { font-size: 18px } .case-xq strong { font-size: 22px } .index-history { margin-top: 100px } .index-history strong { font-size: 22px } .index-history li,.index-history p { font-size: 18px } .history-one .pic { margin-top: 0 } .purchase li { font-size: 20px } .wait-box p { font-size: 30px } .index-cact .cact-left .message ul li input { padding: 20px; font-size: 18px } .index-cact .cact-left .message .msg-areas textarea { font-size: 18px } .index-cact .cact-left strong { font-size: 50px } .message .line { width: 300px; height: 70px; line-height: 70px } } @media (max-width: 1280px) { .wrap { max-width:960px } .nav li { margin-left: 43px } .nav li a { font-size: 14px; line-height: 46px } .lyb { height: 40px; margin: 3px 0; font-size: 16px; line-height: 38px } .deil-left { padding-top: 0 } .deil-left h1 { margin-bottom: 40px; font-size: 50px } .deil-left p { margin-bottom: 20px; font-size: 18px } .deil-left p strong { font-size: 26px } .deil-swt a,.chat-online { width: 220px; height: 62px; font-size: 22px; line-height: 62px } .deil-swt a { margin-left: 20px } .index-content { margin-top: 80px } h2 { margin: 70px 0; font-size: 35px } .index-content p { margin-bottom: 20px; font-size: 18px } .pic { margin-top: 50px } .case-box .ban-con { padding-bottom: 0 } .case-box .ban-con:before { top: 5% } .case-xq { margin-top: 50px } .case-xq h3 { font-size: 24px } .case-xq li { margin-bottom: 10px; font-size: 18px } .case-xq p { font-size: 16px } .case-xq strong { margin: 30px 0 20px; font-size: 20px } .case-xq ul { margin-top: 70px } .case-xq li:before { width: 10px; height: 10px; top: 6px } .index-history { margin-top: 80px } .index-history strong { font-size: 20px } .index-history li,.index-history p { font-size: 16px } .purchase-box { padding-bottom: 80px } .purchase { margin-top: 80px } .purchase li { font-size: 18px } .wait-box p { font-size: 24px } .index-cact { margin-top: 100px } .index-cact .cact-left .message ul li input { padding: 18px 20px; font-size: 16px } .index-cact .cact-left .message .msg-areas textarea { height: 200px; padding: 14px 20px; font-size: 16px } .index-cact .cact-left strong { font-size: 50px } .message .line { width: 260px; height: 64px; line-height: 64px } .message .line input { font-size: 22px } .index-cact .cact-right ul li { font-size: 16px } .video_swt { width: 460px; margin-top: 35px; font-size: 16px; } } @media (max-width: 960px) { .wrap { max-width:100%; padding-left: .48rem; padding-right: .48rem } .fixed-right { width: 9.65333rem; height: 1.65333rem; left: 0; right: 0; bottom: 0; margin: 0 auto; background: url(/ban1/briquette-machine-images/bottom_swt.png) center no-repeat; background-size: 100% } .fixed-right img { display: none } .fixed-right .top,.fixed-right .middle { position: absolute; top: 0; bottom: 0; margin: 0 } .fixed-right .top { width: 41%; left: 0 } .fixed-right .middle { width: 59%; right: 0 } .fixed-right .middle a { width: 100%; height: 100%; display: block } .gotop { width: 1.06667rem; right: .48rem; bottom: 2.4rem } .header:before { background-position: right 50% center } .head-nav .nav_btn { width: .85333rem; display: block; float: right; padding: .26667rem 0 } .head-nav .nav_btn img { width: 100%; display: block } .logo { width: 32%; transform: translateX(-.2rem) } .nav { width: 2.7rem; background: #fff; padding: .2rem 0; position: absolute; right: .29333rem; top: 1.86667rem; border-radius: .1333rem; z-index: 99999; box-shadow: 0 0.04rem 0.26667rem rgba(26,43,73,0.1); overflow: visible; display: none } .nav:before { content: ""; width: 0; border-bottom: .2667rem solid #fff; border-right: .2667rem solid transparent; border-left: .2667rem solid transparent; position: absolute; top: -.22rem; right: .36rem } .nav li { width: 100%; float: none; margin-left: 0 } .nav li a { font-size: .4rem; line-height: 0.72rem; color: #1a2a48; text-align: center } .nav li a:before,.nav li a:after { display: none } .lyb { display: none } .header .wrap { padding-top: .4rem; padding-bottom: 1.33333rem } .head-deil { margin-top: .72rem } .pro-pic { width: 100%; padding: 0 5% } .deil-left { width: 100%; margin-top: .8rem } .deil-left h1 { margin-bottom: .6rem; font-size: .72rem } .deil-left p { margin-bottom: .32rem; font-size: .4rem } .deil-left p strong { font-size: .53333rem } .deil-swt { margin-top: .72rem } .deil-swt a,.chat-online { width: 49%; height: 1.06667rem; font-size: .48rem; line-height: 1.06667rem } .deil-swt a { margin-left: 2% } h2 { margin: 1rem 0 .53333rem; padding-bottom: .48rem; font-size: .6rem } h2:before { width: 1.33333rem; height: .08rem; bottom: 0 } .index-content { margin-top: 1rem; overflow: hidden } .index-content p { margin-bottom: .26667rem; font-size: .4rem; line-height: 1.7 } .adva-box .chat-online { position: static; margin-top: .4rem } .wide-box { margin-top: 1.33333rem; padding: 1rem 0; background-position: center center; background-size: 266 100% } .wide-box ul { margin-bottom: .6rem } .table { overflow: hidden } .table h2 { margin-bottom: .6rem; padding-bottom: 0 } .table table { margin-top: 0 } .table table td { padding: .2rem .13333rem; font-size: .34667rem; line-height: 1.3 } .table_slide { overflow: hidden; overflow-x: scroll } .table_slide::-webkit-scrollbar { display: none } .case-ban { width: 100% } .case-ban strong { display: none } .case-xq { width: 100%; margin-top: .48rem } .case-box .ban-con { padding-top: .48rem; padding-bottom: 1.86667rem } .case-box .ban-con:before { width: auto; left: -6%; right: -6%; top: 0; background: #1b6767 } .case-xq h3 { padding-bottom: .48rem; font-size: .48rem } .case-xq h3:before { width: 1.6rem; height: .08rem; bottom: 0 } .case-xq ul { margin-top: .8rem } .case-xq li { margin-bottom: .2rem; padding-left: .48rem; font-size: .4rem; line-height: 1.5 } .case-xq li:before { width: .2rem; height: .2rem; top: .2rem } .case-xq strong { margin-top: .6rem; margin-bottom: .26667rem; font-size: .45333rem } .case-xq p { margin-bottom: .48rem } .ban-item.one:before,.ban-item.two:before { display: none } .case-box .slick-prev:before,.case-box .slick-next:before { width: 1.06667rem; height: 1.06667rem } .case-box .slick-next { left: 1.6rem } .case-box .slick-dots { left: auto; right: 3%; bottom: 6.5% } .case-box .slick-dots li button { width: 1.6rem; height: .08rem } .case-box .slick-slider .slick-active button { width: 1.6rem; height: .02667rem } .paging { left: 40%; bottom: 4.6% } .paging .sep,.paging .full { font-size: .6rem } .paging .cur { font-size: .72rem } .index-history { margin-top: 1rem } .history-one .pic { width: 100% } .history-one .one-right { width: 100% } .history-one h2 { margin-top: .6rem; margin-bottom: .6rem } .index-history strong { margin-bottom: .26667rem; font-size: .48rem } .index-history li,.index-history p { margin-left: 0; font-size: .4rem } .history-two { margin-top: .8rem } .two-left { width: 100%; margin-top: .6rem } .slick-right { width: 100% } .slick-right span { width: 4.26667rem; height: 1.6rem; line-height: 1.2rem; border-radius: .4rem .4rem 0 0; -webkit-border-radius: .4rem .4rem 0 0; -moz-border-radius: .4rem .4rem 0 0; -ms-border-radius: .4rem .4rem 0 0; -o-border-radius: .4rem .4rem 0 0; padding-left: 35px; margin-right: 5px; font-size: .48rem } .slick-right span:before { width: .29333rem; height: .53333rem; top: .34667rem; left: .6rem } .slick-cf .slick-prev,.slick-cf .slick-next { top: 44%; z-index: 2 } .slick-cf .slick-prev { left: .4rem } .slick-cf .slick-next { left: auto; right: .4rem } .slick-cf .slick-prev:before,.slick-cf .slick-next:before { width: 1.06667rem; height: 1.06667rem; background-size: 100% } .purchase-box { padding-bottom: .8rem } .purchase { width: 100%; margin-top: .6rem } .purchase li { font-size: .4rem; line-height: 1.7 } .purchase-right { width: 100%; position: static } .wait-box .wrap { padding: .8rem 0; line-height: 1.5; text-align: center } .wait-box strong { float: none; display: inline-block; vertical-align: middle; margin-left: 0 } .wait-box p { float: none; display: inline-block; vertical-align: middle; margin-left: 1%; font-size: .45333rem } .wait-box span { float: none; margin-top: .48rem; margin-left: auto; margin-right: auto } .index-cact { margin-top: 0; padding-top: 1rem; padding-bottom: 2.4rem } .index-cact .cact-left { width: 100% } .index-cact .cact-left strong { margin-bottom: .64rem; font-size: .73333rem } .index-cact .cact-left .message ul li { width: 100%; margin-bottom: .4rem } .index-cact .cact-left .message ul li input { padding: .32rem .4rem; font-size: .4rem } .index-cact .cact-left .message .m-email:before { left: 1%; font-size: .4rem } .index-cact .cact-left .message .msg-areas textarea { height: 4rem; padding: .26667rem .4rem; font-size: .4rem; line-height: 1.6 } .message .line { width: 4.8rem; height: 1.17333rem; margin-top: .6rem; line-height: 1.17333rem } .message .line input { font-size: .48rem } .index-cact .cact-right { width: 100%; margin-top: 1rem } .index-cact .cact-right ul { margin-top: .8rem } .index-cact .cact-right ul li,.index-cact .cact-right ul li.fr { width: 100%; margin-left: 0; margin-top: .4rem; font-size: .42667rem } .video_swt { width: 100%; margin-top: .66667rem; padding: .26667rem .2rem; padding-right: 1.13333rem; background-position: right .32rem center; background-size: .66667rem; font-size: .37333rem; } } .body_ru .fixed-right { background: url(/ban1/briquette-machine-images/bottom_swt_ru.png) center no-repeat; background-size: 100% }