@charset "utf-8"; /* ====================公共样式========================= */ /* 头部 */ .Header-wrapper{width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 9991;transition: all .4s ease-in-out; box-shadow: 0 0 4px #ddd;} .Header-container{width: 92%;height: 75px;margin: 0 auto;} .Header-logo{float: left;position: relative;z-index: 999999;} .Header-logo a{height: 75px;line-height: 75px;float: left;} .Header-logos{display: none;} .Header-logoh{display: block;} .Header-logo.onhover .Header-logos{display: none;} .Header-logo.onhover .Header-logoh{display: block;} /* 语言 */ .Header-lang{width: 50px;height: 75px;float: right;user-select: none;cursor: pointer;position: relative;padding-left: 27px;background: url('../images/public/langH.png') 3px center no-repeat;} .Header-lang a{display: block;font-size: 16px;color: #333;line-height: 75px;} .Header-lang:hover{background: url('../images/public/langH.png') 3px center no-repeat;} .Header-lang:hover a{color: #0090d7;} /*搜索*/ .Header-search,.Header-searclick{width: 50px;height: 75px;float: right;user-select: none;cursor: pointer;position: relative;} .Header-searclick{background: url('../images/public/search.png') no-repeat center center;} .Header-searwords{display: none;position: absolute;width: 360px;height: 44px;background-color: #fff;right: 0;top: 75px;padding-right: 44px;box-sizing: border-box;font-size: 0;border: 1px solid #eee;} .Header-searwords input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 10px;outline: none;font-size: 16px;color: #000;display: block;} .Header-searsubmit{width: 50px;height: 42px;cursor: pointer;display: inline-block;background: #fff url("../images/public/search.png") no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3; transition: all .3s linear;} .Header-searclick.ontrue{background: url('../images/public/icon-close.png') no-repeat center center;} /* 菜单 */ .Header-navbar{float: right;font-size: 0;margin-right: 12px;} .Header-navbar ul li{display: inline-block;padding: 0 12px;position: relative;} .Header-navbar ul li:first-child .Header-Menu::after{display: none;} .Header-Menu{display: block;height: 75px;line-height: 75px;font-size: 18px;color: #333;padding: 0 4px;transition: all .4s ease-in-out;position: relative;} .Header-Menu:before{content: "";position: absolute;width: 0;right: 0;height: 3px;background: #0090d7;top: 0;transition: all .4s ease;} .Header-Menu::after {pointer-events: none;position: absolute;z-index: 9999;content: '';border-style: solid;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);bottom: 0px; border-width: 0 10px 10px 10px;border-color: transparent transparent #0090d7 transparent;opacity: 0;} .Header-Menu:hover::after{opacity: 1;} .Header-navbar ul li.ontrue .Header-Menu:before{width: 100%;} .Header-Menu:hover{color: #0090d7;} .Header-navbar ul li:hover .Header-Menu:before{width: 100%;right: auto;left: 0;} .Header-sunNav{display: none;position: absolute;left: 50%;top: 75px;width: auto;z-index: 991;font-size: 0;background: rgba(0, 144, 215, 1);transform: translateX(-50%);} .Header-sunNavl{margin: 0 auto;padding:10px 8px;min-width: 160px;width: auto;} .Header-sunNavl p{position: relative;width: 100%;padding: 0 4px;} .Header-sunNavl p::after{height: 100%;width: 0%;background-color: #40b4ed;transition: all .4s ease;content: '';position: absolute;left: 50%;transform: translateX(-50%);top: 0;} .Header-sunNavl p:hover::after{width: 100%;} .Header-sunNavl p a{display: block;line-height: 20px;padding: 10px 0;font-size: 16px;color: #fff;text-align: center;position: relative;z-index: 4;} .Header-sunNavl p a:hover{color: #fff;} /* 手机下拉按钮 */ .Header-sunNavClick{display: none;position: absolute;width: 44px;height: 44px;right: 0;top: 0;z-index: 9996;background: url('../images/public/icon-dd1.png') no-repeat center center /16px auto;} .Header-sunNavClick.ontrue{transform: rotate(180deg);} /* 导航 hover */ .Header-wrapper.Header-wrapperOn{background: #fff;} .Header-wrapper.Header-wrapperOn .Header-Menu{color: #333;} .Header-wrapper.Header-wrapperOn .Header-Menu:hover{color: #0090d7;} .Header-wrapper.Header-wrapperOn .Header-navbar ul li.ontrue .Header-Menu{color: #0090d7;} .Header-wrapper.Header-wrapperOn .Header-logos{display: none} .Header-wrapper.Header-wrapperOn .Header-logoh{display: block} .Header-wrapper.Header-wrapperOn .Header-lang a{color: #333;} .Header-wrapper.Header-wrapperOn .Header-lang a:hover{color: #0090d7;} .Header-wrapper.Header-wrapperOn .Header-lang{background: url('../images/public/langH.png') 3px center no-repeat;} .Header-wrapper.Header-wrapperOn .Header-lang:hover{background: url('../images/public/lang2.png') 3px center no-repeat;} .Header-wrapper.Header-wrapperScr{background: #fff;} .Header-wrapper.Header-wrapperScr .Header-Menu{color: #333;} .Header-wrapper.Header-wrapperScr .Header-Menu:hover{color: #0090d7;} .Header-wrapper.Header-wrapperScr .Header-navbar ul li.ontrue .Header-Menu{color: #0090d7;} .Header-wrapper.Header-wrapperScr .Header-logos{display: none} .Header-wrapper.Header-wrapperScr .Header-logoh{display: block} .Header-wrapper.Header-wrapperScr .Header-lang a{color: #333;} .Header-wrapper.Header-wrapperScr .Header-lang a:hover{color: #0090d7;} .Header-wrapper.Header-wrapperScr .Header-lang{background: url('../images/public/langH.png') 3px center no-repeat;} /* 手机汉堡键 */ .Header-navclick{height: 60px;margin-right: 0%;cursor: pointer;float: right;user-select: none;display: none;width: 30px;} .Header-navclick span{width: 30px;height: 2px;background: #333;display: block;position: relative;margin-top: 29px;transition: all .2s linear;} .Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #333;display: block;left: 0;width: 100%;transition: all .2s linear;} .Header-navclick span:before{top: -8px;} .Header-navclick span:after{top: 8px;} .Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;} .Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; } .Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;} @-moz-keyframes buttonAnimationBefore { 0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @-webkit-keyframes buttonAnimationBefore { 0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @keyframes buttonAnimationBefore { 0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @-moz-keyframes buttonAnimationAfter { 0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @-webkit-keyframes buttonAnimationAfter { 0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @keyframes buttonAnimationAfter { 0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @-moz-keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } } @-webkit-keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } } @keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } } /* 底部 */ .Footer-wrapper{width: 100%;background-color: #1e1e18;padding: 60px 0;} .Footer-container{width: 1280px;margin: 0 auto;} .Footer-list{width: 100%;border-bottom: 1px solid #35352f;padding-bottom: 20px;margin-bottom: 26px;} .Footer-navbar{width: 72%;float: left;} .Footer-navbar ul li{float: left;padding-right: 24px;font-size: 16px;color: #fff;line-height: 36px;transition: all .4s ease;} .Footer-navbar ul li:hover{color: #0090d7;} .down-select{float: right;width: 28%;height: auto;position: relative;background-color: #1e1e18;max-width: 214px;} .down-select p{width: 100%;padding: 0 15px;line-height: 36px;font-size: 14px;color: #0090d7;background: url('../images/public/Footer-ico1.png') no-repeat 96% center; cursor: pointer;border: 1px solid #19536c;user-select: none;} .down-select ul{top: 36px;border: 1px solid #19536c;width: 100%;z-index: 99999;display: none;position: absolute;background-color: #1e1e18;} .down-select ul li{line-height: 30px;font-size: 12px;color: #666;padding-left: 15px;} .down-select ul li:hover{background-color: #19536c;color: #fff;} .down-select ul li a{display: block;} .Footer-text-box{width: 100%;overflow: hidden;} .Footer-textimg{float: right;padding-left: 20px;} .Footer-textimg img{max-width: 150px;} .Footer-textimg p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;opacity: .5;text-align: center;} .Footer-text{width: 60%;float: left;padding-top: 10px;opacity: .5;} .Footer-text p{color: #fff;font-size: 14px;line-height: 28px;} .Footer-text span{display: inline-block;width: 2px;height: 12px;background: #afafaf;margin: 0 8px;vertical-align: middle;} .Footer-text h6{color: #fff;font-size: 14px;line-height: 28px;margin-top: 30px;} .m-footer{ display:none; background:rgba(0, 144, 215, 1); text-align:center; color:#fff; padding:10px 0;} .d-footer{padding: 30px 0; background: url('../dimg/footerbg.jpg') no-repeat center top #fff;} .d-footer-hold{ width: 1180px; padding:0 10px; overflow: hidden;margin: 0 auto;color: #fff;} .d-footer-hold .d-left{width: 960px;float: left;overflow: hidden;} .d-footer-hold ul li{float: left;width: 134px;} .d-footer-hold ul li .title{ font-size: 18px; margin-bottom: 14px; color:#333; display: block; height: 32px; padding-left: 0px; background: url(http://www.dfz.com/skin/default/images/bot_09.jpg) left bottom no-repeat;} .d-footer-hold ul li p{ color:#5e748d; font-size: 14px; line-height:30px; background: url(../images/bot_16.jpg) left center no-repeat;} .d-right{ width: 200px; float: right;} .d-right img{width:140px} .d-fooer-bom{text-align: center;line-height: 40px;color: #fff; padding-top:30px;} .d-fooer-bom .d-footer-hold{ border-top:1px solid #bbbcbc;} .d-fooer-bom span{ margin:0 10px} .d-fooer-bom a{color:#fff} .footer-bom-img{ height: 370px;overflow: hidden;position: relative;} .footer-bom-img img{ min-width:1920px; width: 100%; overflow: hidden; position: fixed; left: 0px; bottom: 0px; z-index: -9999; background-color: #fff; z-index: -1;} .d-link{ padding-top:20px;} .d-link span{ font-size:18px; color:#333; padding:0 10px;} .d-link a{ font-size:14px; color:#333; padding:0 10px;} .banquan p, .banquan a{ color:#333;} /* 中间+共用部分 */ /* 当前位置 */ .d-position{ height: 65px; line-height: 65px; background: #0090d7; color: #fff; font-size: 16px;} .d-position i{vertical-align: middle; background: url("../dimg/position.png") no-repeat center top; margin-right: 10px; width: 20px; height: 25px; display: inline-block;} .case_cat {width: 100%; height: auto; text-align: center; margin: 35px 0;} .case_cat a {height: 40px;line-height: 40px;text-align: center; border: 1px solid #eee; border-radius: 3px;margin: 5px 2px;display: inline-block;padding: 0 25px; font-size:16px;} .case_cat a:hover, .case_cat a.active {color: #fff;background: #0090d7} .Container-wrapper{ background:#fff;} .contain{width: 1280px;margin: 0 auto;} .sunBan.jia{margin-top: 75px;} .sunBan{width: 100%;overflow: hidden;position: relative;} .sunBan img{width: 100%;object-fit: cover;min-height: 360px;} .sunBan-words{width: 100%;text-align: center;position: absolute;z-index: 2;top: 56%;transform: translateY(-50%);left: 0;} .sunBan-words h6{font-family: 'Heavy' !important;font-size: 36px;color: #fff;text-transform: uppercase;letter-spacing: .15em;animation: sunBanH 1.2s ease both; font-weight:600;} .sunBan-words i{width: 54px;height: 3px;background: #fff;display: inline-block;margin-top: 17px;animation: sunBanI 1s ease both 1s;} @keyframes sunBanH{0%{opacity: 0;transform: scale(0);}100%{opacity: 1;transform: scale(1);}} @keyframes sunBanI{0%{opacity: 0;width: 0;}100%{opacity: 1;width: 54px;}} .sunMenu{width: 100%;font-size: 0;text-align: center;background: #0090d7;overflow: hidden;} .sunMenu a{display: inline-block;line-height: 65px;position: relative;padding: 0 28px;font-size: 16px;color: #fff;transition: all .4s ease;} .sunMenu a:before,.sunMenu a:last-child:after{content: "";position: absolute;left: 0;top: 0;width: 1px;background: #fff;opacity: .2;height: 100%;} .sunMenu a:last-child:after{left: auto;right: 0;} .sunMenu a.ontrue, .sunMenu a:hover{background: rgba(255, 255, 255, .2);} .fullpage{width: 100%;font-size: 0;text-align: center;margin-top: 60px;} .fullpage li{ display:inline-block;} .fullpage li a{display: inline-block;vertical-align: middle;border: 1px solid #e5e5e5; padding:0 15px; height: 46px;text-align: center;line-height: 46px;font-size: 16px;color: #666;margin: 0 3px;transition: all .4s ease;} .fullpage li a:hover,.fullpage li.active a{background: #0090d7;border-color: #0090d7;color: #fff;} /* guider */ .d-guider{ display:none; background: #0090d7; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-top: 20px;position: relative; line-height:45px; height:45px;} .d-guider i{ width: 20px;height: 20px;background: rgb(230, 0, 19);display: inline-block; margin: 0 10px;vertical-align: middle; background: url("../dimg/sub.png") no-repeat;} .d-guider span{ font-size: 18px;vertical-align: middle;font-weight: bold; color:#fff;} .d-guider font{ width: 20px; height: 20px; background: url("../dimg/down.png") no-repeat; background-size: 100% 100%; display: inline-block; float: right; margin-right: 10px; margin-top: 12px;} .pro-l-hold ul{ margin-bottom: 10px;display: none} .pro-l-hold ul li{ padding:0 8px; height:45px; line-height:45px; background: #0090d7; border-bottom: 1px solid rgba(255, 255, 255, .2);} .pro-l-hold ul li.hover{ color: #fff; background: rgba(255, 255, 255, .2);} .pro-l-hold ul li a, .pro-l-hold ul li.hover a{ color: #fff; font-size:16px;} /* 动效-果冻 */ @keyframes btn-pudding{0%{transform:scale(1.2,0.8)}1%{transform:scale(1.18,0.82)}2%{transform:scale(1.16,0.84)}3%{transform:scale(1.13,0.87)}4%{transform:scale(1.1,0.9)}5%{transform:scale(1.07,0.93)}6%{transform:scale(1.04,0.96)}7%{transform:scale(1.01,0.99)}8%{transform:scale(0.99,1.01)}9%{transform:scale(0.97,1.03)}10%{transform:scale(0.95,1.05)}11%{transform:scale(0.94,1.06)}12%{transform:scale(0.93,1.07)}13%{transform:scale(0.93,1.07)}14%{transform:scale(0.93,1.07)}15%{transform:scale(0.93,1.07)}16%{transform:scale(0.94,1.06)}17%{transform:scale(0.94,1.06)}18%{transform:scale(0.95,1.05)}19%{transform:scale(0.96,1.04)}20%{transform:scale(0.98,1.02)}21%{transform:scale(0.99,1.01)}22%{transform:scale(1,1)}23%{transform:scale(1,1)}24%{transform:scale(1.01,0.99)}25%{transform:scale(1.02,0.98)}26%{transform:scale(1.02,0.98)}27%{transform:scale(1.02,0.98)}28%{transform:scale(1.03,0.97)}29%{transform:scale(1.03,0.97)}30%{transform:scale(1.02,0.98)}31%{transform:scale(1.02,0.98)}32%{transform:scale(1.02,0.98)}33%{transform:scale(1.02,0.98)}34%{transform:scale(1.01,0.99)}35%{transform:scale(1.01,0.99)}36%{transform:scale(1.01,0.99)}37%{transform:scale(1,1)}38%{transform:scale(1,1)}39%{transform:scale(1,1)}40%{transform:scale(0.99,1.01)}41%{transform:scale(0.99,1.01)}42%{transform:scale(0.99,1.01)}43%{transform:scale(0.99,1.01)}44%{transform:scale(0.99,1.01)}45%{transform:scale(0.99,1.01)}46%{transform:scale(0.99,1.01)}47%{transform:scale(0.99,1.01)}48%{transform:scale(0.99,1.01)}49%{transform:scale(1,1)}} .home-box{position: fixed;z-index: 9999;right: 10px;top: 50%;transform: translateY(-50%);width:148px;} .home-box img{width: 100%;} .home-box a{width:100%;display:block;position:relative;} .home-box a.home-tel{margin-top:10px;} .yqcolse{position: absolute;right: 0;top: 0;width: 18px;height: 18px;background: url('../images/public/close1.png') no-repeat center center;cursor: pointer;z-index:2;} .telcolse{position: absolute;right: 0;top: 0;width: 18px;height: 18px;background: url('../images/public/tsclose.png') no-repeat center center;cursor: pointer;z-index:2;} .Video-Plyr iframe{height: 720px;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900/1024/1200) */ } @media all and (max-width:1599px) { /* 1440 × (900/1050) */ .Header-navbar ul li{padding: 0 8px;} } @media all and (max-width:1439px) { /* 1360 × (768) */ .Header-navbar ul li{padding: 0 6px;} .Video-Plyr iframe {height: 360px;} } @media all and (max-width:1359px) { /* 1280 × (800/854/1024) */ .Header-Menu{font-size: 14px;} .Header-lang a{font-size: 14px;} .Footer-container{width: 92%;} .contain{width: 92%;} } @media all and (max-width:1279px) { /* 1152 × (864) */ .Header-navbar ul li{padding: 0 4px;} .Footer-wrapper{padding: 40px 0;} .Footer-navbar ul li{font-size: 14px;} .Footer-text p,.Footer-text h6{font-size: 12px;} .Header-logo a img{height: 48px;} } @media all and (max-width:1199px) { .p-footer{ display:none;} .m-footer{ display:block;} } @media all and (max-width:1151px) { /* 1024 × (600/768) */ .Header-navbar ul li{padding: 0px;} .sunBan-words h6{font-size: 32px;} /* .Header-Menu{font-size: 12px;} */ } @media all and (max-width:1100px) { .itemnew-text h6{font-size: 18px !important;} .itemnew .swiper-container .swiper-pagination-bullet{font-size: 16px !important;} .itemnew .swiper-container .swiper-pagination{ bottom:70px !important;} } @media all and (max-width:950px) { .itemnew .swiper-container .swiper-pagination-bullet{margin: 5px 0 !important; margin-right: 10px !important;} .itemnew-text h5{font-size: 24px !important;} .itemnew-text h6{font-size: 14px !important;} } @media all and (max-width:810px) { .itemnew-picwords{ display:block !important;} .itemnew-text{ display:block !important; width:100% !important; border-width: 1px !important;} .itemnew-pic{ display:block !important; width:100% !important;} .itemnew-pic img{ width:100% !important;} .itemnew .swiper-container .swiper-pagination{ width:100% !important;} } @media all and (max-width:470px) { .itemnew .swiper-container .swiper-pagination{ display:none !important; width:100% !important;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .sunBan.jia{margin-top: 0px;} .Container-wrapper{margin-top: 60px;} .Header-wrapper{background: #fff !important;} .Header-container{height: 60px;} .Header-logo{height: 60px;} .Header-logo a {height: 60px;line-height: 60px;} .Header-logo a img{height: 42px;} .Header-logos{display: none;} .Header-logoh{display: block;} .Header-lang{height: 60px;background: url('../images/public/langH.png') 3px center no-repeat;margin-right: 5px;} .Header-lang a{font-size: 14px;color: #333;line-height: 60px;} .Header-navclick{display: block;} .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;} .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;max-height: 450px;overflow-y: auto !important;background: #fff !important;border-top: 1px solid #f3f3f3;padding-bottom: 10px;} .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;} .Header-Menu{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #333;padding: 0 3%;font-weight: normal;margin: 0;} .Header-Menu:before{display: none;} .Header-Menu::after{display: none;} .Header-navbar ul li.ontrue .Header-Menu{border-bottom: 0px;color: #009ce1;} .Header-sunNavClick{display: block;} .Header-sunNav{position: static;top: 0;left: 0;padding: 24px 0;margin-left: 0%;padding: 5px 0;background: #f5f5f5 !important;transform: translateX(0);} .Header-sunNavl p a{text-align: left;color: #666; text-indent:15px;} .Header-sunNav a{text-align: left;padding: 0 3%;font-size: 14px;} .Header-sunNavl{width: 100%;padding: 0;} .Header-sunNavl p::after{display: none;} .Header-sunNavl p a:hover{color: #0090d7;} /*搜索*/ .Header-search,.Header-searclick{height: 60px;width: 40px;float: right;user-select: none;cursor: pointer;position: relative;} .Header-searclick{background: url('../images/public/search.png') no-repeat center center;} .Header-searclick.ontrue{background: url('../images/public/icon-close.png') no-repeat center center;} .Header-search{width: 40px;height: 60px;position: static;} .Header-searclick{width: 40px;height: 60px;line-height: 60px;} .Header-searwords{display: none;position: absolute;width: 100%;height: 44px;right: 0;top: 60px;padding-right: 50px;box-sizing: border-box;font-size: 0;border: 1px solid #eee;height: 44px;} .Header-searwords input{font-size: 14px;} .Footer-wrapper{padding: 30px 0;} .Footer-navbar{width: 100%;} .down-select{width: 100%;margin-top: 20px;max-width: none;} .Footer-text h6{margin-top: 20px;} .sunMenu a {width: 50%;line-height: 24px;padding: 10px 0;font-size: 14px;float: left;border-bottom: 1px solid rgba(255, 255, 255, .2);} .sunMenu a:before{display: none;} .sunMenu a:after{content: "";position: absolute;right: 0;top: 0;width: 1px;background: #fff;opacity: .2;height: 100%;} .sunMenu a:nth-child(2n):after{display: none;} .sunMenu.sunlong a{width: 100%;} .fullpage{margin-top: 40px;} .home-box{display: none;} .Video-Plyr iframe{height: 180px;} .d-guider{ display:block} .case_cat{ display:none;} .d-position{ display:none;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .Footer-navbar ul li{width: 50%;} .Footer-textimg img{max-width: 90px;} .Footer-textimg{text-align: center;float:left;} .Footer-text{width: 100%;} .Footer-text p, .Footer-text h6{line-height: 22px;} .sunBan img {min-height: 280px;} .sunBan-words h6 {font-size: 24px;} .sunBan-words i {margin-top: 13px;} .fullpage{margin-top: 32px;} .fullpage a {width: 38px;height: 38px;line-height: 38px;font-size: 14px;} .fullpage a:first-child, .fullpage a:last-child {width: 60px;} } .Category28 .Header-sunNav{ display:none !important;} .Category28 .Header-sunNavClick{ display:none !important;}