body {margin: 0;padding: 0;font-size: 16px;color: #191919;font-family: 'Roboto', sans-serif;font-weight: normal;font-style: normal;} a,button {-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} *::-moz-selection {background: #A41517;color: #fff;text-shadow: none;} ::-moz-selection {background: #A41517;color: #fff;text-shadow: none;} ::selection {background: #A41517;color: #fff;text-shadow: none;} *::-moz-placeholder {color: #555555;font-size: 14px;opacity: 1;} *::placeholder {color: #555555;font-size: 14px;opacity: 1;} h1,h2,h3,h4,h5,h6,p {margin: 0;padding: 0;} h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif;font-weight: 700;color: #333;} .h_color_w h1,.h_color_w h2,.h_color_w h3,.h_color_w h4,.h_color_w h5,.h_color_w h6{color: #FFFFFF;} .h_color_w p{color: #FFFFFF;} ul {margin: 0;padding: 0;list-style: none;} a {text-decoration: none;transition: .2s;-webkit-transition: all .2s ease-in-out; color: unset; } a:hover {text-decoration: none;color: #A41517; } button:focus {outline: none;} input:focus {outline: none;} textarea:focus {outline: none;} /*内外边距*/ .ptb{padding:0 auto;} .prl{padding:auto 0;} .ptrbl-5{padding:5px;} .ptrbl-15{padding:15px;} .ptrbl-30{padding:30px;} .ptrbl-60{padding:60px;} .ptb-100{padding-top: 100px;padding-bottom: 70px;} .ptb-70{padding: 70px 0px;} .ptb-20{padding: 20px 0px;} .pb-100{padding-bottom: 100px;} .pt-70{padding-top: 70px;} .mtb{margin: 0 auto;} .mrl{margin: auto 0;} .mtrbl-30{margin: 30px;} /* Padding Top */ .pt-5{padding-top:5px;} .pt-10{padding-top:10px;} .pt-15{padding-top:15px;} .pt-20{padding-top:20px;} .pt-25{padding-top:25px;} .pt-30{padding-top:30px;} .pt-35{padding-top:35px;} .pt-40{padding-top:40px;} .pt-45{padding-top:45px;} .pt-50{padding-top:50px;} .pt-55{padding-top:55px;} .pt-60{padding-top:60px;} .pt-65{padding-top:65px;} .pt-70{padding-top:70px;} .pt-75{padding-top:75px;} .pt-80{padding-top:80px;} .pt-85{padding-top:85px;} .pt-90{padding-top:90px;} .pt-95{padding-top:95px;} .pt-100{padding-top:100px;} .pt-105{padding-top:105px;} .pt-110{padding-top:110px;} .pt-120{padding-top:120px;} .pt-130{padding-top:130px;} .pt-140{padding-top:140px;} .pt-150{padding-top:150px;} .pt-160{padding-top:160px;} .pt-170{padding-top:170px;} .pt-180{padding-top:180px;} .pt-190{padding-top:190px;} .pt-200{padding-top:200px;} /* Padding Bottom */ .pb-5{padding-bottom:5px;} .pb-10{padding-bottom:10px;} .pb-15{padding-bottom:15px;} .pb-20{padding-bottom:20px;} .pb-25{padding-bottom:25px;} .pb-30{padding-bottom:30px;} .pb-35{padding-bottom:35px;} .pb-40{padding-bottom:40px;} .pb-45{padding-bottom:45px;} .pb-50{padding-bottom:50px;} .pb-55{padding-bottom:55px;} .pb-60{padding-bottom:60px;} .pb-65{padding-bottom:65px;} .pb-70{padding-bottom:70px;} .pb-75{padding-bottom:75px;} .pb-80{padding-bottom:80px;} .pb-85{padding-bottom:85px;} .pb-90{padding-bottom:90px;} .pb-95{padding-bottom:95px;} .pb-100{padding-bottom:100px;} .pb-110{padding-bottom:110px;} .pb-120{padding-bottom:120px;} .pb-130{padding-bottom:130px;} .pb-140{padding-bottom:140px;} .pb-150{padding-bottom:150px;} .pb-160{padding-bottom:160px;} .pb-170{padding-bottom:170px;} .pb-180{padding-bottom:180px;} .pb-190{padding-bottom:190px;} .pb-200{padding-bottom:200px;} /* margin Top */ .mt-5{margin-top:5px;} .mt-10{margin-top:10px;} .mt-15{margin-top:15px;} .mt-20{margin-top:20px;} .mt-25{margin-top:25px;} .mt-30{margin-top:30px;} .mt-35{margin-top:35px;} .mt-40{margin-top:40px;} .mt-45{margin-top:45px;} .mt-50{margin-top:50px;} .mt-55{margin-top:55px;} .mt-60{margin-top:60px;} .mt-65{margin-top:65px;} .mt-70{margin-top:70px;} .mt-75{margin-top:75px;} .mt-80{margin-top:80px;} .mt-85{margin-top:85px;} .mt-90{margin-top:90px;} .mt-95{margin-top:95px;} .mt-100{margin-top:100px;} .mt-110{margin-top:110px;} .mt-120{margin-top:120px;} .mt-130{margin-top:130px;} .mt-140{margin-top:140px;} .mt-150{margin-top:150px;} .mt-160{margin-top:160px;} .mt-170{margin-top:170px;} .mt-180{margin-top:180px;} .mt-190{margin-top:190px;} .mt-200{margin-top:200px;} /* margin bottom */ .mb-5{margin-bottom:5px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-35{margin-bottom:35px;} .mb-40{margin-bottom:40px;} .mb-45{margin-bottom:45px;} .mb-50{margin-bottom:50px;} .mb-55{margin-bottom:55px;} .mb-60{margin-bottom:60px;} .mb-65{margin-bottom:65px;} .{margin-bottom:70px;} .mb-75{margin-bottom:75px;} .mb-80{margin-bottom:80px;} .mb-85{margin-bottom:85px;} .mb-90{margin-bottom:90px;} .mb-95{margin-bottom:95px;} .mb-100{margin-bottom:100px;} .mb-110{margin-bottom:110px;} .mb-120{margin-bottom:120px;} .mb-130{margin-bottom:130px;} .mb-140{margin-bottom:140px;} .mb-150{margin-bottom:150px;} .mb-160{margin-bottom:160px;} .mb-170{margin-bottom:170px;} .mb-180{margin-bottom:180px;} .mb-190{margin-bottom:190px;} .mb-200{margin-bottom:200px;} .text-right{ text-align: right; } /* Padding Top .pt-5{padding-top:5px;} 5-200 .pb-5{padding-bottom:5px;} 5-200 */ /* margin Top .mt-5{margin-top:5px;}5-200 .mb-5{margin-bottom:5px;}5-200 */ /*内部绝对居中*/ .txttop{position:static;} .txtmd {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);} .txthh {position: relative;top: 50%;transform: translateY(-50%);} /*布局*/ .t_t {display: flex;align-items: stretch;} .t_a {display: flex;flex-direction: column;/* 设置为列布局 */justify-content: flex-end;} .t_b {display: flex;flex-wrap: wrap;justify-content:center;} /*内外边距*/ .ptb{padding:0 auto;} .prl{padding:auto 0;} .ptrbl-5{padding:5px;} .ptrbl-15{padding:15px;} .ptrbl-30{padding:30px;} .ptrbl-60{padding:60px;} .mtb{margin: 0 auto;} .mrl{margin: auto 0;} .mtrbl-30{margin: 30px;} .m-t{margin-top: calc(var(--bs-gutter-x) / 2);} .m-r{margin-right:calc(var(--bs-gutter-x) / 2) ;} .m-b{margin-bottom: calc(var(--bs-gutter-x) / 2);} .m-l{margin-left: calc(var(--bs-gutter-x) / 2);} .m-all{margin: calc(var(--bs-gutter-x) / 2);} .m-tb{margin-top: calc(var(--bs-gutter-x) / 2);margin-bottom: calc(var(--bs-gutter-x) / 2);} .m-lr{margin-left: calc(var(--bs-gutter-x) / 2);margin-right:calc(var(--bs-gutter-x) / 2) ;} .p-t{padding-top: calc(var(--bs-gutter-x) / 2);} .p-r{padding-right:calc(var(--bs-gutter-x) / 2) ;} .p-b{padding-bottom:calc(var(--bs-gutter-x) / 2) ;} .p-l{padding-left:calc(var(--bs-gutter-x) / 2) ;} .p-all{padding:calc(var(--bs-gutter-x) / 2) ;} .p-tb{padding-top: calc(var(--bs-gutter-x) / 2);padding-bottom:calc(var(--bs-gutter-x) / 2) ;} .p-lr{padding-left:calc(var(--bs-gutter-x) / 2) ;padding-right:calc(var(--bs-gutter-x) / 2) ;} /*垂直居中*/ .txtwh {position: relative;left: 50%;transform: translateX(-50%);} /*平行居中*/ .divmd {margin-top: var(--bs-gutter-y);margin-bottom: var(--bs-gutter-y);} /*内容边距*/ .wp_4_2 {padding: calc(var(--bs-gutter-x) / 2);} .wp_lr_2 {padding: calc(var(--bs-gutter-x) / 2);} /*框*/ .hover-01 {display: inline-block;border-radius: 1px;box-shadow: 0px 2px 10px 0px rgba(181, 194, 226, 0.4);} .hover-01:hover {display: inline-block;border-radius: 3px;box-shadow: 0px 5px 20px 0px rgba(181, 194, 226, 0.4);} .hover-02 {box-shadow: 0px 2px 10px 0px rgba(181, 194, 226, 0.4);/* display: flex;flex-direction: column;justify-content: center;align-items: stretch;box-sizing: border-box; padding:0px; */} .hover-03 {display: inline-block;border-radius: 1px;box-shadow: darkgrey 0px 0px 5px 1px;} .hover-03:hover {display: inline-block;border-radius: 3px;box-shadow: darkgrey 0px 0px 15px 3px;} .hover-04 {box-shadow: 0px 5px 5px 0px rgba(181, 194, 226, 0.4);display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;} /*边框半圆*/ .d_b5 {border-radius: 5px;} /*显示与隐藏*/ .d-dn {display: none;} /*不显示*/ .d-db {display: block;} /*显示*/ .ov {overflow: visible;} /*默认值。内容不会被修剪，会呈现在元素框之外*/ .oh {overflow: hidden;} /*内容会被修剪，并且其余内容是不可见的*/ .os {overflow: scroll;} /*内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。*/ .oa {overflow: auto;} /*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容*/ .oi {overflow: inherit;} /*规定应该从父元素继承 overflow 属性的值*/ /*背景色*/ .bei-f8 {background: #F8F8F8;} .bei-742{background: #222742;} .bei-co-f80 {background-color: rgba(255, 255, 255, 0.8);} .bei-co-f50 {background-color: rgba(255, 255, 255, 0.5);} .bei-co-f30 {background-color: rgba(255, 255, 255, 0.3);} .bei-co-f {background-color: rgba(255, 255, 255, 1.00);} .bei-co-h80 {background-color: rgba(000, 000, 000, 0.8);} .bei-co-h70 {background-color: rgba(000, 000, 000, 0.7);} .bei-co-h50 {background-color: rgba(000, 000, 000, 0.5);} .bei-co-h30 {background-color: rgba(000, 000, 000, 0.3);} .bei-co-h10 {background-color: rgba(000, 000, 000, 0.1);} .bei-co-h {background-color: rgba(000, 000, 000, 1.00);} .bei-c-1{background-color: rgb(243, 105, 121);} .bei-c-2{background-color: rgb(61, 197, 174);} .bei-c-3{background-color: rgb(255, 179, 42);} .bei-c-4{background-color: rgb(228, 71, 60);} .bei-c-5{background-color: rgb(1, 183, 96);} .bei-c-6{background-color: rgb(253, 167, 59);} .bei-c-7{background-color: rgb(72, 135, 209);} .bei-c-8{background-color: rgb(18, 206, 93);} .bei-c-9{background-color: rgb(125, 94, 232);} .bei-c-10{background-color: rgb(253, 209, 62);} /*纯色*/ .img_black{filter: grayscale(100%) brightness(1000%); } .kfimg {text-align: center;} .kfimg img{height: 80px; margin: 0 auto;} /*背景图*/ .bei-a1,.bei-b1{background: url("../image/b/banner1.png") no-repeat center center;}/*办公场景*/ .bei-a2,.bei-b2{background: url("../image/b/banner2.png") no-repeat center center;}/*合作握手*/ .bei-a3,.bei-b3{background: url("../image/b/banner3.jpg") no-repeat center center;}/*右边科技*/ .bei-a4,.bei-b4{background: url("../image/b/banner4.jpg") no-repeat center center;}/*手拿手机*/ .bei-a5,.bei-b5{background: url("../image/b/banner5.jpg") no-repeat center center;}/*虚幻电脑*/ .bei-a6,.bei-b6{background: url("../image/b/banner6.jpg") no-repeat center center;}/*淡色背景*/ .bei-a7,.bei-b7{background: url("../image/b/web01.jpg") no-repeat center center;}/*多网页背景*/ .bei-a8,.bei-b8{background: url("../image/b/web02.jpg") no-repeat center center;}/*地球星空*/ .bei-a9,.bei-b9{background: url("../image/b/web03.jpg") no-repeat center center;}/*星空数码*/ .bei-a10,.bei-b10{background: url("../image/b/web04.jpg") no-repeat center center;}/*合作商务*/ .bei-a11,.bei-b11{background: url("../image/b/in_bei01.jpg") no-repeat center center;}/*工作桌面*/ .bei-aai1,.bei-bai1{background: url("../image/b/ai01.jpeg") no-repeat center center;}/*AI人机手*/ .bei-aai2,.bei-bai2{background: url("../image/b/ai02.jpeg") no-repeat center center;}/*卡通AI标识*/ .bei-aai3,.bei-bai3{background: url("../image/b/ai03.jpeg") no-repeat center center;}/*AI标识*/ .bei-a1,.bei-a2,.bei-a3,.bei-a4,.bei-a5,.bei-a6,.bei-a7,.bei-a8,.bei-a9,.bei-a10,.bei-a11,.bei-bai1,.bei-bai2,.bei-bai3,.bei-b1,.bei-b2,.bei-b3,.bei-b4,.bei-b5,.bei-b6,.bei-b7,.bei-b8,.bei-b9,.bei-b10.bei-b11,.bei-bai1,.bei-bai2,.bei-bai3{background-size:cover;} .bei-b1,.bei-b2,.bei-b3,.bei-b4,.bei-b5,.bei-b6,.bei-b7,.bei-b8,.bei-b9,.bei-b10,.bei-b11,.bei-bai1,.bei-bai2,.bei-bai3{background-attachment: fixed;} .beiwf,.bei-wf {width: 100%;background: url(../image/b/dotf.png)repeat 0px 0px;background-size: 2px;-webkit-background-size: 2px;-moz-background-size: 2px;-o-background-size: 2px;-ms-background-size: 2px;} .beiwh,.bei-wh {width: 100%;background: url(../image/b/dott.png)repeat 0px 0px;background-size: 2px;-webkit-background-size: 2px;-moz-background-size: 2px;-o-background-size: 2px;-ms-background-size: 2px;} .beiwh,.beiwf {height: 100vh;} .beia01{ background:url("../image/b/lbei01.png") no-repeat 0px 0px;background-size:cover;} .beia02{ background:url("../image/b/lbei02.png") no-repeat 0px 0px;background-size:cover;} .beia03{ background:url("../image/b/lbei03.png") no-repeat 0px 0px;background-size:cover;} .beia05{ background:url("../image/bei/bg2.jpg") no-repeat center center;background-size:cover;} /*背景*/ .ser_bran .content {padding: 10px;text-align: left;} .ser_bran .content h1 {color: #FFFFFF; font-weight: 400; margin-bottom: 15px;} .ser_bran .content h5 {color: #FFFFFF; margin-bottom: 15px;} .ser_bran .content p {color: #FFFFFF;line-height: 2rem;} .cat_shop{background:url("../image/b/banner3.jpg") no-repeat center top; background-attachment:fixed;width: 100%;} .cat_shop .content {padding: 10px;text-align: left;} .cat_shop .content h1 {color: #FFFFFF; font-weight: 400; margin-bottom: 15px;} .cat_shop .content h5 {color: #FFFFFF; margin-bottom: 15px;} .cat_shop .content p {color: #FFFFFF;line-height: 2rem;} .shop_a{background-color:#f8fbff;} .shop_b .img img{max-width: 100%;} .shop_b img{max-width: 100%;} .shop_c{} .shop .item{display: inline-block; width: 100%; border-color:#ccc; border-radius: 1px;box-shadow: darkgrey 0px 0px 3px 1px; background-color: #fff; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; padding: 20px 0; text-align: center; margin-bottom: 20px;} .shop .item:hover{margin-top: -10px;} .shop .item .img{ text-align: center; width: 25%; margin: 0 auto;} .shop .item .text{ text-align: center; width: 75%; margin: 0 auto;text-align: left;} .shop .item img{max-width: 90px;} .shop .item h2{ color: #666; font-size: 1rem;line-height: 2.5rem;font-weight:normal;} .shop .item p{ color: #999;font-size: 0.7rem;line-height: 1.5rem;} @media (min-width: 768px) { .cat_shop .content p {max-width: 700px;} .shop .item h2{ color: #666; font-size: 1rem;line-height: 2.5rem;font-weight:normal;} .shop .item p{ color: #999;font-size: 0.9rem;line-height: 1.5rem;} } .shop_c .gnall{display: flex;flex-direction: column;align-items: stretch; row-gap: 20px;} .shop-gn{flex-direction: column;} /* .shop-gn .beia01,.shop-gn .beia02,.shop-gn .beia03{background:transparent;} */ .shop-gn{ width: 100%;border-color:#ccc; border-radius: 1px;box-shadow: darkgrey 0px 0px 3px 1px; background-color: #fff;display: flex;align-items: stretch;justify-content: space-between; padding: 20px 0;} .shop-gn .le{ width: auto;min-height: auto; font-size:1.5rem; text-align: center; color: ##333;display: flex;align-items: center;flex-direction: row;justify-content: center;} .shop-gn .le span{display:block;} .shop-gn .rt{min-height: 150px;display: flex;flex-grow: 1;} .shop-gn .rt ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-around;align-content: space-around;} .shop-gn .rt li{ display: inline-block;margin: 0;padding: 0 10px;width:70px;text-align: center;} .shop-gn .rt li img{width: 100%;} .shop-gn .rt li span{font-size:0.8rem; font-weight: 400; white-space: nowrap;} @media (min-width: 768px) { .shop-gn{flex-direction: row;padding: 0;} .shop-gn .le{ width: 200px;min-height: 150px; font-size: 1.5rem; text-align: center; color: #fff;flex-shrink: 0;} .shop-gn .rt ul{} .shop-gn .rt li{width:80px;text-align: center;} } .mou_display {display: none;} .icon {display: block;padding-top: 5px;width: 1.8em;height: 1.8em;margin: 0 auto;fill: currentColor;overflow: hidden;} .icona {width: 1.8em;height: 1.8em;margin: 0;fill: currentColor;overflow: hidden;} @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 {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /*Scroll Area*/ .scroll-area {position: fixed;bottom: 20px;right: 20px;z-index: 1;display: none;} .scroll-area i {width: 45px;height: 45px;background-color: #A41517;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #fff;font-size: 20px;} .rowab {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;} .rowab>* {flex-shrink: 0;width: 100%;max-width: 100%;} /* * Button */ .button-1 {display: inline-block;background: #A41517;color: #fff;padding: 20px 40px;text-transform: capitalize;font-weight: 600;letter-spacing: 1px;font-size: 16px;border-radius: 5px;-webkit-transition: all.4s ease-in-out;transition: all .5s ease-in-out;} .button-1:hover {color: #fff;background: #07112d;} .button-2 {display: inline-block;color: #fff;background: #07112d;padding: 20px 40px;text-transform: capitalize;font-weight: 600;letter-spacing: 1px;font-size: 16px;border-radius: 5px;-webkit-transition: all.4s ease-in-out;transition: all .5s ease-in-out;} .button-2:hover {background: #A41517;color: #fff;} .button-3 {display: inline-block; margin-top: 10px; background:rgba(255, 255, 255, 0.5);;color: #fff;padding: 5px 20px;text-transform: capitalize;font-weight: 600;letter-spacing: 1px;font-size:1rem;border-radius: 5px;-webkit-transition: all.4s ease-in-out;transition: all .5s ease-in-out;} .button-3:hover {color: #fff;background: #A41517;} .button-4 {display: inline-block; background:rgba(255, 255, 255, 0.5);;color: #fff;padding: 5px 20px;text-transform: capitalize;letter-spacing: 1px;font-size:0.9rem; margin: 0 auto;border-radius: 5px;-webkit-transition: all.4s ease-in-out;transition: all .5s ease-in-out;} .button-4:hover {color: #fff;background: #A41517;} .button-5 {display: inline-block;background: #A41517;color: #fff;padding: 10px 40px;text-transform: capitalize;font-weight: 600;letter-spacing: 1px;font-size: 16px;border-radius: 5px;-webkit-transition: all.4s ease-in-out;transition: all .5s ease-in-out;} .button-5:hover {color: #fff;background: #07112d;} /*全局菜单*/ /*栏目标题*/ .column{} .column h3{font-size:2rem;font-weight: 400;margin-bottom: 10px;line-height:2rem;} .column p{font-size:1rem;line-height:1.5rem;} /*大小说明*/ /* 基础值（不受min-width影响） row 通用值row-cols-auto、row-cols-6 体现：.row-cols-auto>*{} auto flex: 0 0 auto; width: auto 1 width: 100% 1个 2 width: 50% 2个 3 width: 33.333% 3个 4 width: 25% 4个 5 width: 20% 5个 6 width: 16.66% 6个 col 通用值col-auto、col-12 体现：.col-auto {} auto width auto 1 width：8.3333% 12个 2 width：16.6666% 6个 3 width：25% 4个 4 width：33.3333% 3个 5 width：41.6666% 6 width：50% 2个 7 width：58.3333% 8 width：66.666% 9 width：75% 10 width：83.33333% 11 width：91.6666% 12 width：100% 1个 */ /*应min-width产生变化 sm