html{
font-family: 'Microsoft Yahei','SimHei','Arial',sans-serif;
background-color: #FFFFFF;
}
html, body, header, section, footer, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, hr, img, label, p, a, span {
margin: 0;
padding: 0;
border: 0;
}
.bgcf {
background-color: #fff !important;
}
a:active, a:hover {
outline: 0;
}
a, a:visited {
text-decoration: none;
}
footer, header, section {
position: relative;
}
a, button, img, label, span, textarea {
display: inline-block;
}
ul, li {
list-style: none;
}
button, input, select, textarea {
margin: 0;
padding: 0;
outline: 0;
border: 0;
border-radius: 0;
background-color: rgba(0,0,0,0);
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
input::-webkit-input-placeholder {
display: block;
}
textarea {
resize: none;
}
img {
border: none;
}
i {
font-style: normal;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ' ';
line-height: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
outline: 0
}
/* 导航开始 */
.nav{
position: fixed;
float: left;
height: 80px;
width: 100%;
line-height: 80px;
z-index: 9999;
background-color: #FFFFFF;
display: flex;
top: 0;
}
.nav-img{
float: left;
width: 210px;
background-repeat: no-repeat;
margin-left: 5.5%;
}
.nav-img img{
display: inline;
width: 210px;
margin-top: 10px;
}
.nav-mainbav{
position: absolute;
height: 80px;
width: 49%;
line-height: 50px;
font-size: 18px;
left: 32%;
font-family: "Source Han Sans SC";
color: rgb(77, 77, 77);
overflow: hidden;
}
.nav-mainbav ul {
width: 100%;
height: 100%;
float: left;
list-style: none;
}
.nav-mainbav li{
float: left;
width: 16.5%;
text-align: center;
}
.nav-mainbav a{
color: #4d4d4d;
text-decoration: none;
line-height: 80px;
}
.nav-mainbav span{
margin-left: 10px;
color: #ADD048;
font-size: 14px;
}
.nav-mainbav a:hover{
color: #add048;
}
.nav-right{
position: absolute;
right: 6%;
margin-left: 20px;
width: 11.5%;
height: 80px;
line-height: 80px;
flex-shrink: 0;
font-size: 18px;
font-family: "Source Han Sans SC";
color: rgb(77, 77, 77);
overflow: hidden;
white-space: nowrap;
}
.nav-yuyan{
float: left;
width: 60%;
height: 79px;
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
text-align: center;
}
#sousuo{
font-size: 18px;
font-family: "Source Han Sans SC";
color: rgb(77, 77, 77);
line-height: 1.193;
}
.nav-fangfajing{
float: left;
width: 38%;
height: 80px;
border-right: 1px solid #EDEDED;
text-align: center;
}
.nav-fangfajing span{
font-size: 20px;
}
.shuru{
position: absolute;
height: 80px;
}
.shuru input{
width: 100%;
box-sizing: border-box;
padding: 10px 80px 10px 20px;
height: 50px;
border-radius: 50px;
border: none;
font-size: 16px;
background-color: rgb(245,245,245);
}
#fangda{
position: absolute;
z-index: 99;
margin-left: -50px;
font-size: 25px;
}
.hide{
display: none;
}
.fudong{
clear: both;
}
/* 导航结束 */
/* 图片开始 */
.Applic-img{
width: 100%;
position: relative;
}
.Applic-img img{
width: 100%;
}
.applic-title{
position: absolute;
left: 13%;
top: 30%;
font-family: "Microsoft YaHei";
color: #FFFFFF;
z-index: 100;
}
.car-hangye{
font-size: 40px;
line-height: 1;
text-align: left;
}
.car-hangye2{
font-size: 30px;
line-height: 1.333;
text-align: left;
}
.footer-zhezhao11{
position: absolute;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,.3);
z-index: 50;
top: 0px;
}
/* 结束 */
/* 改造项目一 */
.Cases-one{
width: 100%;
padding-bottom: 50px;
}
.prject-one{
position: relative;
background-color: #FFFFFF;
width: 76%;
padding-bottom: 70px;
margin-top: -120px;
left: 13%;
z-index: 200;
box-shadow: 0 10px 10px #CCCCCC;
}
.porject-header{
position: absolute;
top: 60px;
width: 400px;
height: 30px;
left: 50%;
margin-left: -200px;
}
#porject-header{
position: absolute;
}
#porject-header2{
position: absolute;
top: 0;
right: 0;
}
#porject-name{
position: absolute;
font-size: 36px;
font-family: "Source Han Sans SC";
color: rgb(0, 0, 0);
text-transform: uppercase;
line-height: 0.611;
left: 110px;
}
.porjcet-ago{
position: relative;
width: 91.3%;
height: 440px;
left: 4%;
top: 150px;
}
#ago-title{
font-size: 30px;
font-family: "Source Han Sans SC";
color: rgb(51, 51, 51);
text-transform: uppercase;
line-height: 0.733;
}
#ago-title2{
font-size: 20px;
font-family: "PingFang SC";
color: rgb(102, 102, 102);
text-transform: uppercase;
line-height: 1.8;
text-align: justifyLeft;
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
white-space: nowrap;
}
.porject-img{
width: 100%;
position: relative;
background-color: #000000;
}
.ago-img{
position: absolute;
width: 32.7%;
}
.img-ago{
width: 100%;
}
.img-bottom,.img-bottom2,.img-bottom3{
position: absolute;
width: 100%;
margin-top: -5px;
height: 60px;
background-color: rgb(229,229,229);
text-align: center;
line-height: 60px;
font-size: 20px;
font-family: "PingFang SC";
color: rgb(102, 102, 102);
}
.ago-img2{
position: absolute;
left: 33.7%;
width: 32.7%;
}
.ago-img3{
position: absolute;
left: 67.3%;
width: 32.7%;
}
.porjcet-later{
position: relative;
width: 91.3%;
left: 4%;
height: 450px;
margin-top: 13%;
}
/* 项目改造一结束 */
/* 产品中心开始 */
.products{
width: 100%;
background-color: #f5f5f5;
float: left;
}
.products-header00{
font-size: 32px; margin-bottom: 50px; font-weight: bold;
}
.pro-title{
display: inline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.products-header{
text-align: center;
margin-top: 60px;
}
.products-content{
display: flex;
width: 76%;
margin: 55px auto;
}
.products-content_left{
width: 50%;
background-color: #FFFFFF;
margin-right: 16px;
position: relative;
}
.products-two{
/* flex: 1; */
float: left;
margin-top: 70px;
width: 33%;
margin-left: 43px;
}
.products-tit{
width: 100%;
height: 120px;
overflow: hidden;
}
.products-title{
font-size: 16.377px;
font-family: "PingFang SC";
color: rgb(128, 128, 128);
text-transform: uppercase;
line-height: 1.832;
}
.products-two input{
float: left;
width: 140px;
height: 50px;
border-radius: 100px;
border: none;
background-color:#000000;
margin-bottom: 30%;
margin-top: 54%;
color: #FFFFFF;
font-size: 16px;
}
.products-two input:hover{
background-color: #add048;
}
/* .products-two_img{
position: absolute;
float: left;
margin-top: 140px;
margin-left: 18%;
background-image: url(../imgs/products/products1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 25%;
height: 335px;
} */
.porjcet-imgon{
position: absolute;
width: 55%;
margin-top: 140px;
left: 43%;
}
.porjcet-imgon img{
width: 100%;
}
.products-content_rihte{
flex: 1;
float: left;
background-color: #FFFFFF;
position: relative;
overflow: hidden;
}
.main-guanlian{
width: 100%;
padding-bottom: 80px;
background-color:rgb(245,245,245) ;
}
/* 产品中心结束 */
/* 关联开始 */
/* 典型案例开始 */
.cases{
position: relative;
width: 100%;
}
.cases-header {
font-size: 40px;
color: #212121;
margin-top: 80px;
text-align: center;
width: 100%;
margin-bottom: 60px;
}
.case-outer{
width: 100%;
}
.swiper-container {
width: 76%;
height: 610px;
position: absolute;
left: 20px;
}
/* .center{
margin-left: 20px;
margin-right: 20px;
} */
.swiper-slide {
position: relative;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
/* -webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; */
}
.swiper-img{
position: absolute;
width: 100%;
}
.swiper-img img{
width: 100%;
}
#swiper-title{
position: absolute;
padding-top: 63.5%;
}
#title-gaizao{
font-size: 26px;
font-family: "PingFang SC";
color: rgb(33, 33, 33);
text-transform: uppercase;
line-height: 1.538;
padding-bottom: 10px;
}
#swiper-title-2{
font-size: 18px;
font-family: "Source Han Sans SC";
color: rgb(179, 179, 179);
line-height: 1.444;
text-align: justifyLeft;
overflow: hidden;
white-space: nowrap;
}
.swiper-a>a{
font-size: 22px;
font-family: "PingFang SC";
color: rgb(102, 102, 102);
text-transform: uppercase;
line-height: 1.818;
padding-top: 30px;
}
.swiper-a a:hover,.about-title a:hover{
color: #add048;
}
/* */
/* 页尾开始 */
/* 页尾开始 */
.footer{
position: relative;
height: 590px;
width: 100%;
background-image: url(../imgs/footer/footer_center.png);
background-repeat: no-repeat;
background-position-x:50% ;
background-position-y:50% ;
background-color: #000000;
overflow: hidden;
}
.logo{
position: absolute;
margin-top: 80px;
margin-left: 105px;
z-index: 200;
}
.footer-title{
left: 6%;
top: 243px;
height: 250px;
width: 648px;
position: absolute;
font-size: 18px;
font-family: "PingFang SC";
color: rgb(255, 255, 255);
line-height: 2.222;
}
.footer-products{
position: absolute;
}
.footer-cases{
position: absolute;
left: 35.5%;
}
.footer-hangye{
position: absolute;
left: 62%;
}
.footer-hangye2{
position: absolute;
right: 2%;
padding-top: 4.3%;
}
#title-one{
font-size: 20px;
z-index: 200;
line-height: 1.3;
z-index: 200;
}
#title-two{
margin-top: 6px;
}
.company{
width: 285px;
height: 140px;
margin-top: 48px;
line-height: 35px;
font-size: 18px;
font-family: "PingFang SC";
color: rgb(255, 255, 255);
line-height: 1.444;
text-align: right;
position: absolute;
right: 6%;
}
#phone{
font-size: 36px;
font-family: "Akrobat";
color: rgb(173, 208, 72);
font-weight: bold;
line-height: 0.722;
position: absolute;
z-index: 200;
margin-top: 14px;
width: 100%;
}
#kongge{
margin-top: 60px;
}
.jianjie{
position: absolute;
width: 280px;
height: 180px;
color: #FFFFFF;
font-size: 18px;
font-family: "PingFang SC";
line-height: 2.222;
top: 245px;
right: 18%;
}
.jianjie-about{
position: absolute;
width: 100px;
}
.jianjie-news{
position: absolute;
right: 11%;
width: 100px;
}
#jianjie-img{
position: absolute;
z-index: 200;
top: 245px;
right: 6%;
}
.footer-xian {
position: absolute;
width: 90%;
height: 10px;
background-image: url(../imgs/footer/footerxian.png);
background-repeat: no-repeat;
margin-top: 618px;
margin-left: 5%;
}
#beian{
font-size: 16px;
font-family: "PingFang SC";
color: rgb(255, 255, 255);
line-height: 1.625;
position: absolute;
left: 5%;
top: 640px;
overflow: hidden;
white-space: nowrap;
}
#xiyu{
font-size: 16px;
font-family: "PingFang SC";
color: rgb(255, 255, 255);
line-height: 1.625;
position: absolute;
right: 6%;
top: 640px;
overflow: hidden;
white-space: nowrap;
}
.back-top{
border-radius: 50%;
background-color: rgb(52,53,58);
position: absolute;
right: 10px;
bottom: 10px;
width: 76px;
height: 76px;
}
#back-icon{
position: absolute;
left: 50%;
margin-left: -20px;
top: 50%;
margin-top: -25px;
font-size: 40px;
z-index: 300;
color: rgb(179,179,179);
font-weight: bold;
}
.footer-zhezhao{
position: absolute;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,.3);
z-index: 100;
}
.footer-title a ,.jianjie a{ color:#fff}