.head-banner{ width: 100%; height: 641px; overflow: hidden; } .head-banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 101px; left: 0; width: 100%; } .head-banner .swiper-pagination-bullet { width:13px; height:13px; display: inline-block; opacity: 1; background:#b5b5b5; border-radius:50px; } .head-banner .swiper-pagination-bullet-active { background:#1ebd9d; } .head-banner .swiper-container{ height: 100%; } .head-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; } .banner-pos{ position: relative; height: 720px; } .equipment-line{ width: 1200px; height:147px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); background:#fff; box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.15); padding-top:36px; z-index: 10; } .equipment-list{ width: 297px; height: 100%; border-right: 1px solid #e5e5e5; padding:0 10px 34px 25px; vertical-align: bottom; cursor: pointer; display: inline-block; } .equipment-list:last-child{ border:none; } .equipment-list>i{ width:77px; height:77px; overflow: hidden; display: inline-block; margin-right: 23px; } .equipment-list>p{ display: inline-block; height: 100%; vertical-align: bottom; } .equipment-list>p>i{ display: block; font-style: normal; font-size:15px; color:rgba(124,124,124,1); } .equipment-list>p>span{ font-size:22px; color:rgba(41,41,41,1); line-height:38px; } .company-profile{ height:373px; width: 1200px; margin:77px auto 72px; } .company-profile-left{ display: inline-block; width:589px; height:373px; margin-right: 50px; overflow: hidden; } .company-profile-right{ width:561px; height:373px; display: inline-block; position: relative; } .company-profile-right-title{ color:#3b3b3b; font-size: 26px; font-weight: bold; margin-bottom: 45px; } .company-profile-right-title>span{ color:#0e997e; } .company-profile-right-text{ width:561px; height:206px; font-size:16px; font-family:microsoft yahei; font-weight:400; color:rgba(88,88,88,1); line-height:36px; margin-bottom: 47px; text-indent: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .company-profile-right-btn{ position: absolute; bottom: 0; right: 0; } .company-profile-right-btn>a{ display: inline-block; width:158px; height:49px; color:#585858; font-size:16px; line-height: 49px; text-align: center; } .company-profile-right-btn>a:first-child{ border:1px solid rgba(30,189,157,1); margin-right: 25px; } .company-profile-right-btn>a:last-child{ background:rgba(238,238,238,1); } .product-display{ width: 100%; height: 903px; background-image: url(/uploads/image/pshimg/product-display-bg.png); background-size:100% 100%; display: flex; } .product-display-left{ width: 566px; height: 100%; position: relative; display: inline-block; margin-right: 25px; } .product-display-left-img{ width:543px; height:902px; display: block; } .product-display-left-ul{ position: absolute; right: 0; top: 192px; width:235px; } .product-display-left-ul li{ height:41px; line-height: 41px; margin-bottom: 10px; } .product-display-left-ul li>a{ display:inline-block; width: 100%; height: 100%; color: #fff; font-size: 16px; padding-left: 31px; } .product-display-left-ul .product-display-left-ul-active a{ color:#323232; background: #fff; } .product-display-right{ width: 1000px; display: inline-block; padding-top: 73px; } .product-display-right-list{ width: 1000px; } .product-display-right-title{ width: 636px; padding-left: 74px; } .product-display-right-title>h1{ font-size:32px; color:rgba(41,41,41,1); margin-bottom: 45px; text-align: center; width: 636px; font-weight: normal; } .line-img{ width: 636px; height: 21px; overflow: hidden; display: block; margin-bottom: 45px; } .product-display-ul{ width: 100%; display: flex; flex-wrap: wrap; } .product-display-ul>li{ background: #fff; display: inline-block; height: 255px; width: 311px; padding:16px; margin-right:19px; margin-bottom: 25px; } .product-display-ul>li:hover p{ border-top: 1px solid #1ebd9d; } .product-display-ul>li:hover i{ background: #1ebd9d; } .product-display-ul>li>a{ width: 100%; height: 100%; display: block; } .product-display-ul-img{ display: block; width:285px; height:193px; overflow: hidden; } .product-display-ul-text{ font-size:16px; display: flex; justify-content: space-between; align-items: center; width:100%; height:45px; line-height: 45px; border-top: 1px solid #eee; } .product-display-ul-text>i{ display: inline-block; width:21px; height:21px; color: #fff; background:#dbdbdb; line-height: 21px; text-align: center; border-radius: 50px; } .product-display-more{ width:158px; height:49px; background:rgba(255,255,255,1); border:1px solid rgba(30,189,157,1); font-size:16px; line-height: 49px; text-align: center; display:block; margin:43px auto 0; } .news-information-bg{ width: 100%; height: 643px; position: relative; } .news-information-bg-img{ display: block; height: 180px; width: 100%; position: absolute; bottom: 0; background-image: url(/uploads/image/pshimg/news-information-bg.png); background-size:100% 100%; } .news-information{ width:1200px; height: 643px; margin:82px auto 0; } .news-information-title{ text-align: center; } .news-information-title>h1{ font-size:32px; font-weight: normal; margin-bottom: 45px; } .news-information-ul{ width: 100%; } .news-information-ul>li{ width:360px; height:367px; background:rgba(255,255,255,1); border:1px solid rgba(229,229,229,1); display: inline-block; margin-right: 56px; } .news-information-ul>li:nth-child(3n){ margin:0; } .news-information-ul>li:hover{ box-shadow:0 0 13px 0 rgba(2,8,27,0.21); } .news-information-ul>li:hover .news-information-ul-img>span{ display: block; } .news-information-ul>li>a{ display: block; width: 100%; height: 100%; } .news-information-ul-img{ padding-top:20px; position: relative; height: 242px; border-bottom: 1px solid rgba(229,229,229,1); } .news-information-ul-img>i{ width:319px; height:190px; display: block; overflow: hidden; margin:0 auto; } .news-information-ul-img>span{ display: none; position: absolute; bottom: 0; width:100%; height:42px; background:rgba(30,189,157,1); line-height: 42px; font-size:26px; text-align: center; color: #fff; } .news-information-ul-text{ height: 124px; padding:23px 31px 28px 21px; } .news-information-ul-text>i{ font-style: normal; color:#2e2d2d; font-size:17px; margin-bottom: 18px; display: block; } .news-information-ul-text>span{ color: #999; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-information-more{ display: block; background:#fff; position: relative; z-index:9; width:158px; height:49px; border:1px solid rgba(30,189,157,1); line-height: 49px; margin:50px auto 0; text-align: center; } .successful-case{ position: relative; width: 100%; margin-bottom: 54px; height: 780px; } .successful-case-title{ width: 100%; height:340px; background-image: url(/uploads/image/pshimg/case-bg.png); background-size:100% 100%; padding-top: 68px; } .successful-case-title>h1{ font-size:32px; font-weight:bold; text-align: center; color: #fff; } .successful-case-box{ position: absolute; width:1200px; margin:0 auto; height:622px; background:rgba(255,255,255,1); box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.15); padding:28px 23px 28px 21px; top: 152px; left: 50%; transform: translate(-50%); } .successful-case-top{ width: 100%; height:377px; } .successful-case-top-left{ width:578px; height:377px; background-image: url(/uploads/image/pshimg/successful-case-top-left-bg.png); background-size:100% 100%; padding:119px 55px 94px 55px; display: inline-block; } .successful-case-top-left>h3{ font-size:18px; font-weight:bold; color:rgba(106,106,106,1); margin-bottom: 24px; } .successful-case-top-left>p{ font-size:14px; font-family:microsoft yahei; font-weight:400; color:rgba(137,137,137,1); line-height:29px; width:427px; text-align: center; } .successful-case-top-left>a{ width:148px; height:44px; border:1px solid rgba(30,189,157,1); border-radius:22px; font-size:16px; color:rgba(83,83,83,1); line-height:44px; text-align: center; margin: 38px auto 0; display: block; } .successful-case-top-right{ display: inline-block; width:578px; height:377px; overflow: hidden; position: relative; cursor: pointer; } .successful-case-top-right-img{ display: block; width: 100%; height: 100%; overflow: hidden; } .successful-case-bottom-text{ display: none; position: absolute; bottom: 0; width:578px; height:72px; background:rgba(30,189,157,.5); padding:28px; font-size:16px; color:rgba(255,255,255,1); } .successful-case-top-right:hover .successful-case-bottom-text{ display: block; } .successful-case-bottom{ width: 100%; height:189px; } .successful-case-bottom-list{ width:289px; height:189px; position: relative; overflow: hidden; } .successful-case-bottom-list>i{ width: 100%; height: 100%; overflow: hidden; } .successful-case-bottom-list-text{ display: none; position: absolute; bottom: 0; width:578px; height:72px; background:rgba(30,189,157,.5); padding:28px; font-size:16px; color:rgba(255,255,255,1); } .successful-case-bottom-list:hover span{ display: block; } /*产品*/ .product-banner-pos{ width: 100%; height:411px; position: relative; } .product-banner{ position: relative; } .product-banner>i{ display: block; width: 100%; height:343px; overflow: hidden; } .product-banner-text{ position: absolute; top: 106px; left: 50%; transform: translate(-50%); } .product-banner-text>p{ width: 376px; } .product-banner-text>p>i{ display: inline-block; width:53px; height:4px; background:rgba(30,189,157,1); } .product-banner-text>p>span{ display: inline-block; font-size:45px; font-weight:bold; color:rgba(30,189,157,1); vertical-align: middle; margin:0 37px; } .product-banner-text>span{ font-size:38px; font-weight:400; color:rgba(89,89,89,1); line-height:84px; text-align: center; display: block; } .product-sort{ width: 1200px; margin:46px auto 56px; } .product-sort-left{ width:213px; display: inline-block; } .product-sort-left>p{ width:213px; height:65px; background:rgba(14,153,126,1); font-size:24px; font-weight:400; color:rgba(255,255,255,1); line-height:65px; text-align: center; } .product-sort-left-ul{ background:rgba(30,189,157,1); padding-top: 36px; padding-bottom: 94px; min-height: 628px; } .product-sort-left-ul>li{ display: inline-block; width:213px; text-align: center; margin:0 auto; height:54px; line-height: 54px; font-size: 16px; } .product-sort-left-ul>li a{ color: #fff; display: inline-block; width: 100%; height: 100%; } /*.product-sort-left-ul>li:hover{*/ /* width:235px;*/ /* margin-left: -10px;*/ /* background:rgba(255,255,255,1);*/ /* box-shadow:0 0 13px 0 rgba(9,9,9,0.25);*/ /*}*/ /*.product-sort-left-ul>li:hover a{*/ /* color: #333;*/ /*}*/ .product-sort-left-ul>.product-sort-left-ul-active a{ background:rgba(255,255,255,1); box-shadow:0 0 13px 0 rgba(9,9,9,0.25); color: #333; margin-left: -10px; width:235px; } .product-sort-right{ width: 987px; height: 897px; display: inline-block; overflow: hidden; } .product-sort-right-title{ width: 100%; background-color: #eee; height:65px; line-height: 65px; padding-left: 41px; font-size:18px; color:rgba(63,63,63,1); margin-bottom: 17px; } .product-display-ul>li:nth-child(3n){ margin-right: 0; } .product-sort-right-list{ display: none; } .product-sort-right-list li{ margin-right: 13px; } /*新闻*/ .news-right{ width: 987px; height:693px; display: none; overflow: hidden; } .news-right-box{ padding: 22px; width:98%; border:1px solid rgba(229,229,229,1); margin-left: 20px; margin-bottom: 36px; } .news-right-list{ width:100%; } .news-right-list-img{ width:193px; height:110px; display: inline-block; overflow: hidden; } .news-list-right{ width:702px; } .news-list-right-title{ width: 100%; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .news-list-right-title>span{ font-size:20px; color:rgba(46,45,45,1); } .news-list-right-title>i{ font-style: normal; font-size:15px; color:rgba(34,34,34,1); } .news-list-right-text{ font-size:15px; color:rgba(119,119,119,1); line-height:34px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*fenye*/ /** 外面盒子样式---自己定义 */ .page_div { margin-top: 45px; margin-bottom: 45px; font-size: 16px; color: #494949; justify-content: center; display: flex; align-items: center; } /** 页数按钮样式*/ .page_div a { width:52px; height:36px; border: 1px solid #dce0e0!important; text-align: center; margin: 0 10px; cursor: pointer; line-height: 36px; color: #494949; font-size: 16px; display: inline-block; background: #fff; } #prepage, #nextpage { width: 81px; height:36px; background:rgba(255,255,255,1); border:1px solid rgba(229,229,229,1); color:rgba(73,73,73,1); line-height: 36px; } .page_div .current { background:rgba(30,189,157,1); color: #fff; } .totalpages { margin: 0 10px; } .totalpages span, .totalsize span { color: #0073a9; margin: 0 5px; } /*新闻详情*/ .news-detail{ width: 1200px; margin:50px auto; min-height: 450px; } .news-detail>h1{ font-size: 30px; font-weight: normal; margin-bottom: 20px; } .news-detail>p{ font-size: 18px; line-height: 38px; text-indent: 25px; }