@charset "utf-8"; /*weui.css*/ @font-face{font-style: normal; font-family: weui; src: url('data:application/octet-stream;base64,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') format('truetype');} [class*=" weui-icon-"],[class^=weui-icon-]{display: flex; justify-content: center; align-items: center; font: normal normal normal 14px/1 weui; text-rendering: auto; -webkit-font-smoothing: antialiased;} .weui-icon-success-no-circle:before{content:"\EA08"} .weui-icon-success-no-circle{font-size: 24px; color: #fff; margin-top: 8px;} .weui-toast{min-width: 106px; min-height: 106px; background: rgba(0,0,0,.7); text-align: center; border-radius: 5px; color:#fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20000000000;} .weui_loading{height: 60px; display: flex; justify-content: center; align-items: flex-end;} .weui-toast_content{padding: 2px 6px 12px 6px; font-size: 14px;} .weui-icon_toast.weui-loading{margin-bottom: 4px; font-size: 55px; color: #fff; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; animation: e 1s steps(12) infinite; background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat; background-size: 100%;} @keyframes e{0%{transform: rotate(0deg);}to{transform: rotate(1turn);}} .weui-icon_toast.weui-icon-success-no-circle:before{font-size: 55px; color: #fff;} /*Swiper.css*/ @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:#c4273a}.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);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.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{display:flex;justify-content:center;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:block;border-radius:100%;background:#fff}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{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} /*公共样式*/ *{margin: 0; padding: 0; box-sizing: border-box;} *:before,*:after{box-sizing: border-box;} html{min-width: 320px; max-width: 790px; margin: 0 auto;} body{font-size: 14px; background: #fff; font-family: 'Microsoft YaHei',Arial,Verdana,Sans-Serif; line-height: 1.5; color: #333;} ol,ul,li{list-style: none;} u{text-decoration: none;} a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .5s; cursor: pointer; outline: 0;} a:hover{color: #c4273a!important;} em,i{font-style: normal;} h1,h2,h3,h4,h5,h6,th{font-weight: normal;} img{border: 0; max-width: 100%; height: auto; vertical-align: middle;} table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;} input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";} input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;} input,input:focus,input:active{user-select: text;} textarea{resize: none;} .clearfix{zoom: 1;} .clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;} .fl{float: left;} .fr{float: right;} .hide{display: none;} .tl{text-align: left!important;} .tc{text-align: center!important;} .tr{text-align: right!important;} .noscroll body{width: 100%; max-width: 790px; position: fixed;} @font-face{font-family: 'iconfont';src: url('../font/iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),url('../font/iconfont.woff2') format('woff2'),url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype'),url('../font/iconfont.svg#iconfont') format('svg');} .iconfont{display: flex; align-items: center; justify-content: center; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*头部*/ #header{width: 100%; max-width: 790px; height: 60px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;} #header .logo img{height: 38px;} .toggle{display: block; width: 30px; height: 24px; position: relative; z-index: 6;} .toggle i{display: block; width: 30px; height: 4px; background: #333; position: absolute; left: 0; transition: all ease .35s;} .toggle i:nth-of-type(1){top: 0;} .toggle i:nth-of-type(2){top: 10px;} .toggle i:nth-of-type(3){top: 20px;} .toggle.on i{background: #fff;} .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);} .toggle.on i:nth-of-type(2){width: 0;} .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);} #h60{height: 60px;} .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;} .maskbg.on{display: block;} .nav{width: 240px; background: #111; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;} .nav.open{transform: translateX(0); opacity: 1;} .nav > ul{height: 100%; margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;} .nav ul li{border-top: 1px solid #333; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;} .nav > ul > li:first-child{border-top: 0 none;} .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 16px; color: #ccc;} .nav ul li a:hover{color: #c4273a!important;} .nav ul li ul{display: none;} .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #ccc; position: absolute; right: 0; top: 0; transition: transform .5s;} .nav ul li i.down{color: #c4273a; transform: rotate(90deg);} .nav ul li ul li{margin-right: 0;} .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;} /*底部*/ #footer{padding: 20px 10px; background: #111;} .foot-nav dt{border-bottom: 1px solid #333; font-size: 17px;} .foot-nav dt a{display: flex; align-items: center; justify-content: space-between; height: 50px; line-height: 50px; color: #ccc; padding: 0 10px;} .foot-nav dt i{display: block; width: 16px; height: 16px; position: relative;} .foot-nav dt i:before,.foot-nav dt i:after{display: block; content: ""; background: #ccc; position: absolute;} .foot-nav dt i:before{width: 16px; height: 2px; left: 0; top: 7px;} .foot-nav dt i:after{width: 2px; height: 16px; left: 7px; top: 0;} .foot-nav dt a:hover{color: #ccc!important;} .foot-nav dt.down a{color: #c4273a!important;} .foot-nav dt.down a i:before{background: #c4273a;} .foot-nav dt.down a i:after{display: none;} .foot-nav dd{display: none; padding: 8px 0;} .foot-nav dd li a{display: block; height: 40px; line-height: 40px; font-size: 15px; color: #666; padding: 0 10px;} .foot-model{display: flex; justify-content: space-between; margin-top: 26px; padding: 0 6px;} .foot-wechat img{display: block; width: 96px; height: 96px; border: 1px solid #929898; margin: 0 auto 8px; border-radius: 2px;} .foot-wechat p{font-size: 12px; text-align: center; line-height: 20px; color: #666;} .foot-tel .tit{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 4px; color: #666;} .foot-tel .tit i{font-size: 16px; margin-right: 4px;} .foot-tel .tit span{display: block; font-size: 12px;} .foot-tel .ftel{font-size: 18px; font-weight: bold; color: #c4273a; line-height: 1.25;} .foot-tel .ftel a{color: #c4273a;} .foot-tel .advice{display: flex; justify-content: flex-end; margin-top: 8px;} .foot-tel .advice a{display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; background: #c4273a; border-radius: 4px; color: #fff; text-align: center;} .foot-tel .advice a i{display: block; font-size: 20px; color: #fff; margin-right: 6px;} .foot-tel .advice a span{display: block; font-size: 14px; color: #fff;} .foot-copy{padding: 10px 0; line-height: 24px; font-size: 12px; color: #666; text-align: center; margin-top: 32px;} .foot-copy a{color: #666;} /*首页---广告图*/ .banner{position: relative;} .banner .swiper-slide img{display: block; width: 100%;} .banner .swiper-pagination-bullet{background: rgba(248,230,230,.6);} .banner .swiper-pagination-bullet-active{background: #fff;} /*首页*/ .intitle{font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; color: #282828; border-left: 2px solid #cd000f; position: relative; padding-left: 6px;} .intitle a{height: 20px; line-height: 20px; font-size: 12px; font-weight: normal; color: #666; text-transform: capitalize; position: absolute; right: 0; top: 0;} .intitle a u{font-style: italic;} /*首页---服务项目*/ .inservice{padding: 30px 12px; background: #fff;} .inservice li{margin-bottom: 22px;} .inservice li .icon{width: 60px; height: 60px; background-repeat: no-repeat; background-image: url(../images/service-icon.png); background-size: 180px 60px; margin: 0 auto;} .inservice li .ico1{background-position: 0 0;} .inservice li .ico2{background-position: -60px 0;} .inservice li .ico3{background-position: -120px 0;} .inservice li .title{font-size: 18px; font-weight: bold; color: #020318; text-align: center; margin-top: 16px;} .inservice li .desc{font-size: 14px; color: #020318; text-align: center; margin-top: 4px;} /*首页---关键词*/ .inkeyword{padding: 30px 12px; background: #f2f3f7;} .inkeyword-box{margin-top: 14px; padding-bottom: 10px; overflow-x: scroll;} .inkeyword-box::-webkit-scrollbar{width: 100%; height: 6px; background: #fff; border-radius: 5px;} .inkeyword-box::-webkit-scrollbar-thumb{background: #d1d1d1; border-radius: 5px;} .inkeyword-box .box li{display: table-cell; white-space: nowrap; padding: 0 10px;} .inkeyword-box .box .th ul{background: url(../images/inkeywor-titbg.jpg) no-repeat right top #9baae1; background-size: 100% 100%;} .inkeyword-box .box .th li{height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; color: #020318;} .inkeyword-box .box .bd{display: inline-table;} .inkeyword-box .box .td{height: 340px; position: relative; overflow: hidden;} .inkeyword-box .box .td ul{background: #eaf3ff; overflow: hidden; display: table-row;} .inkeyword-box .box .td ul:nth-child(2n){background: #fff;} .inkeyword-box .box .td li{height: 34px; line-height: 34px; font-size: 12px;} /*首页---选择我们*/ .inwhyus{padding: 30px 12px; background: #fff;} .inwhyus-box{margin-top: 14px;} .inwhyus-box li{margin-bottom: 12px; text-align: center;} .inwhyus-box li:last-child{margin-bottom: 0;} .inwhyus-box li .pic{overflow: hidden;} .inwhyus-box li .pic img{width: 100%; transition: transform .8s;} .inwhyus-box li .text{padding: 24px 14px 34px 14px; background: #f2f3f7; color: #020318;} .inwhyus-box li .title{font-size: 16px; font-weight: bold;} .inwhyus-box li .desc{font-size: 14px; line-height: 1.7; margin-top: 8px;} .inwhyus-box li:hover .pic img{transform: scale(1.06);} /*首页---案例*/ .incase{padding: 30px 12px; background: url(../images/incase-bg.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; margin-top: 20px;} .incase .intitle{color: #fff;} .incase .intitle a{color: #fff;} .incase-tabbox{margin-top: 14px;} .incase-tabtit{position: relative;} .incase-tabtit ul{display: flex;} .incase-tabtit li{width: calc(25% + 2px); display: flex; justify-content: center; align-items: center; margin-right: 2px; height: 32px; line-height: 32px; font-size: 12px; background: #fff; cursor: pointer;} .incase-tabtit li:nth-child(4n){margin-right: 0;} .incase-tabtit li i{font-size: 14px; margin-right: 3px; margin-top: -2px;} .incase-tabtit li.active{background: #f20058; color: #fff;} .incase-tabcont{margin-top: 14px; position: relative;} .incase-tabitem{--swiper-pagination-color: #f20058;} .incase-tabitem .swiper-wrapper{padding-bottom: 40px;} .incase-tabitem .swiper-slide .item{display: block; margin-bottom: 12px; background: #eaf3ff;} .incase-tabitem .swiper-slide .item:last-child{margin-bottom: 0;} .incase-tabitem .swiper-slide .pic{overflow: hidden;} .incase-tabitem .swiper-slide .pic img{width: 100%; transition: transform 1s;} .incase-tabitem .swiper-slide .text{display: flex; align-items: center; justify-content: space-between; padding: 0 10px;} .incase-tabitem .swiper-slide .title{height: 44px; line-height: 44px; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .incase-tabitem .swiper-slide .info{white-space: nowrap; margin-left: 6px; font-size: 12px; color: #000;} .incase-tabitem .swiper-slide .item:hover .pic img{transform: scale(1.1);} .incase-tabitem .swiper-pagination-bullet{width: 6px; height: 6px;; margin: 0 10px!important; position: relative;} .incase-tabitem .swiper-pagination-bullet:after{display: block; content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #fff; position: absolute; left: -4px; top: -4px;} .incase-tabitem .swiper-pagination-bullet-active:after{width: 20px; height: 20px; border-color: var(--swiper-pagination-color,var(--swiper-theme-color)); left: -7px; top: -7px;} /*首页---流程*/ .inprocess{padding: 30px 12px; background: #fff;} .inprocess-box{margin-top: 20px;} .inprocess-box ul{margin-bottom: -1px;} .inprocess-box li{margin: 0 22px; border: 1px solid #ddd; border-top-width: 0; position: relative; z-index: 1;} .inprocess-box li:first-child{border-top-width: 1px;} .inprocess-box li .dt{height: 50px; line-height: 50px; background: #f7f7f7; font-size: 16px; font-weight: bold; color: #020318; text-align: center;} .inprocess-box li .dd{padding: 28px 10px; border-top: 1px solid #ddd;} .inprocess-box li .icon{width: 54px; height: 60px; margin: 0 auto; background-repeat: no-repeat; background-image: url(../images/process-icon.png); background-size: 270px 60px; transition: transform .8s;} .inprocess-box li .ico1{background-position: 0 0;} .inprocess-box li .ico2{background-position: -54px 0;} .inprocess-box li .ico3{background-position: -108px 0;} .inprocess-box li .ico4{background-position: -162px 0;} .inprocess-box li .ico5{background-position: -216px 0;} .inprocess-box li .title{font-size: 15px; text-align: center; color: #020318; margin-top: 12px;} .inprocess-box li .desc{font-size: 13px; text-align: center; color: #555; line-height: 1.7; margin-top: 4px;} .inprocess-box li .more{display: block; width: 100px; height: 30px; line-height: 28px; border: 1px solid #c4273a; border-radius: 4px; margin: 14px auto 0; font-size: 14px; color: #c4273a; text-align: center;} .inprocess-box li .more:hover{background: #c4273a; color: #fff!important;} .inprocess-box li .mask{width: calc(100% + 44px); height: 304px; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 10px rgba(91,149,182,.5); position: absolute; left: -22px; top: -10px; transition: opacity .6s;} .inprocess-box li .mask .dname{height: 50px; line-height: 50px; background: #c4273a; font-size: 16px; font-weight: bold; color: #fff; text-align: center;} .inprocess-box li .mask .dbox{padding: 12px 0; display: flex; overflow: hidden;} .inprocess-box li .mask .text{width: 50%; height: 230px; padding: 15px 4px; border-right: 1px solid #ddd;} .inprocess-box li .mask .desc{font-size: 10px; line-height: 1.6;} .inprocess-box li .mask .tags{width: 50%; padding: 0 6px;} .inprocess-box li .mask .tags span{display: block; height: 26px; line-height: 26px; background: #fafafa; margin-bottom: 3px; font-size: 10px; overflow: hidden; padding: 0 8px;} .inprocess-box li .mask .tags span:last-child{margin-bottom: 0;} .inprocess-box li.active{z-index: 2;} .inprocess-box li.active .mask{opacity: 1; visibility: visible;} /*首页---合作意向表*/ .inmessage{padding: 30px 12px; background: url(../images/inmessage-bg.jpg) no-repeat center; background-size: cover;} .inmessage .title{font-size: 18px; font-weight: bold; color: #fff; text-align: center;} .inmessage .desc{font-size: 12px; color: #fff; text-align: center; margin-top: 2px;} .inmessage-form{margin-top: 16px;} .inmessage-form li{height: 44px; background: #fff; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ddd;} .inmessage-form li:last-child{margin-bottom: 0;} .inmessage-form li .label{display: flex; align-items: center; width: 100%; height: 42px; position: relative;} .inmessage-form li .label i{flex-shrink: 0; width: 30px; height: 30px; margin-left: 6px; font-size: 18px; color: #ccc;} .inmessage-form li .input{display: block; width: 100%; height: 42px; line-height: 42px; padding: 0 10px 0 4px; font-size: 14px; color: #666;} .inmessage-form li .input::-webkit-input-placeholder{color: #bbb;} .inmessage-form li .input::-moz-placeholder{color: #bbb;} .inmessage-form li .input:-ms-input-placeholder{color: #bbb;} .inmessage-form li.noh{background: none; border-width: 0; height: auto; border-radius: 0; font-size: 13px; color: #fff; margin-top: 14px; display: flex; align-items: center;} .inmessage-form li.noh span{display: block;} .inmessage-form li.noh label{display: flex; align-items: center; margin-right: 10px;} .inmessage-form li.noh label:last-child{margin-right: 0;} .inmessage-form li.noh input[type="radio"]{-webkit-appearance: none; width: 14px; height: 14px; border: 1px solid #ddd; border-radius: 50%; position: relative; margin-right: 4px;} .inmessage-form li.noh input[type="radio"]:checked{border-color: #fff;} .inmessage-form li.noh input[type="radio"]:checked:after{display: block; content: ""; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 2px; top: 2px;} .inmessage-form li .btns{display: block; width: 140px; height: 40px; line-height: 40px; margin: 5px auto 0; background: #c4273a; font-size: 15px; color: #fff; text-align: center; border-radius: 5px; cursor: pointer; transition: opacity .5s;} /*首页---技术团队*/ .inteam{padding: 40px 12px 0 12px; background: #fff;} .inteam .title{font-size: 26px; line-height: 1.3; text-align: center; color: #282828;} .inteam .title b{display: block; font-weight: bold;} .inteam ul{margin-top: 22px;} .inteam li{text-align: center; padding-bottom: 26px;} .inteam li .num{font-size: 16px; font-weight: bold; color: #c4273a; line-height: 1;} .inteam li .num span{font-family: "Arial"; font-size: 46px; font-weight: bold;} .inteam li .name{font-family: "Microsoft Yahei Light"; font-size: 20px; font-weight: bold; color: #c4273a margin-top: 2px;} .inteam li .desc{font-size: 14px;} .inteam .more{display: block; width: 114px; height: 36px; line-height: 36px; border: 1px solid #999; color: #666; font-family: "Microsoft Yahei Light"; font-size: 13px; text-align: center; border-radius: 4px; margin: 0 auto 20px;} .inteam .more:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;} .inteam .pic img{width: 100%;} /*首页---新闻资讯*/ .innews{padding: 28px 12px; background: #fff;} .innews-tabtit{border-left: 2px solid #c4273a; padding-left: 10px; display: flex; justify-content: space-between; align-self: center;} .innews-tabtit ul{display: flex; flex-flow: wrap;} .innews-tabtit li{font-family: "Microsoft Yahei Light"; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #999; margin-right: 10px;} .innews-tabtit li.active{color: #333;} .innews-tabtit .more{font-size: 12ppx; color: #666;} .innews-tabtit .more a{color: #666;} .innews-tabcont{margin-top: 15px;} .innews-tabitem .dt a{display: block; padding: 12px 10px 16px 16px; background: #fff; border: 1px solid #ccc;} .innews-tabitem .dt .time{line-height: 24px; color: #c4273a; font-size: 14px; font-weight: bold; color: #c4273a; transition: color .5s;} .innews-tabitem .dt .time:after{display: block; content: ""; width: 16px; height: 1px; background: #ccc; margin-left: 4px; margin-top: 8px; transition: background .5s;} .innews-tabitem .dt h3{font-size: 16px; max-height: 52px; line-height: 26px; overflow: hidden; margin-top: 6px;} .innews-tabitem .dt .desc{font-size: 12px; height: 60px; line-height: 20px; color: #666; overflow: hidden; transition: color .5s; margin-top: 8px;} .innews-tabitem .dt a:hover{background: #c4273a; border-color: #c4273a; color: #fff!important;} .innews-tabitem .dt a:hover .time:after{background: #fff;} .innews-tabitem .dt a:hover .time,.innews-tabitem .dt a:hover .desc{color: #fff!important;} .innews-tabitem li a{display: block; height: 42px; line-height: 42px; border-bottom: 1px solid #ccc; padding: 0 2px; position: relative;} .innews-tabitem li .time{font-size: 12px; color: #999; position: absolute; right: 0; top: 0;} .innews-tabitem li h3{height: 41px; line-height: 41px; font-size: 14px; margin-right: 86px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*内页*/ .main-container{padding: 20px 14px 40px 14px; background: #fff;} .main-container.bg1{background: #f2f3f7;} .ny-banner{height: 120px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;} .ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff;} .ny-banner .text .title{font-size: 22px; line-height: 1.3;} .ny-banner .text .entitle{font-size: 12px; text-transform: uppercase; margin-top: 4px;} /*列表分页*/ .pageList{text-align: center; margin-top: 20px;} .pageList ul{display: flex; justify-content: center;} .pageList li{margin: 2px;} .pageList li a,.pageList li span{display: block; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #666;} .pageList li.active span,.pageList li a:hover{background: #c4273a; color: #fff!important; border-color: #c4273a;} /*新闻列表*/ .news-search{padding-right: 60px; height: 44px; background: #f7f7f7; border-radius: 4px; overflow: hidden; position: relative;} .news-search .input{display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 10px;} .news-search .btns{display: block; width: 64px; height: 44px; background: #c4273a; cursor: pointer; position: absolute; right: 0; top: 0;} .news-search .btns i{width: 64px; height: 44px; font-size: 20px; color: #fff;} .news-menu{margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee;} .news-menu ul{display: flex; flex-flow: wrap;} .news-menu li{width: 25%; padding-right: 1px; position: relative; margin-top: 8px;} .news-menu li:before{display: block; content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: 1px; top: 50%; margin-top: -5px;} .news-menu li a{display: block; width: 100%; height: 34px; line-height: 34px; font-size: 12px; color: #666; text-align: center; padding: 0 4px; border-radius: 6px; position: relative;} .news-menu li.active a,.news-menu li a:hover{background: #c4273a; color: #fff!important;} .list-news li{padding: 20px 0; border-bottom: 1px solid #eee; overflow: hidden;} .list-news li .t{display: flex; color: #000;} .list-news li .time{flex-shrink: 0; width: 64px; font-family: "Microsoft Yahei Light"; text-align: center;} .list-news li .time span{display: block; font-size: 36px; line-height: 1.1;} .list-news li .time em{display: block; font-size: 13px; margin-top: 4px;} .list-news li .text{margin-left: 14px; overflow: hidden;} .list-news li .title{font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-news li .desc{font-size: 12px; color: #666; max-height: 36px; line-height: 18px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 6px;} .list-news li .tags{margin: 8px -2px 0 76px; display: flex; flex-flow: wrap; position: relative; overflow: hidden;} .list-news li .tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;} .list-news li .tags a:hover{background-color: #c4273a; border-color: #c4273a; color: #fff!important;} /*新闻底部定制方案*/ .nylonform{background: #c4273a; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 36px 10px;} .nylonform .title{font-size: 20px; line-height: 1;} .nylonform .desc{font-size: 14px; margin-top: 5px;} .nylonform .btns{display: block; width: 168px; height: 36px; line-height: 36px; background: #fff; border-radius: 6px; margin: 14px auto 0; font-size: 12px; font-weight: bold; color: #000; text-align: center;} /*新闻详情*/ .article-title{font-size: 18px; color: #000; line-height: 30px; text-align: center;} .article-info{display: flex; justify-content: center; align-items: center; margin-top: 4px; font-size: 12px; color: #c7c7c7;} .article-info span{display: flex; justify-content: center; align-items: center; margin: 0 10px;} .article-info span i{margin-right: 4px;} .article-tags{display: flex; flex-flow: wrap; margin: 10px -2px -2px -2px;} .article-tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;} .article-tags a:hover{background-color: #c4273a; border-color: #c4273a; color: #fff!important;} .article-body{font-size: 14px; line-height: 2; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 20px;} .article-body img{width: auto !important; height: auto !important;} .artcile-menu li{margin-bottom: 8px;} .artcile-menu li:last-child{margin-bottom: 0;} .artcile-menu li a{display: block; height: 40px; line-height: 40px; background: #f7f7f7; padding: 0 12px; overflow: hidden;} /*案例列表*/ .case-banner{height: 200px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover;} .case-banner .text{font-family: "Microsoft Yahei"; color: #edf1f2; text-align: center;} .case-banner .text .title{font-size: 15px; font-weight: bold; line-height: 1.1;} .case-banner .text .title b{color: #e73b50;} .case-banner .text .desc{font-size: 12px; line-height: 1.6; margin-top: 16px;} .cream-menu{margin-left: -14px; margin-right: -14px; margin-top: -20px; padding: 0 6px; border-bottom: 1px solid #ccc;} .cream-menu ul{display: flex; flex-flow: wrap; text-align: center;} .cream-menu li a{display: flex; justify-content: center; flex-flow: wrap; height: 40px; line-height: 40px; font-size: 12px; font-weight: bold; color: #333; padding: 0 10px; position: relative;} .cream-menu li a:before{display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; left: -1px; top: 50%; margin-top: -5px;} .cream-menu li:first-child a:before{display: none;} .cream-menu li a:after{display: block; content: ""; height: 2px; background: #c4273a; position: absolute; left: 50%; right: 50%; bottom: -1px; transition: all 0.3s ease;} .cream-menu li.active a:after,.cream-menu li:hover a:after{left: 10px; right: 10px;} .cream-menu li.active a,.cream-menu li:hover a{color: #c4273a!important;} @media only screen and (max-width: 356px){ .cream-menu{padding: 0 6px;} .cream-menu li a{padding: 0 5px;} .cream-menu li.active a:after,.cream-menu li:hover a:after{left: 5px; right: 5px;} } .case-menu{margin-top: 4px;} .case-menu ul{display: flex; flex-flow: wrap;} .case-menu li{width: calc(25% - 1.5px); margin-right: 2px; position: relative; margin-top: 8px;} .case-menu li:nth-child(4n){margin-right: 0;} .case-menu li a{display: block; width: 100%; height: 34px; line-height: 34px; background: #fff; font-size: 12px; text-align: center; padding: 0 4px; position: relative;} .case-menu li.active a,.case-menu li a:hover{background: #c4273a; color: #fff!important;} .list-case{margin-top: 16px;} .list-case li{margin-bottom: 14px;} .list-case li:last-child{margin-bottom: 0;} .list-case li a{display: block; background: #fff; position: relative; overflow: hidden;} .list-case li .pic{overflow: hidden;} .list-case li .pic img{width: 100%; transition: transform 1s;} .list-case li .text{padding: 20px 14px;} .list-case li .title{height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-case li .intro{display: flex; flex-flow: wrap; line-height: 18px; padding-bottom: 14px; overflow: hidden; font-size: 12px; margin-top: 8px; position: relative;} .list-case li .intro .dd{margin-right: 10px; color: #000;} .list-case li .intro .dd span{color: #666;} .list-case li .intro .dd:last-child{margin-right: 0;} .list-case li .intro:after{display: block; content: ""; width: 40px; height: 2px; background: #c4273a; position: absolute; left: 0; bottom: 0;} .list-case li .desc{font-size: 12px; max-height: 60px; line-height: 20px; margin-top: 12px; color: #666; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .list-case li a:hover .pic img{transform: scale(1.1);} /*案例详情*/ .casepull{background: #fff; padding: 14px;} .casedetails-note .pic{border-radius: 4px; overflow: hidden;} .casedetails-note .pic img{width: 100%;} .casedetails-note .text{padding: 14px 4px;} .casedetails-note .text .title{font-size: 18px; line-height: 1.2;} .casedetails-note .text ul{margin-top: 8px;} .casedetails-note .text li{font-size: 12px; line-height: 1.7; padding: 2px 0;} .casedetails-note .text li span{color: #666;} .casedetails-note .text li a{color: #c4273a; text-decoration: underline;} .casedetails-tabtit ul{display: flex; border-bottom: 1px solid #eee;} .casedetails-tabtit li{padding: 0 6px; height: 32px; line-height: 32px; margin-right: 2px; background: #f7f7f7; font-size: 9px; overflow: hidden; color: #666; text-align: center; cursor: pointer;} .casedetails-tabtit li:last-child{margin-right: 0;} .casedetails-tabtit li.active{background: #c4273a; color: #fff;} .casedetails-tabcont{margin-top: 10px;} .casedetails-tabcont .article-body{margin-top: 0; padding-bottom: 0;} .casedetails-tabcont video{width: 100%;} .casedetails .artcile-menu{margin-top: 14px;} .casedetails .artcile-menu li a{background: #fff;} .casedox{padding: 14px; background: #fff; margin-top: 16px;} .casepull-title{display: flex; align-items: center; justify-content: space-between; height: 40px; line-height: 40px; font-size: 17px; color: #333; border-bottom: 1px solid #eee;} .casepull-title a{font-size: 14px; color: #666;} .clistpull ul{margin-top: 14px;} .clistpull li{margin-bottom: 14px;} .clistpull li:last-child{margin-bottom: 0;} .clistpull li a{display: block;} .clistpull li .pic{border-radius: 4px; position: relative; overflow: hidden;} .clistpull li .pic img{width: 100%; transition: transform .8s;} .clistpull li .title{font-size: 14px; font-weight: bold; height: 38px; line-height: 38px; background: #eaf3ff; overflow: hidden; padding: 0 8px;} .clistpull li a:hover img{transform: scale(1.1);} .plistpull{margin-top: 14px;} .plistpull ul{margin-top: 6px;} .plistpull li a{display: block; height: 32px; line-height: 32px; font-size: 14px; color: #666; overflow: hidden; padding-left: 10px; position: relative;} .plistpull li a:before{display: block; content: ""; width: 4px; height: 4px; background: #ccc; border-radius: 50%; position: absolute; left: 0; top: 14px; transition: background .5s;} .plistpull li a:hover:before{background: #c4273a;} @charset "utf-8"; /*weui.css*/ @font-face{font-style: normal; font-family: weui; src: url('data:application/octet-stream;base64,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') format('truetype');} [class*=" weui-icon-"],[class^=weui-icon-]{display: flex; justify-content: center; align-items: center; font: normal normal normal 14px/1 weui; text-rendering: auto; -webkit-font-smoothing: antialiased;} .weui-icon-success-no-circle:before{content:"\EA08"} .weui-icon-success-no-circle{font-size: 24px; color: #fff; margin-top: 8px;} .weui-toast{min-width: 106px; min-height: 106px; background: rgba(0,0,0,.7); text-align: center; border-radius: 5px; color:#fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20000000000;} .weui_loading{height: 60px; display: flex; justify-content: center; align-items: flex-end;} .weui-toast_content{padding: 2px 6px 12px 6px; font-size: 14px;} .weui-icon_toast.weui-loading{margin-bottom: 4px; font-size: 55px; color: #fff; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; animation: e 1s steps(12) infinite; background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat; background-size: 100%;} @keyframes e{0%{transform: rotate(0deg);}to{transform: rotate(1turn);}} .weui-icon_toast.weui-icon-success-no-circle:before{font-size: 55px; color: #fff;} /*Swiper.css*/ @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:#dd0518}.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);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.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{display:flex;justify-content:center;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:block;border-radius:100%;background:#fff}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{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} /*公共样式*/ *{margin: 0; padding: 0; box-sizing: border-box;} *:before,*:after{box-sizing: border-box;} html{min-width: 320px; max-width: 790px; margin: 0 auto;} body{font-size: 14px; background: #fff; font-family: 'Microsoft YaHei',Arial,Verdana,Sans-Serif; line-height: 1.5; color: #333;} ol,ul,li{list-style: none;} u{text-decoration: none;} a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .5s; cursor: pointer; outline: 0;} a:hover{color: #dd0518!important;} em,i{font-style: normal;} h1,h2,h3,h4,h5,h6,th{font-weight: normal;} img{border: 0; max-width: 100%; height: auto; vertical-align: middle;} table{border-collapse: collapse; border-spacing: 0; table-layout: fixed;} input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";} input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;} input,input:focus,input:active{user-select: text;} textarea{resize: none;} .clearfix{zoom: 1;} .clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;} .fl{float: left;} .fr{float: right;} .hide{display: none;} .tl{text-align: left!important;} .tc{text-align: center!important;} .tr{text-align: right!important;} .noscroll body{width: 100%; max-width: 790px; position: fixed;} @font-face{font-family: 'iconfont';src: url('../font/iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),url('../font/iconfont.woff2') format('woff2'),url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype'),url('../font/iconfont.svg#iconfont') format('svg');} .iconfont{display: flex; align-items: center; justify-content: center; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*头部*/ /* #header{width: 100%; max-width: 790px; height: 60px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; background: #000; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;} #header .logo img{height: 38px;} .toggle{display: block; width: 30px; height: 24px; position: relative; z-index: 6;} .toggle i{display: block; width: 30px; height: 4px; background: #fff; position: absolute; left: 0; transition: all ease .35s;} .toggle i:nth-of-type(1){top: 0;} .toggle i:nth-of-type(2){top: 10px;} .toggle i:nth-of-type(3){top: 20px;} .toggle.on i{background: #fff;} .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);} .toggle.on i:nth-of-type(2){width: 0;} .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);} #h60{height: 60px;} .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;} .maskbg.on{display: block;} .nav{width: 240px; background: #111; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;} .nav.open{transform: translateX(0); opacity: 1;} .nav > ul{height: 100%; margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;} .nav ul li{border-top: 1px solid #333; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;} .nav > ul > li:first-child{border-top: 0 none;} .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 16px; color: #ccc;} .nav ul li a:hover{color: #dd0518!important;} .nav ul li ul{display: none;} .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #ccc; position: absolute; right: 0; top: 0; transition: transform .5s;} .nav ul li i.down{color: #dd0518; transform: rotate(90deg);} .nav ul li ul li{margin-right: 0;} .nav ul li ul li a{color: #666; height: 40px; line-height: 40px; font-size: 14px;} */ /*底部*/ #footer{padding: 20px 10px; background: #111;} .foot-nav dt{border-bottom: 1px solid #333; font-size: 17px;} .foot-nav dt a{display: flex; align-items: center; justify-content: space-between; height: 50px; line-height: 50px; color: #ccc; padding: 0 10px;} .foot-nav dt i{display: block; width: 16px; height: 16px; position: relative;} .foot-nav dt i:before,.foot-nav dt i:after{display: block; content: ""; background: #ccc; position: absolute;} .foot-nav dt i:before{width: 16px; height: 2px; left: 0; top: 7px;} .foot-nav dt i:after{width: 2px; height: 16px; left: 7px; top: 0;} .foot-nav dt a:hover{color: #ccc!important;} .foot-nav dt.down a{color: #dd0518!important;} .foot-nav dt.down a i:before{background: #dd0518;} .foot-nav dt.down a i:after{display: none;} .foot-nav dd{display: none; padding: 8px 0;} .foot-nav dd li a{display: block; height: 40px; line-height: 40px; font-size: 15px; color: #666; padding: 0 10px;} .foot-model{display: flex; justify-content: space-between; margin-top: 26px; padding: 0 6px;} .foot-wechat img{display: block; width: 96px; height: 96px; border: 1px solid #929898; margin: 0 auto 8px; border-radius: 2px;} .foot-wechat p{font-size: 12px; text-align: center; line-height: 20px; color: #666;} .foot-tel .tit{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 4px; color: #666;} .foot-tel .tit i{font-size: 16px; margin-right: 4px;} .foot-tel .tit span{display: block; font-size: 12px;} .foot-tel .ftel{font-size: 18px; font-weight: bold; color: #dd0518; line-height: 1.25;} .foot-tel .ftel a{color: #dd0518;} .foot-tel .advice{display: flex; justify-content: flex-end; margin-top: 8px;} .foot-tel .advice a{display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; background: #dd0518; border-radius: 4px; color: #fff; text-align: center;} .foot-tel .advice a i{display: block; font-size: 20px; color: #fff; margin-right: 6px;} .foot-tel .advice a span{display: block; font-size: 14px; color: #fff;} .foot-copy{padding: 10px 0; line-height: 24px; font-size: 12px; color: #666; text-align: center; margin-top: 32px;} .foot-copy a{color: #666;} /*首页---广告图*/ .banner{position: relative;} .banner .swiper-slide img{display: block; width: 100%;} .bans-dots{width: 100%; display: flex; justify-content: center; text-align: center; position: absolute; left: 0; bottom: 14px; z-index: 10;} .bans-dots ul{display: flex; justify-content: center; position: relative;} .bans-dots ul:before{display: block; content: ""; width: 100%; height: 1px; background: rgba(255,255,255,.6); position: absolute; left: 0; top: 0;} .bans-dots li{width: 60px; padding-top: 6px; position: relative; font-size: 12px; color: #fff; text-align: center; cursor: pointer;} .bans-dots li:before{display: block; content: ""; width: 1px; height: 4px; background: rgba(255,255,255,.6); position: absolute; left: 0; top: -4px;} .bans-dots li:first-child:before{display: none;} .bans-dots li:after{display: block; content: ""; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: -1px;} .bans-dots li.active{font-weight: bold;} .bans-dots li.active:after{width: 100%;} /*首页*/ .intitle{font-family: "Microsoft Yahei Light"; font-size: 18px; color: #111; text-align: center; line-height: 1;} /*首页---服务项目*/ .inservice{padding: 30px 15px; background: #fff;} .inservice-title{font-family: "Microsoft Yahei Light"; font-size: 14px; text-align: center; position: relative; margin-top: 8px;} .inservice-title:after{display: block; content: ""; width: 50px; height: 2px; background: #dd0518; margin: 8px auto 0} .inservice-box{margin-top: 22px;} .inservice-box ul{border-top: 1px solid #ddd;} .inservice-box li a{display: block; border-bottom: 1px solid #ddd; text-align: center; padding: 20px 0 30px 0;} .inservice-box li .entitle{font-family: "Microsoft Yahei Light"; font-size: 24px; color: #ccc; line-height: 1; text-transform: uppercase;} .inservice-box li .title{font-family: "Microsoft Yahei Light"; font-size: 20px; font-weight: bold; color: #000; margin-top: 8px; transition: color .5s;} .inservice-box li .title:after{display: block; content: ""; width: 30px; height: 1px; background: #ccc; margin: 12px auto 0;} .inservice-box li .pic{margin-top: 14px;} .inservice-box li .pic img{height: 66px; transition: transform 1s;} .inservice-box li .desc{font-size: 14px; line-height: 24px; text-align: center; margin-top: 16px;} .inservice-box li .item:hover .title{color: #dd0518;} .inservice-box li .item:hover .pic img{transform: scale(1.05);} /*首页---案例*/ /* .incase{padding: 3px; background: #fff;} .incase li{margin-bottom: 3px; position: relative; overflow: hidden;} .incase li:last-child{margin-bottom: 0;} .incase li .pic{overflow: hidden;} .incase li .pic img{width: 100%; transition: transform 1s;} .incase li .mask{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(221,5,24,.8); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 2; transition: opacity .5s,visibility .5s;} .incase li .mask .text{width: 100%; padding: 0 10px; text-align: center;} .incase li .mask .text .title{font-family: "Microsoft Yahei Light"; font-size: 18px; color: #fff;} .incase li .mask .text .name{font-family: "Microsoft Yahei Light"; font-size: 14px; color: #fff; margin-top: 3px;} .incase li .mask .text .more{display: block; width: 110px; height: 30px; line-height: 30px; border: 1px solid #fff; margin: 16px auto 0; font-family: "Microsoft Yahei Light"; font-size: 12px; color: #fff; text-align: center;} .incase li .mask .text .more:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;} .incase li .clogo{position: absolute; left: 10px; top: 10px; z-index: 3;} .incase li .clogo img{max-width: 80px; max-height: 30px;} .incase li:hover .pic img{transform: scale(1.1);} .incase li:hover .mask{opacity: 1; visibility: visible;} */ /*首页---技术团队*/ /* .inteam{padding: 30px 0; background: #000;} .inteam li{text-align: center; padding-bottom: 22px;} .inteam li:last-child{padding-bottom: 14px;} .inteam li .num{font-size: 24px; font-weight: bold; color: #dd0518; line-height: 1;} .inteam li .num span{font-family: "Arial"; font-size: 70px; font-weight: bold;} .inteam li .title{font-family: "Microsoft Yahei Light"; font-size: 14px; color: #dd0518; margin-top: 2px;} .inteam li .title:after{display: block; content: ""; width: 40px; height: 1px; background: #dd0518; margin: 14px auto 0;} .inteam li:last-child .title:after{display: none;} */ /*首页---关于我们*/ .inabout{background: #dd0518;} .inabout .pic{position: relative; overflow: hidden;} .inabout .pic img{width: 100%;} .inabout .text{padding: 14px 18px 36px 18px;} .inabout .text .name{font-family: "Microsoft Yahei Light"; font-size: 16px; line-height: 1.6; color: #fff;} .inabout .text .title{font-family: "Microsoft Yahei Light"; font-size: 20px; line-height: 1.4; color: #fff;} .inabout .text .title:after{display: block; content: ""; width: 20px; height: 1px; background: rgba(255,254,254,.4); margin-top: 12px;} .inabout .text .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; line-height: 1.8; color: #fff; text-align: justify; margin-top: 16px;} .inabout .text .more{display: block; width: 130px; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; font-family: "Microsoft Yahei Light"; font-size: 13px; text-align: center; margin-top: 20px;} .inabout .text .more:hover{background: #c00; border-color: #c00; color: #fff!important;} /*首页---加入我们*/ .injoinus{background: #111;} .injoinus .pic a{font-size: 10px; color: #fff; text-align: center; position: absolute; right: 8px; top: 8px;} .injoinus .pic a i{font-size: 26px;} /*首页---新闻资讯*/ .innews{padding: 28px 12px;} .innews-tabtit{border-left: 2px solid #dd0518; padding-left: 10px; display: flex; justify-content: space-between; align-self: center;} .innews-tabtit ul{display: flex; flex-flow: wrap;} .innews-tabtit li{font-family: "Microsoft Yahei Light"; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #999; margin-right: 10px;} .innews-tabtit li.active{color: #333;} .innews-tabtit .more{font-size: 12ppx; color: #666;} .innews-tabtit .more a{color: #666;} .innews-tabcont{margin-top: 15px;} .innews-tabitem .dt a{display: block; padding: 12px 10px 16px 16px; background: #fff; border: 1px solid #ccc;} .innews-tabitem .dt .time{line-height: 24px; color: #dd0518; font-size: 14px; font-weight: bold; color: #dd0518; transition: color .5s;} .innews-tabitem .dt .time:after{display: block; content: ""; width: 16px; height: 1px; background: #ccc; margin-left: 4px; margin-top: 8px; transition: background .5s;} .innews-tabitem .dt h3{font-size: 16px; max-height: 52px; line-height: 26px; overflow: hidden; margin-top: 6px;} .innews-tabitem .dt .desc{font-size: 12px; height: 60px; line-height: 20px; color: #666; overflow: hidden; transition: color .5s; margin-top: 8px;} .innews-tabitem .dt a:hover{background: #dd0518; border-color: #dd0518; color: #fff!important;} .innews-tabitem .dt a:hover .time:after{background: #fff;} .innews-tabitem .dt a:hover .time,.innews-tabitem .dt a:hover .desc{color: #fff!important;} .innews-tabitem li a{display: block; height: 42px; line-height: 42px; border-bottom: 1px solid #ccc; padding: 0 2px; position: relative;} .innews-tabitem li .time{font-size: 12px; color: #999; position: absolute; right: 0; top: 0;} .innews-tabitem li h3{height: 41px; line-height: 41px; font-size: 14px; margin-right: 86px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*内页*/ .main-container{padding: 20px 14px 40px 14px; background: #fff;} .ny-banner{height: 120px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;} .ny-banner .text{width: 100%; text-align: center; font-family: "Microsoft Yahei Light"; color: #fff;} .ny-banner .text .title{font-size: 22px; line-height: 1.3;} .ny-banner .text .entitle{font-size: 12px; text-transform: uppercase; margin-top: 4px;} /*列表分页*/ .pageList{text-align: center; margin-top: 20px;} .pageList ul{display: flex; justify-content: center;} .pageList li{margin: 2px;} .pageList li a,.pageList li span{display: block; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #666;} .pageList li.active span,.pageList li a:hover{background: #dd0518; color: #fff!important; border-color: #dd0518;} /*新闻列表*/ .news-search{padding-right: 60px; height: 44px; background: #f7f7f7; border-radius: 4px; overflow: hidden; position: relative;} .news-search .input{display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 10px;} .news-search .btns{display: block; width: 64px; height: 44px; background: #dd0518; cursor: pointer; position: absolute; right: 0; top: 0;} .news-search .btns i{width: 64px; height: 44px; font-size: 20px; color: #fff;} .news-menu{margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee;} .news-menu ul{display: flex; flex-flow: wrap;} .news-menu li{width: 25%; padding-right: 1px; position: relative; margin-top: 8px;} .news-menu li:before{display: block; content: ""; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: 1px; top: 50%; margin-top: -5px;} .news-menu li a{display: block; width: 100%; height: 34px; line-height: 34px; font-size: 12px; color: #666; text-align: center; padding: 0 4px; border-radius: 6px; position: relative;} .news-menu li.active a,.news-menu li a:hover{background: #dd0518; color: #fff!important;} .list-news li{padding: 20px 0; border-bottom: 1px solid #eee; overflow: hidden;} .list-news li .t{display: flex; color: #000;} .list-news li .time{flex-shrink: 0; width: 64px; font-family: "Microsoft Yahei Light"; text-align: center;} .list-news li .time span{display: block; font-size: 36px; line-height: 1.1;} .list-news li .time em{display: block; font-size: 13px; margin-top: 4px;} .list-news li .text{margin-left: 14px; overflow: hidden;} .list-news li .title{font-size: 16px; height: 22px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-news li .desc{font-size: 12px; color: #666; max-height: 36px; line-height: 18px; overflow: hidden; display: -webkit-box !important; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 6px;} .list-news li .tags{margin: 8px -2px 0 76px; display: flex; flex-flow: wrap; position: relative; overflow: hidden;} .list-news li .tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;} .list-news li .tags a:hover{background-color: #dd0518; border-color: #dd0518; color: #fff!important;} /*新闻底部定制方案*/ .nylonform{background: #dd0518; font-family: "Microsoft Yahei Light"; color: #fff; text-align: center; padding: 36px 10px;} .nylonform .title{font-size: 20px; line-height: 1;} .nylonform .desc{font-size: 14px; margin-top: 5px;} .nylonform .btns{display: block; width: 168px; height: 36px; line-height: 36px; background: #fff; border-radius: 6px; margin: 14px auto 0; font-size: 12px; font-weight: bold; color: #000; text-align: center;} /*新闻详情*/ .article-title{font-size: 18px; color: #000; line-height: 30px; text-align: center;} .article-info{display: flex; justify-content: center; align-items: center; margin-top: 4px; font-size: 12px; color: #c7c7c7;} .article-info span{display: flex; justify-content: center; align-items: center; margin: 0 10px;} .article-info span i{margin-right: 4px;} .article-tags{display: flex; flex-flow: wrap; margin: 10px -2px -2px -2px;} .article-tags a{display: block; margin: 2px; height: 24px; line-height: 22px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px; color: #999;} .article-tags a:hover{background-color: #dd0518; border-color: #dd0518; color: #fff!important;} .article-body{font-size: 14px; line-height: 2; color: #555; padding-bottom: 20px; overflow: hidden; margin-top: 20px;} .article-body img{width: auto !important; height: auto !important;} .artcile-menu li{margin-bottom: 8px;} .artcile-menu li:last-child{margin-bottom: 0;} .artcile-menu li a{display: block; height: 40px; line-height: 40px; background: #f7f7f7; padding: 0 12px; overflow: hidden;} /*关于我们*/ .about-title{font-family: "Microsoft Yahei Light"; font-size: 18px; text-align: center;} .about-team{background: url(../images/about-teambg.jpg) no-repeat center #111; background-attachment: fixed; margin-top: 80px;} .about-team .bg{background: #111; filter: alpha(opacity=40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;} /*关于我们---发展历程*/ .history{padding: 26px 18px; background: #fff;} .history-title{font-size: 13px; text-align: center;} .history-box{position: relative; margin-top: 16px; padding-bottom: 10px;} .history-box:after{display: block; content: ""; width: 13px; height: 33px; background: url(../images/abthis-next.png) no-repeat; background-size: 100% 100%; position: absolute; left: 88px; bottom: 0; animation: bounce-down 1.1s linear infinite;} @keyframes bounce-down{25%{transform: translateY(6px);}50%,100%{transform: translateY(0);}75%{transform: translateY(-6px);}} .history-box ul{position: relative;} .history-box ul:before{display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; left: 94px; top: 0;} .history-box ul:after{display: block; content: ""; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 88px; top: 0;} .history-box li{display: flex; margin-bottom: 14px;} .history-box li .pic{flex-shrink: 0; width: 80px; height: 80px; float: left; border-radius: 50%; overflow: hidden;} .history-box li .pic img{width: 80px; height: 80px;} .history-box li .text{padding: 8px 0 8px 30px; position: relative;} .history-box li .text:before{display: none; content: ""; width: 13px; height: 13px; background: #fff; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 8px; top: -2px;} .history-box li .text:after{display: block; content: ""; width: 6px; height: 6px; background: #ddd; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 12px; top: 0px; transition: background .5s;} .history-box li .text .time{font-family: "Arial"; font-size: 20px; font-weight: bold; position: relative; line-height: 30px; transition: color .5s;} .history-box li .text .desc{font-size: 12px; line-height: 1.6;} .history-box li:hover .text .time{color: #dd0518;} .history-box li:hover .text:after{background: #dd0518;} /*关于我们---米可文化*/ .abtteam{background: #fff;} .abtteam .bigpic{position: relative;} .abtteam .bigpic img{width: 100%;} .abtteam .bigpic .mask{display: block; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;} .abtteam .bigpic:hover .mask{opacity: 1; visibility: visible;} .abtteam .text{padding: 14px 24px 0 24px;} .abtteam .text .name{font-family: "Microsoft Yahei Light"; font-size: 16px; line-height: 1.6;} .abtteam .text .title{font-family: "Microsoft Yahei Light"; font-size: 20px; line-height: 1.4;} .abtteam .text .title:after{display: block; content: ""; width: 20px; height: 1px; background: #e83f39; margin-top: 12px;} .abtteam .text .desc{font-family: "Microsoft Yahei Light"; font-size: 14px; line-height: 1.9; margin-top: 14px; text-align: justify;} .abtteam ol,.abtteam ul{display: flex; flex-flow: wrap; padding: 0 4px;} .abtteam li{position: relative; margin-bottom: 4px;} .abtteam li img{width: 100%;} .abtteam li .mask{display: block; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 0; transition: opacity .6s,visibility .6s;} .abtteam li:hover .mask{opacity: 1; visibility: visible;} .abtteam ol{align-items: flex-end;} .abtteam ol li:nth-child(1){width: calc(44% - 4px); margin-right: 4px;} .abtteam ol li:nth-child(2){width: 56%;} .abtteam ul li{width: calc(50% - 2px); margin-right: 4px;} .abtteam ul li:nth-child(2n){margin-right: 0;} /*联系我们*/ .contact-map{height: 60vh; position: relative;} .contact-map .iframe{width: 100%; height: 100%;} .contact-map img{max-width: none;} .contact .text{background: #dd0518; padding: 22px 14px 30px 26px; font-family: "Microsoft Yahei Light"; color: #fff;} .contact .text .tit1{font-size: 22px; line-height: 1.4;} .contact .text .tit2{font-size: 40px; font-weight: bold; margin-top: 2px;} .contact .text ul{margin-top: 6px;} .contact .text li{min-height: 22px; line-height: 22px; position: relative; padding-left: 30px; font-size: 12px; margin-bottom: 6px;} .contact .text li .iconfont{width: 22px; height: 22px; background: #fff; border-radius: 50%; font-size: 14px; color: #dd0518; position: absolute; left: 0; top: 0;} .contact .text .more{display: block; width: 130px; height: 40px; line-height: 40px; background: #fff; font-size: 14px; color: #dd0518; text-align: center; margin-top: 20px;} .contact-text .more:hover{transform: translateX(10px); color: #dd0518!important;} /*加入我们*/ .joinus{background: #f7f7f7;} .list-joinus li{padding: 16px 12px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.05); margin-bottom: 15px;} .list-joinus li:last-child{margin-bottom: 0;} .list-joinus li .title{font-size: 16px; margin-bottom: 4px;} .list-joinus li .info{font-size: 12px; color: #666;} .list-joinus li .info span{margin-right: 8px; color: #a3afb7;} .list-joinus li .info em{color: #999;} .list-joinus li .info em i{color: #666;} .list-joinus li .editor{padding: 12px 10px; font-size: 14px; line-height: 2; border-top: 1px solid #e4eaec; border-bottom: 1px solid #e4eaec; margin-top: 12px;} .list-joinus li .more{display: block; width: 80px; height: 32px; line-height: 30px; border: 1px solid #dd0518; font-size: 12px; color: #dd0518; text-align: center; margin-top: 12px;} .list-joinus li .more:hover,.list-joinus li .more:focus{background: #dd0518; border-color: #dd0518; color: #fff!important; touch-action: manipulation;} /*加入我们---在线应聘*/ .layui-layer-joinus{max-width: 770px!important; max-height: 90vh!important; width: 90%!important; box-shadow: 0 2px 12px rgba(0,0,0,.2)!important; overflow: hidden!important; border-radius: 0!important;} .layui-layer-joinus .layui-layer-title{height: 50px; line-height: 50px; background: #dd0518; font-size: 16px; color: #fff; padding: 0 14px; border-bottom: 0;} .layui-layer-joinus .layui-layer-setwin{right: 10px; top: 15px;} .layui-layer-joinus .layui-layer-setwin a{width: 20px; height: 20px; margin-left: 0; background: none; display: flex; align-items: center; justify-content: center; font: 17px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff;} .layui-layer-joinus .layui-layer-setwin a:before{content: "\e664";} .layui-layer-joinus .layui-layer-content{max-height: calc(90vh - 50px);} .joinus-form{padding: 15px;} .joinus-form .item{margin-bottom: 10px;} .joinus-form .item:last-child{margin-bottom: 0; display: flex;} .joinus-form .item .input{display: block; width: 100%; line-height: 24px; padding: 6px 12px; border: 1px solid #e4eaec; border-radius: 2px; color: #76838f; transition: border .25s linear;} .joinus-form .item .input:focus{border-color: #dd0518;} .joinus-form .item .input::-webkit-input-placeholder{color: #a3afb7;} .joinus-form .item .input::-moz-placeholder{color: #a3afb7;} .joinus-form .item .input:-ms-input-placeholder{color: #a3afb7;} .joinus-form .item .btns{display: block; height: 36px; line-height: 36px; background: #e4eaec; color: #76838f; padding: 0 12px; margin-right: 4px; cursor: pointer; transition: background-color .2s linear;} .joinus-form .item .btns-primary{background: #dd0518; color: #fff;} .joinus-form .item .btns-default:hover{background: #f3f7f9;} /*内页菜单*/ .dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;} .dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;} .dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;} .dropmenu .label .iconfont:before{content: "\e60e";} .dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;} .dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;} .dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;} .dropmenu ul li.active a {background: #000; color: #fff;} .dropmenu.open .label .iconfont{transform: rotate(180deg);} /*新闻---列表式*/ .news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;} .news_item:first-child{padding-top: 10px;} .news_item:last-child{border-width: 0;} /* .news_pic{margin-bottom: 10px; overflow: hidden; max-height: 140px;} */ .news_pic{margin-bottom: 10px; overflow: hidden; } .news_pic img{display: block; width: 100%;} .news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;} .news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;} .news_date .md{color: #8a8a8a;} .news_date .year{color: #bdbdbd; margin-left: 10px;} .news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;} /*产品列表*/ .productlistd ul li {width:50%;float: left;} .productlistd .item {padding:10px;} .productlistd ul li h3 {text-align: center;} .product_details_body img {width: 100%;} .inteam li .num span { font-family: "Arial"; font-size: 70px; font-weight: bold; color: #dd0518; } .inteam li .title { font-family: "Microsoft Yahei Light"; font-size: 14px; color: #dd0518; margin-top: 2px; color: #dd0518; } .inteam li .title:after { display: block; content: ""; width: 40px; height: 1px; background: #dd0518; margin: 14px auto 0; }