/* banner开始 */
.Banner{
    height: 650px;
    position: relative;
}
.Banner .bd ul li{
    width: 100%;
    height: 650px;
}

.Banner .hd{
    position: absolute;
    width: 100%;
    height: 2px;
    left: 50%;
    margin-left: -50%;
    bottom: 44px;
    z-index: 9;
    text-align: center;
}
.Banner .hd ul li{
    display: inline-block;
    width: 19px;
    height: 19px;
    cursor: pointer;
    margin: 0 15px;
    transition: all .3s;
    border-radius: 20px;
    background: url("../images/yuandian.png") no-repeat center;
}
.Banner .hd ul li.on{
    background: url("../images/yuandian_1.png") no-repeat center;
}
.Banner .prev{
    position: absolute;
    left: 140px;
    top: 50%;
    margin-top: -23px;
    width: 47px;
    height: 47px;
    z-index: 9;
    cursor: pointer;
    background: url("../images/zuojian.png") no-repeat center;
}
.Banner .next{
    position: absolute;
    right: 140px;
    top: 50%;
    margin-top: -23px;
    width: 47px;
    height: 47px;
    z-index: 9;
    cursor: pointer;
    background: url("../images/youjian.png") no-repeat center;
}
/* banner结束 */

/* 产品中心开始 */
.ChanPin{
    padding: 0 0 65px;
}
.ChanPins{
    height: 193px;
    padding: 70px 0 0;
    box-sizing: border-box;
    text-align: center;
}
.ChanPins strong{
    display: block;
    font-size: 20px;
    color: #ededed;
    text-transform: uppercase;
}
.ChanPins h2{
    background: url("../images/chanpinbj.png") no-repeat center 8px;
}
.ChanPins h2 a{
    display: inline-block;
    font-size: 20px;
    color: #333333;
    transition: all .3s;
}
.ChanPins h2 a:hover{
    color: #333333;
}
.ChanPins span{
    display: block;
    font-size: 16px;
    color: #999999;
    padding: 10px 0 0;
}
.ChanPinx{
    overflow: hidden;
}
.ChanPinxl{
    float: left;
    width: 280px;
}
.ChanPinxls{
    height: 90px;
    text-align: center;
    background: #333333;
    padding: 18px 0 0;
    box-sizing: border-box;
}
.ChanPinxls strong{
    display: block;
    font-size: 24px;
    color: #ffffff;
    background: url("../images/chanpinbj1.png") no-repeat center;
}
.ChanPinxls span{
    display: block;
    font-size: 14px;
    color: #ffffff;
    font-family: "Arial";
    padding: 5px 0 0;
}
.ChanPinxlc ul li{
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #ededed;
}
.ChanPinxlc ul li:last-child{
    border-bottom: 0;
}
.ChanPinxlc ul li h2 a{
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    padding-left: 12px;
    transition: all .3s;
    background: url("../images/yuanjian.png") no-repeat 246px center;
}
.ChanPinxlc ul li h2 a:hover{
    color: #333333;
    background: url("../images/yuanjian_1.png") no-repeat 246px center;
}
.ChanPinxlx{
    height: 168px;
    background: #333333;
}
.ChanPinxlx strong{
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 85px;
    text-align: center;
}
.ChanPinxlx p{
    padding-left: 72px;
    background: url("../images/chandianhua.png") no-repeat 18px center;
}
.ChanPinxlx p span{
    display: block;
    font-size: 16px;
    color: #ffffff;
}
.ChanPinxlx p em{
    display: block;
    font-size: 28px;
    color: #ffffff;
    font-family: "Arial";
}
.ChanPinxr{
    float: right;
    width: 890px;
}
.ChanPinxr ul{
    width: 920px;
}
.ChanPinxr ul li{
    float: left;
    width: 278px;
    margin: 0 28px 22px 0;
}
.ChanPinxr ul li>a{
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.ChanPinxlc ul li.on h2 a{
    color: #333333;
    background: url("../images/yuanjian_1.png") no-repeat 246px center;
}
.ChanPinxr ul li>a img{
    transition: all .5s;
}
.ChanPinxr ul li:hover>a img{
    transform: scale(1.05);
}
.ChanPinxr ul li h3 a{
    display: block;
    height: 56px;
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    line-height: 56px;
    background: #eeeeee;
    text-align: center;
    transition: all .5s;
}
.ChanPinxr ul li:hover h3 a{
    color: #ffffff;
    background: #333333;
}
/* 产品中心结束 */

/* 质量保证开始 */
.ZhiLiang{
    height: 1157px;
    background: url("../images/zhiliangbj.png") no-repeat center top;
}
.ZhiLiang ul li{
    padding: 0 0 65px;
}
.ZhiLiang ul li .ZhiTop{
    height: 36px;
    padding: 0 0 40px;
}
.ZhiLiang ul li .ZhiTop span{
    float: left;
    height: 36px;
    font-size: 14px;
    color: #999999;
    line-height: 17px;
    font-family: "Arial";
    text-transform: uppercase;
    padding-left: 43px;
    background: url("../images/chilun.png") no-repeat left center;
}
.ZhiLiang ul li .ZhiTop span i{
    display: block;
}
.ZhiLiang ul li .ZhiBot{
    overflow: hidden;
}
.ZhiLiang ul li .ZhiBot img{
    float: left;
    width: 574px;
    height: 240px;
}
.ZhiLiang ul li .ZhiBot .ZhiDiv{
    float: right;
    width: 574px;
}
.ZhiLiang ul li .ZhiBot .ZhiDiv strong{
    display: block;
    font-size: 32px;
    color: #333333;
    padding: 24px 0 5px;
}
.ZhiLiang ul li .ZhiBot .ZhiDiv span{
    display: block;
    font-size: 16px;
    color: #333333;
    font-family: "Arial";
    text-transform: uppercase;
    padding: 0 0 24px;
}
.ZhiLiang ul li .ZhiBot .ZhiDiv p{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    padding-left: 15px;
    background: url("../images/landian.png") no-repeat left center;
}
.ZhiLiang ul li.ZhiLi .ZhiTop span{
    float: right;
    background: url("../images/zhibj.png") no-repeat left center;
}
.ZhiLiang ul li.ZhiLi .ZhiBot img{
    float: right;
}
.ZhiLiang ul li.ZhiLi .ZhiBot .ZhiDiv{
    float: left;
}
.ZhiLiang ul li.ZhiLi1 .ZhiTop span{
    background: url("../images/zhibj1.png") no-repeat left center;
}
/* 质量保证结束 */

/* 施工案例开始 */
.ShiGong{
    height: 810px;
    background: url("../images/shigongbj.jpg") no-repeat center top;
}
.ShiGongs{
    height: 150px;
    padding: 30px 0 0;
}
.ShiGongs h2{
    background: url("../images/shigongbj.png") no-repeat center;
}
.ShiGongs h2 a{
    color: #ffffff;
}
.ShiGongs span{
    color: #ffffff;
}
.ShiGongx{
    height: 612px;
    box-sizing: border-box;
    padding: 23px 19px 0;
    border: 1px solid #eeeeee;
    background: #ffffff;
}
.ShiGongx ul{
    width: 1200px;
}
.ShiGongx ul li{
    float: left;
    width: 368px;
    margin: 0 29px 12px 0;
}
.ShiGongx ul li>a{
    display: block;
    width: 100%;
    height: 208px;
    overflow: hidden;
}
.ShiGongx ul li>a img{
    display: block;
    width: 100%;
    height: 208px;
    transition: all .5s;
}
.ShiGongx ul li:hover>a img{
    transform: scale(1.05);
}
.ShiGongx ul li h3 a{
    display: block;
    height: 36px;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 36px;
    text-align: center;
    transition: all .5s;
}
.ShiGongx ul li:hover h3 a{
    color: #333333;
}
.LookMore{
    display: block;
    margin: 8px auto 0;
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background: url("../images/morebj.png") no-repeat center;
}
/* 施工案例结束 */

/* 关于我们开始 */
.GuanYu{
    height: 471px;
    background: url("../images/guanyubj.jpg") no-repeat center bottom;
}
.GuanYus{
    height: 146px;
    padding: 22px 0 0;
}
.GuanYux>img{
    float: left;
    width: 529px;
    height: 325px;
}
.GuanYu .GuanYuDiv{
    float: right;
    width: 622px;
    padding: 48px 0;
}
.GuanYu .GuanYuDiv p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.GuanYu .GuanYuDiv p a{
    color: #333333;
}
/* 关于我们结束 */

/* 新闻资讯开始 */
.News{
    padding: 65px 0;
}
.NewsTop{
    height: 98px;
    padding: 11px 0 0;
    box-sizing: border-box;
}
.NewsTopl{
    float: left;
}
.NewsTopl h2 a{
    float: left;
    font-size: 20px;
    color: #333333;
    transition: all .3s;
}
.NewsTopl h2 a:hover{
    color: #333333;
}
.NewsTopl span i{
    float: left;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    padding: 0 5px;
    margin: 7px 0 0;
}
.NewsTopl span strong{
    float: left;
    font-size: 20px;
    color: #ededed;
    margin: 4px 0 0;
}
.NewsTopl em{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999999;
}
.NewsTopr{
    float: right;
    margin: 14px 0 0;
}
.NewsTopr ul li{
    float: left;
    width: 144px;
    height: 33px;
    margin-left: 12px;
    text-align: center;
}
.NewsTopr ul li h2 a{
    display: block;
    height: 33px;
    line-height: 31px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    transition: all .3s;
    border: 1px solid #eeeeee;
}
.NewsTopr ul li:hover h2 a{
    color: #ffffff;
    background: #333333;
    border-color: #333333;
}
.NewsBot ul{
    width: 1230px;
}
.NewsBot ul li{
    float: left;
    width: 589px;
    height: 56px;
    padding: 0 6px;
    line-height: 54px;
    margin: 0 26px 22px 0;
    transition: all .3s;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
}
.NewsBot ul li h3 a{
    float: left;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    padding-left: 21px;
    transition: all .3s;
    background: url("../images/lankuai.png") no-repeat left center;
}
.NewsBot ul li span{
    float: right;
    font-size: 14px;
    color: #999999;
    transition: all .3s;
}
.NewsBot ul li:hover{
    background: #333333;
    border-color: #333333;
}
.NewsBot ul li:hover h3 a{
    color: #ffffff;
    background: url("../images/baikuai.png") no-repeat left center;
}
.NewsBot ul li:hover span{
    color: #ffffff;
}
/* 新闻资讯结束 */

/* 底部开始 */
.Footer{
    height: 312px;
    background: #333333;
    border-bottom: 1px solid #3e3e3e;
}
.Footers{
    height: 121px;
    box-sizing: border-box;
    border-bottom: 1px solid #3e3e3e;
}
.Footersl{
    float: left;
}
.Footersl strong{
    display: block;
    font-size: 14px;
    color: #666666;
    font-family: "Arial";
    padding: 48px 0 0;
    text-transform: uppercase;
}
.Footersl span{
    display: block;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    font-family: "Arial";
    text-transform: uppercase;
}
.Footersr{
    float: right;
}
.Footersr ul li{
    float: left;
    height: 32px;
    margin-top: 62px;
    margin-right: 82px;
}
.Footersr ul li a{
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 32px;
}
.Footersr ul li:last-child{
    margin-right: 0;
}
.Footersr ul li.on a{
    border-bottom: 1px solid #ffffff;
}
.Footersr ul li:hover a{
    border-bottom: 1px solid #ffffff;
}
.Footerx{
    overflow: hidden;
    padding: 33px 0 0;
}
.Footerxl{
    float: left;
}
.Footerxl ul li{
    font-size: 15px;
    color: #d4d4d7;
    line-height: 40px;
    padding-left: 38px;
}
.Footerxl ul li.FooterLi1{
    background: url("../images/footerli1.png") no-repeat 2px center;
}
.Footerxl ul li.FooterLi2{
    background: url("../images/footerli2.png") no-repeat 2px center;
}
.Footerxl ul li.FooterLi3{
    background: url("../images/footerli3.png") no-repeat 1px center;
}
.Footerxr{
    float: right;
    width: 103px;
}
.Footerxr span{
    display: block;
    font-size: 13px;
    color: #9f9f9f;
    line-height: 31px;
    text-align: center;
}
.End{
    height: 58px;
    line-height: 58px;
    background: #333333;
}
.End p{
    font-size: 13px;
    color: #9f9f9f;
}
.End p a{
    color: #9f9f9f;
    transition: all .3s;
}
.End p a:hover{
    color: #ffffff;
}
.End img{
    display: inline;
}
.Endl{
    float: left;
}
.Endr{
    float: right;
}
.GaBa{
    padding-left: 30px;
    background: url("../images/gaba.png") left center no-repeat;
}
/* 底部结束 */