/*浜у搧鍒楄〃*/ .product-content{width: 1010px; height: 111px; background-color: #fff;box-shadow:0px 2px 44px 0px rgba(0,0,0,0.1); margin: 0 auto; margin-top: -55px; position: relative;z-index: 999;margin-bottom: 20px;} .product-content-item {width: auto; height: 100%; display: inline-block; list-style: none; position: relative; margin-left: 73px;} .product-center-div {width: 100px; height: 30px; margin: auto auto; background-color: yellowgreen;} .product-img {width: 180px; height: 40px; position: relative;display: inline-block; top: 35px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;} .product-content p {display: inline-block;top: 20px;margin-left: 10px;position: relative;} /*缁忓吀妗堜緥*/ .classic-case-content{width: 100%; height: 497px; margin-top: 86px; position: relative;} .scroll-right-content a{width: 100%; height: 100%; display: inline-block; position: absolute; margin-left: -35px; } .case-left-content{width: 38%; height: 100%; background-color:rgba(35,42,58,1); min-width: 300px; position: relative;} .arrow-button-conntent{width: 70px; height: 180px;position: absolute; top: 47px; right: 300px;} .arrow-button{ width: 70px; height: 70px;cursor: pointer} .index-content{width: 172px; height: 140px; position:absolute; top: 60%; right: 235px;} .index-content p {color: white; display: inline-block;} .index-text-img{width: 96px; height: 96px; margin-top: 20px; margin-bottom: 20px;} .count-text-img{width: 17px; height: 20px; margin-bottom: 20px; margin-left: 20px;} .number-bottom-line{width: 150px; height: 1px; background-color: #999; margin-left: 20px;} .half-line{width: 75px; height: 1px; background-color: white;} .scroll-right-content{ width: 70%; height: 400px; position: absolute; float: right; right: 0px; top: 10%; overflow:hidden; } .scroll-right-content ul{width: 100%; position:absolute;list-style:none; left: 0px; top: 5%;} .scroll-right-content li{width: 290px; height: 338px; float: left; margin-left: 30px; position: relative; display: inline-block; background-color: white; text-align: center; box-shadow:0px 2px 24px 0px rgba(0,0,0,0.1);} .scroll-right-content img {width: 220px; height: 130px; margin-top: 25px;} .case-title{font-size:19px; color:rgba(34,34,34,1); line-height:25px; margin-top: 25px; margin-left: 20px; max-width: 244px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .case-subtitle{font-size:14px; color:rgba(85,85,85,1); line-height:28px; max-width: 248px; margin-top: 14px; margin-left: 22px;} .line{width: 100; height: 1px; margin-top: 24px; background-color: #eee;} .introduction-content{width: 1010px; height: 389px; margin: 0 auto; margin-top: 67px; text-align: left; background-color: cadetblue; background: url(../images/index/introduction-backgroud.jpg) no-repeat center center; background-size:100%} .introduction-title {display: inline-block; font-size:19px; color:rgba(34,34,34,1); line-height:25px; letter-spacing:2px; margin-left: 65px; margin-top: 25px;} .introduction-text{ width: 565px; height: auto; font-size:14px; color:rgba(85,85,85,1); line-height:30px; margin-left: 65px; margin-top: 17px;} .Cooperative-content {width: 1068px; height: 300px; margin: 0 auto; margin-top: 27px; margin-bottom: 120px; left:-28px; position: relative;} .Cooperative-content li{display: inline-block; width: 210px; height: 60px; background-color: cornflowerblue; margin-left:57px; margin-top: 40px; float: left;} .hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .coo-sroll-container{ position: relative; padding: 48px 0 80px 0; height: 300px; overflow: hidden; margin-left: calc(50% - 560px); } .coo-sroll-container .shelter{ position: absolute; left: -125px; bottom: 0; top: 0; width: 250px; background-color: transparent; }