.banner{width: 100%;}
.banner img{width: 100%;}

.main{width: 1050px;margin:35px auto 0px;}
.LeftMenu{width:220px;float: left;}
.LeftMenu .en{display:block;font-size:24px;color:#c5c5c5;width:150px;font-weight:bold;text-transform: uppercase;line-height: 24px;word-break: break-word;}
.LeftMenu .name{font-size:20px;color:#008c7b;margin:5px 0px 0px 0px;position: relative;padding: 0px 0px 17px 0px;}
.LeftMenu .name:after{width: calc((100vw - 1050px)/2 + 220px);height:1px;background:#dadada;content:"";display:block;position: absolute;right: 0px;bottom: 0px;}
.LeftMenu .name:before{width: 18px;height: 2px;background:#cbcbcb;content:"";display:block;position:absolute;right:0px;bottom: 0px;}
.LeftMenu ul{margin:25px 0px 0px 0px;}
.LeftMenu ul{border:1px solid #dadada;}
.LeftMenu ul li{line-height:52px;border-bottom:1px solid #dadada;text-align:center;}
.LeftMenu ul li a{font-size:16px;color:#4f4f4f;display:block;}
.LeftMenu ul li:hover{background:#008c7b;}
.LeftMenu ul li:hover a{color:#fff;}
.LeftMenu ul li.active{background:#008c7b;}
.LeftMenu ul li.active a{color:#fff;}
.LeftMenu ul li:last-child{border:0;}

.Right{width: 795px;float: right;min-height: 400px;}
.location{text-align:right;font-size:12px;color:#6f6f6f;font-family:"宋体";}
.location img{margin:0px 5px 0px 0px;}
.location a{color:#6f6f6f;}
.location span{padding:0px 5px;}
.about{font-size:14px;line-height: 26px;color:#1e1e1e;font-family:"宋体";margin: 27px 0px 70px 0px;}
.about img{max-width: 100%;margin: 0 auto;display: block;}
/* 工程展示 */
.engineering{margin:30px 0px;}
.engineering li{float:left;width:380px;margin:0px 0px 25px 0px;}
.engineering li .Img{height:230px;overflow:hidden;}
.engineering li img{transform:scale(1.0);transition:1s all ease;}
.engineering li:nth-child(2n){float:right;}
.engineering li .title{color:#2f2f2f;font-size:16px;margin:8px 0px 5px 0px;}
.engineering li .title:before{width:3px;height:15px;background:#84a9c9;content:"";display:inline-block;margin:0px 10px 0px 0px;position:relative;top:2px;}
.engineering li:hover .title{color:#008a8a;}
.engineering li:hover .title:before{background:#008a8a;}
.engineering li:hover img{transform:scale(1.2);}
.engineering .loadmore{width:100%;height:38px;line-height:38px;text-align:center;color:#fff;background:#09a0a0;display:block;font-family:"宋体";margin:20px 0px 32px 0px;}
.engineering .loadmore img{margin:12px 0px 0px 10px;}

/* 详情 */
.about .title{text-align:center;font-size:16px;}
.about .articleInfo{line-height:24px;font-size:14px;margin: 20px 0px 0px 0px;}
.articleInfo p{text-indent: 2em;}
/* 新闻 */
.News{margin:15px 0px 30px 0px;}
.News li{padding:25px 0px;border-bottom:1px solid #e4e4e4}
.News li .Img{width:270px;height:165px;float:left;overflow:hidden;}
.News li img{transform:scale(1.0);transition:1s all ease;width: 100%;height: 100%;}
.News li .words{width:500px;float:right;font-family:"微软雅黑";height:165px;position:relative;}
.News li .words .title{color:#1c1c1c;font-size:16px;font-family:"微软雅黑";margin: 10px 0px 10px 0px;font-weight: bold;}
.News li .words .time{color:#515151;font-size:14px;font-family:"微软雅黑";margin:0px 0px 10px 0px;}
.News li .words .summary{color:#373737;font-size:14px;font-family:"微软雅黑";line-height:22px;}
.News li .words .read{font-size:12px;color:#838383;position:absolute;bottom:0px;}
.News li :hover .title{color:#008c7b;text-decoration: underline;}
.News li :hover .read{color:#008c7b;text-decoration: underline;}
.News li:hover img{transform:scale(1.2);}
.News li:last-child{border:0;}

#pages{margin: 20px 0px 30px 0px;text-align:center;}
#pages a{padding:5px 11px;border: 1px solid #e4e4e4;border-radius: 3px;font-size:16px;color:#2f2f2f}
#pages a:hover{background:#008c7b;color:#fff;border:1px solid #008c7b;}
#pages a.currentpage{background:#008c7b;color:#fff;border:1px solid #008c7b;}
#pages .pagenum{width: 33px;height: 33px;border: 1px solid #008c7b;margin: 0px 2px 0px 5px;box-sizing: border-box;line-height: 33px;}
#pages .go{width: 33px;height: 33px;border: 1px solid #e4e4e4;background:#e9e9e9;font-size: 14px;color:#4a4a4a;line-height: 33px;border-radius: 3px;}


@media(max-width:1024px){
    .main{width: 100%;margin: 20px auto 0px;}
    .LeftMenu{width:100%;float: none;}
    .LeftMenu .en{width: 125px;position: relative;left: 50%;transform: translateX(-50%);font-size: 20px;}
    .LeftMenu .name{width: 72vw;position: relative;text-indent: calc((100vw - 125px)/2);font-size: 18px;}
    .LeftMenu .name:after{width: 72vw;left: 0px;right: auto;}
    .LeftMenu ul li{display:none;line-height: 45px;}
    .LeftMenu ul li a{display:inline;}
    .LeftMenu ul li.active{display:block;background: #2fbcc0;}
    .LeftMenu ul:hover li{display:block;}
    .LeftMenu ul li:hover{background: #2fbcc0;}
    .LeftMenu ul{width:95%;margin: 20px auto;}
    .location{display:none;}
    .Right{width:95%;margin:0 auto;float:none;min-height: 200px;}
    .articleInfo img{max-width: 100%;display: block;}
    .about{width: 100%;}
    .engineering li{float: none;width: 100%;}
    .engineering li:nth-child(2n){float:none;}

    .News li{padding:20px 0px;}
    .News li .Img{width:45%;height:auto;}
    .News li .words{width:52%;height: auto;}
    .News li .words .title{margin: 0px 0px 8px 0px;font-size: 14px;}
    .News li .words .time{font-size:12px;margin: 0px 0px 5px 0px;}
    .News li .words .summary{display: none;}
    .News li .words .read{position:unset;margin: 15px 0px 0px 0px;display:block;}

    #pages{font-size:12px;}
    #pages a{padding:3px 8px;display:inline-block;margin:0px 0px 5px 0px;}






    
}