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

/*头部*/
#cptop{margin:0 auto;width:100%;height:230px;background-color:#f4f4f4;}
#cptop .dbt{width:100%;height:180px;background-color:#f4f4f4;margin-top:50px;}
#cptop .dbt .nr{margin-top:55px;margin-left:auto;margin-right:auto;width:903px;height:110px;background-image: url(../images/hbtbg.jpg);background-position:center top; background-repeat:no-repeat;padding-top:10px;}
#cptop .dbt .nr .dmc{margin:0 auto;width:360px;height:40px;text-align:center;line-height:40px;font-size:32px;color:#000;font-weight:bold;}
#cptop .dbt .nr .emc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#ccc;}
#cptop .dbt .nr .xmc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#666;}

/*工程*/
#gcms{width:100%;height:830px;background-color:#f4f4f4;}
#gcms ul{margin:0 auto;width:1280px;}
#gcms ul li{float:left;width:320px;height:260px;overflow:hidden;}
#gcms ul li:nth-child(1){float:left;/*background-image:url(../images/gcms01.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li img{ width:320px;height:260px;transition:all 0.5s;}
#gcms ul li:hover img{transition:all 0.8s;transform:scale(1.1,1.1);}


#gcms ul li:nth-child(2){float:left;background-image:url(../images/xxbj.jpg);}
#gcms ul li:nth-child(3){float:left;/*background-image:url(../images/gcms02.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li:nth-child(4){float:left;background-image:url(../images/xxbj.jpg);}
#gcms ul li:nth-child(5){float:left;background-image:url(../images/xxbj.jpg);}
#gcms ul li:nth-child(6){float:left;/*background-image:url(../images/gcms03.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li:nth-child(7){float:left;background-image:url(../images/xxbj.jpg);}
#gcms ul li:nth-child(8){float:left;/*background-image:url(../images/gcms04.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li:nth-child(9){float:left;/*background-image:url(../images/gcms05.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li:nth-child(10){float:left;background-image:url(../images/xxbj.jpg);}
#gcms ul li:nth-child(11){float:left;/*background-image:url(../images/gcms06.jpg);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;*/}
#gcms ul li:nth-child(12){float:left;background-image:url(../images/xxbj.jpg);}

#gcms ul li .nlist{width:280px;height:260px;margin-top:20px;margin-left:auto;margin-right:auto;}
#gcms ul li .nlist .bt{width:300px;height:50px;line-height:50px;text-align:left;font-size:22px;/*font-weight:bold;*/color:#000;}
#gcms ul li .nlist .bt a{font-size:22px;color:#000;}

#gcms ul li .nlist ul{width:300px;height:200px;background:none;}
#gcms ul li .nlist ul li{width:300px;height:30px;line-height:30px;text-align:left;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;background:none;}
#gcms ul li .nlist ul li a{font-size:15px;color:#000;background:none;}
#gcms ul li .nlist ul li a:hover{color:#0091D5;}

#xal{width:1280px;margin-left:auto;margin-right:auto;margin-top:2px;}
#xal .dbt{width:100%;height:180px;}
#xal .dbt .nr{margin-top:55px;margin-left:auto;margin-right:auto;width:903px;height:110px;background-image: url(../images/dbtbg.jpg);background-position:center top; background-repeat:no-repeat;padding-top:10px;}
#xal .dbt .nr .dmc{margin:0 auto;width:180px;height:40px;text-align:center;line-height:40px;font-size:32px;color:#000;font-weight:bold;}
#xal .dbt .nr .emc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#ccc;}
#xal .dbt .nr .xmc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#666;}
#xal ul{float:left;width:1300px;}
#xal ul li{float:left;padding:20px;width:365px;height:90px;box-shadow:1px 5px 10px #eee;;background:#f7f7f7;margin-top:20px;margin-left:20px;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#xal ul li .bt{width:365px;height:36px;line-height:36px;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#xal ul li .hang{width:365px;height:26px;line-height:26px;font-size:13px;color:#505050;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}

#xal ul li .hang span{float:left;width:65px;height:20px;line-height:20px;font-size:13px;color:#000;text-align:right}
#xal ul li:hover{float:left;padding:20px;width:365px;height:90px;box-shadow:1px 5px 10px #ccc;;background:#6696FF;margin-top:20px;margin-left:20px;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

