body{overflow-x:hidden;font-size:14px;line-height:24px;color:#666;font-family: "Microsoft YaHei", SimSun, '\5b8b\4f53', Tahoma, arial, sans-serif} i{font-style: normal;display:block;} .inner{position:relative;width:1200px;margin:0 auto;} .w1200{width:1200px;margin:10px auto;} em{font-style: normal;display:inline-block;padding:1px;} input,button,textarea{outline:0;border:0 none;} a:hover{text-decoration:none;} b{font-style:normal} .show{display:block;} .hide{display:none;} .mt30{margin-top:30px;} .mb30{margin-bottom:30px;} /*==========================Shared_End===========================*/ /*common-index-head*/ #header{width:100%;position:relative;height:100px;background:#f7f7f7;} #header .logo h1{position:absolute;left:-99.999999999%;} #header .logo .logo-img{width:180px;height:64px;object-fit: contain;margin-top:20px;} #header .nav .nav-list{position:relative;font-size:16px;color:#333;height:100px;padding:0 15px;border-right:1px solid #ededed;} #header .nav .nav-list a{display:block;padding:35px 0 20px;} #header .nav .nav-list a:hover{border-bottom:3px solid #005da4;color:#005da4;} #header .nav .nav-list .nActive{border-bottom:3px solid #005da4;color:#005da4;} #header .nav .down{display:none;position:absolute;left:0;top:100px;z-index:999;font-size:12px;padding:15px 0;background:#f7f7f7;border:1px solid #f1f1f1;} #header .nav .down>li>a:hover{border:0;background:#005da4;color:#fff;} #header .nav .down>li{padding:0;white-space:nowrap;} #header .nav .down>li>a{padding:0px 18px;white-space:nowrap;} #header .nav .nav-list:hover .down{display:block;} /*banner*/ .banner{width:100%;} .banner img{max-width:100%;height:auto;display:block;} /*common-index-foot*/ #footer{width:100%;background:#3d3d3d;padding:20px 0;} #footer .nav-b-item{border-right:1px solid #333;padding-top:20px;height:250px;padding-right:30px;margin:0 30px 30px 0;} #footer .nav-b-item .nav-b-t,.nav-b-t{display:block;font-size:16px;line-height:24px;color:#fff;} #footer .nav-b-item .nav-b-t .arrow{width:8px;height:7px;margin-right:4px;background:url("../images/list-pic_8_7.png") 0px 0px no-repeat;} #footer .nav-b-item .nav-b-list{padding-left:15px;margin-top:25px;color:#ccc;} #footer .nav-b-code{width:151px;padding-top:20px;font-size:12px;color:#fff;} #footer .nav-b-code p{margin-top:30px;} #footer .nav-b-code span{display:block;white-space:nowrap;text-align:center;line-height:18px;} #footer .nav-b-code .code-img{width:120px;height:120px;margin:6px 0 0 15px;;display:block;} #footer .nav-b-list a:hover{color:#666;} #footer .copyright p{text-align:center;color:#a0a0a0;} /*翻页*/ .pagingUl{float:right;padding:0;margin:20px 0;list-style:none} .pagingUl li{display:inline-block;margin-right:5px;line-height:28px;height:28px;text-align: center;cursor:pointer;} .pagingUl li .aActive{background:#384aa6;color:#fff;border:1px solid #384aa6;} .pagingUl li a{display:inline-block;line-height:28px;height:28px;border:1px solid #dedede;text-algin:center;padding:0 5px;} /*关于我们*/ .crumbs-nav{height:40px;} .crumbs-nav .addr{background:url("../images/addr_13_16.png") 0px 2px no-repeat;margin:10px 4px 0 0;width:13px;height:16px;} .crumbs-nav p{line-height:40px;} .nav-left{width:280px;background:#fff;padding:25px 0;} .nav-left .nav-l-t{padding-left:20px;font-size:18px;color:#384aa6;font-weight:bold;margin-bottom:20px;} .nav-left .nav-l-list li{padding-left:20px;line-height:40px;border-bottom:1px dashed #f1f1f1;} .nav-left .nav-l-list li:hover{background:#384aa6;color:#ccc;} .nav-left .nav-l-list li a{display:inline-block;width:100%;height:100%;} .nav-left .nav-l-list .current{background:#384aa6;color:#ccc;} .nav-left .zizhi-con span{display:block;padding-left:40px;color:#000;line-height:40px;border-bottom:1px dashed #f1f1f1;} .nav-left .zizhi-con .word-lan{color:#384aa6;} .cont-l{background:#fff;width:820px;padding:40px;} .cont-l p{text-indent:0px;} .cont-l table{margin:0 auto;} .cont-l img{max-width:100%;height:auto;} .cont-l h2{font-weight:bold;font-size:18px;text-align:center;line-height:40px;} /*新闻列表*/ .news-list{border:1px solid #cdcccc;padding:5px 30px;margin-bottom:8px;} .news-list:last-child{margin-bottom:0;} .new-list-con{width:780px;position:relative;} .new-list-con .sign{background:url("../images/news_list_03.png") 0px center no-repeat;width:12px;height:12px;position:absolute;top:4px;left:-20px;} .new-list-con .news{display:inline-block;font-size:16px;color:#333;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .new-list-con a:hover .news{color:#384aa6;} .new-list-con a{display:block;} .new-list-con p{overflow:hidden;text-indent:0;line-height:16px;} /*资质荣誉*/ .cont-img .cont-img-list{margin:0 10px 20px 0;text-align:center;} .cont-img .cont-img-list .img-border{width:250px;height:170px;padding:5px;border:1px solid #dedede;overflow:hidden;} .cont-img .cont-img-list img{width:250px;height:170px;} /*首页轮播*/ .index-banner{width:100%;height:500px;overflow:hidden;position:relative;} .index-banner .banner-inner{width:1920px;height:500px;overflow:hidden;border:1px solid #384aa6;position:relative;left:50%;margin-left:-960px;} .index-banner .banner-inner img{width:1920px;height:650px;display:block;-webkit-transform: translateY(-18%);-moz-transform: translateY(-18%);-ms-transform: translateY(-18%);-o-transform: translateY(-18%);transform: translateY(-18%);} .index-banner .next,.index-banner .prev{display:none;cursor:pointer;position:absolute;top:50%;margin-top:-80px;width:100px;height:160px;color:#fff;font-size:100px;text-align:center;line-height:160px;background:rgba(255,255,255,.3);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff,endcolorstr=#33ffffff);font-family:SimSun;} .index-banner .next{right:0;} .index-banner .prev{left:0;} .index-banner .bnr-page{position:absolute;left:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:30px;} .index-banner .bnr-page li{width:12px;height:12px;border-radius:50%;background:#fff;margin:0 10px;float:left;} .index-banner .bnr-page .bnr-on{background:#8eb9ff;} /*智能电站系统与服务*/ .tit{font-size:30px;line-height:36px;font-weight:bold;color:#fff;} .zn-service,.yunw-service,.dl-ny{border:5px solid #384aa6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .zn-service .zn-service-t{background:#384aa6;width:294px;height:330px;} .zn-service .zn-service-t h2,.dl-ny .dl-ny-t h2{margin:30px;} .zn-service .zn-service-t img{display:block;margin-top:10px;} .zn-service .zn-service-fr{width:896px;} .zn-service .zn-service-fr>ul{display:block;width:896px;} .zn-service .zn-service-fr>ul>li{width:224px;height:165px;background:#8eb9ff;text-align:center;} .zn-service .zn-service-fr .dz-img{display:block;height:83px;width:100%;text-align:center;margin:15px 0;} .zn-service .zn-service-fr .dz-img img{display:inline-block;vertical-align:middle;} .zn-service .zn-service-fr>ul>li span,.dl-ny .dl-con li span{display:inline-block;color:#8eb9ff;background:#fff;padding:5px 10px;} .zn-service .zn-service-fr>ul>li.lv,.dl-ny .dl-con li.lv{background:#d8df85;} .zn-service .zn-service-fr>ul>li.lv span,.dl-ny .dl-con li.lv span{background:#8eb9ff;color:#fff;} .zn-service .zn-service-fr>ul>li span:hover,.dl-ny .dl-con li span:hover{box-shadow:0 0 8px #384aa6;} .zn-service .zn-service-fr>ul>li:hover,.dl-ny .dl-con li:hover{background:#384aa6} .zn-service .zn-service-fr>ul>li a{display:block;} /*保电量智能运维服务*/ .yunw-service .yunw-lei{background:url("../images/yunwei.png") center no-repeat;width:1190px;height:250px;position:relative;font-size:24px;color:#fff;} .yunw-service .yunw-t{height:80px;width:100%;background:#384aa6;text-align:center;line-height:80px;} .yunw-service .yunw-lei li{position:absolute;} .yunw-service .yunw-lei li:hover{color:#384aa6} .t1,.t3,.t5,.t7{top:60px;} .t2,.t4,.t6{bottom:60px;} .t1{left:100px;} .t2{left:232px;} .t3{left:407px;} .t4{left:546px;} .t5{left:694px;} .t6{left:844px;} .t7{left:963px;} /*金沙js55登陆入口与能源管理*/ .dl-ny .dl-con .dl-ny-t{width:245px;height:330px;background:#384aa6;} .dl-ny .dl-con .dl-ny-t img{display:block;margin:50px 0 0 20px;} .dl-ny .dl-con li{width:189px;height:330px;background:#8eb9ff;text-align:center;} .dl-ny .dl-con .dl-img{width:100%;height:142px;display:block;position:relative;text-align:center\9;margin:50px 0 50px;} .dl-ny .dl-con .dl-img img{display:block;position:absolute;top:50%;left:50%;margin-top:-50px\9;margin-left:-20%\9;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .page{ display: flex; } .page li{ margin-right: 5px; } @media screen and (max-width: 640px){ body { width: 100%; } }