@charset "utf-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 license: none (public domain) */ /*home banner*/ .index-banner{width: 100%;max-width:1920px;margin:0 auto;height: 726px;transition: all 1s;-webkit-transition: all 1s; /* safari */} .index-banner .swiper-container{height:100%;} .index-banner .swiper-slide a{display: block;width: 100%;height: 100%;} .index-banner .swiper-container .swiper-pagination{bottom:20px;} .index-banner .swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 6px;background:#fff;opacity:1;border-radius:4px;transition: all 0.6s;-webkit-transition: all 0.6s;} .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffb900;width:50px;transition: all 0.6s;-webkit-transition: all 0.6s;} .index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:78px;height:78px;margin-top:-39px;background:url(/uploads/image/whedimages/icon-prev.png) no-repeat center;transition: all 0.6s;-webkit-transition: all 0.6s;opacity:0; left:4%;} .index-banner .swiper-button-next{background:url(/uploads/image/whedimages/icon-next.png) no-repeat center;right:4%;left:auto;} .index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity:0.5;transition: all 0.6s;-webkit-transition: all 0.6s;} .index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{opacity:1;transition: all 0.6s;-webkit-transition: all 0.6s;} @media(max-width:1080px){ .index-banner{height:520px;transition: all 1s;-webkit-transition: all 1s;} .index-banner .swiper-button-next,.index-banner .swiper-button-prev{display:none;} } @media(max-width:769px){ .index-banner{height:400px;} .index-banner .swiper-container .swiper-pagination-bullet{width: 6px;height: 6px;margin:0 4px;} .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;height:4px;margin:1px 4px;} } @media(max-width:640px){ .index-banner{height:280px;} } @media(max-width:420px){ .index-banner{height:240px;} } /* 首页 关于我们 */ .home-about{width:100%;margin:0 auto;padding:80px 0 90px;} .home-about-title,.home-about-title a{width:100%;float:left;} .home-about-title a h3{float:left;width:100%;font-size:20px;color:#0d78ce;font-family:"微软雅黑";font-weight:bold;line-height:22px;} .home-about-title a h6{float:left;width:100%;height:36px;position:relative;overflow:hidden;} .home-about-title a h6 span.line{display:block;width:26px;height:4px;background:#ffb900;position:absolute;bottom:8px;left:0;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-title a h6 span.arrow{display:block;width:40px;height:20px;background:url(/uploads/image/whedimages/icon-more.png) no-repeat center;position:absolute;bottom:0px;left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-title a:hover h6 span.line{left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-title a:hover h6 span.arrow{left:0px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-intro{float:right;width:calc(97% - 350px);} .home-about-txt{float:left;width:100%;margin-top:30px;} .home-about-txt p{float:left;width:100%;font-size:14px;color:#666;line-height:24px;font-family:"宋体";height:72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .home-about-icon{float:left;width:100%;margin-top:56px;} .home-about-icon li{float:left;width:126px;height:110px;margin-right:10px;border:#eee solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-icon li a{float:left;width:100%;} .home-about-icon li a img{display:block;width:38px;height:38px;margin:15px auto;} .home-about-icon li a h6{width:100%;font-size:14px;color:#999;line-height:16px;font-family:"微软雅黑";text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-icon li.cur{border:#0d78ce solid 1px;background:#0d78ce;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-about-icon li.cur h6{color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;} @media(max-width:1080px){ .home-about{padding:60px 0;} .home-about-title a h3{font-size:18px;font-weight:normal;} .home-about-title a h6 span.line{height:3px;} .home-about-intro{width:calc(97% - 250px);} .home-about-txt{margin-top:20px;} .home-about-txt p{height:48px;-webkit-line-clamp:2;} .home-about-icon{margin-top:30px;} .home-about-icon li{width:24%;height:90px;} .home-about-icon li a img{display:block;width:32px;height:32px;margin:10px auto;} } @media(max-width:640px){ .home-about{padding:40px 0;} .home-about-title a h3{font-size:16px;font-weight:600;} .home-about-title a h6{height:16px;} .home-about-title a h6 span.line{bottom:2px;} .home-about-title a h6 span.arrow{display:none;} .home-about-intro{width:calc(98% - 200px);} .home-about-txt{margin-top:10px;} .home-about-txt p{font-size:12px;line-height:20px;height:40px;} .home-about-icon{margin-top:20px;} .home-about-icon li{width:24%;height:80px;} .home-about-icon li a img{display:block;width:32px;height:32px;margin:10px auto;} .home-about-icon li a h6{font-size:12px;} } @media(max-width:480px){ .home-about{padding:40px 0;} .home-about-title a h3{text-align:center;} .home-about-title a h6 span.line{left:50%;margin-left:-13px;bottom:2px;} .home-about-intro{width:100%;margin-top:20px;} .home-about-txt p{text-align:center;} .home-about-icon{margin-top:20px;} .home-about-icon ul{text-align:center;} .home-about-icon li{float:none;display:inline-block;} } /* 首页 视频 */ .home-video{width:350px;float:left;position:relative;overflow:hidden;} .home-video .home-home-img{width:100%;height:0;padding-bottom:100%;transition: all 3s;} .home-video:hover .home-home-img{-webkit-transform:scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);} .home-video .home-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;} .home-video .home-video-bg img{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;display:block;cursor:pointer;} @media(max-width:1080px){ .home-video{width:250px;} } @media(max-width:640px){ .home-video{width:200px;} } @media(max-width:480px){ .home-video{width:100%;max-width:350px;float:none;margin:0 auto;} } /* 首页 标题 */ .home-title{width:100%;margin:0 auto;} .home-title a{width:100%;display:block;} .home-title a h3{width:100%;font-size:20px;color:#0d78ce;font-family:"微软雅黑";font-weight:bold;line-height:22px;text-align:center;} .home-title a h6{display:block;margin:0 auto;width:40px;height:36px;position:relative;overflow:hidden;} .home-title a h6 span.line{display:block;width:26px;height:4px;background:#ffb900;position:absolute;bottom:8px;left:50%;margin-left:-13px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-title a h6 span.arrow{display:block;width:40px;height:20px;background:url(/uploads/image/whedimages/icon-more.png) no-repeat center;position:absolute;bottom:0px;left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-title a:hover h6 span.line{left:-40px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-title a:hover h6 span.arrow{left:0px;transition: all 0.3s;-webkit-transition: all 0.3s;} @media(max-width:1080px){ .home-title a h3{font-size:18px;font-weight:normal;} .home-title a h6{height:16px;} .home-title a h6 span.line{height:3px;bottom:2px;} .home-title a h6 span.arrow{display:none;} .home-title a:hover h6 span.line{left:50%;} } @media(max-width:640px){ .home-title a h3{font-size:16px;font-weight:600;} } /* 首页 业务领域 */ .home-business{width:100%;margin:0 auto;max-width:1920px;padding:36px 0 80px 0;background-position:center top;background-repeat:no-repeat;} .home-busi-list{width:100%;max-width:870px;padding:0 15px;margin:0 auto;margin-top:26px;} .home-busi-list li{float:left;width:33.33%;position:relative;overflow:hidden;} .home-busi-list li a{float:left;width:100%;} .home-busi-list li a .pic{width:100%;overflow:hidden;} .home-busi-list li a .pic img{width:100%;display:block;transition: all 1s;-webkit-transform: all 1s;} .home-busi-list li a .busi-bg{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(13,120,206,0.7);padding:4%;opacity:0;overflow:hidden;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-busi-list li a .busi-border{width:100%;height:100%;border:#b7d7f0 solid 1px;vertical-align: middle;display: -webkit-flex; -webkit-align-items: center; display: flex;align-items: center;} .home-busi-list li a .busi-txt{width:100%;} .home-busi-list li a .busi-txt h5{width:90%;margin:0 5%;font-size:16px;color:#fff;font-family:"微软雅黑";line-height:20px;text-align:center;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .home-busi-list li a .busi-txt span{display:block;width:36px;height:36px;border-radius:18px;background:#ffb900;margin:0 auto;margin-top:25px;font-size:22px;color:#fff;text-align:center;line-height:36px;font-family:"微软雅黑";} .home-busi-list li:hover a .busi-bg{top:0;left:0;width:100%;height:100%;opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-busi-list li.active a .busi-bg{top:0;left:0;width:100%;height:100%;opacity:1;transition: all 0.3s;-webkit-transition: all 0.3s;} @media(max-width:769px){ .home-business{background-size:auto 54.5%;padding:30px 0 40px 0;} .home-busi-list{padding:0 2.5%;margin-top:16px;} } @media(max-width:480px){ .home-busi-list li{width:50%;} .home-busi-list li a .busi-txt h5{font-size:14px;} .home-busi-list li a .busi-txt span{margin-top:12px;} } /* 首页 经典工程 */ .home-project{width:100%;padding:36px 3% 54px;max-width:1920px;margin:0 auto;background:#e1f2fc;} .home-project .swiper-container{padding-bottom:60px;margin-top:26px;} .home-project li{padding:20px 15px;background:#fff;box-shadow:none;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-project li:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);transition: all 0.3s;-webkit-transition: all 0.3s;} .home-project li a{display:block;width:100%;} .home-project li a .pic{width:100%;overflow:hidden;} .home-project li a .pic img{display:block;width:100%;transition: all 1s;-webkit-transform: all 1s;} .home-project li a:hover .pic img{-webkit-transform:scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);} .home-project li a .txt{width:100%;margin-top:12px;} .home-project li a .txt h5{width:100%;margin-bottom:4px;font-size:16px;color:#333;font-family:"微软雅黑";line-height:28px;height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-project li a:hover .txt h5{color:#0d78ce;} .home-project li a .txt p{width:100%;font-size:12px;color:#999;line-height:22px;font-family:"宋体";height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:none;} .home-project .swiper-container .swiper-pagination{bottom:0px;} .home-project .swiper-container .swiper-pagination-bullet{width: 6px;height: 6px;background:#dcdcdc;opacity:1;border-radius:4px;} .home-project .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffb900;opacity:1;width:8px;height:8px;} .home-project .swiper-button-next,.home-project .swiper-button-prev{width:40px;height:20px;background:url(/uploads/image/whedimages/icon-prev02.png) no-repeat center;top:auto;bottom:0;left:50%;margin-left:-100px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-project .swiper-button-next{background:url(/uploads/image/whedimages/icon-next02.png) no-repeat center;margin-left:60px;} .home-project .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(/uploads/image/whedimages/icon-prev02-1.png) no-repeat center;} .home-project .swiper-button-next.swiper-button-disabled{opacity:1;background:url(/uploads/image/whedimages/icon-next02-1.png) no-repeat center;} @media(max-width:769px){ .home-project{padding:30px 2.5% 24px;} .home-project .swiper-container{padding-bottom:40px;margin-top:16px;} .home-project .swiper-button-next,.home-project .swiper-button-prev{display:none;} .home-project li a .txt h5{font-size:14px;} } /*首页 新闻*/ .home-news{width:100%;margin:0 auto;padding:60px 0 70px;} .home-news .home-title{float:left;} .home-news-pic{float:left;width:48.5%;margin-top:26px;background:#f5f5f5;} .home-news-pic:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-o-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-pic a{float:left;width:100%;} .home-news-pic a .pic{float:left;width:94%;margin:16px 3% 0;overflow:hidden;} .home-news-pic a .pic img{width:100%;height:0;padding-bottom:226px;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;transition: all 1s;-webkit-transform: all 1s;} .home-news-pic:hover a .pic img{-webkit-transform:scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);} .home-news-pic a .txt{float:left;width:100%;} .home-news-pic a .txt .news-date{float:left;width:90px;height:96px;padding:20px;} .home-news-pic a .txt .news-date span.year{float:left;width:100%;font-size:20px;color:#999;font-family:"arial";line-height:28px;text-align:center;border-bottom:#e5e5e5 solid 1px;} .home-news-pic a .txt .news-date span.date{float:left;width:100%;font-size:14px;color:#999;font-family:"arial";line-height:28px;text-align:center;} .home-news-pic a .txt .news-txt{float:left;width:calc(100% - 90px);padding:20px;padding-left:0;} .home-news-pic a .txt .news-txt h5{float:left;width:100%;font-size:14px;color:#333;line-height:28px;font-family:"微软雅黑";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .home-news-pic a .txt .news-txt p{float:left;width:100%;font-size:12px;color:#999;line-height:28px;font-family:"宋体";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .home-news-list{float:right;width:48.5%;margin-top:26px;} .home-news-list li{float:left;width:100%;margin-bottom:25px;background:#f5f5f5;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-list li a{float:left;width:100%;} .home-news-list li a .news-date{float:left;width:90px;height:96px;padding:20px;} .home-news-list li a .news-date span.year{float:left;width:100%;font-size:20px;color:#999;font-family:"arial";line-height:28px;text-align:center;border-bottom:#e5e5e5 solid 1px;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-list li a .news-date span.date{float:left;width:100%;font-size:14px;color:#999;font-family:"arial";line-height:28px;text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-list li a .news-txt{float:left;width:calc(100% - 90px);padding:20px;padding-left:0;} .home-news-list li a .news-txt h5{float:left;width:100%;font-size:14px;color:#333;line-height:28px;font-family:"微软雅黑";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-list li a .news-txt p{float:left;width:100%;font-size:12px;color:#999;line-height:28px;font-family:"宋体";height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all 0.3s;-webkit-transition: all 0.3s;} .home-news-list li:hover{background:#0d78ce;} .home-news-list li:hover a .news-date span.year{color:#fff;border-bottom:#a6c3e7 solid 1px;} .home-news-list li:hover a .news-date span.date{color:#fff;} .home-news-list li:hover a .news-txt h5{color:#fff;} .home-news-list li:hover a .news-txt p{color:#a6c3e7;} @media(max-width:1080px){ .home-news-pic a .pic img{padding-bottom:192px;} .home-news-pic a .txt .news-date{width:80px;height:84px;padding:16px;} .home-news-pic a .txt .news-date span.year{font-size:18px;line-height:26px;} .home-news-pic a .txt .news-date span.date{font-size:12px;line-height:26px;} .home-news-pic a .txt .news-txt{width:calc(100% - 80px);padding:16px;padding-left:0;} .home-news-pic a .txt .news-txt h5{line-height:26px;height:26px;} .home-news-pic a .txt .news-txt p{line-height:26px;height:26px;} .home-news-list li{margin-bottom:20px;} .home-news-list li a .news-date{width:80px;height:84px;padding:16px;} .home-news-list li a .news-date span.year{font-size:18px;line-height:26px;} .home-news-list li a .news-date span.date{font-size:12px;line-height:26px;} .home-news-list li a .news-txt{width:calc(100% - 80px);padding:16px;padding-left:0;} .home-news-list li a .news-txt h5{line-height:26px;height:26px;} .home-news-list li a .news-txt p{line-height:26px;height:26px;} } @media(max-width:640px){ .home-news{padding:30px 0;} .home-news-pic{width:100%;margin-top:16px;} .home-news-pic a .pic img{padding-bottom:44%;} .home-news-list{width:100%;margin-top:16px;} .home-news-list li{margin-bottom:16px;} }