#xal ul li:hover .bt{width:365px;height:36px;line-height:36px;font-size:18px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#xal ul li:hover .hang{width:365px;height:26px;line-height:26px;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}

#bjb{margin-top:20px;margin-left:auto;margin-right:auto;border:5px solid #eee;width:1270px;height:60px;}
#bjb .title{float:left;margin-left:100px;height:60px;line-height:60px;font-size:20px;color:#000}
#bjb .bd{float:left;margin-left:100px;height:60px;line-height:60px}
#bjb .bd span{float:left;height:60px;line-height:60px;font-size:16px;}
#bjb .bd .txt{float:left;margin-top:15px;width:200px;height:28px;border:1px solid #ccc;margin-right:30px;text-indent:2em;}
#bjb #tjan{float:left;width:120px;height:30px;background:#006CB7;margin-top:15px;text-align:center;line-height:30px;font-size:16px;color:#fff;cursor:pointer;moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}


/*工程案例*/
#gcal{width:100%;}
#gcal .dbt{width:100%;height:180px;background-color:#fff;}
#gcal .dbt .nr{margin-top:55px;margin-left:auto;margin-right:auto;width:903px;height:110px;background-image: url(../images/dbtbg.jpg);background-position:center top; background-repeat:no-repeat;padding-top:10px;}
#gcal .dbt .nr .dmc{margin:0 auto;width:180px;height:40px;text-align:center;line-height:40px;font-size:32px;color:#000;font-weight:bold;}
#gcal .dbt .nr .emc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#ccc;}
#gcal .dbt .nr .xmc{margin:0 auto;width:360px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#666;}

#gcal .nav{width:1280px;margin:0 auto;height:36px;border-bottom:1px solid #ccc;position:relative;overflow:visible}
#gcal .nav ul{width:1280px;margin:0 auto;height:37px;position:absolute;top:0px;left:0px;z-index:100;overflow:visible}
#gcal .nav ul li{position:relative;float:left;width:150px;height:37px;text-align:center;line-height:36px;overflow:visible}
#gcal .nav ul li a{float:left;width:150px;height:37px;font-size:16px;color:#505050;}
#gcal .nav ul li a:hover{float:left;width:150px;height:37px;font-size:16px;color:#505050;}
#gcal .nav ul li:nth-child(6){border:0px;}
#gcal .nav ul li.on{float:left;width:150px;height:37px;font-size:16px;color:#505050;}
#gcal .nav ul li .hx{position:absolute;bottom:1px;left:25px;height:2px;width:0px;background:#00696C;z-index:111 }


#al{margin:0 auto;width:1280px;padding-bottom:30px;}
#al ul{float:left;width:1380px;}
#al ul li{position:relative;float:left;width:380px;height:400px;background-color:#f2f2f2;margin-top:20px;margin-right:30px;padding:15px;overflow:hidden}
#al ul li .tpk{width:380px;height:280px;mar}
#al ul li .tpk img{width:380px;height:280px;}
#al ul li .bt{width:380px;height:28px;border-bottom:1px dashed #ccc;text-align:center;line-height:28px;font-size:14px;color:#0090D6;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#al ul li .bt a{font-size:14px;color:#0090D6;}
#al ul li .jj{width:360px;height:60px;text-align:left;line-height:28px;font-size:13px;color:#505050;line-height:20px;padding-left:10px;padding-right:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#al ul li .zzc{position:absolute;bottom:135px;left:17px;width:375px;height:0px;background:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;/*cursor:pointer;display:none;*/z-index:10;}
#al ul li .zzc .mc{margin-top:50px;margin-left:auto;margin-right:auto;width:300px;line-height:30px;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
#al ul li .zzc .an{margin-top:10px;margin-left:auto;margin-right:auto;width:120px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#fff;border:1px solid #fff;moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;;background:#000;}
#al ul li .zzc .an a{float:leftwidth:120px;height:30px;font-size:16px;color:#fff;}




