/* CSS Document */
@charset "utf-8";
/*************************************
* 文件名称：indexss.css
* 作   者：合肥易海华景网络科技有限公司 http://www.yhhjwl.com
* 创建日期：2023-10
* 内容概要: 工程案例样式文件
*************************************/

#banner{position:relative;width:100vw;height:80vh;margin:0px;padding:0px;overflow:hidden}
#banner img{width:100%;height:100%}

#case{position: relativ;margin-top:60px;margin-left:auto;margin-right:auto;width:90%;overflow:hidden;}
#case #casebt{width:100%;text-align:center;line-height:90px;font-size:46px;color:#000;font-weight:bold}
#case .nav{margin-top:30px;width:100%;margin-left:auto;margin-right:auto;height:50px;border-bottom:1px solid #ccc;position:relative;overflow:visible;}
#case .nav ul{width:auto;margin:0 auto;height:50px;}
#case .nav ul li{position:relative;float:left;margin-left:4%;width:10%;height:38px;text-align:center;line-height:38px;border:1px solid #ccc;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#case .nav ul li a{float:left;width:100%;height:37px;font-size:18px;color:#000;}
#case .nav ul li a:hover{float:left;width:100%;height:37px;font-size:18px;color:#fff;background:#0B76A8}
#case .nav ul li:nth-child(1){margin-left:0px;}
#case .nav ul li:hover{background:#0B76A8;color:#fff}
#case .nav ul li.on{float:left;width:10%;height:37px;font-size:16px;color:#505050;}
#case .nav ul li .hx{position:absolute;bottom:1px;left:0px;height:2px;width:0px;background:#00696C;z-index:111 }

#case #caselist{margin-top:50px;margin-left:auto;margin-right:auto;width:100%;padding:0px;}
#case #caselist ul{position:relative;width:110%;overflow:hidden;margin:0px;padding:0px}
#case #caselist ul li{width:30%;float:left;margin-right:2%;margin-top:30px;background:#fff}
#case #caselist ul li .tp{margin:0px;float:left;width:90%;height:38vh;overflow:hidden;}
#case #caselist ul li .tp img{width:100%;height:100%;transition:all 0.5s}
#case #caselist ul li .wz{position:relative;margin:0px;float:left;width:90%;height:240px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;;border-bottom:2px solid #ccc;overflow:visible}
#case #caselist ul li .wz .bt{margin-top:30px;margin-left:auto;margin-right:auto;width:100%;height:36px;text-align:left;line-height:36px;font-size:22px;color:#333;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
#case #caselist ul li .wz .jj{margin-top:30px;margin-left:auto;margin-right:auto;width:100%;height:36px;text-align:left;line-height:36px;font-size:16px;color:#505050;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
#case #caselist ul li .wz .lx{margin-top:40px;margin-left:auto;margin-right:auto;width:80%;height:80px;background-color:#f7f7f7;background-image: url(../images/ddww.png);background-position:30px center;background-repeat:no-repeat;}
#case #caselist ul li .wz .lx .dhdz{float:left;margin-top:10px;margin-left:80px;width:80%;text-align:left;line-height:30px;font-size:16px;color:#000}
#case #caselist ul li .wz .hang{position:relative;margin-top:30px;margin-left:auto;margin-right:auto;width:100%;height:36px;text-align:left;line-height:36px;font-size:16px;color:#505050;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
#case #caselist ul li .wz .hang .yuan{position:absolute;left:120px;top:0px;width:29px;height:29px;border:1px solid #505050;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;z-index:10}
#case #caselist ul li .wz .hang .hjt{position:absolute;left:110px;top:10px;width:31px;height:10px;background-image: url(../images/hjt.png);background-position:center centerp;background-repeat:no-repeat;z-index:20}
#case #caselist ul li .wz .hx{position:absolute;left:0px;bottom:-1px;width:0px;height:3px;background:#173C83;z-index:100}
#case #caselist ul li:hover .tp img{transition:all 0.5s;transform:scale(1.1,1.1);}
#case #caselist ul li:hover .wz .bt{color:#173C83}


