/* 公共样式  */

 html,
 body,
 div,
 span,
 p,
 i,
 em,
 cite,
 img,
 small,
 label,
 strong,
 sub,
 sup,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 a,
 b,
 ol,
 ul,
 li {
     font-family: inherit;
     font-weight: lighter;
     outline: 0;
     padding: 0;
     margin: 0;
     border: 0;
     box-sizing: border-box;
 }

 html,
 body {
     font: 10px Helvetica, Tahoma, Arial, Microsoft YaHei, "微软雅黑", sans-serif;
     font-size: 62.5%;
     color: #fff;
 }

 .wrap {
     position: relative;
     margin: 0 auto;
     height: 100%;
 }

 a,
 a:hover,
 a:active {
     text-decoration: none;
     cursor: pointer;
 }

 li {
     list-style: none;
 }

 h4 {
     margin-bottom: 80px;
     color: #333;
     font-size: 3.2rem;
     text-align: center;
     /* font-family: 'PingFangSC-Thin' !important; */
 }

 /* 蓝色边框按钮 */

 .btnBlue {
     display: block;
     margin: 60px auto 0;
     width: 160px;
     height: 50px;
     line-height: 50px;
     color: #0a69c6;
     font-size: 1.7rem;
     font-weight: 400;
     background: url(../images/btn-n.png) no-repeat;
     transition: all .5s;
     text-align: center;
 }

 .btnBlue:hover,
 .channel .btnBlue:hover {
     color: #fff;
     background: url(../images/btn-h.png) no-repeat;
 }

 /* 分割线 */

 .hr-line {
     position: relative;
     margin: 80px auto;
     height: 2px;
 }

 .hr-line::before,
 .hr-line::after {
     content: '';
     display: inline-block;
     width: 30%;
     height: 100%;
     background: url(../images/title-divide-line.png) no-repeat;
     background-size: 100% 2px;
 }

 .hr-line::before {
     float: left;
 }

 .hr-line::after {
     float: right;
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
 }

 .tbivr-logo {
     height: 60px;
 }

 .tbivr-logo a {
     display: inline-block;
     height: 100%;
     max-height: 200px;
 }

 .tbivr-logo a svg {
     display: inline-block;
     height: 100%;
     transform: scale(2.5);
 }

 /* 子页面 banner图片 */

 .sub-banner-area {
     width: 100%;
     height: 594px;
 }

 .banner-area-text {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 66%;
 }

 .sub-banner-area h2 {
     margin-bottom: 30px;
     font-size: 4.8rem;
 }

 .sub-banner-area p {
     font-size: 1.6rem;
     line-height: 30px;
 }

 /* 分类选项卡 */

 .title-tab {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     width: 100%;
 }

 .title-tab li {
     font-size: 1.7rem;
     font-weight: 400;
     color: #808080;
     cursor: pointer;
     transition: all .65s;
 }

 .title-tab li:hover,
 .title-tab li.active {
     color: #0a69c6;
 }

 .title-tab li:not(:first-child)::before {
     content: '';
     display: inline-block;
     margin-left: 15px;
     width: 15px;
     height: 12px;
     border-left: #c3c0c0 1px solid;
 }

 /* 解决方案 - 分类 */

 .solution .title-area {
     margin-bottom: 40px;
 }

 .solution #tabContent>section {
     position: relative;
     padding: 4% 2% 4% 5%;
     color: #fff;
     background: linear-gradient(45deg, #4a7ab6 20%, #275287, #194782);
     background-size: 100% 100%;
 }

 .solution-title {
     width: 100%;
     overflow: hidden;
 }

 .solution-title-text {
     float: left;
     padding-top: 40px;
     width: 53%;
 }

 .solution-title-text h5 {
     margin-bottom: 20px;
     font-size: 3.4rem;
 }

 .solution-title-text p {
     font-size: 1.6rem;
     line-height: 30px;
 }

 .solution-Rimg {
     float: right;
     width: 495px;
     height: 377px;
 }

 /* 解决方案 - 特征亮点 */

 .solution-trait-area h4 {
     margin-bottom: 20px;
 }

 .solution-trait-area .solution-trait-item:not(:first-child) {
     border-left: #9095a7 1px solid;
 }

 .solution-trait-summary {
     margin-bottom: 45px;
     color: #808080;
     font-size: 1.7rem;
     text-align: center;
 }

 .solution-trait {
     width: 100%;
     height: 420px;
     background: url(../images/AiCity-trait-bg.jpg) no-repeat;
     background-size: 100% 100%;
     overflow: hidden;
 }

 .solution-trait-item {
     float: left;
     padding: 8% 4%;
     width: calc(100% / 3);
     height: 100%;
     transition: all 1s;
 }

 .solution-trait-title {
     margin-bottom: 20px;
 }

 .solution-trait-title i {
     font-size: 6rem;
     vertical-align: middle;
 }

 .solution-trait-title span {
     margin-left: 30px;
     font-size: 3.4rem;
     vertical-align: middle
 }

 .solution-trait-item p {
     font-size: 2rem;
     line-height: 45px;
 }

 .solution-trait:hover .solution-trait-item {
     width: 300px;
 }

 .solution-trait .solution-trait-item:hover {
     width: 400px;
 }

 /* 解决方案 - 相关推荐 */

 .solution-recom {
     position: relative;
     margin-top: 70px;
     padding: 10px 0 90px;
     color: #fff;
     background: linear-gradient(45deg, #0e1a5a 20%, #0b2258);
     background-size: 100% 100%;
 }

 .solution-recom-title {
     margin: 80px auto 60px;
     color: #fff;
     font-size: 3.2rem;
     text-align: center;
 }

 /* 解决方案 - 菜单动效 */

 .solution-effect {
     position: relative;
     overflow: hidden;
     margin-bottom: 100px;
 }

 .solution-effect ul {
     overflow: hidden;
 }

 .solution-effect li {
     width: calc((100% - 4px)/2);
     float: left;
     height: 300px;
     text-align: center;
     margin-right: 2px;
     margin-bottom: 2px;
     background: no-repeat center;
     background-size: cover;
 }

 .solution-effect li:nth-of-type(3n) {
     margin-right: 0;
 }

 .solution-effect li {
     background: url(../images/solution-Lmask.jpg) no-repeat;
 }

 .solution-effect li a {
     display: block;
     width: 100%;
     height: 100%;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all .55s;
 }

 .solution-effect li a>i {
     display: block;
     position: absolute;
     width: 0;
     height: 0;
     background: url(../images/solution-mask-Sborder.png) no-repeat;
     transition: all .5s;
     overflow: hidden;
     opacity: 0;
     z-index: 2;
 }

 .solution-effect li a:hover>i {
     opacity: 1;
 }

 .solution-effect li a>i.t {
     overflow: hidden;
     background-position: 0 top;
     background-size: 100%;
     top: 0;
     left: 0;
 }

 .solution-effect li a>i.r {
     background-position: right 0;
     background-size: auto 100%;
     right: 0;
     top: 0;
 }

 .solution-effect li a>i.b {
     background-position: 0 bottom;
     background-size: 100%;
     bottom: 0;
     right: 0;
 }

 .solution-effect li a>i.l {
     background-position: left 0;
     background-size: auto 100%;
     left: 0;
     bottom: 0;
 }

 .solution-effect li a:hover>i.t,
 .solution-effect li a:hover>i.b {
     width: 100%;
     height: 3px;
 }

 .solution-effect li a:hover>i.r,
 .solution-effect li a:hover>i.l {
     height: 100%;
     width: 3px;
 }

 .solution-effect li a:before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     /* background: linear-gradient(rgba(16, 52, 116, 1), rgba(35, 69, 199, 1)); */
     transition: all .8s;
     background-size: cover;
 }

 .solution-effect li:nth-child(1) a::before {
     background: url(../images/2022/bg-11.png) no-repeat;
     background-size: cover;
 }

 .solution-effect li:nth-child(2) a::before {
     background: url(../images/2022/bg-12.png) no-repeat;
     background-size: cover;
 }

 .solution-effect li:nth-child(3) a::before {
     background: url(../images/2022/bg-13.png) no-repeat;
     background-size: cover;
 }

 .solution-effect li:nth-child(4) a::before {
     background: url(../images/2022/bg-14.png) no-repeat;
     background-size: cover;
 }

 .solution-effect li:nth-child(5) a::before {
     background: url(../images/2022/bg-15.png) no-repeat;
     background-size: cover;
 }

 .solution-effect li a:hover:before {
     opacity: 0;
 }

 .solution-effect span {
     position: relative;
     display: block;
     width: 100%;
     color: #fff;
     font-size: 2rem;
     text-align: center;
     background: no-repeat top center;
     transition: all .5s;
     background-size: 75px;
     opacity: 1;
 }

 .solution-effect span i {
     font-size: 5rem;
 }

 .solution-effect span p {
     margin-top: 20px;
 }

 /* 遮罩层 */

 .solution-mask {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     padding: 10% 12%;
     width: 100%;
     height: 100%;
     color: #fff;
     font-size: 1.6rem;
     background: url(../images/solution-mask.jpg) no-repeat;
     background-size: cover;
     cursor: pointer;
     transition: all .85s;
     z-index: 1;
 }

 .solution-effect li:hover .solution-mask {
     opacity: 1;
 }

 .solution-effect li:hover span {
     opacity: 0;
 }

 .solution-mask p {
     line-height: 30px;
     text-align: left;
 }

 .solutionBtn {
     margin: 30px auto;
     width: 110px;
     height: 36px;
     line-height: 36px;
     color: #5bdde9;
     background: url(../images/solution-btn-n.png) no-repeat;
     text-align: center;
 }

 /* 渠道或代理 */

 .channel {
     position: relative;
     margin-top: 100px;
     height: 400px;
     color: #fff;
     background: linear-gradient(45deg, #0e1a5a 20%, #0b2258);
     background-size: 100% 100%;
 }

 .channel .wrap {
     padding: 8% 0;
     z-index: 2;
 }

 .channel .line-bg {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 350px;
     background: url(../images/line-bg.svg) no-repeat center;
     background-size: 100% 100%;
     z-index: 1;
 }

 .channel .btnBlue {
     line-height: 52px;
     color: #fff;
     background: url(../images/btn-border.png) no-repeat;
 }

 .channel h4 {
     margin-bottom: 20px;
     color: #fff;
     font-size: 3.2rem;
 }

 /* pc */

 @media only screen and (min-width: 769px) {

     html,
     body {
         min-width: 1366px;
     }

     .wrap {
         padding: 0 20px;
         width: 1240px;
     }

     h4 {
         font-size: 2rem;
     }
 }

 /* Mobile  */

 @media only screen and (max-width: 767px) {

     /* 公共样式  */
     html,
     body,
     div,
     span,
     p,
     i,
     em,
     cite,
     img,
     small,
     label,
     strong,
     sub,
     sup,
     h1,
     h2,
     h3,
     h4,
     h5,
     h6,
     a,
     b,
     ol,
     ul,
     li {
         font-weight: normal;
     }

     .wrap {
         width: calc(100% - 20px);
         margin: auto;
     }

     h4 {
         margin-bottom: 20px;
         font-size: 1.6rem;
     }

     /* 分割线 */
     .hr-line {
         margin: 30px auto;
         height: 1px;
     }

     .title-tab li {
         font-size: 1.2rem;
     }

     .title-tab li:not(:first-child)::before {
         height: 7px;
     }

     /* 解决方案 - 菜单动效 */
     .solution-effect li {
         height: 130px;
     }

     .solution-effect span {
         font-size: 1.4rem;
     }

     .solution-effect span i {
         font-size: 3rem;
     }

     .solution-effect span p {
         margin-top: 10px;
     }

     /* 遮罩层 */
     .solution-mask {
         display: none;
     }

     /* 子页面 banner图片 */
     .sub-banner-area {
         height: 260px;
     }

     .banner-area-text {
         top: 55%;
         padding: 0 20px 0 10px;
         width: 100%;
     }

     .sub-banner-area h2 {
         margin-bottom: 20px;
         font-size: 1.6rem;
     }

     .sub-banner-area p {
         font-size: 1.2rem;
         line-height: 20px;
         opacity: 0.68;
     }

     /* 解决方案 - 分类 */
     .solution .title-area {
         margin-bottom: 20px;
     }

     .solution-title-text {
         padding-top: 20px;
         width: 100%;
     }

     .solution-title-text h5 {
         margin-bottom: 20px;
         font-size: 1.6rem;
     }

     .solution-title-text p {
         font-size: 1.2rem;
         line-height: 20px;
     }

     .solution-Rimg {
         width: 100%;
         height: auto;
     }

     .solution-Rimg>img {
         max-width: 100%;
     }

     /* 解决方案 - 特征亮点 */
     .solution-trait-area h4 {
         margin-bottom: 10px;
     }

     .solution-trait-summary {
         margin-bottom: 20px;
         font-size: 1.2rem;
     }

     .solution-trait {
         height: 240px;
     }

     .solution-trait-title {
         margin-bottom: 20px;
     }

     .solution-trait-title i {
         font-size: 3rem;
     }

     .solution-trait-title span {
         margin-left: 10px;
         font-size: 1.6rem;
     }

     .solution-trait-item p {
         font-size: 1.2rem;
         line-height: 20px;
     }

     .solution-trait:hover .solution-trait-item,
     .solution-trait .solution-trait-item:hover {
         width: auto
     }

     /* 解决方案 - 相关推荐 */
     .solution-recom {
         margin-top: 20px;
         padding: 10px 0 40px;
     }

     .solution-recom-title {
         margin: 20px auto;
         font-size: 1.6rem;
     }

     /* 解决方案 - 菜单动效 */
     .solution-effect {
         margin-bottom: 0;
     }

     /* 蓝色边框按钮 */
     .btnBlue {
         margin: 20px auto 0;
         width: 100px;
         height: 40px;
         line-height: 40px;
         font-size: 1.2rem;
         background: url(../images/btn-n.png) no-repeat center;
         background-size: 100%;
     }

     /* 渠道或代理 */
     .channel {
         margin-top: 30px;
         height: 200px;
     }

     .channel .wrap {
         padding: 10% 0;
     }

     .channel .line-bg {
         height: 150px;
     }

     .channel .btnBlue {
         line-height: 35px;
         background-size: 100%;
     }

     .channel h4 {
         font-size: 1.6rem;
     }

     .footer-area .tbivr-ft-logo {
         min-height: 90px;
     }
 }

 .beian {
     width: 30px;
     height: 20px;
     background: url(../images/beian.png) no-repeat 20px;
 }

 /** 2022 版本 */

 .ai-cloud.dropDown .submenu-list>a {
     width: 100%;
 }

 .ai-cloud.dropDown .submenu-list>a::before {
     width: 0;
     margin-right: 0;
 }

 .ai-cloud.dropDown .submenu-list>a {
     width: 200px;
 }

 .aiCloud img {
     width: 25px;
     height: 20px;
     position: relative;
     top: -2px;
 }

 #slide.carousel .carousel-item>.carousel-box.algorithm {
     background: url(../images/2022/slide-banner-1.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.env {
     background: url(../images/2022/slide-banner-2.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.water {
     background: url(../images/2022/slide-banner-3.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.factory {
     background: url(../images/2022/slide-banner-4.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.AiCity {
     background: url(../images/2022/slide-banner-8.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.product {
     background: url(../images/2022/slide-banner-5.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.AiEnforce {
     background: url(../images/2022/slide-banner-6.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.partner {
     background: url(../images/2022/slide-banner-7.png) no-repeat;
     background-size: 100% 100%;
 }

 #slide.carousel .carousel-item>.carousel-box.env h3 {
     color: #333333;
 }

 #slide.carousel .carousel-box.water h3,
 #slide.carousel .carousel-box.factory h3,
 #slide.carousel .carousel-box.AiCity h3,
 #slide.carousel .carousel-box.partner h3,
 #slide.carousel .carousel-box.AiEnforce h3,
 #slide.carousel .carousel-box.algorithm h3 {
     color: white;
 }

 #slide.carousel .carousel-box.AiEnforce img {
     width: 507px;
     height: 114px;
 }

 #slide.carousel .carousel-box.factory img {
     width: 572px;
     height: 115px;
 }

 #slide.carousel .carousel-box.algorithm img {
     width: 372px;
     height: 46px;
 }

 #slide.carousel .carousel-box.partner img {
     width: 828px;
     height: 49px;
 }

 #slide.carousel .carousel-box h3 {
     color: #333333;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     margin-top: 35px;
     line-height: 30px;
 }

 .carousel-box.env .btnMore {
     color: white;
 }

 .carousel-box-text .btnMore {
     font-family: inherit;
     font-weight: 400;
 }

 .carousel-box-text .btnMore::after {
     color: white;
     border: 7px solid white;
     border-top-color: transparent;
     border-bottom-color: transparent;
     border-right: none;
 }

 #slide.carousel .center {
     width: 80%;
     height: 150px;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     text-align: center;
 }

 #slide.carousel .center img {
     margin: auto;
 }

 #slide.carousel .center .word {
     text-align: center;
     line-height: 30px;
 }

 #slide.carousel .center .btnMore {
     font-family: inherit;
     font-weight: 400;
 }

 #slide.carousel .carousel-box-text.right {
     right: 20px;
     left: inherit;
 }

 #slide.carousel .carousel-box-text.right .btnMore {
     right: 0;
     position: absolute;
 }

 #slide.carousel .partner .btnMore {
     margin: 60px auto 0;
     text-align: left;
 }

 body .one-stop-area {
     background: url(../images/2022/one-stop-area-bg.png) no-repeat;
     background-size: 100% 100%;
     margin: 0 auto;
     padding-top: 50px;
     padding-bottom: 60px;
 }

 .one-stop-area .wrap h4 {
     color: rgba(51, 51, 51, 1);
     font-weight: 400;
 }

 .one-stop-area .wrap li {
     border: 4px solid #EEF3FA;
     border-radius: 20px;
 }

 .solution-effect.home .solution-effect-last {
     width: calc((100% - 3px)/3*2);
 }

 .solution-summary.solution-summarys {
     justify-content: flex-start;
 }

 .solution-summary-item {
     width: 31%;
     background: rgba(0, 0, 51, .2);
     border-radius: 5px;
     overflow: hidden;
     margin-right: calc((100% - 93%) / 2);
     margin-bottom: 10px;
 }

 .solution-summary-item:nth-last-child(1) {
     margin-right: 0;
 }

 .solution-summary-item .solution-summary-title {
     padding-left: 30px;
     height: 70px;
     line-height: 70px;
     font-size: 2rem;
     letter-spacing: 2px;
     background: rgba(0, 0, 51, .2);
     color: white;
 }

 .solution-summary-item .solution-summary-content {
     padding: 30px;
     overflow: hidden;
 }

 .solution-summary-item .solution-summary-content li {
     line-height: 40px;
     font-size: 1.6rem;
     width: 100%;
 }

 .solution-summary .solution-summary-item:nth-child(1) li {
     float: left;
     width: 50%;
 }

 .solution-summary .solution-summary-item.mobile ul {
     display: flex;
     justify-content: space-between;
 }

 .solution-summary-content li::before {
     content: ' • ';
     display: inline-block;
     width: 20px;
     opacity: .65;
 }

 .solution-summary .solution-summary-item:nth-child(1) li:last-child::before {
     content: '';
 }

 .solution-summary.solution-summarys .solution-summary-content.two-line li {
     width: 50%;
     float: left;
 }

 .solution-summary.solution-summarys .solution-summary-content.one-line li {
     width: 100%;
 }

 .paas-main .paas-slide .carousel-inners {
     flex-wrap: wrap;
     position: relative;
     overflow: hidden;
 }

 .paas-main .paas-slide .carousel-inners-all {
     position: relative;
 }

 /* Mobile */
 @media only screen and (max-width: 767px) {
     #slide.carousel .carousel-box-text.right {
         right: 0;
         padding: 0 10px;
         box-sizing: border-box;
     }

     #slide.carousel .algorithm .center img {
         width: 80%;
         margin: 0 10% 20px;
         height: 35px;
     }

     #slide.carousel .carousel-item>.carousel-box.env h3 {
         margin-top: 0px;
     }

     #slide.carousel .env .wrap img {
         width: 80%;
         margin: 0 10% 10px;
     }

     #slide.carousel .water .wrap img {
         width: 80%;
         margin: 0 10% 10px;
     }

     #slide.carousel .factory .wrap img {
         width: 80%;
         margin: 0 10% 0;
         height: 50px;
     }

     #slide.carousel .factory .word {
         width: 90%;
         margin: 0 5% 0px;
     }

     #slide.carousel .AiCity img {
         width: 80%;
         height: 35px;
     }

     #slide.carousel .carousel-box.AiEnforce img {
         width: 90%;
         height: 65px;
     }

     #slide.carousel .product .wrap img {
         width: 80%;
         margin: 0 10% 0px;
         height: 35px;
     }

     #slide.carousel .product .wrap .word {
         width: 100%;
     }

     #slide.carousel .partner.carousel-box img {
         width: 100%;
         height: 35px;
         margin-bottom: 0;
     }

     #slide.carousel .carousel-box-text.right .btnMore {
         right: 20px;
     }

     #slide.carousel .env .carousel-box-text,
     #slide.carousel .water .carousel-box-text,
     #slide.carousel .AiEnforce .carousel-box-text,
     #slide.carousel .factory .carousel-box-text,
     #slide.carousel .AiCity .carousel-box-text,
     #slide.carousel .product .carousel-box-text {
         top: 10%;
     }

     #slide.carousel .carousel-box h3 {
         margin-top: 10px;
         line-height: 25px;
     }

     #slide.carousel .carousel-box .btnMore {
         margin-top: 10px;
     }

     .solution-effect.home .solution-effect-last {
         width: calc((100% - 3px)/3*2);
     }

     .one-stop-area .one-stop {
         flex-wrap: wrap;
     }

     .one-stop-area .one-stop li {
         width: calc(50% - 20px);
         margin-bottom: 10px;
     }

     .one-stop-area .one-stop li .one-stop-icon {
         width: 65px;
         height: 100px;
     }

     .sub-banner-area h3 {
         margin-bottom: 10px;
         font-size: 1.4rem;
     }

     .sub-banner-area .banner-area-text {
         transform: initial !important;
         top: 33%;
     }

     .sub-banner-area .banner-area-text div.word {
         width: 100%;
     }

     .sub-banner-area .banner-area-text img {
         width: 100%;
     }

     .sub-banner-area.AiEnforce-banner .banner-area-text img {
         width: 200px;
         height: 50px;
     }

     .sub-banner-area.algorithm-banner .banner-area-text img {
         width: 200px;
     }

     .sub-banner-area.environment-banner .banner-area-text img {
         width: 230px;
     }

     .sub-banner-area.AiCity-banner .banner-area-text img {
         width: 130px;
     }

     .sub-banner-area.AiSatety-banner .banner-area-text img {
         width: 80%;
     }

     .sub-banner-area.AiSatety-banner .banner-area-text {
         top: 25%;
     }

     .target-detection-box.person {
         flex-wrap: wrap;
     }

     .target-detection-box.person::after {
         content: '';
         width: calc((100% - 15px) / 4);
     }

     .target-detection-box.env::after {
         content: '';
         width: calc((100% - 15px) / 4 * 3);
     }

     .target-detection-box.boatjc::after {
         content: '';
         width: calc((100% - 15px) / 3);
     }

     .target-detection-box.fireworks::after {
         content: '';
         width: calc((100% - 15px) / 3 * 2);
     }

     .target-detection-box.person .item-area {
         width: calc((100% - 15px) / 4);
         height: 100px;
     }


     .target-detection-box.carjc .item-area {
         width: calc((100% - 15px) / 2);
         height: 140px;
     }

     .target-detection-box.boatjc .item-area {
         width: calc((100% - 15px) / 3);
         height: 140px;
     }

     .target-detection-box.env .item-area {
         width: calc((100% - 15px) / 4);
         height: 100px;
     }

     .target-detection-box .item-area .item-title img {
         width: 40px;
         height: 40px;
     }

     .computed .wrap {
         box-sizing: border-box;
     }

     .computed .wrap .word {
         width: 100%;
         padding-top: 20px;
         padding-bottom: 20px;
     }

     .computed .wrap .imgs {
         width: 100%;
         padding-left: 0;
     }

     .computed .iBox-DO2 img {
         margin-left: 20px;
         width: 90%;
         height: 190px;
     }

     .computed .iBox-DO8 img {
         margin-left: 20px;
         width: 90%;
         height: 150px;
     }

     .computed .iBox-DO2 h3,
     .computed .iBox-DO8 h3 {
         left: 100px;
     }

     .computed .iBox-DO8 h3 {
         top: 180px;
     }

     .computed .iBox-DO8 h3:nth-child(3) {
         top: 230px;
     }

     .computed .iBox-DO8 .more {
         top: 300px;
     }

     .computed .iBox-DO2 .more,
     .computed .iBox-DO8 .more {
         left: 100px;
     }



     .digital-twin-main .main-one,
     .digital-twin-main .main-two {
         margin-top: 20px;
     }

     .digital-twin-main .main-two {
         padding-top: 20px;
     }

     .paas-main {
         padding-top: 20px;
     }

     .paas-main .main-one .title {
         width: 100%;
     }

     .paas-main .main-two {
         margin-top: 20px;
         height: 450px;
     }

     .paas-main .main-two .main-t {
         padding-top: 20px;
         height: 300px;
     }

     .paas-main .main-two .titles {
         margin-top: 30px;
     }

     .paas-main .main-two .titles::after {
         width: 100%;
     }

     .paas-main .paas-slide {
         width: 100%;
         height: 300px !important;
     }


     .paas-main .slide-area-con .carousels {
         width: 80%;
         margin: auto;
     }

     .slide-area-con .carousels .pre {
         width: 34px;
         height: 34px;
         left: 2px;
     }

     .slide-area-con .carousels .next {
         width: 34px;
         height: 34px;
         right: 2px;
     }

     .paas-main .paas-slide .carousel-inners .carousel-items {
         width: calc((100% - 20px) / 2);
     }

     .navBar .dropDown .submenu-list>a {
         width: 100%;
     }

     .navBar .dropDown .submenu-list>a::before {
         width: 0;
     }

     .dropDown .submenu-list>a {
         width: 200px;
     }

     .proiBox-dimg.d08 {
         width: 170px;
         height: 100px;
         top: 20%;
     }

     .proiBox-dimg.d04 {
         width: 170px;
         height: 100px;
         top: 74%;
     }

     .proiBox-img-Fd {
         width: 200px;
     }

     .proiBox-img-Fd.rk {
         top: 20%;
         width: 170px;
         height: 80px;
     }

     .proiBox-img-Fg.rk {
         width: 170px;
         height: 80px;
     }

     .D08-area .proiBox-img-Fd {
         width: 400px;
         height: 100px;
     }

     .D08-area .proiBox-img-Fg {
         width: 400px;
         height: 100px;
     }

     .D08-area .proiBox-paramet-text:nth-last-child(1) {
         margin-top: 40%;
     }

     .rk-area .proiBox-paramet-text:nth-last-child(1) {
         margin-top: 40%;
     }

     .sub-banner-area.algorithm-banner .banner-area-text .word {
         margin-top: 10px;
     }

     .sub-banner-area.algorithm-banner .banner-area-text h3 {
         line-height: 25px;
     }


     .campus .solution-summary-item {
         width: 100%;
         margin-bottom: 10px;
     }

     .campus .solution-summary-item li {
         width: 100% !important;
     }

     div.sub-banner-area .banner-area-text h3 {
         font-size: 12px;
         line-height: 16px;
     }

     .solution-summary li,
     .solution-summary li {
         width: calc((100% - 10px) / 2) !important;
     }

     .solution-summarys.solution-summary li {
         width: 100% !important;
     }

     .solution-summarys .solution-summary-item {
         width: 100%;
     }

     .solution-summarys .solution-summary-item {
         margin-right: 0;
     }

     .solution-summarys.solution-summary .solution-summary-item:nth-child(1) li {
         width: 100% !important;
     }
 }

 /* PC */
 @media only screen and (min-width: 1200px) {

     .sub-banner-area h3 {
         margin-bottom: 30px;
         font-size: 3.8rem;
     }

     #slide.carousel .env img {
         width: 600px;
     }

     #slide.carousel .env .wrap .word {
         width: 600px;
     }

     #slide.carousel .water .wrap .word {
         width: 520px;
     }

     #slide.carousel .factory .wrap .word {
         width: 572px;
     }

     #slide.carousel .product .wrap .word {
         width: 560px;
     }

     .one-stop-area .wrap li {
         width: 276px;
         min-height: 440px;
     }

     .one-stop-area .one-stop li>i {
         width: 140px;
         height: 230px;
         margin-top: 70px;
     }

     .header-area .horizontal .submenu-list {
         text-align: left;
     }

     .header-area .horizontal .submenu-list>a {
         position: relative;
         width: auto;
         margin-right: 20px;
         display: inline-block;
     }

     .header-area .horizontal .submenu-list>a:hover::before {
         background-color: white;
     }

     .header-area .horizontal .submenu-list>a::before {
         height: 2px;
         background-color: rgba(101, 105, 106, 1);
         position: absolute;
         bottom: 10px;
         width: 30px;
         margin: 0;
     }

     .header-area .case .submenu-list {
         width: 650px;
         height: 350px;
     }

     .header-area .case .submenu-list-tab {
         position: absolute;
         left: -10000px;
         padding-left: 30px;
     }

     .header-area .case .submenu-list a {
         width: 90px;
     }

     .header-area .case .submenu-list-tab:nth-child(2) {
         left: 0;
     }

     .header-area .case .submenu-list-tab:nth-child(4) {
         left: 110px;
     }

     .header-area .case .submenu-list-tab:nth-child(6) {
         left: 225px;
     }

     .header-area .case .submenu-list-tab:nth-child(8) {
         left: 340px;
     }

     .header-area .case .submenu-list-tab:nth-child(10) {
         left: 450px;
     }

     .header-area .serve .submenu-list {
         width: 280px;
         height: 280px;
     }

     .header-area .serve .submenu-list>a {
         width: 100%;
     }

     .header-area .serve .submenu-list a::before {
         width: 0;
         height: 0;
         margin: 0;
     }

     .header-area .serve .submenu-list-tab {
         padding-left: 20px;
     }

 }


 .header-area .navBar .technology a:before {
     display: none;
 }

 .sub-banner-area .banner-area-text .word {
     width: 600px;
     margin-top: 35px;
 }

 .sub-banner-area .banner-area-text h3 {
     color: #333333;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     line-height: 30px;
 }

 .sub-banner-area.algorithm-banner .banner-area-text h3,
 .sub-banner-area.AiSatety-banner .banner-area-text h3,
 .sub-banner-area.AiCity-banner .banner-area-text h3,
 .sub-banner-area.AiEnforce-banner .banner-area-text h3,
 .sub-banner-area.WaterConservancy-banner .banner-area-text h3 {
     color: white;
 }

 /** 2022 版本 */