/* 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%}
#cp{position: relativ;margin-top:60px;margin-left:auto;margin-right:auto;width:90%;;overflow:hidden}
#cp #cpbt{width:100%;text-align:center;line-height:90px;font-size:46px;color:#000;font-weight:bold}

#cp #cplist{margin-top:50px;margin-left:auto;margin-right:auto;width:100%;}
#cp #cplist ul{position:relative;width:110%;overflow:hidden;margin:0px;padding:0px}
#cp #cplist ul li{width:30%;height:400px;float:left;margin:0px;padding:0px;}
#cp #cplist ul li .tp{position:relative;margin-top:10px;margin-left:auto;margin-right:auto;width:80%;height:280px;overflow:hidden;background:#eee;padding-top:20px;padding-bottonm:20px;transition:all 0.5s}
#cp #cplist ul li .tp img{max-width:90%;max-height:90%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;table-cell;vertical-align:middle;}
#cp #cplist ul li .wz{clear:both;padding:0px;margin:0 auto;width:80%;height:50px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;;text-align:left;line-height:50px;font-size:18px;color:505050;background-image: url(../images/hjt.png);background-position:90% center;background-repeat:no-repeat;text-indent:2em;}
#cp #cplist ul li a{color:#505050}
#cp #cplist ul li a:hover{color:#173C83}
#cp #cplist ul li:hover .tp img{transition:all 0.5s;transform:scale(1.1,1.1);}
#cp #cplist ul li:hover .wz{color:#fff;background:#0B76A8}
#cp #cplist ul li:hover .tp{background:#0B76A8}



#case #caselist ul li{width:30%;float:left;margin-right:2%;margin-top:30px;}
#case #caselist ul li .tp{margin:0px;float:left;width:90%;height:280px;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:50px;width:100%;height:50px;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:520px;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:200%;height:580px;position:relative;}
#hb #hblist ul li{float:left;height:580px;;width:7.35%;display:inline;}
#hb #hblist ul li .tpk{position:relative;height:100px;width:80%;background:#f7f7f7;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;max-width:90%; max-height:84%}


#wt{position: relativ;margin-top:60px;margin-left:auto;margin-right:auto;width:90%;height:800px;;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:56px;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}