/*分页*/
#fy{margin-top:10px;width:100%;height:auto;line-height:50px;text-align:center;display:block;}
.scott {padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:center;color:#000;font-size:13px;}
.scott a{border:1px solid #1E90FF;padding-right:10px;padding-left:10px;padding-bottom:4px;margin:3px;padding-top:4px;color:#000;text-decoration:none;width:30px;height:30px;font-size:13px;}
.scott A:hover {border:1px solid #1E90FF;color:#fff;background:#1E90FF;text-decoration:none;font-size:13px;}
.scott A:active {border:1px solid #1E90FF;background:#1E90FF;color:#fff;text-decoration:none;font-size:13px;}
.scott SPAN.current {border:1px solid #1E90FF;padding-right:5px;padding-left:5px;padding-bottom:2px;color:#000;margin:3px;padding-top:2px;background:##1E90FF;font-size:13px;}
.scott SPAN.disabled {border:1px solid #1E90FF;padding-right:5px;padding-left:5px;padding-top:2px;color:#000;margin:3px;padding-bottom:2px;font-size:13px;}

#hb{margin-top:50px;margin-left:auto;margin-right:auto;width:90%;height:500px;overflow:visible}
#hb #hbbt{width:100%;text-align:center;line-height:90px;font-size:46px;color:#000;font-weight:bold}
#hb #hblist{margin-top:30px;width:100%;height:360px;overflow:hidden;}
#hb #hblist ul{margin:0px;padding:0px;float:left;width:2000%;height:580px;position:relative;}
#hb #hblist ul li{float:left;height:580px;;width:10vw;display:inline;}
#hb #hblist ul li .tpk{position:relative;height:100px;width:80%;background:#fff;text-align:center;float:left;margin-top:10px;clear:both;}
/*
#hb #hblist ul li .tpk img{position:absolute;top:0;right:0; bottom:0;left:0; margin: auto;table-cell;vertical-align:middle;margin:0 auto;max-width:130px; max-height:100px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 130 ? "130px" : "auto"):(this.style.height = this.offsetHeight >= 100 ? "100px" : "auto")); display:inline !important;}
*/
#hb #hblist ul li .tpk img{position:absolute;top:0;right:0;bottom:0;left:0;margin: auto;max-width:90%; max-height:84%}


#wt{position: relativ;margin-top:50px;margin-left:auto;margin-right:auto;width:90%;height:auto;;overflow:hidden}
#wt #wtbt{width:100%;height:90px;text-align:center;line-height:90px;font-size:46px;color:#000;font-weight:bold}
#wt #wtlist{margin-tpo:50px;margin-left:auto;margin-right:auto;width:100%;height:700px;overflow:hidden}
#wt #wtlist ul{float:left;width:110%;height:500px;}
#wt #wtlist ul li{position:relative;width:30%;float:left;margin-right:2%;margin-top:20px;height:200px;border:0px solid #eee;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
#wt #wtlist ul li .hx{position:absolute;top:0px;left:0px;height:2px;width:10%;background:#00696C;z-index:111 }
#wt #wtlist ul li .bt{margin-top:30px;margin-left:auto;margin-right:auto;width:100%;height:30px;line-height:30px;text-align:left;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#wt #wtlist ul li .jj{margin-top:30px;margin-left:auto;margin-right:auto;width:100%;height:52px;line-height:24px;text-align:left;font-size:16px;color:#505050;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;;}
#wt #wtlist ul li .hang{margin-top:10px;margin-left:auto;margin-right:auto;width:100%;height:40px;}
#wt #wtlist ul li .hang .gd{float:left;width:100px;height:30px;border:1px solid #ccc;line-height:30px;text-align:center;font-size:18px;color:#505050;}


#wt #wtlist ul li:hover .hang .gd{float:left;width:100px;height:30px;border:1px solid #00696C;background:#00696C;line-height:30px;text-align:center;font-size:18px;color:#fff;}
#wt #wtlist ul li:hover .bt{color:#00696C}
#wt #wtlist ul li:hover .jj{color:#000}