@charset "utf-8";
/* CSS Document */
.focusBanner { background: #8f8f8f }
.focusBanner img { display: block; margin: 0 auto; }
.focusBanner .swiper-button-prev, .focusBanner .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); }
.focusBanner .swiper-button-prev:hover, .focusBanner .swiper-button-next:hover { background: #1bb8ce; border-color: #1bb8ce; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: #1bb8ce; }
/*s 能耗监测系统功能概述*/
.mainItemTitle { padding: 40px 0; text-align: center; font-size: 2.2em; line-height: 1; }
.mainItem_nhjcTab { padding: 0 25px 80px; }
.mainItem_nhjcTab .bd { float: left; padding: 0 0 0 110px; }
.mainItem_nhjcTab .hd { width: 585px; float: right; margin-right: 115px; padding: 70px 0 0 0; }
.mainItem_nhjcTab .hd li { position: relative; padding: 0 0 0 132px; min-height: 135px; }
.mainItem_nhjcTab .hd i { width: 85px; height: 85px; background: url(../index/20180705001-01.png) no-repeat 0 0; position: absolute; left: 0; top: 0; }
.mainItem_nhjcTab .hd li:nth-of-type(2) i { background-position: -85px 0; }
.mainItem_nhjcTab .hd li:nth-of-type(3) i { background-position: -170px 0; }
.mainItem_nhjcTab .hd li:nth-of-type(4) i { background-position: -255px 0; }
.mainItem_nhjcTab .hd h3 { font-size: 24px; line-height: 1; color: #38393a; padding: 0 0 10px; }
.mainItem_nhjcTab .hd p { font-size: 18px; line-height: 26px; color: #737171; }
/*e 能耗监测系统功能概述*/

/*e 推荐产品*/
.mainItem_hotPro, .mainItem_txfaTab { padding: 0 0 30px; }
.mainItem_hotProSlider { padding: 0 0 30px; }
.mainItem_hotProSlider ul { }
.mainItem_hotProSlider li { width: 33.333333%; padding: 0 25px; }
.mainItem_hotProSlider li a { display: block; }
.mainItem_hotProSlider li a .hd { height: 300px; background-size: cover; background-position: center center; position: relative; }
.mainItem_hotProSlider li a .hd i { position: absolute; width: 50px; height: 50px; background: #1bb8ce; border-radius: 42px; color: #fff; line-height: 50px; text-align: center; font-size: 30px; left: 50%; top: 50%; margin: -25px 0 0 -25px; opacity: 0 }
.mainItem_hotProSlider li a .bd { background: #fff; text-align: center; min-height: 120px; padding: 40px 10px 0 10px; }
.mainItem_hotProSlider li a .bd h4 { font-size: 18px; color: #51565c; line-height: 1.5; }
.mainItem_hotProSlider li a .bd p { font-size: 14px; color: #a7afaf; line-height: 1.5;/* padding: 10px; */ }
.mainItem_hotProSlider li a:hover .hd i { opacity: 1; }
.mainItem_hotProSlider li a:hover .bd h4 { color: #1bb8ce; font-weight: bold; }
.mainItem_hotProSlider .swiper-pagination { }
.mainItem_hotProSlider .swiper-pagination-bullet { width: 20px; height: 20px; background: none; opacity: 1; border: 1px solid #c2c2c2; }
.mainItem_hotProSlider .swiper-pagination-bullet-active { border: 3px solid #1bb8ce; }
/*e 推荐产品*/
/*S 客户案例*/
.mainItem_case { padding: 0 0 80px; }
.mainItem_case ul { }
.mainItem_case li { width: 33.333333%; padding: 0 25px; }
.mainItem_case li a.item { display: block; }
.mainItem_case li a.item .pic { height: 260px; background-size: cover; background-position: center center; }
.mainItem_case li a.item .hd { }
.mainItem_case li a.item .bd { margin: 30px 0 0 0; padding: 0 0 0 80px; position: relative; }
.mainItem_case li a.item .bd span { position: absolute; left: 0; height: 75px; border-right: 1px solid #eeeeee; width: 65px; font-size: 14px; color: rgb(208, 208, 208); line-height: 1; }
.mainItem_case li a.item .bd span i { display: block; font-size: 18px; color: #595959; line-height: 1; padding-bottom: 10px; }
.mainItem_case li a.item .bd h4 { font-size: 16px; color: #595959; line-height: 1; margin-bottom: 15px; height: 16px; }
.mainItem_case li a.item .bd p { font-size: 14px; line-height: 22px; color: #afafaf; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mainItem_case li a.item:hover h4 { color: #1bb8ce; font-weight: bold; }
.mainItem_case li a.item:hover .bd p { color: #79757d; }
.mainItem_case li .tag { padding: 20px 0 0 80px; }
.mainItem_case li .tag a { margin-right: 6px; color: #7d7d7d; }
.mainItem_caseWrap { position: relative; }
.mainItem_caseWrap .swiper-button-prev, .mainItem_caseWrap .swiper-button-next { background: none; color: #d1d1d1; font-size: 30px; text-align: center; border: 1px solid #d1d1d1; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: none; top: 130px; }
.mainItem_caseWrap .swiper-button-prev:hover, .mainItem_caseWrap .swiper-button-next:hover { background: #1bb8ce; border-color: #1bb8ce; color: #fff; }
.mainItem_caseWrap .swiper-button-prev { left: -60px; }
.mainItem_caseWrap .swiper-button-next { right: -60px; }
/*e 客户案例*/
/*s 通讯方案*/
.mainItem_txfaTab { padding-bottom: 80px; }
.mainItem_txfaTabCon { border: 1px solid #eaeaea; background: #FFF; box-shadow: 0px 0px 5px 3px #e3e3e3; }
.mainItem_txfaTabCon .hd { height: 76px; background: #f9f9f9; }
.mainItem_txfaTabCon .hd ul { margin: 0 0 0 -1px; }
.mainItem_txfaTabCon .hd li { float: left; width: 33.333333%; font-size: 22px; color: #727e80; text-align: center; height: 76px; line-height: 73px; border-top: 3px solid #f9f9f9; border-left: 1px solid #eaeaea;/* border-right: 1px solid #eaeaea; */ cursor: pointer; }
.mainItem_txfaTabCon .hd li.on { border-top-color: #1bb8ce; color: #1bb8ce; }
.mainItem_txfaTabCon .bd { }
.mainItem_txfaTabCon .bd img { float: left; }
.mainItem_txfaTabCon .bd .text { float: right; width: 366px; padding: 130px 60px 0 0; font-size: 14px; color: #919395; }
.mainItem_txfaTabCon .bd .text a { width: 114px; height: 40px; line-height: 40px; background: #1bb8ce; color: #fff; display: inline-block; text-align: center; margin-top: 50px; }
/*e 通讯方案*/


/*s 客户服务*/

.mainItem_news { margin-bottom: 20px; }
.mainItem_newsItem { width: 390px; float: left; margin-right: 20px; border: 1px solid #eee; height: 624px; padding: 0 28px; }
.mainItem_news .hdTitle { font-size: 24px; color: #221c28; line-height: 95px; height: 95px; }
.mainItem_news .hdTitle a { float: right; font-size: 15px; color: #999; }
.mainItem_news .hdTitle a:hover { color: #1bb8ce }
.mainItem_news .list1 { }
.mainItem_news .list1 li { padding: 0 0 20px; }
.mainItem_news .list1 a { }
.mainItem_news .list1 .pic { float: left; width: 174px; height: 107px; background-position: center center; background-size: cover; margin-right: 10px; }
.mainItem_news .list1 a h2 { font-size: 17px; line-height: 1; color: #585858; margin-bottom: 5px; }
.mainItem_news .list1 a p { font-size: 14px; line-height: 25px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; margin-bottom: 6px; }
.mainItem_news .list1 a span { display: inline-block; font-size: 12px; color: #999; width: 94px; height: 26px; border: 1px solid #cfcfcf; text-align: center; line-height: 24px;/* margin-top: 9px; */
}
.mainItem_news .list1 a span i { font-size: 12px; margin-left: 3px; }
.mainItem_news .list1 a:hover h2 { color: rgb(27, 184, 206); }
.mainItem_news .list1 a:hover span { border-color: #1bb8ce; background: #1bb8ce; color: #fff; }
.mainItem_news .list2 { overflow: hidden; }
.mainItem_news .list2 li { border-bottom: 1px dotted #eaeaea; /* margin-top: -1px; */
padding: 0 0 4px; }
.mainItem_news .list2 a { /* float: left; */
    /* width: 65px; */
display: block; padding: 25px 0; }
.mainItem_news .list2 a .date { float: left; /* width: 65px; */
font-size: 13px; line-height: 1; color: #999; text-align: center; margin-right: 20px; }
.mainItem_news .list2 a .date span { display: block; font-size: 30px; color: #1bb8ce; }
.mainItem_news .list2 a h2 { font-size: 14px; color: #7e7e7e; line-height: 1; height: 23px; }
.mainItem_news .list2 a p { font-size: 14px; color: #b8b8b8; line-height: 20px; height: 20px; }
.mainItem_news .list2 a:hover h2 { color: #1bb8ce; }
.mainItem_news .list3 { }
.mainItem_news .list3 li { border-bottom: 1px dotted rgb(234, 234, 234); }
.mainItem_news .list3 a { }
.mainItem_news .list3 a h2 { font-size: 14px; color: #7e7e7e; line-height: 30px; }
.mainItem_news .list3 a:hover h2 { color: rgb(27, 184, 206); }
/*s 客户服务*/

.color4FC2D5{color:#4FC2D5;}
.font15em {font-size:1.5em;}
.background245{background-color: rgb(245, 246, 247);}
.background255{background-color: rgb(255, 255, 255);}
.background0{background-color: rgb(0, 0, 0);}