#gcal .body{margin:0 auto;width:1280px;}
#gcal .body ul{float:left;width:1380px;}
#gcal .body ul li{position:relative;float:left;width:380px;height:400px;background-color:#f2f2f2;margin-top:20px;margin-right:30px;padding:15px;}
#gcal .body ul li .tpk{width:380px;height:280px;margin:0px;padding:0px;position:relative;}
/*
#gcal .body ul li .tpk img{width:380px;height:280px;}
*/
#gcal .body 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:380px; max-height:280px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 380 ? "380px" : "auto"):(this.style.height = this.offsetHeight >= 280 ? "280px" : "auto")); display:inline !important;}


#gcal .body ul li .bt{width:380px;height:28px;border-bottom:1px dashed #ccc;text-align:center;line-height:28px;font-size:14px;color:#0090D6;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#gcal .body ul li .bt a{font-size:14px;color:#0090D6;}
#gcal .body ul li .jj{width:360px;height:70px;text-align:left;line-height:28px;font-size:13px;color:#505050;line-height:20px;padding:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#gcal .body ul li .zzc{position:absolute;bottom:135px;left:17px;width:375px;height:0px;background:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;/*cursor:pointer;display:none;*/z-index:10;}
#gcal .body ul li .zzc .mc{margin-top:50px;margin-left:auto;margin-right:auto;width:300px;line-height:30px;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
#gcal .body ul li .zzc .an{margin-top:10px;margin-left:auto;margin-right:auto;width:120px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#fff;border:1px solid #fff;moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;;background:#000;}
#gcal .body ul li .zzc .an a{float:leftwidth:120px;height:30px;font-size:16px;color:#fff;}












/*资讯*/
#news{width:100%;background-color:#F5F6F8;padding-top:50px;padding-bottom:50px;margin-top:50px;}
#gcxw{margin:0 auto;width:1280px;height:460px;background-color:#fff;}
#gcxw .l{float:left;width:290px;height:400px;margin-left:10px;}
#gcxw .ls{width:290px;height:190px;margin-top:10px;}
#gcxw .ls img{width:290px;height:190px;}

#gcxw .ls .lsnav{width:300px;height:29px;border-bottom:1px solid #ccc;}
#gcxw .ls .lsnav li{float:left;width:100px;height:29px;border-bottom:1px solid #ccc;text-align:center;line-height:27px;cursor:pointer}
#gcxw .ls .lsnav li.on{border-bottom:1px solid #000;cursor:pointer}
#gcxw .ls .lsnav span{float:right;margin-top:10px;}
#gcxw .ls .xwlist{width:300px;height:170px;}
#gcxw .ls .xwlist li{width:280px;height:28px;background-image: url(../images/fk.jpg); background-position:left center;background-repeat:no-repeat;padding-left:20px;line-height:28px;font-size:13px;color:#505050;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#gcxw .ls .xwlist li a{float:left;width:280px;height:28px;color:#505050;}
#gcxw .ls .xwlist li a:hover{float:left;width:280px;height:28px;background-color:#eee;}

#gcxw .lx{margin-top:10px;width:290px;height:190px;}
#gcxw .lx .lxnav{width:290px;height:29px;border-bottom:1px solid #ccc;}
#gcxw .lx .lxnav li{float:left;width:100px;height:29px;border-bottom:1px solid #ccc;text-align:center;line-height:27px;cursor:pointer}
#gcxw .lx .lxnav li.on{border-bottom:1px solid #000;cursor:pointer}
#gcxw .lx .lxnav span{float:right;margin-top:10px;}
#gcxw .lx .xwlist{width:290px;height:170px;}
#gcxw .lx .xwlist li{width:280px;height:28px;background-image: url(../images/fk.jpg); background-position:left center;background-repeat:no-repeat;padding-left:20px;line-height:28px;font-size:13px;color:#505050;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal;}
#gcxw .lx .xwlist li a{float:left;width:280px;height:28px;color:#505050;}
#gcxw .lx .xwlist li a:hover{float:left;width:280px;height:28px;background-color:#eee;}


