@charset "utf-8";
/* CSS Document */
.planNavWrap, .planNav { height: 50px; background: #fff; position: relative; }
.planNav { line-height: 50px; position: fixed; left: 0; top: 60px; width: 100%; z-index: 222 }
.planNav ul { overflow: hidden }
.planNav li { float: left; position: relative; }
.planNav li:before { content: ''; width: 1px; height: 18px; background: #ededed; position: absolute; top: 50%; margin-top: -9px; left: -1px; }
.planNav li a { padding: 0 20px; display: block; font-size: 16px; color: #515151; }
.planNav li.on a { color: #65b6b6; }
.planNavWrap.on .planNav { position: fixed; }
.planBanner { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.planBanner_lara .wrap, .planBanner_mbus .wrap { height: 728px; position: relative; }
.planBanner_lara .hd { text-align: left; line-height: 1; color: #FFF; padding: 0 0 0 20px; }
.planBanner_lara .hd h2 { font-size: 48px; padding: 90px 0 30px; }
.planBanner_lara .hd .desc { font-size: 24px; line-height: 36px; }
.planBanner .icon { position: absolute; width: 67px; height: 67px; background: url(images/icon_01.png) no-repeat 50% 50%; animation: IconZoom 3s linear infinite; -webkit-animation: IconZoom 3s linear infinite; }
.planBanner_lara .icon1 { left: 780px; top: 90px; }
.planBanner_lara .icon2 { top: 340px; left: -3px; }
.planBanner_lara .icon3 { top: 328px; left: 166px; }
.planBanner_lara .icon4 { top: 327px; left: 496px; }
.planBanner_lara .icon5 { top: 354px; left: 1036px; }
.planBanner_lara .icon6 { top: 371px; left: 1314px; }
.planBanner_rs485 { }
.planBanner_rs485 .hd { padding: 0 0 0 70px; }
.planBanner_rs485 .hd h2 { font-size: 48px; padding: 90px 0 25px; }
.planBanner_rs485 .hd .desc { font-size: 22px; line-height: 36px; }
.planBanner_rs485 .icon1 { left: 610px; top: 220px; }
.planBanner_rs485 .icon2 { top: 72px; left: -83px; }
.planBanner_mbus { }
.planBanner_mbus .hd { text-align: left; line-height: 1; color: #404040; padding: 0 0 0 12px; }
.planBanner_mbus .hd h2 { font-size: 48px; padding: 45px 0 33px; }
.planBanner_mbus .hd .desc { font-size: 22px; line-height: 33px; }
.planBanner_mbus .icon1 { left: 1170px; top: 85px; }
.planBanner_mbus .icon2 { top: 287px; left: 709px; }
.planBanner_mbus .icon3 { top: 177px; left: 1253px; }
.planBanner_mbus .lightning { position: absolute; animation: IconFlash 2s linear infinite; -webkit-animation: IconFlash 2s ease-in-out infinite; }
.planBanner_mbus .lightning1 { left: 790px; top: 300px; width: 43px; height: 32px; background: url(images/icon_02-01.png) no-repeat 50% 50%; animation-delay: .2s; -webkit-animation-delay: .2s; }
.planBanner_mbus .lightning2 { left: 830px; top: 280px; width: 71px; height: 50px; background: url(images/icon_02-02.png) no-repeat 50% 50%; animation-delay: .3s; -webkit-animation-delay: .3s; }
.planBanner_mbus .lightning3 { left: 894px; top: 262px; width: 84px; height: 58px; background: url(images/icon_02-03.png) no-repeat 50% 50%; animation-delay: .4s; -webkit-animation-delay: .4s; }
.planBanner_mbus .lightning4 { left: 972px; top: 245px; width: 95px; height: 64px; background: url(images/icon_02-04.png) no-repeat 50% 50%; animation-delay: .5s; -webkit-animation-delay: .5s; }
.planBanner_mbus .lightning5 { left: 1060px; top: 208px; width: 131px; height: 91px; background: url(images/icon_02-05.png) no-repeat 50% 50%; animation-delay: .6s; -webkit-animation-delay: .6s; }
 @keyframes IconFlash {
 0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
 @-webkit-keyframes IconFlash {
 0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes IconZoom {
 0% {
opacity: .5;
transform: scale(.5);
}
50% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: .5;
transform: scale(.5);
}
}
 @-webkit-keyframes IconZoom {
 0% {
opacity: .5;
transform: scale(.5);
}
50% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: .5;
transform: scale(.5);
}
}
.plan_tedian { text-align: center; }
.plan_tedian h2 { line-height: 1; font-size: 32px; color: #343434; padding: 80px 0 100px; }
.plan_tedian ul { padding: 0 0 100px; }
.plan_tedian li { float: left; width: 33.333%; }
.plan_tedian li .box { display: inline-block; /*max-width: 250px;*/ }
.plan_tedian li img { }
.plan_tedian li .name { font-size: 18px; color: #404040; line-height: 1; padding: 25px 0 35px; }
.plan_tedian li .desc { font-size: 14px; color: #646464; line-height: 32px; }
.plan_pro { text-align: center; background: #e3e3e3; padding: 70px 0 110px; }
.plan_pro h2 { line-height: 1; font-size: 32px; color: #343434; padding: 0 0 50px; }
.plan_pro ul { margin: 0 -25px; }
.plan_pro li { float: left; width: 33.33333%; padding: 0 25px; }
.plan_pro ul.col4 { margin: 0 -3px; }
.plan_pro ul.col4 li { width: 25%; padding: 0 3px; }
.plan_pro li a { display: block; line-height: 1; background: #FFF; border-radius: 5px; overflow: hidden; color: #343434; font-size: 18px; padding: 0 0 30px; }
.plan_pro li a .img { position: relative; }
.plan_pro li a .mask {position: absolute;width: 100%;height: 100%;display: none;background: rgba(0, 0, 0, .5);}
.plan_pro li a .mask span { background: url(images/eye.png); width: 74px; height: 74px; position: absolute; left: 50%; top: 50%; margin: -37px 0 0 -37px; }
.plan_pro li a .name { padding: 30px 0 10px; font-weight: normal; }
.plan_pro li a .desc { }
.plan_pro li a:hover .mask { display: block; }
.plan_pro li a:hover .mask span { animation: IconRotate .5s linear 1; -webkit-animation: IconRotate .5s linear 1; }
@keyframes IconRotate {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
.plan_price { text-align: center; padding: 0 0 140px 0; }
.plan_price .hd { line-height: 1; font-size: 21px; color: #444; padding: 70px 0 20px; }
.plan_price h2 { font-size: 31px; color: #333333; font-weight: normal; padding: 24px 0; }
.plan_price .desc { font-size: 18px; color: #696969; }
.plan_jiexian { background: url(images/005-01.jpg) no-repeat 50% 50%; background-size: cover; padding: 120px 0 90px; }
.plan_jiexian h2 { text-align: center; font-size: 32px; color: #fff; line-height: 1; padding: 0 0 20px; }
.plan_changjing { text-align: center; background: #ededed; padding: 105px 0 75px; line-height: 1; }
.plan_changjing h2 { font-size: 32px; color: #333; padding-bottom: 35px; }
.plan_changjing .desc { font-size: 20px; color: #545454; padding-bottom: 40px; }
.plan_changjing ul { }
.plan_changjing li { float: left; width: 100%; }
.plan_changjing ul.col4 li { width: 25%; }
.plan_changjing ul.col3 li { width: 33.3333%; }
.plan_changjing ul.col2 li { width: 50%; }
.plan_glxt { text-align: center; padding: 0 0 110px; }
.plan_glxt .hd { line-height: 1; padding: 80px 0 120px; }
.plan_glxt .hd h2 { font-size: 32px; color: #333; padding: 0 0 35px; }
.plan_glxt .hd p { font-size: 20px; color: #545454; }
.plan_glxt ul { }
.plan_glxt li { float: left; margin-right: 120px; }
.plan_glxt li.first { }
.plan_glxt li.last { margin: 0; }
.plan_glxt li a { display: block; cursor: inherit; }
.plan_glxt li img { display: block }
.plan_glxt li .name { font-size: 14px; line-height: 36px; color: #41aaaa; border: 1px solid #41aaaa; border-radius: 4px; display: inline-block; padding: 0 15px; margin-top: 20px; }
/*NB-IoT无线物联网抄表方案*/
.pageNB-IoT {    /* font: normal 14px/2 "Helvetica Neue", "Arial","PingFang SC","\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun";*/}
.pageNB-IoT h2 { margin: 0}
.pageNB-IoT .section_1 { }
.pageNB-IoT .section_1 .hd { color: #fff; padding: 110px 0 0 0; line-height: 1; height: 850px; }
.pageNB-IoT .section_1 h2 {font-size: 50px;font-weight: normal;padding: 0 0 42px;}
.pageNB-IoT .section_1 .desc { font-size: 24px; line-height: 40px; }
.pageNB-IoT .section_2 { text-align: center; color: #333; line-height: 1; padding: 85px 0 0 0; }
.pageNB-IoT .section_2 h2 {font-size: 50px;font-weight: normal;}
.pageNB-IoT .section_2 p { font-size: 24px; padding: 30px 0 25px; }
.pageNB-IoT .section_2 img { }
.pageNB-IoT .section_3 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.pageNB-IoT .section_3 .hd { color: #fff; padding: 110px 0 0 0; line-height: 1; height: 870px; }
.pageNB-IoT .section_3 h2 {font-size: 50px;font-weight: normal;padding: 0 0 42px;}
.pageNB-IoT .section_3 .desc { font-size: 24px; line-height: 40px; max-width: 530px; }
.pageNB-IoT .section_4 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.pageNB-IoT .section_4 .hd { color: #333; padding: 110px 0 0 0; line-height: 1; height: 870px; }
.pageNB-IoT .section_4 h2 {font-size: 50px;font-weight: normal;padding: 0 0 30px;}
.pageNB-IoT .section_4 .desc { font-size: 24px;/* line-height: 40px; */ }
.pageNB-IoT .section_5 h2 {font-size: 50px;color: #333333;font-weight: normal;}
.pageNB-IoT .section_6 { background: #fff; }
.pageNB-IoT .section_6 h2 {font-size: 50px;color: #333333;font-weight: normal;}
.pageNB-IoT .section_6 .desc { font-size: 24px; }

.pageM-Bus{}
.pageM-Bus .section_1 .hd{color:#333; height: 820px; padding: 85px 0 0 350px;}
.pageM-Bus .section_1 .hd h2{padding: 0 0 22px;}
.pageM-Bus .section_1 .hd p{}
.pageM-Bus .section_3 .desc{max-width: inherit;}
.pageM-Bus .section_3 .hd{padding-top: 80px;}