/*轮播*/ .carousel{ margin-top: 90px; } .carousel .carousel-indicators li { width: 50px; height: 4px; margin: 1px 7px; background: rgba(255,255,255,0.5); border-radius: 0; border: none; } .carousel .carousel-indicators li.active { background: rgba(255,255,255,1); } .carousel-inner .carousel-caption{ right: 10%; left: 10%; bottom: 205px; text-shadow: none; } .carousel-inner .carousel-caption h2{ font-size: 52px; } .carousel-inner .carousel-caption .scondh2{ margin-top: 48px; } .carousel-inner .carousel-caption h4{ font-size: 42px; } .carousel-inner .carousel-caption ul{ width: 60%; margin: 100px auto 0 auto; } .carousel-inner .carousel-caption ul li{ width: 25%; float: left; text-align: center; overflow: hidden; } .carousel-inner .carousel-caption ul li a{ display: block; width: 56px; height: 56px; margin: 0 auto; padding: 0; overflow: hidden; } .carousel-inner .carousel-caption ul li a img{ display: block; width: 100%; max-height: 100%; overflow: hidden; } .carousel-inner .carousel-caption ul li span{ display: block; width: 24px; height: 2px; background: #fff; margin: 18px auto 24px auto; overflow: hidden; } /**/ .mainitems{ overflow: hidden; } .mainitems .headtit{ color: #333; font-size: 34px; margin-top: 80px; } .mainitems .minstit{ color: #999; font-size: 20px; margin-top: 30px; } .mainitems .bodycnt{ margin-top: 80px; position: relative; } .mainitems .bodycnt .bodycnt-info{ height: 430px; background: #ccc; padding: 0; font-size: 24px; color: #fff; overflow: hidden; } .mainitems .bodycnt .bodycnt-info1{ background: url('../img/yuxiupdata/banner2-11.png') center center no-repeat; } .mainitems .bodycnt .bodycnt-info2{ background: url('../img/yuxiupdata/banner2-22.png') center center no-repeat; } .mainitems .bodycnt .bodycnt-info3{ background: url('../img/yuxiupdata/banner2-33.png') center center no-repeat; } .mainitems .bodycnt .bodycnt-info4{ background: url('../img/yuxiupdata/banner2-44.png') center center no-repeat; } .mainitems .bodycnt .bodycnt-info img{ display: block; width: 80px; height: 80px; margin: 133px auto 0 auto; } .mainitems .bodycnt .bodycnt-info span{ display: block; width: 28px; height: 4px; background: #fff; margin: 59px auto 36px auto; } .mainitems .bodycnt .bodycnt-datails{ background: rgba(255, 23, 23, 0.9); position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; color: #fff; overflow: hidden; display: none; } .mainitems .bodycnt .bodycnt-datails h2{ font-size:28px; margin: 96px 0 0 0; padding: 0; } .mainitems .bodycnt .bodycnt-datails span{ width: 28px; height: 4px; margin: 30px auto 38px auto; background: #fff; display: block; } .mainitems .bodycnt .bodycnt-datails p{ font-size:20px; margin: 0; padding: 0 10%; line-height: 2; } .mainitems .bodycnt .col-lg-2:hover div.bodycnt-datails{ display: block; } /**/ .m-btns{ color: #FF1717; font-size:16px; width: 160px; height: 48px; line-height: 48px; background: #fff; margin: 60px auto 80px auto; border:1px solid rgba(255,23,23,1); } .m-btns a{ color: inherit; } /*物联网解决方案*/ .inteBody{ margin-top: 80px; margin-bottom: 85px; position: relative; } .inteBody div.col-lg-2{ position: relative; } .inteBody div.col-lg-2:hover .intebody-hover{ display: block; } .inteBody .intebody-info{ background: #FAFAFA; height: 390px; padding: 0; margin: 0 -5px; overflow: hidden; position: relative; z-index: 222; } .inteBody .intebody-info a{ width: 120px; height: 120px; margin: 60px auto 0 auto; display: block; } .inteBody .intebody-info h2{ color: #333; font-size: 20px; margin: 40px 0 0 0; } .inteBody .intebody-info p{ color: #999; font-size: 14px; margin: 25px 0 0 0; padding: 0 25%; } .inteBody .intebody-hover{ color: #fff; background: #FF1717; position: absolute; top: -5px; left: 0; right: 0; bottom: -5px; z-index: 888888; overflow: hidden; box-shadow:0px 2px 10px 0px rgba(255,23,23,0.33); display: none; } .inteBody .intebody-hover h2{ font-size:24px; margin: 80px 0 36px 0; } .inteBody .intebody-hover p{ font-size:14px; margin: 0; padding: 0 20%; } .inteBody .intebody-hover a{ color: inherit; width: 110px; height: 36px; line-height: 36px; text-align: center; display: block; border:1px solid rgba(255,255,255,1); position: absolute; bottom: 30px; left: 50%; margin-left: -55px; } /*软件应用开发*/ .applicatBody{ margin: 80px auto; } .applicatBody .appbody-info{ height: 400px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); overflow: hidden; } .applicatBody .appbody-info img{ display: block; width: 100px; height: 100px; margin: 80px auto 52px auto; } .applicatBody .appbody-info h2{ color: #333; font-size: 22px; margin: 0 0 20px 0; padding: 0; } .applicatBody .appbody-info p{ color: #999; font-size: 14px; margin: 0; padding: 0 18%; line-height: 28px; } /*联网智能硬件*/ .hardware{ background: url('../img/yuxiupdata/hardware.png') top center no-repeat #FAFAFA; overflow: hidden; height: auto; } .hardware-conter{ background: #fff; padding: 70px; text-align: left; margin-top: 80px; overflow: hidden; } .hardware-conter img{ float: left; margin: 0 55px 0 0; padding: 0; } .hardware-conter span{ color: #333; font-size: 24px; margin-bottom: 20px; margin-top: 30px; display: inline-block; } .hardware-conter i{ width: 28px; height: 4px; display: block; background: #FF1717; margin-bottom: 18px; font-style: normal; } .hardware-conter p{ color: #999; font-size: 15px; line-height: 1.7; } /*底部*/ .footer{ color: #fff; padding: 65px 0; background: #393939; } .footer h2{ font-size:18px; margin: 0 0 32px 0; padding: 0; } .footer ul { margin: 0; padding: 0; } .footer ul li a, .footer ul li span{ color: #ccc; font-size:14px; margin: 10px 0; padding: 0; display: block; } .min-footer{ line-height: 50px; margin: 0; overflow: hidden; padding: 0; } .left{ float: left; } .right{ float: right; } /*小屏电脑*/ @media (max-width:770px){ .carousel-inner .carousel-caption{ right: 15%; bottom: 10%; } .navbar-default .navbar-brand{ margin: 4px 0 0 0; } .navbar-default .navbar-nav > li > a{ height: auto; line-height: 1.5; padding: 8px 0; } .carousel{ margin-top: 50px; } .hardware-conter{ padding: 20px 8px; } .carousel-inner .carousel-caption .scondh2{ margin-top: 18px; } .carousel-inner .carousel-caption h2{ font-size: 17px; } .carousel-inner .carousel-caption .scondh2{ margin-top: 15px; } .carousel-inner .carousel-caption h4{ font-size: 14px; } .mainitems .headtit{ font-size: 18px; margin-top: 15px; } .mainitems .minstit{ font-size: 15px; margin-top: 8px; } .mainitems .bodycnt{ margin-top: 8px; } .mainitems .bodycnt .bodycnt-info{ height: auto; padding-bottom: 24px; } .mainitems .bodycnt .bodycnt-info img { margin: 26px auto 0 auto; } .mainitems .bodycnt .bodycnt-info span { margin: 14px auto 9px auto; } .inteBody { margin-top: 15px; margin-bottom: 15px; } .applicatBody { margin: 15px auto; } .m-btns { margin: 15px auto; } .footer { padding: 15px 0; } .footer h2 { font-size: 15px; margin: 0 0 10px 0; } .min-footer{ line-height: 15px; font-size: 12px; padding: 4px 8px; text-align: left; } .applicatBody .appbody-info { height: 280px; } .applicatBody .appbody-info img { margin: 20px auto; } .inteBody .intebody-info { height: 280px; margin: 5px -5px; } .inteBody .intebody-info a { margin: 20px auto 0 auto; } .inteBody .intebody-info h2 { margin: 15px 0 0 0; } } /**/ @media screen and (max-width: 414px){ .mainitems .bodycnt .bodycnt-datails h2{ font-size: 22px; margin: 15px 0 0 0; } .mainitems .bodycnt .bodycnt-datails span{ margin: 14px auto 16px auto; } .mainitems .bodycnt .bodycnt-datails p{ font-size: 14px; } .mainitems .bodycnt .bodycnt-datails{ left: 47px; right: 47px; } } /*复制电话号码*/ .servers{ position: fixed; top: 50%; left: 0; z-index: 888888; } .servers img{ width: 50px; }