.mw1200{max-width: 1200px; margin-left: auto; margin-right: auto;} .mw1400{max-width: 1400px; margin-left: auto; margin-right: auto;} .p-h5{padding-left: 5px; padding-right: 5px;} .p-h15{padding-left: 15px; padding-right: 15px;} .p-v15{padding-bottom: 15px; padding-top: 15px;} .p-v30{padding-bottom: 30px; padding-top: 30px;} .mt10{margin-top: 10px;}.mb10{margin-bottom: 10px;} .mt15{margin-top: 15px;}.mb15{margin-bottom: 15px;} .mt20{margin-top: 20px;}.mb20{margin-bottom: 20px;} .mt30{margin-top: 30px;}.mb30{margin-bottom: 30px;} .mt60{margin-top: 60px;}.mb60{margin-bottom: 60px;} .pt10{padding-top: 10px;}.pb10{padding-bottom: 10px;} .pt15{padding-top: 15px;}.pb15{padding-bottom: 15px;} .pt20{padding-top: 20px;}.pb20{padding-bottom: 20px;} .pt30{padding-top: 30px;}.pb30{padding-bottom: 30px;} .pt60{padding-top: 60px;}.pb60{padding-bottom: 60px;} .links{display:none;} .bundor-color{color: #122a88;} .tt{padding: 0 30px;} .tt fieldset{border: 1px solid #122a88; padding-bottom: 30px;} .tt legend{font-size: 5.2rem; padding: 0 20px; font-weight: bold;font-family: MicrosoftYaHei;} .tt p{position: absolute; width: 880px; line-height: 44px; background: #ff9a17; color: #fff; left: 50%; bottom: -22px; margin-left: -440px; text-align: center; font-size: 2rem; border-radius: 30px;} .dec h2{font-size: 3rem;} .dec h2 strong{font-size: 4rem; font-weight: normal;} .dec .l{width: 50.5%;} .dec .l p{line-height: 1.6; font-size: 2rem; margin-bottom: 10px;} .dec .r{width: 47%;} .question{background: url(../img/question_bg.jpg) center center no-repeat;} .question .l{color: #fff; width: 37.5%; padding: 30px 40px 0;} .question .l span{font-size: 3.8rem; color: #ff9a17; background: #fff; line-height: 65px;} .question .l span:before{content: "";position: absolute; width:0;border-width:20px; border-style:solid; border-color:transparent transparent transparent white; left: 0; bottom: -20px;} .question .l img{margin: 40px 0 20px;} .question .l p:before{content: ""; position: absolute; width: 250px; height: 6px; background: #fff; top: -25px; left: 0;} .question .l p{font-size: 3rem; margin-top: 20px;} .question .r{width: 62.5%;} .question ul{background: rgba(255,255,255,.85); padding:40px 20px 10px; margin-top: 18px; margin-bottom: 18px;} .question li{width: 50%; float: left; font-size: 2.4rem; line-height: 54px; margin-bottom: 50px;} .strength{background: url(../img/strength_bg.jpg) center center; color: #fff; padding-top: 50px; padding-bottom: 30px; margin-top: 50px;} .strength p{font-size: 3.6rem;} .strength strong{font-size: 4rem; border: 1px solid #fff; margin-top: 25px; display: inline-block; padding: 10px 5px; line-height: 1.2; font-weight: normal;} .strength-point{margin: 35px auto 30px; max-width: 960px;} .strength-point li{width: 84px; height: 84px; background: #ff9a17; float: left; font-size: 2.4rem; line-height: 32px; padding: 10px;margin: 0 54px; border-radius: 10px;} .strength-img li{float: left; width: 33.33%;} .ce p{font-size: 1.6rem; margin-top: 7px;} .adv dl{margin-left: 210px; padding-top: 60px; margin-right: 210px;} .adv dl:before{content: ""; position: absolute; bottom: 104px; left: 0; right: 0; background: #ff9a17; height: 2px; width: 100%;} .adv dt{font-size: 3.6rem; color: #ff9a17; line-height: 36px; margin-left: 15px;} .adv dd{font-size: 1.6rem; border: 1px solid #000;border-radius: 20px; width: 117px; height: 38px; line-height: 36px; text-align: center; margin-left: 10px;} .row2 , .row3 , .row4{margin-top: -80px;} .adv .more{position: absolute; right: 5px; bottom: 110px; font-size:1.6rem} .row2 .more , .row4 .more{right: auto; left: 0;} .row2 dt, .row4 dt{margin-left: 0; margin-right: 15px;} .row2 dd, .row4 dd{margin-left: 0px; margin-right: 10px;} .ce .swiper-slide{margin-bottom: 25px;} .dealer-top{background: url(../img/dealer_top.jpg) center center; color: #fff; padding: 70px 0 80px;} .dealer-top strong{font-size: 6.7rem;} .dealer-top span{color: #ff9a17;} .dealer-top p{font-size: 2.8rem;} .dealer-top:before{content: ""; width: 0; border-width: 24px; border-style:solid; border-color: #0718ff transparent transparent transparent;position: absolute; left: 50%; bottom: -48px; margin-left: -24px; } .dealer{background: #e4e3e6;} .dealer .l{width: 58%; padding-top: 15px;} .dealer .l li{margin-bottom: 50px;} .dealer .l li:last-child{margin-bottom: 0;} .dealer .r{width: 41%;} .dealer-point{width: 40%; float: left;} .dealer-point p{font-size: 2.8rem; height: 50px; line-height: 50px; border: solid 1px #ff9a17;} .dealer-point span{font-size: 4rem;background-color: #ff9a17; display: inline-block; width: 54px; color: #fff; text-align: center; height: 50px; line-height: 50px; float: left; margin-right: 12px;} .dealer-adv{width: 58%; font-size: 1.8rem;} .dealer .r img{box-shadow: 0px 4px 4px 0px rgba(11, 3, 6, 0.42);} .agency{background: url(../img/agency.jpg) center center; color: #fff; padding: 80px 0;} .agency .l{width: 40.8%;} .agency .r{padding-top: 40px; width: 52%;} .agency h2{font-size: 4rem;} .agency .p1{font-size: 2.4rem;} .agency .p2{font-size: 2.8rem;} .agency strong{font-size: 2.5rem; background: #ff9a17; height: 68px; line-height: 34px; margin-top: 25px;} .agency address{font-size: 2.0rem; font-style: normal; line-height: 1.6;} .hotvalves-t{margin-bottom: 70px;} .hotvalves-img .l , .hotvalves-img .r{width:50%;} .hotvalves-t p{width: 334px; margin-left: -167px;} .term h2{display: inline-block; width: 284px; height: 78px; border: 1px solid #122A88; line-height: 78px; font-size: 4rem; font-weight: normal;} .term li{width: 25%;} .bottom-news , .bottom-investor{margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); width:48.3%;} .bottom-news h3{padding: 0 20px;} .bottom-news ul{margin: 0 20px;padding: 5px 0;} .bottom-news li{border-bottom: 1px solid #f3f3f3; padding: 15px 0;} .bottom-news li:last-child{border-bottom: none;} .bottom-news .bottom-newst{padding: 15px 0; display: inline-block; font-size: 1.6rem; border-bottom: 3px solid #122a88;} .bottom-news .more{color: #bbb; font-size: 1.2rem;margin-left: 15px;} .bottom{background: #f7faf7; padding: 10px 30px;} .bottom-investor h3{font-size: 1.6rem; padding: 20px 20px 35px;} .bottom-investor ul{padding: 0 20px; height: 285px; position: relative; margin-bottom: 30px;} .bottom-investor .totop{height: 200%; position: absolute; top: 0; left: 20px; right: 20px;} .bottom-investor .photo{width: 60px;} .bottom-investor .photo img{border-radius: 50%;} .bottom-investor figcaption{margin-top: 5px;} .bottom-investor .content{margin-left: 70px;} .bottom-investor .content span{color: darkgrey; font-size: 1.2rem; margin-top: 5px;} .bottom-investor .reply{color: royalblue; font-size: 1.2rem; margin-top: 5px;} .bottom-investor li{padding: 10px 0; border-bottom: 1px solid #ddd;} .totop{animation: totop 10s infinite linear;} @-webkit-keyframes totop { from { top:0px; } to { top:-460px; } } .totop:hover{-webkit-animation-play-state: paused;} .bottom-form{overflow: hidden;} .bottom-form .l{width: 220px; float: left;} .bottom-form .r{margin-left: 220px; background: #fff; padding-bottom: 1000px; margin-bottom: -1000px;} .fomt-t strong{font-size: 2rem; padding: 20px 0px 10px 20px; display: block; border-bottom: 1px solid #f3f3f3; margin-right: 15px;} .fomt-t strong span{font-size: 1.4rem; margin-left: 10px; display: inline-block;} .form-row1{margin-top: 25px;} .form-row label{width: 160px; float: left; text-align: right; font-weight: bold; line-height: 34px; font-size:1.4rem;} .form-row{height: 34px;margin-bottom: 15px;} .form-row input , .form-row textarea{font-family: inherit;display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; width: 360px; margin-left: 30px; float: left;} .form-row3 , .form-row textarea{height: 100px;} .form-row4{padding-left: 190px;} .form-row4 input[type='submit']{background: #715aff; color: #fff; border: none; padding: 10px 25px; border-radius: 5px;} /** * Swiper 5.0.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 17, 2019 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size)}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /** * cxDialog * ------------------------------ */ .cxdialog{position:fixed;top:-100%;left:50%;overflow:hidden;min-width:240px;max-width:90%;margin:0;padding:0;border:none;border-radius:5px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.6);color:#333;font-family:Arial,'\5fae\8f6f\96c5\9ed1',sans-serif;z-index:10002; *border:1px solid #ddd; _position:absolute; _width:360px; _height:140px; } .cxdialog.in{top:40%;} .cxdialog > a[rev="close"]{position:absolute;top:0;right:0;width:30px;height:30px;color:#e9573f;font:bold 18px/30px Tahoma;text-align:center;text-decoration:none;cursor:pointer; *font-size:12px; } .cxdialog > a[rev="close"]:before{content:"×";} .cxdialog > a[rev="close"]:hover{color:#fc6e51;} .cxdialog_title{position:relative;background:#ddd;color:#333;font-weight:bold;font-size:14px;line-height:30px;text-indent:10px;} .cxdialog_info{overflow:hidden;position:relative;min-height:40px;padding:10px;font-size:14px;line-height:1.6;} .cxdialog_btns{overflow:hidden;position:relative;padding:10px;border-top:1px solid #ddd;font-weight:bold;font-size:14px;line-height:28px;text-align:right;} .cxdialog_btns a{display:inline-block;position:relative;padding:0 1em;border:none;border-radius:3px;background:#aaa;color:#fff;text-decoration:none;cursor:pointer;} .cxdialog_btns a:hover{background:#999;} .cxdialog_btns a + a{margin-left:10px;} .cxdialog_overlay{overflow:hidden;position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:10001;opacity:0.4; filter:alpha(opacity=40); _position:absolute; } .cxdialog.in + .cxdialog_overlay{top:0;} .cxdialog_lock{overflow:hidden !important;width:auto;} /* iOS Theme */ @-webkit-keyframes cxDialogIosIn{ 0%{top:35%;opacity:0;-webkit-transform:scale(1.1);} 100%{top:35%;opacity:1;-webkit-transform:scale(1);} } @keyframes cxDialogIosIn{ 0%{top:35%;opacity:0;transform:scale(1.1);} 100%{top:35%;opacity:1;transform:scale(1);} } @-webkit-keyframes cxDialogIosOut{ 0%{top:35%;opacity:1;-webkit-transform:scale(1);} 99%{top:35%;opacity:0;-webkit-transform:scale(0.9);} 100%{top:-100%;opacity:0;} } @keyframes cxDialogIosOut{ 0%{top:35%;opacity:1;transform:scale(1);} 99%{top:35%;opacity:0;transform:scale(0.9);} 100%{top:-100%;opacity:0;} } .cxdialog.ios{min-width:270px;border-radius:6px;background:#f9f9f9;box-shadow:none;} .cxdialog.ios > a[rev="close"]{display:none;} .cxdialog.ios .cxdialog_title{padding:16px 10px 0 10px;background:none;font-size:16px;line-height:1.5;text-align:center;} .cxdialog.ios .cxdialog_info{min-height:inherit;margin:0 0 10px 0;padding:10px 10px 0;font-size:14px;text-align:center;} .cxdialog.ios .cxdialog_title + .cxdialog_info{margin-top:2px;padding-top:0;} .cxdialog.ios .cxdialog_btns{overflow:hidden;margin:10px 0 0 0;padding:0;border-top:1px solid #ddd;font-size:16px;line-height:44px;text-align:center;} .cxdialog.ios .cxdialog_btns a{clear:both;display:block;margin:0;padding:0;border:none;border-radius:0;background:none;color:#007aff;cursor:pointer;} .cxdialog.ios .cxdialog_btns a:hover{background:#e9e9e9;} .cxdialog.ios .cxdialog_btns a.btn_ok, .cxdialog.ios .cxdialog_btns a.btn_no{clear:none;float:left;width:50%;border:none;} .cxdialog.ios .cxdialog_btns a.btn_ok{float:right;} .cxdialog.ios .cxdialog_btns a.btn_ok:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#d4d4d4;} .cxdialog.ios .cxdialog_btns a.btn_ok:only-child, .cxdialog.ios .cxdialog_btns a.btn_no:only-child{float:none;width:100%;} .cxdialog.ios .cxdialog_btns a + a{border-top:1px solid #d4d4d4;} .cxdialog.ios + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:0; transition:top 0s, opacity 0.2s; } .cxdialog.ios.in{ -webkit-animation:cxDialogIosIn 0.2s both; animation:cxDialogIosIn 0.2s both; } .cxdialog.ios.out{ -webkit-animation:cxDialogIosOut 0.2s both; animation:cxDialogIosOut 0.2s both; } .cxdialog.ios.in + .cxdialog_overlay{top:0;opacity:1;} .cxdialog.ios.out + .cxdialog_overlay{ transition:top 0s 0.2s, opacity 0.2s; } /* Black Theme */ .cxdialog.black{background:#333;color:#fff;} .cxdialog.black > a[rev="close"]{color:#666;} .cxdialog.black > a[rev="close"]:hover{color:#333;} .cxdialog.black .cxdialog_title{border-bottom:1px solid #000;color:#333; background:rgba(194,194,194,1); background:-moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-o-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-ms-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:linear-gradient(to bottom, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); } .cxdialog.black .cxdialog_title:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;} .cxdialog.black .cxdialog_title:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#555;} .cxdialog.black .cxdialog_btns{border-top:1px solid #000;line-height:28px;text-align:left;} .cxdialog.black .cxdialog_btns:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#555;} .cxdialog.black .cxdialog_btns a{border:1px solid #000;box-shadow:0 1px 0 #555;color:#333; background:rgba(194,194,194,1); background:-moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-o-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:-ms-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); background:linear-gradient(to bottom, rgba(194,194,194,1) 0%, rgba(150,150,150,1) 100%); } .cxdialog.black .cxdialog_btns a:hover{background:#c2c2c2;} .cxdialog.black + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:1;} .dialog .cxdialog_info{padding: 20px 15px;} .dealer2-about{margin-top: 80px;} .dealer2-about p{margin-top: 15px; font-size: 1.6rem; color: #666;} .dealer2-about strong{font-size: 1.8rem; color: #333;} .dealer2-info .l , .dealer2-info .r{width: 50%; } .dealer2-info .l {padding-right: 5%;} .dealer2-info .r{padding-left: 5%;border-left: 1px solid #d6d6d6; } .dealer2-info{background: #f5f5f5; margin-top: 40px; padding: 25px 0;} .dealer2-info p{font-size: 1.6rem; color: #666; line-height: 1.8;} .dealer2-info strong{font-size: 1.8rem; color: #333; line-height: 1.2; margin-bottom: 15px; margin-top: 25px;} .dealer2-apply{margin-top: 40px;} .dealer2-apply img{display:block;margin-left:auto; margin-right:auto;} .dealer2-apply a{font-size: 2.2rem; color: #fff; display: inline-block; width: 156px; line-height: 40px; height: 40px; border-radius: 20px; background: #1e41b3; margin-top: 20px;} /* 窗口宽度<1440,设计宽度=1200 */ @media screen and (max-width:1440px){ .dec .l{padding-left: 10px; padding-top: 0;} .question .l{padding-top: 15px; padding-bottom: 0;} .question .l img{margin: 30px 0;} .question .l p{font-size: 2.4rem;} .question li{font-size: 2rem; line-height: 38px;} .question li img{max-height: 38px; vertical-align: bottom;} .dealer-adv{font-size: 1.6rem;} .agency>div{padding: 0 10px;} .agency h2{font-size: 3.4rem;} .agency .p2{font-size: 2.4rem;} } /* 窗口宽度<1200,设计宽度=992 */ @media screen and (max-width:1200px){ .question .l span{font-size: 3rem;} .question .l p{font-size: 2rem;} .dealer-point p{font-size: 2rem;} .dealer .l li{margin-bottom: 30px;} .agency strong , .agency h2{font-size: 2.8rem;} .agency .p1{font-size: 1.8rem;} .agency address , .agency .p2{font-size: 2rem;} .adv dl{padding-top: 75px;} .adv dt{font-size: 2rem; line-height: 24px;} .adv dd{font-size: 1.2rem; width: 80px; line-height: 24px; height: 24px;} .dealer2-about .l, .dealer2-about .r{width:50%;} } /* 窗口宽度<992,设计宽度=768 */ @media screen and (max-width:992px){ .tt legend{font-size: 4rem;} .tt p{font-size: 1.6rem; width: 100%; margin-left: 0;left: 0;} .dec h2{font-size: 2.6rem;} .dec h2 strong{font-size: 3rem;} .dec .l p{font-size: 1.8rem; } .question li{font-size: 1.4rem; line-height: 24px; margin-bottom: 30px;} .question li img{max-height: 24px;} .question .l img{margin-bottom: 0;} .question .l span{line-height: 50px; font-size: 2.4rem;} .question .l p{font-size: 1.6rem;} .question .l p:before{width: 100px; height: 3px; top: -15px;} .strength{margin-top: 30px;} .strength strong{font-size: 3rem;} .strength-point{ display: -webkit-flex;display: flex;} .strength-point li{ flex-direction: row; width: auto; height: auto; padding: 10px 20px; margin: auto;flex-wrap: nowrap;justify-content:center; align-items: center;} .adv dl{margin-right: 0; } .row2 dl , .row4 dl{margin-right: 210px; margin-left: 0;} .row2, .row3, .row4{margin-top: -20px;} .row1{margin-top: 15px;} .dealer-top strong{font-size: 4rem;} .dealer .l{width: 100%;} .dealer .r{width: 100%; margin-top: 25px;} .dealer .r img{width: 50%; float: left;} .dealer .r img:nth-child(2){margin-top: 0;} .term h2{font-size:2.8rem; line-height:48px;height:48px;} .term li{width:50%;padding:0 10px} .hotvalves-img .l, .hotvalves-img .r{width:100%; text-align:center;} .agency{padding: 30px 0; background: none; background-color: #001A83;} .agency .l{display: none;} .agency .r{padding-top: 0;} .agency .r , .agency-qr .f-fr , .agency-qr .f-fl{width: 100%; text-align: center;} .agency-qr .f-fr {margin-top: 25px;} .bottom{padding: 10px;} .bottom-news, .bottom-investor {width: 100%;} .bottom-form .l{display: none;} .bottom-form .r{margin-left: 0;padding-bottom: 15px; margin: 0;} .form-row label{width: 80px;} } /* 窗口宽度<768,设计宽度=576 */ @media screen and (max-width:768px){ .tt legend{font-size: 2.8rem;} .tt p{font-size: 1.3rem; line-height: 30px; bottom: -15px;} .dec h2{font-size: 2rem;} .dec h2 strong{font-size: 2.4rem;} .dec .r{width: 100%; text-align: center; padding: 0 30px;} .dec .l{width: 100%; margin-top: 20px;} .dec .l p{font-size: 1.6rem;} .question .l ,.question .r{width: 100%;} .question ul{padding: 15px 10px 0; margin-bottom: 0;} .question li{margin-bottom: 15px;} .question .l span{line-height: 30px; font-size: 2rem;} .strength p{font-size: 3rem;} .strength strong{font-size: 2rem;} .strength-point li{font-size: 1.6rem; line-height: 1.5;} .ce p{font-size: 1.4rem;} .term {margin-top:20px;} .term h2{font-size:2.4rem; line-height:36px; height:36px; width: auto; margin-left:0; padding: 0 15px} .hotvalves-t{margin-bottom:40px;} .adv>img{padding: 0 30px;} .adv .row img{width: 100px;} .adv dl{margin-left: 100px; padding-top: 20px;} .row2 dl, .row4 dl{margin-right: 100px; margin-left: 0;} .adv dl:before{bottom: 50px;} .adv .more{right: 10px; bottom: 25px;} .row2 .more, .row4 .more{left: 10px;right: auto;} .row2, .row3, .row4{margin-top: 0;} .join{padding: 0 30px 30px;} .dealer2-about{margin-top:25px;} .dealer2-about p , .dealer2-info p{font-size:1.4rem; line-height:1.5;} .dealer2-about strong , .dealer2-info strong{font-size:1.6rem;} .dealer2-apply a{font-size:1.8rem;} } /* 窗口宽度<576,设计宽度=320 */ @media screen and (max-width:576px){ .tt{padding: 0 10px;} .tt p{line-height: 1.3; padding: 5px;} .dec{margin-top: 30px;} .dec h2{font-size: 1.4rem;} .dec .l p{font-size: 1.4rem;} .dec h2 strong{font-size: 1.8rem;} .adv dd{margin-left: 5px;} .adv dt{font-size: 1.6rem; margin-left: 5px; display: block; float: none; margin-bottom: 15px; text-align: left;} .row2 dt, .row4 dt{text-align: right;} .row2 dd, .row4 dd{margin-right: 5px; margin-left: 0;} .adv .more{bottom: 56px;} .ce p{font-size: 1.2rem;} .join{padding:0 10px 15px;} .question li img{max-width:20px;} .question li{font-size: 1.2rem; line-height:20px;} .dealer-top strong{font-size: 2.6rem;} .dealer-top p{font-size: 2rem;} .dealer-top{padding: 30px 0;} .dealer{padding-top: 30px;} .dealer-point span{font-size: 2rem; width: 35px; margin-right: 6px;} .dealer-point p{font-size: 1.4rem;} .dealer-adv{font-size: 1.2rem;} .agency .r{padding-top: 0;} .agency strong{font-size: 2.2rem; line-height:30px; height:auto;} .agency address{font-size: 1.4rem; text-align: left;} .bottom-news li a{float: none;display:block;} .bottom-news li .date{display: none;} .form-row{height: auto;} .form-row4{text-align: center; padding-left: 0; margin-top: 20px;} .form-row label{width: 100%; text-align: left; padding-left: 30px;} .strength{margin-top: 20px;} .strength-point li{padding:5px 10px; line-height:1.3;} .dealer2-about .l, .dealer2-about .r , .dealer2-info .l , .dealer2-info .r{width:100%; padding-left:0; padding-right:0; border:none;} .dealer2-about .r{margin-top:20px;} }