@charset "utf-8";
/* CSS Document */
body{background:#fff}

.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }

.banner{ background-position:50% 50%; background-size: cover; background-repeat: no-repeat;height: auto !important;}
.banner .wrap{position: relative;}
.banner .desc{position: absolute;left: 0;top: 40px;width: 100%;line-height: 1;color: #fff;text-align: center;padding: 0 !important;}
.banner h2{font-size: 38px;color: #333;}
.banner p{font-size: 20px !important;padding: 20px 0;margin-bottom: 0 !important;line-height: 1 !important;color: #555;}
.banner a{display: inline-block;color: #fff;font-size: 16px;line-height: 43px;border: 1px solid #006edd;padding: 0 0 0 20px;background: #fff;color: #182430;}
.banner a span{float: right;background: #006edd;margin-left: 20px;font-size: 20px;padding:0 20px;color: #fff;}

.section-youShi{ text-align: center; line-height: 1; padding: 80px 0;}
.section-youShi .title{ font-size: 16px; color: #666; margin-bottom: 40px;}
.section-youShi .title h2{ font-size: 36px; color: #111; padding: 0 0 30px;}

.section-nanti{ background: #eef1f8; padding: 80px 0;}
.section-nanti .title{ line-height: 1; font-size: 36px; color: #111; padding: 0 0 60px; text-align: center;}
.section-nanti .tabs{ border: 1px solid #dbe0e9; background: #fff;}
.section-nanti .hd{border-bottom: 1px solid #dbe0e9;}
.section-nanti .hd ul{}
.section-nanti .hd li{ float: left; width: 50%;}
.section-nanti .hd li a{ display: block; text-align: center; font-size: 20px; color: #333; line-height: 60px;}
.section-nanti .hd li.on a{background: #006edd;color: #fff;}
.section-nanti .bd{min-height: 425px;padding: 50px 0 0px 0;position: relative;}
.section-nanti .bd:before{content:''; width: 100%; height: 1px; border-bottom: 1px dashed #dbe0e9; position: absolute; top: 150px;}
.section-nanti .bd ul{text-align:center; position: relativee;}
.section-nanti .bd li{display: inline-block; width: 16%;}
.section-nanti .bd .t{height: 100px;font-size: 24px;color: #333;line-height: 1;}
.section-nanti .bd .t img{margin-bottom: 20px;}
.section-nanti .bd .con{width: 60%;display: inline-block;text-align: left;padding: 10px 0 0 20px;}
.section-nanti .bd .con span{position: relative;display: block;font-size: 16px;color: #333;border-bottom: 1px dashed #dbe0e9;line-height: 44px;padding: 0 0 0 12px;}
.section-nanti .bd .con span:before{content:'';width: 4px;height: 4px;background: #2890f9;border-radius: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;}

.section_system{text-align: center;background: url("../img/system-bg.jpg?v20220822001") no-repeat 50% 50%;background-size: cover;}
.section_system .wrap{position:relative;}
.section_system .title{color: #333;font-size: 36px;line-height: 1;width: 100%;position: absolute;left: 0;top: 80px;}
.section_system .hd{overflow: hidden;position: absolute;left: 0;top: 155px;width: 100%;z-index: 2;padding: 0 0 10px;}
.section_system .hd ul{border: 1px solid #006edd;}
.section_system .hd li{float: left;width: 14.2857%;background: #fff;font-size: 16px;line-height: 40px;/* border-left: 1px dotted #474e59; */position:relative;}
.section_system .hd li:before{content:'';width: 1px;height: 20px;background: #006edd;position: absolute;left: -1px;top: 50%;margin-top: -10px;}
.section_system .hd li:first-of-type{border: none;}
.section_system .hd li a{display: block;position: relative;color: #333;}
.section_system .hd li a:before{content: '';width: 20px;height: 10px;position: absolute;left: 50%;bottom:-10px;margin-left: -10px;background: url("../img/system-icon.png") no-repeat;display: none;}
.section_system .hd li.on a{background-color: #006edd;color: #fff;margin: 0 -1px;}
.section_system .hd li.on a:before{display: block;}
.section_system .bd{margin: 0;position: relative;}
.section_system .bd li{ min-height: 860px; position: relative;}
.section_system .bd img{/* width: 100%; */}
.section_system .bd p{position: absolute;left: 0;top: 230px;width: 100%;font-size: 16px;color: #666;}

.system-changJing{padding: 80px 0 50px;text-align: center;line-height: 1;background: #fff;}
.system-changJing .title{ font-size:16px; color: #666; padding: 0 0 40px;}
.system-changJing .title h2{ font-size: 36px; color: #111; padding: 0 0 30px;}
.system-changJing ul{ margin: 0 -15px;}

.system-changJing li{float: left;width: 25%;padding: 0 15px 30px;}
.system-changJing li a{display: block; position: relative;}
.system-changJing li img{ display: block;}
.system-changJing li a p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 18px;line-height: 50px;background: rgba(0, 0, 0, .7);}

.section-news{background: #f1f4f9;padding: 80px 0 80px 0;}
.section-news .title{font-size: 36px;line-height: 1;color: #111;margin: 0 auto 40px;text-align: center;}
.section-news .title a{font-size: 18px;float: right;color: #000;padding: 0 10px;line-height: 43px;border: 1px solid #666;}
.section-news .title a:hover{}
.section-news .tabs{margin: 0 auto 20px;}
.section-news .tabs .hd{margin-bottom: 30px;}
.section-news .tabs .hd ul{border-bottom: 1px solid #dee0e1;}
.section-news .tabs .hd li{float: left;width: 12.5%;text-align: center;}
.section-news .tabs .hd li a{display: block;line-height: 44px;text-align: center;font-size: 18px;color: #363636;}
.section-news .tabs .hd li.on a{color: #fff;background: #006edd;}
.section-news .tabs .bd{ height: auto!important}
.section-news .tabs .bd ul{margin: 0 -10px;position: initial!important;}
.section-news .tabs .bd li{float: left;width: 33.33333%;padding: 0 10px;}
.section-news .tabs .bd li a{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);display: block;background: #fff;}
.section-news .tabs .bd li img{ width: 100%; height: 230px;}
.section-news .tabs .bd li a .hull{padding: 20px 20px 20px;}
.section-news .tabs .bd li a h2{font-size: 18px;line-height: 26px;height: 52px;color: #222;}
.section-news .tabs .bd li a .desc{font-size: 14px;line-height: 21px;height: 42px;color: #999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px auto 25px;}
.section-news .tabs .bd li a p{border-top: 1px dashed #e5e5e5;line-height: 1;font-size: 14px;color: #999;padding: 15px 0 0 0;}
.section-news .tabs .bd li a p span{float: right;font-size: 14px;color: #333;}
.section-news .tabs .bd li a:hover h2,.section-news .tabs .bd li a:hover p span{color: #006edd;}
.section-news .tabs .bd li a:hover{margin-top: -10px;}
.section-news .case{margin: 0 auto;}
.section-news .case ul{}
.section-news .case li{ float: left; width: 20%;}
.section-news .case li a{display: block;text-align: center;padding: 20px 0;}
.section-news .case li a:hover{ box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);}
.section-news .more{
    text-align: center;
    padding: 40PX 0 0 0;
}
.section-news .more a{
    display: inline-block;
    background: #006edd;
    color: #fff;
    width: 320px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}

.section-pro{text-align: center;line-height: 1;padding: 80px 0;}
.section-pro .title{font-size: 36px;color: #111;margin-bottom: 20px;}
.section-pro ul{margin: 0 -15px;/* overflow: hidden; */}
.section-pro li{float: left;width: 33.3333%;padding: 40px 15px 0;}
.section-pro li a{display: block; text-align: center;}
.section-pro li img{}
.section-pro li a .bd{background: #f3f3f3;padding: 26px 30px 30px;text-align: center;}
.section-pro li a h3{/* overflow: hidden; *//* text-overflow: ellipsis; *//* white-space: nowrap; */font-size: 26px;color: #1d2023;line-height: 1;/* margin-bottom: 15px; *//* min-height: 48px; */}
.section-pro li a p{padding:15px 0 20px;}
.section-pro p+div{display: inline-block;line-height: 28px;background: #006edd;border: 1px solid #006edd;color: #fff;border-radius: 30px;/* margin-top: 15px; */}
.section-pro li a .price{float: left;background: #f3f3f3;border-radius: 30px 0 0 30px;padding: 0 15px 0 20px;color: #006edd;font-size: 16px;}
.section-pro li a .price em{}
.section-pro li a span{float: left;padding: 0 20px 0 15px;}
.section-pro li a:hover{ box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.2);}



.section_4{ background:url("../img/kehuduan-bg.jpg") no-repeat 50% 50%; background-size: cover;text-align: center; padding: 100px 0 0 0; line-height: 1; color: #fff;}
.section_4 h2{font-size: 40px;margin: 0;}
.section_4 p{font-size: 20px;margin: 25px 0 55px;}
.section_4 img{ max-width: 100%}

.section_6{background:url("../img/jieruxitong.jpg?1") no-repeat 50% 50%; background-size: cover; }
.section_6 a{display: block;height: 410px;}
.section_6 .desc{line-height: 1;padding: 90px 0 0 0;}
.section_6 p{font-size: 36px;line-height: 56px;color: #fff;margin: 0px 0 50px;text-shadow: 0px 1px 7.92px rgb(0 0 0 / 95%);}
.section_6 span{display: inline-block;background: #fff;color: #555;border-radius: 10px;padding: 0 60px;font-size: 24px;line-height: 60px;}

.section_7{ background: #1f2125; text-align: center; line-height: 1; color: #fff; padding: 65px 0 70px;}
.section_7 h2{ font-size: 40px;}
.section_7 p{ font-size: 18px; padding: 15px 0 50px;}
.pageFooter{margin-top:0}

@media (max-device-width: 1024px) {
    .banner{height:500px; background-size: cover;}
    .banner .desc{margin-left: 0;padding: 30px 0 0 0;}
    .banner h1{font-size: 40px; line-height: 50px; margin-bottom: 30px;}
    .banner p{font-size: 22px;line-height: 30px;margin-bottom: 60px;}

}
@media (max-device-width:770px) {

}
/*E能耗检测系统功能介绍190428*/