@media(max-width:768px){.pc-show{display:none}.mobile-show{display:block}.big-title h3{font-size:22px;line-height:30px}.big-title p{font-size:14px;line-height:24px;margin-top:8px;padding:0 28px}main{overflow:hidden}body.fixed{overflow:hidden}.drop-down-arron:hover:after{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;background-position:-144px -42px}header,header.fixed,header.main-nav.fixed{height:56px;box-shadow:0 0 4px rgba(55,99,170,.15)}header:before{display:none}header .logo{margin-left:20px}header .btn-form{display:block;float:right;line-height:56px;font-size:18px;color:#fff;padding:0 20px;background-image:linear-gradient(-90deg,#00d9ec,#1974e0)}header .btn-menu{float:right;height:20px;padding:21px 23px 15px;font-size:0;line-height:44px;text-align:center;cursor:pointer;-webkit-transition:transform .3s ease-in;-moz-transition:transform .3s ease-in;-ms-transition:transform .3s ease-in;-o-transition:transform .3s ease-in;transition:transform .3s ease-in}header .btn-menu span{display:block;width:18px;height:2px;margin-bottom:5px;background:#666;border-radius:3px;-webkit-transform-origin:19px;-moz-transform-origin:19px;-ms-transform-origin:19px;-o-transform-origin:19px;transform-origin:19px;-webkit-transition:background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s;-moz-transition:background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s;-ms-transition:background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s;-o-transition:background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s;transition:background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s}header.active .btn-menu span{opacity:1;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}header.active .btn-menu span:nth-last-child(2){width:0;opacity:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:width .5s;-moz-transition:width .5s;-ms-transition:width .5s;-o-transition:width .5s;transition:width .5s}header.active .btn-menu span:nth-last-child(3){opacity:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:0}.nav-menu{position:fixed;left:0;top:56px;z-index:99;box-sizing:border-box;width:100%;height:0;background-color:#fff;-webkit-transition:height .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:height .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:height .5s cubic-bezier(.25,.46,.45,.94);-o-transition:height .5s cubic-bezier(.25,.46,.45,.94);transition:height .5s cubic-bezier(.25,.46,.45,.94)}.nav-menu ul{width:100%;height:0;overflow:hidden}.nav-menu li{margin-right:0}.nav-menu ul .menu-title,.nav-menu ul li .menu-drop-top h4,.nav-menu ul li dl .title-text,.nav-menu ul li.routine-down .menu-drop a{display:block;height:46px;line-height:46px;text-align:left;font-size:16px;color:#30363f;position:relative;padding:0 20px;margin:0;border-bottom:1px solid #e2e5ea}.nav-menu .drop-down-arron{top:0;right:0;z-index:2;margin-top:0;width:50%;height:46px}.nav-menu .drop-down-arron:after{left:auto;right:23px;top:50%;margin-top:-3px}.nav-menu ul li dl .title-text h3,.nav-menu ul li .menu-drop .about-title{padding:0 13px;font-size:16px;color:#555}.nav-menu ul li.routine-down .menu-drop .about-title,.nav-menu ul li .menu-drop-top h4{padding:0 33px}.nav-menu ul .menu-tel{padding:0 15px 0 47px}.nav-menu ul .menu-tel:before{content:'';position:absolute;left:20px;top:50%;margin-top:-11px;width:22px;height:22px;background-image:url(../../images/common/icon-common.png);background-position:-130px 0;background-repeat:no-repeat}.nav-menu.active{height:calc(100vh - 56px)}.nav-menu.active ul{height:100%;overflow-y:auto}.nav-menu li.active .drop-down-arron:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.nav-menu li.page .menu-title{color:#1974e0}.nav-menu ul li .menu-down-solutions .menu-drop-top h4{display:none}.menu-close{position:absolute;bottom:14px;left:50%;margin-left:-27px;height:54px;width:54px;opacity:0;-webkit-transition:opacity .1s .4s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .1s .4s cubic-bezier(.25,.46,.45,.94);-ms-transition:opacity .1s .4s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .1s .4s cubic-bezier(.25,.46,.45,.94);transition:opacity .1s .4s cubic-bezier(.25,.46,.45,.94)}.menu-close p{position:absolute;left:10px;top:10px;height:34px;width:34px;background-color:#e2e5ea;border-radius:50%}.menu-close p span{position:absolute;left:50%;top:10px;margin-left:-1px;width:2px;height:14px;background-color:#999}.menu-close p:before,.menu-close p:after{content:'';position:absolute;left:13px;top:8px;width:2px;height:11px;background-color:#999;border-radius:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menu-close p:after{left:auto;right:13px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.nav-menu.active .menu-close{opacity:1}.footer-top .title-main{width:92%}.footer-top{padding-top:25px}.footer-top .title-main{padding-bottom:0}.footer-top dl,.footer-top dl:nth-child(5){display:block;width:100%;margin:0 auto}.nav-menu ul li dl dt,.nav-menu ul li .menu-drop-list h5,.nav-menu ul li dl dd p,.nav-menu ul li .menu-drop,.footer-top dl:nth-child(2),.footer-top dl:nth-child(3),.footer-top dl:nth-child(6) dt,.footer-top dl:last-child dd p,.footer-link{display:none}.footer-top dl dd{padding-top:10px;margin:10px 0 15px}.footer-top dl dd a{display:inline-block;margin:0 25px 2px 0}.footer-top dl:nth-child(5) dd p:nth-child(2){width:80%}.footer-top dl:nth-child(6) dd{display:block;padding:0;margin:0;position:absolute;right:5%;bottom:9%;width:85px;height:85px;border:0}.footer-top dl:nth-child(6) dd img{width:85px;height:85px;padding:0}.footer-bottom{padding:13px 0}.footer-bottom p{line-height:20px}.footer-fixed{position:fixed;bottom:0;left:0;width:100%;height:54px;background:rgba(0,0,0,0.7);z-index:9}.footer-fixed li{display:block;float:left;width:50%;height:54px;position:relative}.footer-fixed li .title-text{display:block;width:100%;height:100%;line-height:54px;text-align:center;font-size:18px;color:#fff;letter-spacing:1px;position:relative}.footer-fixed li .title-text:before{content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:1px;height:24px;background:#fff}.footer-fixed li:nth-child(1) .title-text:before{display:none}.footer-fixed li .title-text i{display:inline-block;vertical-align:middle;width:30px;height:30px;background-image:url(../../images/common/icon-common.png);background-position:-157px 0;background-repeat:no-repeat;margin-right:8px}.footer-fixed li .title-text .icon-tel{position:relative;top:-2px}.footer-fixed li .title-text .icon-line{background-position:-186px -214px}.footer-fixed .tel-click-after{position:absolute;bottom:60px;left:0;width:199%;height:54px;line-height:54px;text-align:center;font-size:0;border:1px solid #ddd;border-radius:4px;background:#fff;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:transform .2s cubic-bezier(.78,.14,.42,1.28);-moz-transition:transform .2s cubic-bezier(.78,.14,.42,1.28);-ms-transition:transform .2s cubic-bezier(.78,.14,.42,1.28);-o-transition:transform .2s cubic-bezier(.78,.14,.42,1.28);transition:transform .2s cubic-bezier(.78,.14,.42,1.28)}.footer-fixed .tel-click-after:before{content:"";display:block;position:absolute;width:6px;height:6px;background:#fff;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);border-top:1px solid #ddd;border-right:1px solid #ddd;left:30px;bottom:-4px}.footer-fixed .tel-click-after a{display:inline-block;vertical-align:middle;color:#333;font-size:16px;position:relative;margin:0 6px}.footer-fixed .tel-click-after .icon-tel1{display:inline-block;vertical-align:middle;width:22px;height:22px;background-image:url(../../images/common/icon-common.png);background-position:-130px 0;background-repeat:no-repeat}.footer-fixed .tel-click-after span{display:inline-block;vertical-align:middle;font-size:14px;color:#666;margin:0 6px}.footer-fixed .coder-click .tel-click-after{left:-30%;width:128%;height:140px;text-align:center;padding:15px 0 12px}.footer-fixed .coder-click .tel-click-after:before{left:82%}.footer-fixed .coder-click .tel-click-after img{display:block;width:110px;height:auto;margin:0 auto 4px}.footer-fixed .coder-click .tel-click-after p{line-height:24px;font-size:14px;color:#666}.footer-fixed .tel-click.active .title-text{background-image:linear-gradient(-90deg,#00d9ec,#1974e0)}.footer-fixed .tel-click.active .tel-click-after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.btn-topback{bottom:60px;right:18px;width:46px;height:46px}.page-banner{overflow:hidden}.page-banner-main{text-align:center;height:auto;overflow:hidden;top:auto;bottom:80px}.page-banner-main .ban-title{width:80%;max-width:80%;padding:0 10%}.page-banner-main h1{font-size:22px}.page-banner-main h1 span{font-size:22px;padding-left:0;font-weight:bold}.page-banner-main .line-blue{margin:0 auto 12px}.page-banner-main p{font-size:16px}.page-banner-main .ban-btn{text-align:center;margin:0 auto}.page-ban-nav.fixed .logo,.page-ban-nav:before,.page-ban-nav .tel,.page-ban-nav.fixed .tel{display:none}.page-ban-nav.fixed:before{display:block}.page-ban-nav .aiming-point-nav{position:relative;float:none;padding-left:5px}.page-ban-nav .aiming-point-nav .snav-tit{text-align:left;font-size:0;box-sizing:border-box;white-space:nowrap;overflow-x:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:single;flex-wrap:nowrap;margin-right:52px}.page-ban-nav .aiming-point-nav .snav-tit::-webkit-scrollbar{display:none}.page-ban-nav .aiming-point-nav:before{content:'';position:absolute;right:0;top:0;z-index:2;width:52px;height:51px;background:rgba(255,255,255,.53);box-shadow:-6px 0 12px -6px rgba(0,0,0,.1)}.page-ban-nav .aiming-point-nav:after{content:'';position:absolute;right:15px;top:13px;z-index:2;width:23px;height:25px;background-image:url(../../images/common/icon-common.png);background-position:-188px -33px;background-repeat:no-repeat}.page-ban-nav .title-nav{padding:0 10px;margin:0 5px}.page-ban-nav .title-nav:last-child{padding-right:25px}.m-contact-form{padding:50px 0}.m-contact-form form.layui-form{width:92%;padding-top:28px}.m-contact-form .layui-form .layui-form-item,.m-contact-form .layui-form .layui-form-item dt:first-child{letter-spacing:0;margin-bottom:15px}.m-contact-form .layui-form .layui-form-item dt,.layui-layer .m-contact-form .layui-form .layui-form-item dt{width:100%;float:none}.m-contact-form .layui-input,.m-contact-form .layui-textarea{padding-left:15px}.m-contact-form .layui-form-pane .layui-textarea{padding-top:13px;padding-bottom:13px}.m-contact-form .layui-form .layui-form-item.layui-form-text1{margin-bottom:0}.m-contact-form .layui-form-pane .layui-form-text1 .layui-form-label{float:left}.m-contact-form .layui-form-pane .layui-form-text1 .layui-input-block{margin-left:10px;float:left}.m-contact-form .layui-form-pane .layui-form-radio{margin-right:18px}.m-contact-form .layui-form-pane .layui-form-text2{line-height:26px}.m-contact-form .layui-form-pane .layui-form-text3{margin:20px auto 0}.m-contact-form .layui-form-pane .layui-form-text3 .layui-btn{width:150px;height:42px;line-height:42px;font-size:16px}.m-layer-tip .s-layer-tip .s-title{height:80px;padding-top:30px;font-size:24px}.m-layer-tip .m-contact-form form.layui-form{width:90%;padding:40px 0 55px;margin:0 7% 0 3%}.m-layer-tip .m-contact-form .layui-form .layui-form-item.layui-form-text1,.m-layer-tip .m-contact-form .layui-form-pane .layui-form-text2{padding-left:4%}.m-layer-tip .m-contact-form .layui-form-pane .layui-form-radio{margin-right:10px}.quartering,.fifty-fifty{display:block;padding:0;margin:0 auto}.quartering .subelement{width:100%}.related-products{padding:50px 0;background-position:left top}.related-products .title-main{margin-top:5px}.related-products .title-main li .title-text{padding-bottom:30px;margin:20px 20px 5px}.related-products .title-main li p{height:24px}.daughter-element{margin:0 auto;display:block;align-items:inherit}.layui-layer{width:94% !important;left:50% !important;margin-left:-47% !important}.layui-layer-photos .layui-layer-content{height:auto !important}#newBridge .nb-icon-wrap{display:none;right:0 !important;width:50% !important;height:54px !important;top:auto !important;transform:none !important;bottom:0 !important}#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{background:none !important}#newBridge .nb-invite-wrap-base{display:none !important}}
