@charset "gb2312";
/* CSS Document */
*::selection { background: rgba(0, 209, 209, 0.5); color: #fff; }
/*.hover { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.hover, .hover:hover, .hover:visited, .hover:active, .hover:link { transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani *,.ani:after,.ani:before,.ani *:after,.ani *:before { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; 
	font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;
	/*font: normal 14px/2 "Helvetica Neue", "Arial","PingFang SC","\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun";*/
	color: #666; word-break: break-all; text-align: justify; background: #fff; min-width: 1300px; }
html{min-width: 1300px;}
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #858687; }
a:hover { color: #0f98ff; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1300px; margin: 0 auto; max-width: 1920px; }
.pd20 { padding: 20px; }
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* Project id 398496 */
  src: url('//at.alicdn.com/t/c/font_398496_ic3152e0zvj.woff2?t=1662599191782') format('woff2'),
       url('//at.alicdn.com/t/c/font_398496_ic3152e0zvj.woff?t=1662599191782') format('woff'),
       url('//at.alicdn.com/t/c/font_398496_ic3152e0zvj.ttf?t=1662599191782') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

@font-face {
    font-family: "OPPOSans-R";
    src: url("/lib/font/Font-OPPOSans_min/OPPOSans-R.eot"); /* IE9 */
    src: url("/lib/font/Font-OPPOSans_min/OPPOSans-R.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("/lib/font/Font-OPPOSans_min/OPPOSans-R.woff") format("woff"), /* chrome、firefox */
    url("/lib/font/Font-OPPOSans_min/OPPOSans-R.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("/lib/font/Font-OPPOSans_min/OPPOSans-R.svg#OPPOSans-R") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
body{font-family: OPPOSans-R, "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;}

.gotop { width: 40px; height: 40px; position: fixed; margin-left: 590px; left: 50%; bottom: 80px; background: url(images/toTop.png) no-repeat -126px 0; cursor: pointer; }
.iconImg { background-image: url(img/iconImg.png); }
.pageHeader { height: 67px; }
.headerWrap { border-bottom: 1px solid #e4e4e4; background: #fff; width: 100%; height: 67px; position: fixed; left: 0; top: 0; z-index: 999; padding: 0 100px; text-align: center;/* box-shadow: 0px 0px 3PX 1px #c6c6c6; */ }
.headerLogo, .headerLogo a { width: 81px; height: 67px; background: url(img/logo.gif) no-repeat center center; float: left; text-indent: -999999px; position: relative;}
.headerLogo a:before{content:'三相电表+工厂企业能耗监测系统';background: url(img/logoLine.gifv) no-repeat left -1px;height: 26px;line-height: 26px;/* padding: 0 0 0 10px; */font-size: 15px;color: #434343;position: absolute;top: 50%;margin-top: -13px;left: 95px;display: block;width: 230px;/* background: #000; */text-indent: 0;text-align: right;}
.pageHeader.on .headerWrap { top: -67px; }
.headerNav {display: inline-block;margin-left: 110px;}
.headerNav li { float: left; padding: 0 10px; }
.headerNav li a { display: block; padding: 0 25px; font-size: 14px; line-height: 65px; color: #000;/* width: 96px; */ }
.headerNav li a:hover, .headerNav li.on a { color: #00b8b8;/* font-weight: bold; */ }
.headerNav li:last-of-type, .headerNav li:last-of-type a { padding-right: 0 }
.heaerTel { float: right; line-height: 67px; color: #00b6b6; font-size: 20px; }
.heaerTel i {font-size: 30px;display: inline-block;margin-right: 5px;vertical-align: top;}
.heaerSearchBtn{float: right;padding: 0 20px 0 0;}
.heaerSearchBtn i{display: block;line-height: 67px;color: #00b6b6;font-size: 30px;cursor: pointer;vertical-align: baseline;}

.HeaderSearch{display: none;background: #fafafa;padding: 60px 0 50px;width: 100%;position: fixed;left: 0;top: 67px;z-index: 10;box-shadow: 0px 0px 2px 2px #dedddd;}
.HeaderSearch.on{display: block;}
.HeaderSearch .hull{ max-width: 700px; margin: 0 auto;}
.HeaderSearch form{border: 1px solid #eee;height: 50px;line-height: 50px;background: #fff;position: relative;padding: 0 100px 0 20px;}
.HeaderSearch .text{ width: 100%; height: 50px; border: none; background: none; padding: 0; line-height: 48px; color: #636363; font-size: 16px;}
.HeaderSearch .sbtn{background: none;border: none;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 50px;top: 0;font-size: 24px;color: #00b8b8;padding: 0;cursor: pointer;/* text-align: right; */}
.HeaderSearch .searchClose{background: none;border: none;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #00b8b8;cursor: pointer;}
.HeaderSearch p{ font-size: 14px; color: #6f6f6f; line-height: 30px; padding: 10px 0 0 0;}
.HeaderSearch p a{color: #6f6f6f;}

.pageFooter { background: #fff; padding: 60px 0 0 0; color: #9d9ea0; }
.footer_left {width: 70%;float: left;padding: 0 45px 60px 0;/* border-right: 1px solid #dedede; */position: relative;}
.footer_left:before { content: ''; width: 1px; height: 9999px; background: #dedede; position: absolute; right: 0; }
.footer_right { width: 25%; float: right; padding: 0 0 60px; }
.footer_info { font-size: 14px; color: #222; padding: 0 0 80px; }
.footer_info .tel { }
.footer_info .t1 { line-height: 30px; padding: 14px 0 5px; letter-spacing: 1px; }
.footer_info .t1 span{color: #222;font-size: 18px;font-weight: bold;}
.footer_info a { }
.footer_info .t2 { line-height: 22px; padding: 0 0 25px; }
.footer_info .t2 span { display: block; padding: 0 0 4px 0; }
.footer_info .QQBtn{ display: inline-block;width:189px; height: 40px; background: url(img/footer_QQ_online.png) no-repeat;}
.footer_info .QQBtn:hover{background: url(img/footer_QQ_online_on.png) no-repeat;}
.footer_QR { margin: 0 -20px; text-align: center; }
.footer_QR li { float: left; padding: 0 20px; width: 50%; }
.footer_QR a { display: block; }
.footer_QR .hd, .footer_QR a { line-height: 1; font-size: 14px; color: #666; }
.footer_QR .hd i, .footer_QR a i { color: #51b3d6; font-size: 20px; margin-right: 10px; }
.footer_QR li img { margin-bottom: 20px; }
.footer_nav { padding: 0px 40px 0 0; }
.footer_nav .m {float: left;/* width: 18%; */padding: 0 50px 0 0;}
.footer_nav .m2 {/* width: 30%; */}
.footer_nav .m.last {/* width: 15%; */}
.footer_nav .m h3 { line-height: 22px; height: 22px; margin-bottom: 30px; color: #242424; }
.footer_nav .m h3 a { font-size: 15px; color: #cdcdcd;/* line-height: 1; */ }
.footer_nav .m h3 a:hover { }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub a { font-size: 14px; line-height: 40px; color: #585858; height: 40px; }
.footer_nav .sub a:hover { color: #2bd0d0; }
.Footer_link { padding: 30px 0 30px 110px; }
.Footer_link span { display: inline-block; padding: 0 10px 0 0; float: left; margin-left: -110px; font-size: 18px; color: #242424; }
.Footer_link a { color: #585858; display: inline-block; padding: 0 10px 0 0; margin-right: 20px; }
.Footer_link a:hover { color: #585858; }
.Footer_copy { background: #333; padding: 20px 0; color: #888; }
.Footer_copy a { COLOR: #979a9c; }
.Footer_copy a:hover, .Footer_link a:hover { color: #2bd0d0; }
.pageFooter .mess { padding: 40px 0 0 0; border-top: 1px solid #dedede; margin-top: 40px; }
.pageFooter .mess ul { margin: 0 -4%; }
.pageFooter .mess li { float: left; width: 33.333%; padding: 0 4% 20px; }
.pageFooter .mess li.last { width: 100%; padding-bottom: 0; }
.pageFooter .mess li.last div { position: relative; padding: 0 36.3333% 0 0; }
.pageFooter .mess .text { display: block; width: 100%; height: 42px; line-height: 41px; border-bottom: 1px solid #dedede; font-size: 14px; }
.pageFooter .mess .text2 { border: none; border-bottom: 1px solid #dedede; resize: none; display: block; width: 100%; height: 110px;/* background: #000; */ font-family: "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; }
.pageFooter .mess .btn { position: absolute; right: 0; bottom: 0; width: 27.3333%; line-height: 40px; height: 42px; border: 1px solid #dedede; background: #fff; font-size: 16px; color: #666; cursor: pointer; }
.pageFooter .mess .btn:hover { background: #2bd0d0; color: #FFF; border-color: #2bd0d0; }
.pageFooter .mess .text:hover,.pageFooter .mess .text2:hover{border-color:#606060}
/*电表数据可视化*/
.mainItem_01 { background: url(img/dianbiaoshujuBg.jpg) no-repeat center center #fff; padding: 0 0 10px; }
.mainItem_01 .hd { text-align: center; font-size: 19px; color: #3d3d3d; line-height: 34px; padding: 0 0 50px; }
.mainItem_01 .hd h2 { font-size: 45px; line-height: 50px; padding: 90px 0 30px; }
.mainItem_01 .bd { background: url(img/dianbiaoshuju_01.png) no-repeat center 0; min-height: 599px; }
.mainItem_01 .bdCon { }
.mainItem_01 .bdCon li { text-align: center; float: left; width: 25%; position: relative; padding: 110px 0 0 0; height: 250px; }
.mainItem_01 .bdCon li span { width: 113px; height: 110px; background-position: -205px -51px; position: absolute; left: 50%; top: 0; margin-left: -69px; }
.mainItem_01 .bdCon li h2 { font-size: 22px; color: #444; }
.mainItem_01 .bdCon li p { font-size: 15px; line-height: 27px; color: #555; }
.mainItem_01 .bdCon li:nth-of-type(2) span { background-position: -318px -51px; }
.mainItem_01 .bdCon li:nth-of-type(3) span { background-position: -205px -161px; }
.mainItem_01 .bdCon li:nth-of-type(4) span { background-position: -318px -161px }
.mainItem_01 .bdCon li:nth-of-type(5) { margin-left: 12.5%; }
.mainItem_01 .bdCon li:nth-of-type(5) span { background-position: -205px -271px }
.mainItem_01 .bdCon li:nth-of-type(6) span { background-position: -318px -271px }
.mainItem_01 .bdCon li:nth-of-type(7) span { background-position: -205px -381px }
/*/电表数据可视化*/

/*产品列表*/
.proList { margin: 0 -4px 10px; }
.proList li { width: 33.3333333%; padding: 0 4px 8px; float: left; }
.proList li a { background: #fff; display: block; padding: 0 0 88px; position: relative; overflow: hidden; }

.proList li .hd { position: absolute; left: 0; bottom: 0; height: 88px; width: 100%; background: #277dfb; color: #fff; text-align: center; }
.proList li a .hd h2 { font-size: 24px; line-height: 45px; padding: 7px 0 0 0; }
.proList li a .hd p { }
.proList li a .hd p span { background: #277dfb; display: inline-block; padding: 0 10px; position: relative; }
.proList li a .hd p span:after, .proList li a .hd p span:before { content: ""; width: 200px; height: 1px; background: #7baffd; position: absolute; right: -200px; top: 50%; }
.proList li a .hd p span:after { right: inherit; left: -200px; }
.proList li a .bd { background: url(img/proListBg.png) repeat-x; ; position: absolute; left: 0; bottom: -236px; height: 236px; width: 100%; padding: 132px 0 0 0; text-align: center; color: #fff; opacity: 0; }
.proList li a .bd span { display: inline-block; border: 1px solid #7baffd; min-width: 200px; margin-bottom: 4px; }
.proList li a:hover .hd {/* bottom: -88px;*/ opacity: 0; }
.proList li a:hover .bd { bottom: 0; opacity: 1; }
/*/产品列表*/

/*应用案例*/
.caseWrap { background: url(img/caseBg.gif) repeat-x; min-height: 733px; }
.caseWrap .topText { color: #fff; text-align: center; height: 270px; }
.caseWrap .topText h2 { font-size: 46px; padding: 40px 0 0; }
.caseWrap .topText p { font-size: 19px; }
.caseList { padding: 15px 40px; }
.caseList .caseListBox { overflow: hidden; }
.caseList li { width: 20%; float: left; padding: 10px; }
.caseList li { }
.caseList li .conBox { background: #fff; border-radius: 10px 10px 10px 10px; overflow: hidden; }
.caseList li .imgBox { border-radius: 10px 10px 0 0; height: 270px; overflow: hidden; }
.caseList li .imgBox img { width: 100%; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.caseList li a { display: block; }
.caseList li a p { font-size: 24px; text-align: center; line-height: 50px; background: #fff; color: #000; }
.caseList li a:hover p { background: #ebfffe; }
.caseList li a:hover img { /*transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); */}
.caseList .swiper-button-next.swiper-button-disabled, .caseList .swiper-button-prev.swiper-button-disabled { opacity: 0; }
/*/应用案例*/
/*国内一线品牌电表*/
.slider_pinpaidianbiao { padding: 0 0 40px; background: #f3fffd; }
.slider_pinpaidianbiao .topText { color: #383838; text-align: center; height: 240px; }
.slider_pinpaidianbiao .topText h2 { font-size: 46px; padding: 40px 0 0; }
.slider_pinpaidianbiao .topText p { font-size: 19px; }
.pinpaidbFocus { width: 1200px; margin: 0 auto; }
.pinpaidbFocus li { position: relative; }
.pinpaidbFocus li p { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); }
/*/国内一线品牌电表*/
/*相关产品*/
.xianguanProList { background: #f4f4f4; padding: 0 0 40px; }
.xianguanProList .topText { color: #383838; text-align: center; height: 180px; }
.xianguanProList .topText h2 { font-size: 46px; padding: 35px 0 0; }
.xianguanProList .topText p { font-size: 19px; }

/*/相关产品*/
@media(max-width:1800px) {
.headerWrap { padding: 0 50px; }
.headerNav li a { padding: 0 20px; }
}

@media(max-width:1600px) {
.headerWrap { padding: 0 50px; }
.headerNav li a {padding: 0 10px;}
}


@media(max-width:1500px) {
    .headerNav{
    margin-left: 160px;
}
.headerWrap { padding: 0 20px; }
.headerNav li a {padding: 0 10px;}
}

@media(max-device-width:1400px) {
.wrap { padding: 0 10px; }
}

@media(max-device-width:1300px) {
.headerNav li a {padding: 0 10px;}
    .mainItem_caseBox .wrap{padding: 0 60px!important}
}


.loadingWrap { padding: 35px 0 60px; background: #f8f8f8; }
.loadingWrap .loading { width: 40%; margin: 0 auto; background: #fff; line-height: 40px; text-align: center; border: 1px solid #e6e6e6; border-radius: 5px; }
.loading .icon { width: 20px; height: 20px; border: 1px #1bb8ce solid; border-radius: 50%; -webkit-animation: rotation 1s ease-in-out infinite; -moz-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; display: inline-block; position: relative; vertical-align: middle; margin: 0 10px; }
.loading .icon:after { width: 5px; height: 5px; background-color: #1bb8ce; border-radius: 100%; position: absolute; content: ""; top: 0px; }
 @-webkit-keyframes rotation {
 0% {
 -webkit-transform: rotate(0deg)
}
 100% {
 -webkit-transform: rotate(360deg)
}
}
 @-moz-keyframes rotation {
 0% {
 -moz-transform: rotate(0deg)
}
 100% {
 -moz-transform: rotate(360deg)
}
}
 @keyframes rotation {
 0% {
 transform: rotate(0deg)
}
 100% {
 transform: rotate(360deg)
}
}

@media (max-width: 1280px) {
.headerWrap {/* position: inherit; */}
}

@media (max-device-width: 1024px) {
.wrap { padding-left: 60px!important; padding-right: 60px!important; width: 100%!important }
.headerWrap { padding: 0 60px; }
.footer_nav .m { padding: 0 30px 0 0; }
    .headerNav li{padding: 0 5px;}    
}

@media screen and (max-device-width: 600px) {
.wrapHidden { display: none; }
}