/* 首页模块命名规范：rat-index-模块英文名称，如：rat-index-about 内页页面外层容器命名规范： 1、通用样式：rat-page，内页外层容器通用样式，使用方法
2、页面样式：rat-page-模块英文名称，如：rat-page-about（关于我们页面） 3、内页模块命名规范：rat-模块英文名称，如：rat-product（产品）、rat-honor（荣誉） 其他命名规范： 1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如rat-product-container 2、使用英文名称为样式命名，不要出现拼音和首字母 3、模块最外层容器命名规范：rat-自定义名称 4、样式命名中单词由符号“-”来连接，如：rat-culture,rat-hot-product 备注：上面所说的模块是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。 */ @charset "utf-8"; @font-face {font-family: "Poppins";font-weight: 100;src: url("../fonts/PoppinsThin.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 200;src: url("../fonts/PoppinsExtralight.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 300;src: url("../fonts/PoppinsLight.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: normal;src: url("../fonts/PoppinsRegular.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 500;src: url("../fonts/PoppinsMedium.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 600;src: url("../fonts/PoppinsSemibold.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: bold;src: url("../fonts/PoppinsBold.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 800;src: url("../fonts/PoppinsExtrabold.otf") format("opentype");} @font-face {font-family: "Poppins";font-weight: 900;src: url("../fonts/PoppinsBlack.otf") format("opentype");} @font-face {font-family: "AlibabaSansb";font-weight: 500;src: url("../fonts/AlibabaSans-Bold.otf") format("opentype");} @font-face {font-family: "AlibabaSans";font-weight: 600;src: url("../fonts/AlibabaSans-Regular.otf") format("opentype");} /* 常用图标共用图 */ @font-face {font-family: "iconfont";src: url('../fonts/iconfont.woff2?t=1749193767741') format('woff2'),url('../fonts/iconfont.woff?t=1749193767741') format('woff'),url('../fonts/iconfont.ttf?t=1749193767741') format('truetype');} .iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-tuihuo:before {content: "\e651";} .icon-weixinpay01:before {content: "\e662";} .icon-gouwu01:before {content: "\e612";} .icon-gouwuche:before {content: "\e69c";} .icon-sheji01:before {content: "\e6a0";} .icon-zhuang01:before {content: "\e631";} .icon-news01:before {content: "\e772";} .icon-jd01:before {content: "\e652";} .icon-shang01:before {content: "\e621";} .icon-shang02:before {content: "\e851";} .icon-shang03:before {content: "\e679";} .icon-shang04:before {content: "\e6a8";} .icon-shang05:before {content: "\e681";} .icon-shang06:before {content: "\e686";} .icon-xia01:before {content: "\e632";} .icon-xia02:before {content: "\e67a";} .icon-xia03:before {content: "\e6c8";} .icon-xia04:before {content: "\e6a1";} .icon-xia05:before {content: "\e683";} .icon-xia06:before {content: "\e687";} .icon-zuo01:before {content: "\e689";} .icon-zuo02:before {content: "\e714";} .icon-zuo03:before {content: "\e64d";} .icon-zuo04:before {content: "\e6d4";} .icon-zuo05:before {content: "\e708";} .icon-zuo06:before {content: "\e64b";} .icon-zuo07:before {content: "\e63c";} .icon-you01:before {content: "\e63a";} .icon-you02:before {content: "\e6c7";} .icon-you03:before {content: "\e6c5";} .icon-you04:before {content: "\e605";} .icon-you05:before {content: "\e688";} .icon-you06:before {content: "\e690";} .icon-baocun01:before {content: "\e677";} .icon-baocun02:before {content: "\e702";} .icon-baocun03:before {content: "\e65c";} .icon-hongwuxing01:before {content: "\e707";} .icon-hongwuxing02:before {content: "\e78f";} .icon-hongwuxing03:before {content: "\e66f";} .icon-liulanqi01:before {content: "\e721";} .icon-liulanqi02:before {content: "\e71e";} .icon-liulanqi03:before {content: "\e947";} .icon-liulanqi04:before {content: "\e946";} .icon-liulanqi05:before {content: "\e638";} .icon-liulanqi06:before {content: "\e620";} .icon-liulanqi07:before {content: "\e67f";} .icon-liulanqi08:before {content: "\e684";} .icon-linkman01:before {content: "\e653";} .icon-linkman02:before {content: "\e656";} .icon-linkman03:before {content: "\e661";} .icon-linkman04:before {content: "\e614";} .icon-linkman05:before {content: "\e62b";} .icon-linkman06:before {content: "\e64e";} .icon-linkman07:before {content: "\ea3f";} .icon-linkman08:before {content: "\e6bb";} .icon-linkman09:before {content: "\e68e";} .icon-company01:before {content: "\ec19";} .icon-company02:before {content: "\e6bd";} .icon-company03:before {content: "\e6b8";} .icon-company04:before {content: "\e975";} .icon-video01:before {content: "\eb29";} .icon-video02:before {content: "\ea3e";} .icon-video03:before {content: "\ea44";} .icon-7tian01:before {content: "\e691";} .icon-7tian02:before {content: "\e6d5";} .icon-7tian03:before {content: "\e619";} .icon-7tian04:before {content: "\e68b";} .icon-15tian01:before {content: "\e678";} .icon-15tian02:before {content: "\e6a9";} .icon-15tian03:before {content: "\e6bf";} .icon-15tian04:before {content: "\ea55";} .icon-hot01:before {content: "\e61a";} .icon-hot02:before {content: "\e625";} .icon-hot03:before {content: "\e626";} .icon-hot04:before {content: "\e657";} .icon-hot05:before {content: "\e6c1";} .icon-hot06:before {content: "\e6ea";} .icon-hot07:before {content: "\e66d";} .icon-hot08:before {content: "\e665";} .icon-facebook01:before {content: "\e87e";} .icon-facebook02:before {content: "\e88d";} .icon-facebook03:before {content: "\e644";} .icon-facebook04:before {content: "\e60c";} .icon-facebook05:before {content: "\e608";} .icon-facebook06:before {content: "\e617";} .icon-linkedin01:before {content: "\e87d";} .icon-linkedin02:before {content: "\e763";} .icon-linkedin03:before {content: "\e666";} .icon-linkedin04:before {content: "\e7ea";} .icon-linkedin05:before {content: "\e8cb";} .icon-instagram:before {content: "\e672";} .icon-xiaohongshu01:before {content: "\e6ad";} .icon-xiaohongshu02:before {content: "\e65a";} .icon-xiaohongshu03:before {content: "\e65b";} .icon-xiaochengxu01:before {content: "\e61c";} .icon-xiaochengxu02:before {content: "\e673";} .icon-xiaochengxu03:before {content: "\e6ba";} .icon-google01:before {content: "\e87a";} .icon-google02:before {content: "\e886";} .icon-google03:before {content: "\e88e";} .icon-google04:before {content: "\e88f";} .icon-google05:before {content: "\e68a";} .icon-alipay01:before {content: "\e655";} .icon-alipay02:before {content: "\e654";} .icon-alipay03:before {content: "\e603";} .icon-alipay04:before {content: "\e68d";} .icon-github02:before {content: "\e628";} .icon-github03:before {content: "\e80c";} .icon-github04:before {content: "\e68f";} .icon-youtube01:before {content: "\e880";} .icon-youtube02:before {content: "\e883";} .icon-youtube03:before {content: "\e853";} .icon-youtube04:before {content: "\ece8";} .icon-pdf01:before {content: "\e69a";} .icon-pdf02:before {content: "\e6eb";} .icon-pdf03:before {content: "\e6ae";} .icon-pdf04:before {content: "\eacd";} .icon-pdf05:before {content: "\e740";} .icon-tmall01:before {content: "\e68c";} .icon-tmall02:before {content: "\e6b3";} .icon-tmall03:before {content: "\e6b0";} .icon-tmall04:before {content: "\e6b7";} .icon-tmall05:before {content: "\e67d";} .icon-tmall06:before {content: "\e633";} .icon-tmall07:before {content: "\e6d2";} .icon-maps01:before {content: "\e637";} .icon-maps02:before {content: "\e624";} .icon-maps03:before {content: "\e62e";} .icon-maps04:before {content: "\e669";} .icon-maps05:before {content: "\e62f";} .icon-maps06:before {content: "\e814";} .icon-honor01:before {content: "\e69b";} .icon-honor02:before {content: "\e69d";} .icon-honor03:before {content: "\e692";} .icon-honor04:before {content: "\e61b";} .icon-honor05:before {content: "\e647";} .icon-honor06:before {content: "\e6b9";} .icon-gift01:before {content: "\e639";} .icon-gift02:before {content: "\e7b6";} .icon-excel01:before {content: "\e667";} .icon-excel02:before {content: "\e7b7";} .icon-excel03:before {content: "\e857";} .icon-excel04:before {content: "\edde";} .icon-excel05:before {content: "\ea45";} .icon-kefu01:before {content: "\e615";} .icon-kefu02:before {content: "\e63f";} .icon-kefu03:before {content: "\e6a3";} .icon-double-zuo:before {content: "\e645";} .icon-double-you:before {content: "\e646";} .icon-double-shang:before {content: "\e6a5";} .icon-double-xia:before {content: "\e6a6";} .icon-skype01:before {content: "\e87f";} .icon-skype02:before {content: "\e882";} .icon-skype03:before {content: "\e7c9";} .icon-skype04:before {content: "\e67c";} .icon-skype05:before {content: "\e826";} .icon-links01:before {content: "\e63d";} .icon-links02:before {content: "\e6be";} .icon-whatsapp01:before {content: "\e8ea";} .icon-whatsapp02:before {content: "\e98b";} .icon-whatsapp03:before {content: "\e7ae";} .icon-whatsapp04:before {content: "\ec2d";} .icon-shoping01:before {content: "\e668";} .icon-shoping02:before {content: "\e601";} .icon-shoping03:before {content: "\e604";} .icon-shoping04:before {content: "\e6c0";} .icon-gongwenbao01:before {content: "\e6b5";} .icon-gongwenbao02:before {content: "\e6c6";} .icon-email01:before {content: "\e63e";} .icon-email02:before {content: "\e908";} .icon-email03:before {content: "\e6af";} .icon-email04:before {content: "\e658";} .icon-email06:before {content: "\e6d1";} .icon-email07:before {content: "\e623";} .icon-email08:before {content: "\e60e";} .icon-email09:before {content: "\e636";} .icon-email10:before {content: "\e6c4";} .icon-email11:before {content: "\e6ff";} .icon-ppt01:before {content: "\e641";} .icon-ppt02:before {content: "\e64f";} .icon-ppt03:before {content: "\e650";} .icon-ppt05:before {content: "\e6c2";} .icon-ppt04:before {content: "\e6a7";} .icon-new01:before {content: "\e846";} .icon-new02:before {content: "\e847";} .icon-new03:before {content: "\e66c";} .icon-new04:before {content: "\e629";} .icon-toutiao01:before {content: "\e622";} .icon-toutiao02:before {content: "\e6cb";} .icon-toutiao03:before {content: "\e6ce";} .icon-qr-code01:before {content: "\e8e0";} .icon-qr-code02:before {content: "\e671";} .icon-qr-code03:before {content: "\e680";} .icon-qr-code04:before {content: "\e642";} .icon-douyin01:before {content: "\e8db";} .icon-douyin02:before {content: "\e6bc";} .icon-douyin03:before {content: "\e6cc";} .icon-douyin04:before {content: "\e6d0";} .icon-mouse01:before {content: "\e6a4";} .icon-mouse02:before {content: "\e62a";} .icon-twitter01:before {content: "\e65d";} .icon-twitter02:before {content: "\e736";} .icon-website01:before {content: "\e64a";} .icon-website02:before {content: "\e61f";} .icon-website03:before {content: "\e649";} .icon-website04:before {content: "\e9ee";} .icon-website05:before {content: "\e6ab";} .icon-website06:before {content: "\e722";} .icon-website07:before {content: "\e635";} .icon-qq01:before {content: "\e606";} .icon-qq02:before {content: "\e64c";} .icon-qq03:before {content: "\e630";} .icon-qq04:before {content: "\e6b4";} .icon-weibo01:before {content: "\e602";} .icon-weibo02:before {content: "\e6b2";} .icon-zhihu01:before {content: "\e659";} .icon-zhihu02:before {content: "\e6c9";} .icon-zhihu03:before {content: "\e618";} .icon-close01:before {content: "\e616";} .icon-close02:before {content: "\e60b";} .icon-taobao01:before {content: "\e65f";} .icon-taobao02:before {content: "\e755";} .icon-taobao03:before {content: "\e786";} .icon-taobao04:before {content: "\e609";} .icon-weixin01:before {content: "\e682";} .icon-weixin02:before {content: "\e607";} .icon-weixin03:before {content: "\e694";} .icon-wordpress01:before {content: "\e8ca";} .icon-wordpress02:before {content: "\e870";} .icon-wordpress03:before {content: "\e73c";} .icon-appale01:before {content: "\e6cd";} .icon-appale02:before {content: "\e704";} .icon-appale03:before {content: "\e60d";} .icon-word01:before {content: "\e858";} .icon-word03:before {content: "\e911";} .icon-word04:before {content: "\e912";} .icon-word05:before {content: "\e627";} .icon-download01:before {content: "\e648";} .icon-download02:before {content: "\e675";} .icon-download03:before {content: "\e67e";} .icon-download04:before {content: "\e60f";} .icon-search01:before {content: "\e600";} .icon-search02:before {content: "\e62c";} .icon-maney01:before {content: "\e66b";} .icon-maney02:before {content: "\e6b6";} .icon-maney03:before {content: "\e6ca";} .icon-maney04:before {content: "\e640";} .icon-maney05:before {content: "\e79f";} .icon-maney06:before {content: "\e611";} .icon-tel01:before {content: "\e818";} .icon-tel02:before {content: "\e7ec";} .icon-tel03:before {content: "\e693";} .icon-tel04:before {content: "\e6df";} .icon-tel05:before {content: "\e6a2";} .icon-tel06:before {content: "\e65e";} .icon-tel07:before {content: "\e66e";} .icon-tel08:before {content: "\e67b";} .icon-fax01:before {content: "\e6c3";} .icon-fax02:before {content: "\e932";} .icon-fax03:before {content: "\e7af";} .icon-fax04:before {content: "\e6b1";} .icon-search01:before {content: "\e62c";} .icon-nav01:before {content: "\e696";} .icon-nav02:before {content: "\e61e";} .icon-nav03:before {content: "\e634";} /* Bootstrap 个性鼠定制修改版 */ *,*::before,*::after {box-sizing: border-box;} @media (prefers-reduced-motion: no-preference) { :root {scroll-behavior: smooth;} } body {margin: 0;font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} hr {margin: 1rem 0;color: inherit;border: 0;border-top: 1px solid;opacity: 0.25;} h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {margin-top: 0;margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;} h1, .h1 {font-size: calc(1.375rem + 1.5vw);} @media (min-width: 1200px) { h1, .h1 {font-size: 2.5rem;} } h2, .h2 {font-size: calc(1.325rem + 0.9vw);} @media (min-width: 1200px) { h2, .h2 { font-size: 2rem;} } h3, .h3 {font-size: calc(1.3rem + 0.6vw);} @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem;} } h4, .h4 {font-size: calc(1.275rem + 0.3vw);} @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem;} } h5, .h5 {font-size: 1.25rem;} h6, .h6 {font-size: 1rem;} p {margin-top: 0;margin-bottom: 1rem;} .container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {--bs-gutter-y: 0;width: 100%;padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);margin-right: auto;margin-left: auto;} @media (min-width: 576px) { .container-sm, .container {max-width: 540px;} } @media (min-width: 768px) { .container-md, .container-sm, .container {max-width: 720px;} } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container {max-width: 960px;} } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1140px;} } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1320px;} } @media (min-width: 1600px) { .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1500px;} } .row {display: flex;flex-wrap: wrap;margin-top: calc(-1 * 0px);margin-right: calc(-0.5 * 1.5rem);margin-left: calc(-0.5 * 1.5rem);} .row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(1.5rem * 0.5);padding-left: calc(1.5rem * 0.5);margin-top: 0px;} .col {flex: 1 0 0%;} .row-cols-auto > * {flex: 0 0 auto;width: auto;} .row-cols-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-auto {flex: 0 0 auto;width: auto;} .col-1 {flex: 0 0 auto;width: 8.33333333%;} .col-2 {flex: 0 0 auto;width: 16.66666667%;} .col-3 {flex: 0 0 auto;width: 25%;} .col-4 {flex: 0 0 auto;width: 33.33333333%;} .col-5 {flex: 0 0 auto;width: 41.66666667%;} .col-6 {flex: 0 0 auto;width: 50%;} .col-7 {flex: 0 0 auto;width: 58.33333333%;} .col-8 {flex: 0 0 auto;width: 66.66666667%;} .col-9 {flex: 0 0 auto;width: 75%;} .col-10 {flex: 0 0 auto;width: 83.33333333%;} .col-11 {flex: 0 0 auto;width: 91.66666667%;} .col-12 {flex: 0 0 auto;width: 100%;} @media (min-width: 576px) { .col-sm {flex: 1 0 0%;} .row-cols-sm-auto > * {flex: 0 0 auto;width: auto;} .row-cols-sm-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-sm-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-sm-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-sm-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-sm-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-sm-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-sm-auto {flex: 0 0 auto;width: auto;} .col-sm-1 {flex: 0 0 auto;width: 8.33333333%;} .col-sm-2 {flex: 0 0 auto;width: 16.66666667%;} .col-sm-3 {flex: 0 0 auto;width: 25%;} .col-sm-4 {flex: 0 0 auto;width: 33.33333333%;} .col-sm-5 {flex: 0 0 auto;width: 41.66666667%;} .col-sm-6 {flex: 0 0 auto;width: 50%;} .col-sm-7 {flex: 0 0 auto;width: 58.33333333%;} .col-sm-8 {flex: 0 0 auto;width: 66.66666667%;} .col-sm-9 {flex: 0 0 auto;width: 75%;} .col-sm-10 {flex: 0 0 auto;width: 83.33333333%;} .col-sm-11 {flex: 0 0 auto;width: 91.66666667%;} .col-sm-12 {flex: 0 0 auto;width: 100%;} } @media (min-width: 768px) { .col-md {flex: 1 0 0%;} .row-cols-md-auto > * {flex: 0 0 auto;width: auto;} .row-cols-md-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-md-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-md-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-md-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-md-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-md-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-md-auto {flex: 0 0 auto;width: auto;} .col-md-1 {flex: 0 0 auto;width: 8.33333333%;} .col-md-2 {flex: 0 0 auto;width: 16.66666667%;} .col-md-3 {flex: 0 0 auto;width: 25%;} .col-md-4 {flex: 0 0 auto;width: 33.33333333%;} .col-md-5 {flex: 0 0 auto;width: 41.66666667%;} .col-md-6 {flex: 0 0 auto;width: 50%;} .col-md-7 {flex: 0 0 auto;width: 58.33333333%;} .col-md-8 {flex: 0 0 auto;width: 66.66666667%;} .col-md-9 {flex: 0 0 auto;width: 75%;} .col-md-10 {flex: 0 0 auto;width: 83.33333333%;} .col-md-11 {flex: 0 0 auto;width: 91.66666667%;} .col-md-12 {flex: 0 0 auto;width: 100%;} } @media (min-width: 992px) { .col-lg {flex: 1 0 0%;} .row-cols-lg-auto > * {flex: 0 0 auto;width: auto;} .row-cols-lg-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-lg-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-lg-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-lg-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-lg-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-lg-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-lg-auto {flex: 0 0 auto;width: auto;} .col-lg-1 {flex: 0 0 auto;width: 8.33333333%;} .col-lg-2 {flex: 0 0 auto;width: 16.66666667%;} .col-lg-3 {flex: 0 0 auto;width: 25%;} .col-lg-4 {flex: 0 0 auto;width: 33.33333333%;} .col-lg-5 {flex: 0 0 auto;width: 41.66666667%;} .col-lg-6 {flex: 0 0 auto;width: 50%;} .col-lg-7 {flex: 0 0 auto;width: 58.33333333%;} .col-lg-8 {flex: 0 0 auto;width: 66.66666667%;} .col-lg-9 {flex: 0 0 auto;width: 75%;} .col-lg-10 {flex: 0 0 auto;width: 83.33333333%;} .col-lg-11 {flex: 0 0 auto;width: 91.66666667%;} .col-lg-12 {flex: 0 0 auto;width: 100%;} } @media (min-width: 1200px) { .col-xl {flex: 1 0 0%;} .row-cols-xl-auto > * {flex: 0 0 auto;width: auto;} .row-cols-xl-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-xl-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-xl-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-xl-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-xl-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-xl-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-xl-auto {flex: 0 0 auto;width: auto;} .col-xl-1 {flex: 0 0 auto;width: 8.33333333%;} .col-xl-2 {flex: 0 0 auto;width: 16.66666667%;} .col-xl-3 {flex: 0 0 auto;width: 25%;} .col-xl-4 {flex: 0 0 auto;width: 33.33333333%;} .col-xl-5 {flex: 0 0 auto;width: 41.66666667%;} .col-xl-6 {flex: 0 0 auto;width: 50%;} .col-xl-7 {flex: 0 0 auto;width: 58.33333333%;} .col-xl-8 {flex: 0 0 auto;width: 66.66666667%;} .col-xl-9 {flex: 0 0 auto;width: 75%;} .col-xl-10 {flex: 0 0 auto;width: 83.33333333%;} .col-xl-11 {flex: 0 0 auto;width: 91.66666667%;} .col-xl-12 {flex: 0 0 auto;width: 100%;} } @media (min-width: 1400px) { .col-xxl {flex: 1 0 0%;} .row-cols-xxl-auto > * {flex: 0 0 auto;width: auto;} .row-cols-xxl-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-xxl-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-xxl-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-xxl-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-xxl-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-xxl-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-xxl-auto {flex: 0 0 auto;width: auto;} .col-xxl-1 {flex: 0 0 auto;width: 8.33333333%;} .col-xxl-2 {flex: 0 0 auto;width: 16.66666667%;} .col-xxl-3 {flex: 0 0 auto;width: 25%;} .col-xxl-4 {flex: 0 0 auto;width: 33.33333333%;} .col-xxl-5 {flex: 0 0 auto;width: 41.66666667%;} .col-xxl-6 {flex: 0 0 auto;width: 50%;} .col-xxl-7 {flex: 0 0 auto;width: 58.33333333%;} .col-xxl-8 {flex: 0 0 auto;width: 66.66666667%;} .col-xxl-9 {flex: 0 0 auto;width: 75%;} .col-xxl-10 {flex: 0 0 auto;width: 83.33333333%;} .col-xxl-11 {flex: 0 0 auto;width: 91.66666667%;} .col-xxl-12 {flex: 0 0 auto;width: 100%;} } @media (min-width: 1600px) { .col-xxxl {flex: 1 0 0%;} .row-cols-xxxl-auto > * {flex: 0 0 auto;width: auto;} .row-cols-xxxl-1 > * {flex: 0 0 auto;width: 100%;} .row-cols-xxxl-2 > * {flex: 0 0 auto;width: 50%;} .row-cols-xxxl-3 > * {flex: 0 0 auto;width: 33.3333333333%;} .row-cols-xxxl-4 > * {flex: 0 0 auto;width: 25%;} .row-cols-xxxl-5 > * {flex: 0 0 auto;width: 20%;} .row-cols-xxxl-6 > * {flex: 0 0 auto;width: 16.6666666667%;} .col-xxxl-auto {flex: 0 0 auto;width: auto;} .col-xxxl-1 {flex: 0 0 auto;width: 8.33333333%;} .col-xxxl-2 {flex: 0 0 auto;width: 16.66666667%;} .col-xxxl-3 {flex: 0 0 auto;width: 25%;} .col-xxxl-4 {flex: 0 0 auto;width: 33.33333333%;} .col-xxxl-5 {flex: 0 0 auto;width: 41.66666667%;} .col-xxxl-6 {flex: 0 0 auto;width: 50%;} .col-xxxl-7 {flex: 0 0 auto;width: 58.33333333%;} .col-xxxl-8 {flex: 0 0 auto;width: 66.66666667%;} .col-xxxl-9 {flex: 0 0 auto;width: 75%;} .col-xxxl-10 {flex: 0 0 auto;width: 83.33333333%;} .col-xxxl-11 {flex: 0 0 auto;width: 91.66666667%;} .col-xxxl-12 {flex: 0 0 auto;width: 100%;} } .text-start {text-align: left !important;} .text-end {text-align: right !important;} .text-center {text-align: center !important;} .justify-content-start {justify-content: flex-start !important;} .justify-content-end {justify-content: flex-end !important;} .justify-content-center {justify-content: center !important;} .pagination {display: flex;padding-left: 0;list-style: none;} .page-link {position: relative;display: block;padding: 0.375rem 0.75rem;font-size: 1rem;color: #0d6efd;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .page-link {transition: none;} } .page-link:hover {z-index: 2;color: #9ec5fe;background-color: #2b3035;border-color: #dee2e6;} .page-link:focus {z-index: 3;color: #0a58ca;background-color: #e9ecef;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} .page-link.active, .active > .page-link {z-index: 3;color: #fff;background-color: #0d6efd;border-color: #0d6efd;} .page-link.disabled, .disabled > .page-link {color: rgba(33, 37, 41, 0.75);pointer-events: none;background-color: #e9ecef;border-color: #dee2e6;} .page-item:not(:first-child) .page-link {margin-left: -1px;} .page-item:first-child .page-link {border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem;} .page-item:last-child .page-link {border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;} .float-start {float: left !important;} .float-end {float: right !important;} .float-none {float: none !important;} @media (min-width: 576px) { .float-sm-start {float: left !important;} .float-sm-end {float: right !important;} .float-sm-none {float: none !important;} } @media (min-width: 768px) { .float-md-start {float: left !important;} .float-md-end {float: right !important;} .float-md-none {float: none !important;} } @media (min-width: 992px) { .float-lg-start {float: left !important;} .float-lg-end {float: right !important;} .float-lg-none {float: none !important;} } @media (min-width: 1200px) { .float-xl-start {float: left !important;} .float-xl-end {float: right !important;} .float-xl-none {float: none !important;} } @media (min-width: 1400px) { .float-xxl-start {float: left !important;} .float-xxl-end {float: right !important;} .float-xxl-none {float: none !important;} } /* 网站共用开发 */ html{overflow-x: hidden;font-size: 16px;} html.active{overflow: hidden;} body {min-width: 320px;color: #1f1f1f;overflow: hidden;font-family: "AlibabaSans", "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;} *{word-break:normal !important} li {list-style: none;} i {font-style: normal;} a {text-decoration: none;} a:focus{text-decoration: none;outline: none;color:#1f1f1f;} a:hover { text-decoration: none;outline: none;} p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;} img {border: 0; vertical-align: middle;} .pc {display: inline-block !important;} .mobile {display: none !important;} @media (max-width: 991px) { .pc {display: none !important;} .mobile {display: inline-flex !important;} } /* animates */ @-webkit-keyframes fadeUp { from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes fadeUp { from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;} @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } .fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeDown { from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes fadeDown { from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;} @-webkit-keyframes fadeLeft { from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes fadeLeft { from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;} @-webkit-keyframes fadeRight { from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes fadeRight { from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);} to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } .fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;} @-webkit-keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } @keyframes zoomIn { 0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;} } .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;} /* 文字大小 */ .f14{font-size: 14px;} .f15{font-size: 15px;} .f16{font-size: 16px;} .f17{font-size: 17px;} .f18{font-size: 18px;} .f20{font-size: 1.0416vw;} .f22{font-size: 1.145833vw;} .f24{font-size: 1.25vw;} .f26{font-size: 1.35416vw;} .f28{font-size: 1.4583vw;} .f30{font-size: 1.5625vw;} .f32{font-size: 1.666vw;} .f36{font-size: 1.875vw;} .f38{font-size: 1.979vw;} .f40{font-size: 2.08vw;} .f42{font-size: 2.1875vw;} .f44{font-size: 2.2916vw;} .f46{font-size: 2.396vw;} .f48{font-size: 2.5vw;} .f50{font-size: 2.6vw;} .f54{font-size: 2.8125vw;} .f56{font-size: 2.917vw;} .f60{font-size: 3.125vw;} .f66{font-size: 3.438vw;} .f70{font-size: 3.64583vw;} .f72{font-size: 3.75vw;} .f76{font-size: 3.958vw;} .f80{font-size: 4.16vw;} .f90{font-size: 4.6875vw;} @media (max-width: 1600px) { .f14{font-size: 13px;} .f15{font-size: 14px;} .f16{font-size: 15px;} .f17{font-size: 16px;} .f18{font-size: 17px;} .f20{font-size: 1.2vw;} .f22{font-size: 1.3vw;} .f24{font-size: 1.4vw;} .f26{font-size: 1.5vw;} .f28{font-size: 1.6vw;} .f30{font-size: 1.7vw;} .f32{font-size: 1.8vw;} .f36{font-size: 1.9vw;} .f38{font-size: 2vw;} .f40{font-size: 2.1vw;} .f42{font-size: 2.15vw;} .f44{font-size: 2.2vw;} .f46{font-size: 2.25vw;} html{font-size: 15px;} } @media (max-width: 1460px) { .f14{font-size: 12px;} .f15{font-size: 13px;} .f16{font-size: 14px;} .f17{font-size: 15px;} .f18{font-size: 16px;} .f20{font-size: 1.3vw;} .f22{font-size: 1.4vw;} .f24{font-size: 1.5vw;} .f26{font-size: 1.6vw;} .f28{font-size: 1.7vw;} .f30{font-size: 1.8vw;} .f32{font-size: 1.9vw;} .f36{font-size: 2vw;} .f38{font-size: 2.1vw;} html{font-size: 14px;} } @media (max-width: 1200px) { .f15{font-size: 12.5px;} .f16{font-size: 13px;} .f17{font-size: 14px;} .f18{font-size: 15px;} .f20{font-size: 1.55vw;} .f22{font-size: 1.65vw;} .f24{font-size: 1.7vw;} .f26{font-size: 1.75vw;} .f28{font-size: 1.8vw;} .f30{font-size: 1.85vw;} html{font-size: 13px;} } @media (max-width: 992px) { .f15{font-size: 12.2px;} .f16{font-size: 12.5px;} .f17{font-size: 13px;} .f18{font-size: 14px;} .f20{font-size: 16px;} .f22{font-size: 17px;} .f24{font-size: 17.5px;} .f26{font-size: 18px;} .f28{font-size: 19px;} .f30{font-size: 20px;} .f32{font-size: 21px;} .f36{font-size: 22px;} .f38{font-size: 22.5px;} .f40{font-size: 23px;} .f42{font-size: 23.5px;} .f44{font-size: 24px;} .f46{font-size: 24.2px;} .f48{font-size: 24.5px;} .f50{font-size: 25px;} .f54{font-size: 25.2px;} .f56{font-size: 25.3px;} .f60{font-size: 25.5px;} .f66{font-size: 25.8px;} .f70{font-size: 26px;} .f72{font-size: 26.2px;} .f76{font-size: 26.4px;} .f80{font-size: 26.8px;} .f90{font-size: 28px;} html{font-size: 12px;} } /* 顶部信息 */ .wx-header-main {width: 100%;height: 100%;background-color: #f8f8f8;background-position: center;background-size: cover;overflow: hidden;position: relative;} .wx-header-infoall {position: fixed;left: 0;top: 0;width: 100%;z-index: 9990;border-bottom: 1px solid rgba(255, 255, 255, 0.3);display: flex;align-items: center;justify-content: space-between;transition: all 1s;} .wx-header-mainny .wx-header-infoall, .wx-header-main:hover .wx-header-infoall {background: rgba(255, 255, 255, 1);border-bottom: 1px solid #eee;} .wx-header-logo {margin: 0px 50px;} .wx-header-logo img {width: 100%; display: block;} .wx-header-logo a {display: block; width: 275px;} .wx-header-logo .logob {display: block;} .wx-header-logo .logoc {display: none;} .wx-header-nav {float: left;width: 80%;} .wx-header-nav li{float:left; width:12.5%; text-align:center;color:#fff;font-size:16px;height:90px;line-height:90px;cursor:pointer; } .wx-header-nav li a{color:#FFF} .wx-header-nav li.act a,.wx-header-nav li a:hover{font-weight: bold;} .wx-header-nav li ul{ display:none; overflow:hidden; position:absolute; width:100%; left:0; top:90px; background:rgba(14,63,123,0.9);} .wx-header-nav li:hover ul{display:flex; padding-left:16%} .wx-header-nav li:hover ul li{width:120px; height:50px; line-height:50px; font-size:14px} .wx-header-nav li:hover ul li a{color:#fff !important; font-weight: normal !important;} .wx-header-nav li ul li:hover a{color:#fff;font-weight: bold !important;} #aboutus ul{padding-left:20.3%} #products ul{padding-left:25.5%} .wx-header-other {width: 26%;display: flex;align-items: stretch;justify-content: space-between;} .wx-header-other a {height:89px;color:#fff;border-left:1px solid rgba(255,255,255,0.3);width:50%;display:flex;align-items:center;justify-content:center;} .wx-header-tel {font-family:"Montserrat";font-weight:500;font-size:20px;letter-spacing:1px;} .wx-header-mune {background:#394c84;} .headMenu {display:inline-block;vertical-align:middle;margin-right:20px;position:relative;top:-2px;width:30px;text-align:left;} .headMenu span {width:30px;height:2px;background:#fff;margin-top:9px;-webkit-transition:all 350ms ease-in-out 0s;-moz-transition:all 350ms ease-in-out 0s;-o-transition:all 350ms ease-in-out 0s;-ms-transition:all 350ms ease-in-out 0s;transition:all 350ms ease-in-out 0s;display:block;position:relative;top:0;} .headMenu .headMenu_span2 {width:21px;} .headMenu .headMenu_span1 {margin:0;} .headMenu_txt {font-size:18px;text-transform:uppercase;font-weight:600;color:#fff;font-family:"Montserrat";vertical-align:middle;position:relative;top:-2px;} .pagesider2 .logoc,.pagesider4 .logoc,.pagesider6 .logoc,.wx-header-mainny .logoc,.wx-header-main:hover .logoc {display:block;} .pagesider2 .wx-header-infoall,.pagesider4 .wx-header-infoall ,.pagesider6 .wx-header-infoall{background:rgba(255,255,255,1);border-bottom: 1px solid #eee;} .pagesider2 .logob,.pagesider4 .logob,.pagesider6 .logob,.wx-header-mainny .logob,.wx-header-main:hover .logob {display:none;} .pagesider6.pagesider1 .wx-header-infoall,.pagesider6.pagesider2 .wx-header-infoall,.pagesider6.pagesider3 .wx-header-infoall,.pagesider6.pagesider4 .wx-header-infoall,.pagesider6.pagesider5 .wx-header-infoall {opacity:1;} .pagesider2 .wx-header-nav li a,.pagesider4 .wx-header-nav li a,.pagesider6 .wx-header-nav li a,.wx-header-mainny .wx-header-nav li a,.wx-header-main:hover .wx-header-nav li a{color:#333;} .pagesider2 .wx-header-nav li a:hover,.pagesider4 .wx-header-nav li a:hover,.pagesider6 .wx-header-nav li a:hover,.wx-header-mainny .wx-header-nav li a:hover,.wx-header-main:hover .wx-header-nav li a:hover,.wx-header-mainny .wx-header-nav li.act a,.wx-header-main:hover .wx-header-nav li.act a{color:#394c84; font-weight: bold;} .pagesider4 .wx-header-other a, .pagesider2 .wx-header-other a, .wx-header-mainny .wx-header-other a, .wx-header-main:hover .wx-header-other a {color: #394c84; border-color: rgba(203, 203, 203, 0.38);} .wx-header-main:hover .wx-header-nav li ul li a {color: #fff;} .wx-header-main:hover .wx-header-nav li ul li a:hover {color: #ddd;} .wx-header-mobilebox {display:none;} .wx-header-boxmain {width: 380px;height: 100vh;position: fixed;right: 0;top: 0;background: #fff;z-index: 9999;display: flex;} .wx-header-boxall {width: 100%;height: 100%;background: #fff;} .wx-header-boxall h4 {margin-bottom:5%;font-size:28px;font-weight:normal;} .wx-header-boxall li {border-bottom:1px solid#d6d6d6;line-height:112px;font-size:32px;/*margin-bottom:2%;*/ position:relative;} .wx-header-boxall li a {color:#333;} .wx-header-boxall li a:hover {color:#394c84 !important;} .nav_zk {display:none !important;} .wx-header-boxall .wx-header-mobilelogo {height:59px !important;margin-left:0 !important;margin-bottom:0 !important;padding-left:20px !important;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;position:relative;} .wx-header-boxall .wx-header-mobilelogo a {opacity:0;} .wx-header-boxall li {padding:0 10% !important;line-height:90px !important;font-size:26px !important;} .wx-header-mobileclose {width:30px;height:30px;position:absolute;top: 1.5% !important; right: 5% !important;cursor:pointer;} .wx-header-mobileclose img {width:100%;height:100%;} .indPro_right {-wewgtit-animation:opacity_right 1s 1 cubic-bezier(0.445,0.05,0.55,0.95) forwards;-webkit-animation:opacity_right 1s 1 cubic-bezier(0.445,0.05,0.55,0.95) forwards;animation:opacity_right 1s 1 cubic-bezier(0.445,0.05,0.55,0.95) forwards;opacity:1 !important;} @keyframes opacity_right { 0% {-webkit-transform:translateX(100%);transform:translateX(100%);opacity:.1;} 100% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;} } /* 底部信息 */ .wx-footer-main {background: #f5f5f5;} .footBox {height:58vh} .wx-footer-top {border-bottom: 1px solid #e5e5e5;display: flex;align-items: flex-end;justify-content: space-between;padding: 50px 0 30px;} .wx-footer-topleft img {display: block;width: 268px;} .wx-footer-topright {text-align: right;} .wx-footer-topright span {line-height: 1;font-size: 14px;color: #333;} .wx-footer-topright p {font-family: "AlibabaSansb";font-size: 32px;letter-spacing: .5px;color: #333;line-height: 1;} .wx-footer-middle {display: flex;align-items: stretch;justify-content: space-between;} .wx-footer-middlenav {width: 30%;padding: 30px 0 35px;border-right: 1px solid #e5e5e5;padding-right: 7%;} .wx-footer-middlenav ul {display: flex;align-items: stretch;justify-content: space-between;} .wx-footer-middle2wm {width: 40%;padding: 50px 5% 35px;border-right: 1px solid #e5e5e5;} .wx-footer-middle2wm dl {display: flex;flex-wrap: wrap;justify-content: space-between;} .wx-footer-middle2wm dl dd {text-align: center;width: 50%;} .wx-footer-middle2wm dl dd img {max-width: 150px;width: 100%;} .wx-footer-middle2wm dl dd p {font-size: 16px;line-height: 35px;padding: 0px;margin: 5px 0px 0px;overflow: hidden;} .wx-footer-middlecontact {width: 30%;padding: 30px 0 35px;padding-right: 0;padding-left: 5%;} .wx-footer-middlenav dt,.wx-footer-middlecontact dt {font-weight: bold;font-size: 20px;color: #333;display: block;margin-bottom: 17px;} .wx-footer-middle dd {padding: 0px;margin: 0px;overflow: hidden;} .wx-footer-middlenav li dd a {display: block;color: #989898;font-size: 14px;margin-top: 10px;height: 22px;overflow: hidden;} .wx-footer-middlecontact>dd {color: #989898;font-size: 13px;line-height: 1.5;margin-top: 5px;} .wx-footer-middlecontact>dd span {font-weight: 500;margin-right: 9px;font-family: "AlibabaSans";} .wx-footer-middlecontact>dd a {color: #989898;} .wx-footer-bottom {border-top: 1px solid #e5e5e5;padding: 20px 0;display: flex;align-items: center;justify-content: space-between;} .wx-footer-copyright {font-size: 13px;} /* 内页开始 */ .wx-page-banner {width: 100%;height: 500px;min-height: 500px;} .wx-page-twonav {background: #fff;overflow: hidden;border-bottom: 1px solid #eee;} .wx-page-twonav .wx-page-twonavlist .hd{ display:none} .wx-page-twonav .wx-page-twonavlist .bd li{float:left; width:16.66%; height:60px; line-height:60px; position:relative; text-align:center; position:relative; cursor:pointer;} .wx-page-twonav .wx-page-twonavlist .bd li:after {content:""; position:absolute; left:0; right:0; bottom:-60px; width:100%; height:60px; background:#394c84;transition:all 0.2s ease-out; z-index:9} .wx-page-twonav .wx-page-twonavlist .bd li.active:after{bottom:-58px;} .wx-page-twonav .wx-page-twonavlist .bd li:hover:after{bottom:0px;} .wx-page-twonav .wx-page-twonavlist .bd li a{display:block; color:#666; font-size:16px; } .wx-page-twonav .wx-page-twonavlist .bd li.active{ background:#fff} .wx-page-twonav .wx-page-twonavlist .bd li.active a{color:#394c84; position:absolute; z-index:10; bottom:0px; height:60px; line-height:60px; text-align:center; width:100%;} .wx-page-twonav .wx-page-twonavlist .bd li:hover a{color:#fff; position:absolute; z-index:10; bottom:0px; height:60px; line-height:60px; text-align:center; width:100%;} .wx-page-twonav .wx-page-twonavlist .bd .two{width:300px; margin:0 auto} .wx-page-twonav .wx-page-twonavlist .bd .two li{width:50%} .wx-page-twonav .wx-page-twonavlist .bd .three{width:400px; margin:0 auto} .wx-page-twonav .wx-page-twonavlist .bd .three li{width:33.33%} .wx-page-localnav {padding: 0px; margin: 0px; overflow: hidden;} .wx-page-localnav ul {display: flex; flex-wrap: wrap; padding: 0px; margin: 0px; overflow: hidden;} .wx-page-localnav li {font-size: 16px; line-height: 60px; padding: 0px 30px 0px 0px; margin: 0px; overflow: hidden; position: relative;} .wx-page-localnav li::after {content: '>'; font-size: 18px; position: absolute; top: 12px; right: 10px; line-height: 40px;} .wx-page-localnav li a{color:#394c84;} .wx-page-localnav li:last-child:after {display: none;} .wx-page-main { padding: 50px 0px 80px; margin: 0px; overflow: hidden; } .wx-page-pagination {text-align: center; margin: 50px 0px 0px; padding: 0px; overflow: hidden;} .pagination .page-item a {display: inline-block;width: 30px;height: 30px;line-height: 24px;text-align: center;font-size: 16px;color: #666;background-color: #f1f1f1;border-radius: 3px;margin-right: 10px;transition: all .6s;} .pagination .page-item a.page-link {padding: 2px 0px;} .pagination .page-item.active a.page-link {background-color:#394c84; border: 1px solid #394c84; color: #fff;} .wx-page-title { font-size: 38px; font-weight: bold; font-family: "微软雅黑"; line-height: 80px; color: #394c84; padding: 0px; margin: 0px 0px 50px; overflow: hidden; position: relative; } .wx-page-title::after { content: ''; width: 50px; height: 2px; background: #999; position: absolute; bottom: 0; left: 0; padding: 0px; margin: 0px; overflow: hidden; } /* 关于我们 */ .wx-about-profilemain { background-image: url(../images/aboutbg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom; } .wx-about-profileinfo { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px; margin: 0px; overflow: hidden; } .wx-about-profiletxt { /*width: calc(100% - 300px);*/ padding: 0px 0px 0px; margin: 0px; overflow: hidden; } .wx-about-profiletxt h3 { font-size: 38px; line-height: 1.5; color: #333; word-wrap: break-word; word-break: normal; font-family: "微软雅黑"; font-weight: bold; } .wx-about-profiletxt h3 span { color: #394c84; } .wx-about-profiletxt h5 { font-size: 24px; color: #333; word-wrap: break-word; word-break: normal; font-family: "微软雅黑"; margin: 0px 0px 35px; } .wx-about-profiletxt p { font-size: 15px; line-height: 2.1vw; color: #666; padding: 0px; margin: 0px 0px 10px; overflow: hidden; } .wx-about-profilemun { width: 240px; padding: 0px; margin: 0px; overflow: hidden; } .wx-about-profilemun li { padding: 0px 1vw; margin: 15px 0px 30px; position: relative; border-left: 1px solid #666; } .wx-about-profilemun li:before { content: ''; position: absolute; left: -1px; top: 0; width: 2px; height: 30%; background: #394c84; z-index: 1; } .wx-about-profilemun li span { font-size: 16px; line-height: 1.8; color: #666; text-align: left; display: block; font-style: normal; } .wx-about-profilemun li span strong { font-family: 'Oswald', sans-serif; font-size: 46px; color: #394c84; line-height: 40px; font-weight: bold; display: inline-block; margin-right: 10px; } .wx-about-profilemun li p { font-size: 15px; line-height: 2; color: #666; text-align: right; display: inline-block; font-style: normal; } /* 发展历程 */ .wx-about-historymain {background-image: url(../images/about-historybg.jpg);background-repeat: no-repeat;background-size: cover;padding: 80px 0px;margin: 0px;overflow: hidden;} .wx-about-historytitle {font-size: 38px;font-weight: 600;line-height: 80px;text-align: center;color: #394c84;padding: 0px;margin: 0px 0px 50px;overflow: hidden;position: relative;} .wx-about-historytitle::after {content: '';width: 50px;height: 2px;background: #394c84;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 0px;margin: 0px;overflow: hidden;} .wx-about-historyinfo{ float: left; width: 100%; margin-top: 35px; position: relative;} .wx-about-historyinfo:after{ position: absolute; content: ''; width: 100%;height: 1px; background: #d0d0d0; left: 0; top:50%; z-index: 0; } .wx-about-historyinfo .HistoryList{ float: left; width: 100%; position: relative; padding:0 5px;z-index: 3;} .wx-about-historyinfo .HistoryList:before, .wx-about-historyinfo .HistoryList:after{ position: absolute; content: ''; width: 12px; height: 12px; left: 0; top:50%; margin-top: -6px; background: #fff; border:1px solid #a490a6; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; z-index: 2;} .wx-about-historyinfo .HistoryList:before{ left: auto; right: 0;} .wx-about-historyinfo .HistoryList .l1{ float:left; width:100%; padding:0 8.57%;} .wx-about-historyinfo .HistoryList .text{ float: left; width: 100%; border:1px solid #ccc; text-align: center; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px; height: 130px; color:#444444; font-size:14px; line-height: 24px; } .wx-about-historyinfo .HistoryList .text em{display: table; height: 100%;width: 100%; padding: 0 7%;} .wx-about-historyinfo .HistoryList .text em i{ display: table-cell; vertical-align: middle;} .wx-about-historyinfo .HistoryList .time{ float: left; width: 100%; display: block; text-align: center; margin-top: 62px;} .wx-about-historyinfo .HistoryList .time span{display: inline-block; width: 108px; height: 108px; background: #394c84; color:#fff; line-height: 108px; font-size: 24px; font-weight: bold; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; position: relative;} .wx-about-historyinfo .HistoryList .time span:after{ position: absolute; content: ''; width: 12px; height: 12px; top:-47px; left: 50%; margin-left: -6px; background: #394c84; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .wx-about-historyinfo .HistoryList .time span:before{ position: absolute; content: ''; width: 1px; height: 50px; top:-47px; left: 50%; background: #394c84;} .wx-about-historyinfo .HistoryList .text.tow{ margin-top: 62px;} .wx-about-historyinfo .HistoryList .time.tow{ margin-top: 0;} .wx-about-historyinfo .HistoryList .time.tow span:after{ top: auto; bottom: -48px;} .wx-about-historyinfo .HistoryList .time.tow span:before{ top: auto; bottom: -45px;} .wx-about-historyinfo .HistoryList .slick-prev,.wx-about-historyinfo .HistoryList .slick-next{ width:48px; height:48px; border-radius:50%; background:#bebebe; left:-58px;} .wx-about-historyinfo .HistoryList .slick-next{ left:auto; right:-58px;} .wx-about-historyinfo .HistoryList .slick-prev:hover,.wx-about-historyinfo .HistoryList .slick-next:hover{ background:#394c84;} .wx-about-historyinfo .HistoryList .slick-prev:after,.wx-about-historyinfo .HistoryList .slick-prev:before,.wx-about-historyinfo .HistoryList .slick-next:after,.wx-about-historyinfo .HistoryList .slick-next:before{float:left; width:15px; height:1px; background:#fff; content:''; position:relative;} .wx-about-historyinfo .HistoryList .slick-next:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:-5px; left:4px; } .wx-about-historyinfo .HistoryList .slick-next:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; left:18px; } .wx-about-historyinfo .HistoryList .slick-prev:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); top:5px; left:-1px; } .wx-about-historyinfo .HistoryList .slick-prev:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top:-5px; left:14px;} @media screen and (max-width:1600px){ .wx-about-historyinfo .HistoryList{ padding:0 40px;} .wx-about-historyinfo .HistoryList .l1{ padding:0 6%;} .wx-about-historyinfo .HistoryList .slick-prev{ left:-60px;} .wx-about-historyinfo .HistoryList .slick-next{ left:auto; right:-60px;} .wx-about-historyinfo .HistoryList .text em{ padding: 0 12px;} .wx-about-historyinfo .HistoryList:before, .wx-about-historyinfo .HistoryList:after {z-index: -1;} } @media screen and (max-width:1230px){ .wx-about-historyinfo .HistoryList .text{ font-size:13px; line-height:24px;} } @media screen and (max-width:992px){ .wx-about-historymain {padding: 30px 0px;} .wx-about-historyinfo {margin-top: 0px;} .wx-about-historyinfo .History{ margin-top:0px;} .wx-about-historyinfo .HistoryList .slick-prev, .wx-about-historyinfo .HistoryList .slick-next{ width:30px; height:30px;} .wx-about-historyinfo .HistoryList .slick-prev{ left:0px;} .wx-about-historyinfo .HistoryList .slick-next{ left:auto; right:0px;} .wx-about-historyinfo .HistoryList .slick-prev:after, .wx-about-historyinfo .HistoryList .slick-prev:before, .wx-about-historyinfo .HistoryList .slick-next:after, .wx-about-historyinfo .HistoryList .slick-next:before{ width:10px; } .wx-about-historyinfo .HistoryList{ padding:0 20px;} .wx-about-historyinfo .HistoryList .l1{ padding:0 7px;} .wx-about-historyinfo .HistoryList .slick-next:after{ top:-4px; left:1px; } .wx-about-historyinfo .HistoryList .slick-next:before{ top:2px; left:11px; } .wx-about-historyinfo .HistoryList .slick-prev:after{ top:2px; left:0px; } .wx-about-historyinfo .HistoryList .slick-prev:before{ top:-4px; left:10px;} .wx-about-historyinfo .HistoryList .time span{ width:88px; height:88px; font-size:20px; line-height:88px;} .wx-about-historyinfo .HistoryList .text{ height:110px;} } /* 资质证书 */ .wx-about-honormain {background: url(../images/index-honorbg.png) center fixed;background-size: cover;padding: 80px 0px;margin: 0px;overflow: hidden;} .wx-about-honortitle {display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end;-webkit-justify-content: space-between;-webkit-align-items: flex-end;padding-bottom: 30px;} .wx-about-honortitle h3 {font-size: 30px;display: block;font-weight: bold;} .wx-about-honortitle h3 span {font-size: 20px;font-weight: 300;text-transform: uppercase;font-family: "思源黑体";margin-bottom: 5px;display: block;} .wx-about-honortitle .more {width: 24px;height: 17px;float: left;background: url(../images/icon_jt4.png) no-repeat center;background-size: 100%; margin-left: 30px;} .wx-about-honortitle .more:hover {background-image: url(../images/icon_jt4_b.png);} .wx-about-honorlist {padding: 0px;margin: 0px;overflow: hidden;} .between-center {display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;} .wx-about-honorlist .swiper-container {width: 100%;} .wx-about-honorlist .swiper-container .swiper-slide {padding: 15px 10px;background: #fff;} .wx-about-honorlist .swiper-container .swiper-slide::after {content: '';width: 100%;height: 100%;border: 1px solid #E4E4E4;position: absolute;left: 0;top: 0;transition: all .6s;pointer-events: none;} .wx-about-honorlist .swiper-container .swiper-slide a {width: 100%;float: left;position: relative;} .wx-about-honorlist .swiper-container .swiper-slide a span {width: 100%;height: calc(100% - 40px);float: left;margin-bottom: 40px;overflow: hidden;} .wx-about-honorlist .swiper-container .swiper-slide a span img {width: 100%;height: 100%;object-fit: contain;display: block;transition: all .6s;} .wx-about-honorlist .swiper-container .swiper-slide a:hover span img {transform: scale(1.1);} .wx-about-honorlist .swiper-container .swiper-slide a p {width: 100%;line-height: 35px;position: absolute;right: 0;bottom: 0;color: #fff;background: #394c84;text-align: center;padding: 0 1rem;margin: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .6s;opacity: 1;} .wx-about-honorlist .swiper-container .swiper-slide a:hover p {opacity: 1;} .wx-about-honorlist .swiper-page {position: relative;margin-top: 35px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;} .wx-about-honorlist .swiper-page .swiper-pagination {position: relative;bottom: 0;font-size: 16px;font-weight: bold;} .wx-about-honorlist .swiper-page .swiper-pagination .swiper-pagination-current {font-size: 32px;color: #394c84;} .wx-about-honorlist .swiper-page .float-end .swiper-button-next, .wx-about-honorlist .swiper-page .float-end .swiper-button-prev {position: relative;right: auto;left: auto;top: 0;margin: 0;width: 70px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #d6d6d6;transition: all .6s;opacity: 1;} .wx-about-honorlist .swiper-page .float-end .swiper-button-next:hover, .wx-about-honorlist .swiper-page .float-end .swiper-button-prev:hover {background: #394c84;} .wx-about-honorlist .swiper-page .float-end .swiper-button-next {margin-left: 5px;} .swiper-button-next:after, .swiper-button-prev:after{display: none;} /* 技术与服务 */ .wx-support-list {width: 100%; max-width: 1200px; padding: 0px; margin: 0px auto; overflow: hidden;} .wx-support-list ul li{margin-bottom: 4.6875vw;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;} .wx-support-list ul li:last-child{margin-bottom: 0;} .wx-support-list ul li:nth-child(2n){flex-direction: row-reverse;} .wx-support-list ul li .wx-support-oneimg{width: 46%;} .wx-support-list ul li .wx-support-oneimg img {width: 100%;} .wx-support-list ul li .wx-support-oneinfo{width: 42%;} .wx-support-list ul li .wx-support-oneinfo h3{font-weight: bold;color:#c8000b;margin-bottom: 3vh;} .wx-support-list ul li .wx-support-oneinfo h3{padding-bottom: 2vh;position: relative;border-bottom: 1px solid #bcbcbc;} .wx-support-list ul li .wx-support-oneinfo p{line-height: 1.875;} .wx-support-list ul li .wx-support-oneinfo p strong{font-weight: normal;line-height: 1.666;display: block;margin-bottom: 5px;} /* 联系我们 */ .wx-contactus-main { padding: 80px 0px; margin: 0px; overflow: hidden; } .wx-contact-list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px; margin: 0px; overflow: hidden; } .wx-contact-info { border-right: 1px solid #00000011; width: 42%; padding: 0px 2% 0px 0px; margin: 0px; overflow: hidden; } .wx-contact-info h3 { font-family: "微软雅黑"; font-weight: bold; font-size: 24px; line-height: 2; padding: 0px 0px 5px; margin: 0px 0px 30px; overflow: hidden; position: relative; } .wx-contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0px; width: 50px; height: 2px; background-color: #394c84; padding: 0px; margin: 0px; overflow: hidden; } .wx-contact-info li { width: 100%; height: auto; border-bottom: 1px solid #f0f0f0; margin: 0px auto 15px; padding: 0px 20px 15px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; } .wx-contact-info li img { width: 40px; } .wx-contact-info li>div { width: calc(100% - 60px); } .wx-contact-info li h4 { font-family: "微软雅黑"; font-size: 16px; font-weight: bold; line-height: 25px; padding: 0px; margin: 0px 0px 5px; overflow: hidden; } .wx-contact-info li span { font-size: 14px; line-height: 1.5; } .wx-contact-order { width: 55%; font-size: 14px; line-height: 1.8; padding: 0px; margin: 0px; overflow: hidden; } .wx-contactus-title { font-family: "微软雅黑"; font-weight: bold; font-size: 24px; line-height: 2; padding: 0px 0px 5px; margin: 0px 0px 30px; overflow: hidden; position: relative; } .wx-contactus-title::after { content: ''; position: absolute; bottom: 0; left: 0px; width: 50px; height: 2px; background-color: #394c84; padding: 0px; margin: 0px; overflow: hidden; } .wx-index-contactform .wx-index-contactorderlist { display: flex; justify-content: space-between; margin-bottom: 2.6%; } .wx-index-contactform .wx-index-contactorderlist input, .wx-index-contactform .wx-index-contactorderlist textarea { display: block; padding: 8px 16px; font-size: 13px; font-family: inherit; line-height: 2; color: #666; border: 1px solid #e3e3e3; outline: none; resize: none; border-radius: 3px; box-sizing: border-box; } .wx-index-contactform .wx-index-contactorderlist input { width: 48.7%; } .wx-index-contactform .wx-index-contactorderlist textarea { width: 100%; min-height: 80px; } .more-box { margin-top: 30px; text-align: center; } .more-box button { position: relative; display: inline-block; line-height: 55px; padding: 0 92px; color: #fff; border: 2px solid #394c84; background-color: #394c84; border-radius: 10px; overflow: hidden; transition: color 0.2s linear 0.1s, border-color 0.2s linear 0.3s, background 0.2s linear 0.3s; } .more-box button:hover { color: #fff; background: #183599; border-color: #183599; } .wx-contactus-maps { font-size: 14px; line-height: 2; color: #333; min-height: 460px; border: 1px solid #eee; padding: 0px; margin: 60px 0px 0px; overflow: hidden; } /* 工程案例 */ .wx-case-list { padding: 0px; margin: 0px; overflow: hidden; } .wx-case-list ul { display: grid; column-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .wx-case-list li { padding: 0px; margin: 0px 0px 30px; overflow: hidden; } .wx-case-oneimg { border: 1px solid #ccc; width: 100%; padding: 0px; margin: 0px; overflow: hidden; } .wx-case-oneimg img { width: 100%; height: 100%; } .wx-case-onetxt { background: rgba(245, 167, 0, 1); color: #fff; text-align: center; transition: all .3s ease; padding: 5px 10px; width: 100%; overflow: hidden; } .wx-case-onetxt h3 { font-size: 16px; font-weight: bold; padding: 0px; margin: 0px 0px 10px; overflow: hidden; } .wx-case-onetxt p { font-size: 14px; line-height: 1.6; padding: 0px; margin: 0px; overflow: hidden; } .wx-case-list li:hover .wx-case-onetxt { background: #0e3f7b; } /* 新闻动态 */ .wx-news-main { padding: 50px 0px 80px; margin: 0px; overflow: hidden; } .wx-news-list { padding: 0px; margin: 0px; } .wx-news-list ul { display: grid; column-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; } .wx-news-list li { background-color: #f6f6f6; font-family: "AlibabaSans"; padding: 0px; margin: 0px 0px 20px; overflow: hidden; } .wx-news-listone {padding: 0px; margin: 0px;overflow: hidden;} .wx-news-listonepic {width: 100%;overflow: hidden; border: 1px solid #eee;} .wx-news-listonepic img {width: 100%;padding: 0px;margin: 0px;transition: all 0.36s;} .wx-news-listone:hover .wx-news-listonepic img {transform: scale(1.05);} .wx-news-listonetxt {margin: 0px; padding: 10px; height: 100%;} .wx-news-listonetxt span {margin-bottom: 5px;font-weight: 500;font-size: 14px;line-height: 1.5;color: #666666;font-family: 'poppinsmedium' !important;display: block;} .wx-news-listonetxt h3 {font-size: 16px;font-weight: normal;line-height: 1.75;color: #161616;} .page-container{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between} .sidebar{width:350px;margin-right:30px} .sidebar ul{list-style:none} .sidebar-item{width:100%;background:#F5F8F9;border-radius:5px;border-bottom:3px solid #394c84;margin-bottom:1.5em;position:relative} .sidebar-item .sidebar-title{font-size:20px;font-weight:bold;color:#111111;line-height:1.2;border-bottom:1px solid #e5e5e5;padding:15px 20px;padding-left:38px;position:relative} .sidebar-item .sidebar-title::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background: #394c84;border-radius:50%} .sidebar-item.search{display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 20px} .sidebar-item.search input{width:100%;height:50px;outline:0;border:1px solid #EEEEEE;padding:0px 50px 0px 20px;border-radius:5px;transition:all .1s linear} .sidebar-item.search input:focus{border-color: #111111} .pro-main .sidebar-item.search input{background:#EEEEEE} .sidebar-item.search .search-btn{position:absolute;right:25px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#394c84;color:#FFFFFF;display:flex;align-items:center;justify-content:center;outline:0;border:none;border-radius:4px;cursor:pointer;transition:all .1s linear} .sidebar-item.search .search-btn:hover{opacity:.9} .sidebar-item.search .search-btn em{font-size:22px;font-weight:bold} .sidebar-item .sidebar-list{padding:20px} .sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em} .sidebar-item .sidebar-list .item:last-child{margin-bottom:0em} .sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)} .sidebar-item .sidebar-list .item:hover .info .title{color: #111111} .sidebar-item .sidebar-list .item .img{width:100px;height:80px;background:#FFFFFF;border:1px solid #EBEBEB;border-radius:3px;overflow:hidden} .sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear} .sidebar-item .sidebar-list .item .info{flex:1;padding-left:15px} .sidebar-item .sidebar-list .item .info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6; font-size: 14px; transition:all .1s linear} .sidebar-item .sidebar-list .item .info .more{margin-top:10px;text-transform:capitalize;color: #394c84;font-size: 14px} .page-main{flex:1;width:calc(100% - 400px); background: #fff; border-radius: 10px; color: #666; padding: 20px;} .page-main img {width: 100%; margin-bottom: 10px;} .newscontent-box{background:#FFFFFF;border-radius:5px;margin-bottom:2em;padding:30px 30px} .newscontent-date{display:inline-flex;align-items:center;justify-content:center;font-size:14px;color: #111111;margin-bottom:5px} .newscontent-date em{margin-right:5px;font-size:14px} .newscontent-title{font-weight:bold;font-size:32px;line-height:1.4; color: #111111;} .newscontent-meta{display:flex;align-items:center;flex-wrap:wrap;margin:10px 0px 20px} .newscontent-meta p{margin-right:20px;color:#394c84} .newscontent-meta p:last-child{margin-right:0px} .newscontent-meta p em{color: #111111;margin-right:5px} .newsendinquiry{cursor:pointer} .newscontent-details{min-height: 420px; margin-bottom:2em; font-size: 16px; line-height: 1.8; font-weight: 300;} .pagelink{display:flex;flex-wrap:wrap;align-items:center;margin:2em 0 0px;width:100%;border-radius:5px;overflow:hidden} .pagelink .pagelink-item{width:50%;background:#e3eef2;color: #333; padding:10px 15px;transition:all .1s linear;display:flex;align-items:center; font-size: 14px; line-height: 1.8;} .pagelink .pagelink-item:hover{background:#394c84} .pagelink .pagelink-item:hover .iconfont{background:#FFFFFF;color:#394c84} .pagelink .pagelink-item:hover .link{color:#FFFFFF} .pagelink .pagelink-item .iconfont{width:34px;height:34px;background:#394c84;color:#FFFFFF;border-radius:3px;display:inline-flex;align-items:center;justify-content:center} .pagelink .pagelink-item .iconfont em{font-size: 20px;font-weight:bold} .pagelink .pagelink-item .link{font-size: 14px;font-weight:bold; margin: 0px; padding: 0px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;flex:1} .pagelink .pagelink-item.next{justify-content:flex-end} .pagelink .pagelink-item.prev .link{padding-left:10px} .pagelink .pagelink-item.next .link{text-align:right;padding-right:10px} /* 产品中心 */ .wx-products-info { padding: 0px; margin: 0px; overflow: hidden; } .wx-products-nav { background-color: #F3F8FA; border-radius: 10px; width: 300px; padding: 0px; margin: 0px; overflow: hidden; float: left; } .wx-products-nav .sidebar-title { font-size: 20px; font-weight: bold; color: #000; line-height: 1.2; border-bottom: 1px solid #e5e5e5; padding: 15px 20px; padding-left: 38px; position: relative; } .wx-products-nav .sidebar-title::before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #394c84; border-radius: 50%; } .wx-products-nav .sidebar-cate { padding: 15px; } .wx-products-nav .sidebar-cate>li { width: 100%; background: linear-gradient(90deg, #394c84, #6072a8); border-radius: 5px; margin-bottom: 0.6em; position: relative; } .wx-products-nav .sidebar-cate>li.active { background: linear-gradient(90deg, #0b1926, #1b344a); } .wx-products-nav .sidebar-cate>li>a { width: 100%; height: 48px; line-height: 48px; font-size: 15px; padding: 0px 15px; padding-right: 50px; font-weight: bold; } .wx-products-nav .sidebar-cate>li a { color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .wx-products-nav .sidebar-cate>li .iconshow { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .wx-products-nav .sidebar-cate>li .iconshow::after { content: ""; width: 22px; height: 4px; border: 1px solid #FFFFFF; border-radius: 3px; } .wx-products-nav .sidebar-cate>li.active .iconshow::after { background: #FFFFFF; border: none; } .wx-products-nav .sidebar-cate>li .sub-menu { display: none; background: #fff; padding: 5px 0px; } .wx-products-nav .sidebar-cate>li .sub-menu a { display: block; font-size: 14px; padding: 5px 10px; color: #111; transition: all .1s linear; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .wx-products-nav .sidebar-cate>li.active .sub-menu {display: block;} .wx-products-nav .sidebar-cate>li .sub-menu li.active a {color: #394c84;} .wx-products-right { width: calc(100% - 340px); padding: 0px; margin: 0px; overflow: hidden; float: right; } .wx-products-list { display: grid; column-gap: 20px; grid-template-columns: 1fr 1fr 1fr; } .wx-products-one { background-color: #f0f0f0; padding: 0px; margin: 0px 0px 20px; overflow: hidden; } .wx-products-oneimg { border: 1px solid #ccc; padding: 0px; margin: 0px; overflow: hidden; } .wx-products-oneimg img {width: 100%;} .wx-products-onetxt { padding: 15px; margin: 0px; overflow: hidden; } .wx-products-onetxt h3 { font-family: "AlibabaSansb"; font-size: 18px; color: #394c84; font-weight: bold; } .wx-products-onetxt p { width: 100%; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0 5px 0; } .wx-products-detailsimg { padding: 0px; margin: 0px 0px 20px; overflow: hidden; max-width: 100%; text-align: center; } .wx-products-detailsvideo { border: 1px solid #ddd; } .wx-case-detailsimgbig img {width: 100%;} .wx-products-detailssmellimg {padding: 0px; margin: 10px 0px 0px; overflow: hidden; position: relative;} .wx-products-detailssmellimg .swiper-button-next {position: absolute; top: 50%; transform: translateY(-50%); opacity: 1;z-index: 10;right: 0px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);} .wx-products-detailssmellimg .swiper-button-prev {position: absolute; top: 50%; transform: translateY(-50%); opacity: 1;z-index: 10;left: 0px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);} .wx-products-detailssmellimg li {width: 16.666666%; border: 1px solid #ddd; padding: 0px; margin: 0px 0px; overflow: hidden; float: left;} .wx-products-detailssmellimg li img {width: 100%;transition: all 1s;} .wx-products-detailssmellimg li:hover img {transform: scale(1.1);transition: all 0.3s linear;} .wx-case-detailsimglist {padding: 20px 0px 0px;margin: 0px;overflow: hidden;} .wx-case-detailsimgbox {padding-bottom: 5px;flex-wrap: nowrap;margin: 0 0px;} .wx-case-detailsimgbox li { padding: 0 0px;} .wx-case-detailsimgsmall {margin: 0px; padding: 0px; position: relative;} .wx-case-detailsimgsmall img {width: 100%;} .wx-case-detailsimglist2 {position: relative;} .wx-case-detailsimglist .swiper-button-next {opacity: 1;z-index: 10;right: -50px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);} .wx-case-detailsimglist .swiper-button-prev {opacity: 1;z-index: 10;left: -50px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);} .wx-products-detailstitle { width: 100%; padding: 0px 0px 10px; margin: 0px 0px 20px; border-bottom: 1px solid #ccc; overflow: hidden; } .wx-products-detailstitle h1 { font-size: 28px; font-family: "AlibabaSansb"; line-height: 1.8; padding: 0px; margin: 0px; overflow: hidden; float: left; } .wx-products-detailsinfo { font-size: 14px; line-height: 2; padding: 0px 20px; margin: 0px; overflow: hidden; } .wx-products-detailsinfo p { margin: 0px; padding: 0px; } table,table tr th, table tr td { border:1px solid #ccc; padding: 2px 10px; width: initial; text-align: left;} table { min-height: 35px; line-height: 35px; font-size: 14px; border-collapse: collapse; width: 100%;} .news_list1_btn{ border-top:1px solid #394c84; padding:20px 0; margin: 20px 0px 0px; overflow: hidden; } .news_list1_prev{ width:50%; float:left; text-align: left; position:relative; } .news_list1_prev a{ color: #394c84; display: block; position: relative; padding-left:50px; font-size: 16px; font-family: "AlibabaSansb"; } .news_list1_next{ width:50%; float:left; text-align: right; position:relative; } .news_list1_next a{ color: #394c84; display: block; position: relative; padding-right:50px; font-size: 16px; font-family: "AlibabaSansb"; } .news_list1_prev_bg{ position: absolute; top: -5px; left: 0; } .news_list1_prev_bg span{ position: absolute; top:0; left:0; width:30px; height:30px; border:1px solid #394c84; border-radius: 50%; } .news_list1_prev_bg img{ position: absolute; top: -3px; left: 6px; max-width: initial; } .news_list1_next_bg{ position: absolute; top: -5px; right: 30px; } .news_list1_next_bg span{ position: absolute; top:0; left:0; width:30px; height:30px; border:1px solid #394c84; border-radius: 50%; } .news_list1_next_bg img{ position: absolute; top: -3px; left: -10px; max-width: initial; } @media (max-width: 1680px) { .wx-header-other {width: 38%;} } @media(max-width:1480px) { .wx-header-other {width:40%;} } @media(max-width:1280px) { .wx-header-other {width:34%;} .wx-header-infoall {background:#fff;border-bottom:1px solid rgba(0,0,0,0.1);} .wx-header-logo {margin-left:28px;} .wx-header-logo .wx-header-logob {display:none;} .wx-header-logo .wx-header-logoc {display:block;} .wx-header-other a {height:58px !important;color:#989898;border-color:rgba(0,0,0,0.1);} .wx-header-other path {fill:#989898;} .wx-header-other {width:38%;} } @media(max-width:991px) { .wx-header-logo {margin: 0px 20px;} .wx-header-logo img {width: initial; height: 35px;} .wx-header-logo .logob {display: none;} .wx-header-logo .logoc {display: block;} .wx-header-nav {display: none;} .wx-header-other {width: 128px;} .wx-header-main .wx-header-tel {display: none;} .wx-header-main .wx-header-mune {width: 100%;} .headMenu {width: 16px; margin-right: 8px;} .headMenu span {width: 16px; margin-top: 5px;} .headMenu .headMenu_span2 {width: 12px;} .headMenu_txt {font-size: 12px;} .wx-header-boxall .wx-header-mobilelogo a {opacity:1;} .wx-header-boxall .wx-header-mobilelogo img {height: 35px;} .wx-header-boxmain {width:100vw !important;} .wx-header-boxall li {font-size:16px !important;} .wx-header-boxall li {padding:0 5% !important; line-height: 60px !important;} .footBox{ height:auto} .wx-footer-top,.wx-footer-middlenav,.wx-footer-middle2wm {display: none;} .wx-footer-middle {display: block;} .wx-footer-middlecontact {width: 100%; padding: 30px 0px;} .wx-footer-bottom {display: block; text-align: center;} .wx-page-banner {height: 250px; min-height: 250px;} .wx-page-twonav .wx-page-twonavlist .bd li a{font-size:14px; } .wx-page-twonav{ background:none} .wx-page-twonav .wx-page-twonavlist{ margin-top:20px} .wx-page-twonav .wx-page-twonavlist .hd{ display:block; text-align:center; font-size:18px; color:#FFF; background:#394c84; padding:10px 0;} .wx-page-twonav .wx-page-twonavlist .hd.on { background:#062a55;} .wx-page-twonav .wx-page-twonavlist .hd i{font-family: "iconfont" !important;font-size:18px; font-style: normal; margin-left:10px; transform: rotate(90px);} .wx-page-twonav .wx-page-twonavlist .bd { display:none;} .wx-page-twonav .wx-page-twonavlist .bd ul{ border:1px solid #eee; overflow:hidden; border-top:none; border-bottom:none} .wx-page-twonav .wx-page-twonavlist .bd ul li{ width:100%; height:40px; line-height:40px;} .wx-page-twonav .wx-page-twonavlist .bd ul li:last-child { border:0;} .wx-page-twonav .wx-page-twonavlist .bd ul li a {height:40px; line-height:40px; font-size:16px; width:100%; border-bottom:1px solid #eee} .wx-page-twonav .wx-page-twonavlist .bd li:after{ display:none} .wx-page-twonav .wx-page-twonavlist .bd li.active a{height:40px; line-height:40px;} .wx-page-twonav .wx-page-twonavlist .bd li:hover a{height:40px; line-height:40px;} .wx-page-title {font-size: 24px; line-height: 45px; margin-bottom: 25px;} .wx-page-main {padding: 30px 0px;} .wx-about-profilemain {padding: 30px 0px 50px;} .wx-about-profileinfo {display: block;} .wx-about-profiletxt,.wx-about-profilemun {width: 100%;} .wx-about-profiletxt h3 {font-size: 42px;} .wx-about-profiletxt h5 {font-size: 16px; margin-bottom: 20px;} .wx-about-profiletxt p {font-size: 13px; line-height: 1.8;} .wx-about-profilemun ul {display: flex; flex-wrap: wrap; justify-content: space-between;} .wx-about-profilemun li {width: 48%;} .wx-about-honormain,.wx-news-main,.wx-contactus-main {padding: 30px 0px;} .wx-about-honorlist .swiper-page {margin-top: 20px;} .wx-products-nav {width: 100%; float: initial;} .wx-products-right {width: 100%; float: initial; margin-top: 20px;} .wx-products-list,.wx-case-list ul {column-gap: 15px; grid-template-columns: 1fr 1fr;} .wx-products-onetxt {padding: 5px;} .wx-products-onetxt h3 {font-size: 14px;} .wx-products-onetxt p {font-size: 12px;} .wx-page-pagination {margin-top: 10px;} .wx-products-detailstitle h1 {font-size: 24px;} .wx-products-detailsinfo {padding: 0px;} .news_list1_btn {padding-bottom: 0px;} .news_list1_prev,.news_list1_next {width: 100%; text-align: left;} .news_list1_prev_bg,.news_list1_next_bg {display: none;} .news_list1_prev a,.news_list1_next a {padding: 0px 0px 0px 25px !important; margin-bottom: 10px;} .news_list1_prev a::after,.news_list1_next a::after {content: '>>'; position: absolute; top: 50%; transform: translateY(-50%); left: 0px;} .wx-support-list ul li {display: block;} .wx-support-list ul li .wx-support-oneimg,.wx-support-list ul li .wx-support-oneinfo {width: 100%;} .wx-support-list ul li .wx-support-oneimg img {margin-bottom: 20px;} .wx-support-list ul li .wx-support-oneinfo h3 {padding-bottom: 10px; margin-bottom: 15px;} .wx-news-list li {padding: 15px; border-radius: 8px;} .wx-news-onedate {width: 70px;} .wx-news-onedate p {font-size: 20px;} .wx-news-oneinfo {width: calc(100% - 80px);} .wx-news-oneinfo h3 {font-size: 18px;} .wx-news-oneinfo p {-webkit-line-clamp: 1; font-size: 12px;} .page-main {padding: 0px;} .newscontent-title {font-size: 24px;} .wx-contact-list {display: block;} .wx-contact-info,.wx-contact-order {width: 100%; border: 0px;} }