#gcxw .r{float:right;width:960px;height:400px;}
#gcxw .r .bt{width:960px;height:40px;text-algin:left;line-height:40px;font-size:24px;color:#000;/*font-weight:bold;*/}
#gcxw .r .js{width:960px;height:120px;text-algin:left;line-height:24px;font-size:13px;color:#666;text-indent:2em;}
#gcxw .r ul {margin-top:0px;width:960px;height:280px;}
#gcxw .r ul li{float:left;margin-top:10px;margin-right:27px;width:135px;height:90px;padding-left:15px;padding-right:15px;padding-top:20px;background-color:#e5e5e5;font-size:16px;text-align:left;line-height:20px;color:#666;}
#gcxw .r ul li.on{background-color:#0092D0;font-size:16px;text-align:left;line-height:20px;color:#fff;}




/*产品导航*/
#cpnav{margin:0 auto;width:100%;height:36px;border-bottom:2px solid #2E3844; padding-top:40px;overflow:visible;}
#cpnav ul{position: relative;margin:0 auto;width:1280px;height:30px;overflow:visible;}
#cpnav ul li{float:left;width:212px;height:30px;border-right:1px solid #2E3844;line-height:30px;text-align:center;font-size:26px;color:#2E3844;}
#cpnav ul li:nth-child(6){border:0px;}
#cpnav ul li a{float:left;width:212px;height:30px;line-height:30px;text-align:center;font-size:26px;color:#2E3844;}
#cpnav ul li a:hover{float:left;width:212px;height:30px;line-height:30px;text-align:center;font-size:26px;color:#006CBC;}
#cpnav ul .zcd{position:absolute;top:40px;left:0px;width:1280px;height:260px;background:#fff;display:none;z-index:90; }
#cpnav ul .zcd ul{float:left;width:212px;height:260px;}
#cpnav ul .zcd ul li{width:182px;height:30px;text-align:left;line-height:30px;padding-left:30px;border:0px;}
#cpnav ul .zcd ul li a{float:left;width:182px;height:30px;line-height:30px;text-align:left;font-size:16px;color:#2E3844;}
#cpnav ul .zcd ul li a:hover{float:left;width:182px;height:30px;line-height:30px;text-align:left;font-size:16px;color:#006CBC;}

/*产品列表*/
#cplist{margin:0 auto;width:1280px;height:800px;}
#cplist ul{width:1380px;height:800px;}
#cplist ul li{position:relative;float:left;width:415px;height:250px;margin-right:20px;margin-top:20px;background:#f5f5f5;}
#cplist ul li img{margin:0 auto;max-width:415px; max-height:250px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 415 ? "415px" : "auto"):(this.style.height = this.offsetHeight >= 250 ? "250px" : "auto")); display:inline !important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
#cplist ul li .zzc{position:absolute;top:0px;left:0px;width:415px;height:250px;background:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;cursor:pointer;display:none;}
#cplist ul li .zzc .mc{margin-top:80px;margin-left:auto;margin-right:auto;width:300px;line-height:30px;text-align:center;font-size:16px;color:#fff;font-weight:bold;}
#cplist ul li .zzc .an{margin-top:10px;margin-left:auto;margin-right:auto;width:120px;line-height:30px;text-align:center;font-size:16px;color:#fff;border:1px solid #fff;moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;;background:#000;}


/*分页*/
#fy{margin:0 auto; width:1280px;height:150px;line-height:50px;text-align:center;}
#cpfy{margin:0 auto; width:1280px;height:150px;line-height:50px;text-align:center;}
#xfy{margin:0 auto; width:983px;height:50px;line-height:50px;text-align:right;display:block;}
#wsfy{margin:0 auto;width:790px;height:50px;line-height:50px;text-align:center;}
.scott {padding-right:3px;padding-left:3px;padding-bottom:3px;margin:3px;padding-top:3px;text-align:right;color:#0172C2;font-size:13px;}
.scott a{border:1px solid #0172C2;padding-right:5px;padding-left:5px;padding-bottom:2px;margin:3px;padding-top:2px;color:#0172C2;text-decoration:none;width:30px;height:30px;font-size:13px;}
.scott A:hover {border:1px solid #0172C2;color:#fff;background:#0172C2;text-decoration:none;font-size:13px;}
.scott A:active {border:1px solid #0172C2;background:#174560;color:#fff;text-decoration:none;font-size:13px;}
.scott SPAN.current {border:1px solid #0172C2;padding-right:5px;padding-left:5px;padding-bottom:2px;color:#fff;margin:3px;padding-top:2px;background:#0172C2;font-size:13px;}
.scott SPAN.disabled {border:1px solid #0172C2;padding-right:5px;padding-left:5px;padding-top:2px;color:#0172C2;margin:3px;padding-bottom:2px;font-size:13px;}

/*产品信息*/
#cpbody{margin:0 auto;width:1280px;padding-top:20px;padding-bottom:30px;}
#cpjj{margin:0 auto;width:1280px;height:560px;padding-top:40px;}
#cpjj_tp{float:left;width:550px;height:520px;border-right:1px dashed #ccc;padding-right:40px;}
#cpjj_jj{float:right;width:550px;height:520px;}
#cpmc{width:550px;height:40px;line-height:40px;font-size:28px;color:#117DC7;text-align:left;font-weight:bold;padding-left:10px;}
#cpfl{width:550px;height:40px;line-height:40px;font-size:16px;color:#000;text-align:left;margin-top:10px;padding-left:10px;}
#cpxh{width:550px;height:60px;line-height:60px;font-size:16px;color:#000;text-align:left;margin-top:30px;background-color:#f4f4f4;padding-left:10px;}
#cpms{width:550px;height:100px;padding:10px;text-ailgn:left;line-height:20px;font-size:14px;color:#505050;}
#cptd{width:550px;height:100px;padding:10px;text-ailgn:left;line-height:20px;font-size:14px;color:#505050;background:#f4f4f4;}
#cprx{width:550px;height:40px;line-height:40px;font-size:16px;color:#000;text-align:left;margin-top:10px;padding-left:10px;}

#cpnr{position: relative;margin-top:100px;margin-left:auto;margin-right:auto;width:1280px;border-top:1px solid #0070BE;padding-top:100px;min-height:300px;overflow:visible;}
#cpnr .dbt{position:absolute;top:-30px;width:200px;height:60px;background-color:#0070BE;left:50%;margin-left:-100px;font-size:20px;color:#fff;text-align:center;line-height:60px;}
#cpnr .nrlb{margin-top:0px;width:1280px;height:50px;background-color:#efefef;border-left:1px solid #eaeaea;}
#cpnr .nrlb ul{width:1280px;height:50px;}
#cpnr .nrlb ul li{float:left;width:158px;height:50px;border-right:1px solid #eaeaea;text-align:center;line-height:50px;font-size:22px;color:#505050;cursor:pointer;}
#cpnr .nrlb ul li.on{float:left;width:158px;height:50px;border-right:1px solid #eaeaea;text-align:center;line-height:50px;font-size:22px;color:#fff;background-color:#0070BE;cursor:pointer;}
#cpnr .nrk{margin:0 auto;width:1240px;padding:20px;font-size:14px;line-height:26px;text-align:left;}
#cpnr .nrk p{text-indent:2em;}
#cpnr .nrk img{margin:0 auto;}
#cpnr .abt{margin:0 auto;width:1280px;height:50px;line-height:50px;text-align:center;font-size:22px;font-weight:bold;}

#sxt{margin:0 auto;width:1280px;height:100px;line-height:30px;text-align:left;font-size:14px;color:#505050;}
#sxt a{font-size:14px;color:#505050;}

#xgcp{margin-top:30px;margin-left:auto;margin-right:auto;width:1280px;height:280px;}
#xgcp .bt{width:1280px;height:30px;line-height:30px;text-align:left;font-size:20px;color:#0067BC;font-weight:bold;}
#xgcp .bt span{font-size:12px;color:#ccc;font-weight:normal;}
#xgcp ul{width:1380px;height:230px;margin-top:20px;}
#xgcp ul li{float:left;margin-right:27px;width:210px;height:180px;border:1px solid #ccc;padding:10px;}
#xgcp ul li .tpk{width:210px;height:160px; text-align:center}
#xpcg ul li .tpk img{margin:0 auto;max-width:200px; max-height:170px;scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 200 ? "200px" : "auto"):(this.style.height = this.offsetHeight >= 140 ? "140px" : "auto")); display:inline !important;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
#xgcp ul li p{width:230px;height:28px;text-align:center;line-height:30px;font-size:13px;}
#xgcp ul li a{font-size:13px;color:#666;}