@charset "utf-8";
/* CSS Document */
@import url(/css/public.cssv);
.softItem_01 { background: url(../img/001.jpg) no-repeat center center; }
.softItem_01 .hd { text-align: center; color: #000; height: 268px; }
.softItem_01 .hd h2 { font-size: 45px;/* text-shadow: 0px 6px 6px rgb( 30, 203, 210 ); */ padding: 55px 0 10px; }
.softItem_01 .hd p { font-size: 19px; line-height: 32px; }
.softItem_02 { background: url(../img/002_01.jpg) no-repeat center center; }
.softItem_02 .con { width: 1200px; background: url(../img/002_02.jpg) no-repeat center center; height: 950px; margin: 0 auto; padding: 172px 0 0 758px; }
.softItem_03 { background: url(../img/003_01.gif) no-repeat center bottom #e7f9ff; }
.softItem_03 .hd { height: 411px; }
.softItem_03 .hd .top { height: 255px; text-align: center; padding: 70px 0 0 0; }
.softItem_03 .hd .top h2 { font-size: 46px; color: #383838; }
.softItem_03 .hd .top p { font-size: 19px; color: #3d3d3d; }
.softItem_03 .hd ul { }
.softItem_03 .hd li { float: left; width: 16.666666%; position: relative; padding: 0 0 0 60px; font-size: 16px; color: #000; }
.softItem_03 .hd li span { width: 44px; height: 44px; position: absolute; left: 0; top: 0; }
.softItem_03 .hd li .icon_01 { background-position: -205px -491px; }
.softItem_03 .hd li .icon_02 { background-position: -249px -491px; }
.softItem_03 .hd li .icon_03 { background-position: -293px -491px; }
.softItem_03 .hd li .icon_04 { background-position: -205px -535px; }
.softItem_03 .hd li .icon_05 { background-position: -249px -535px; }
.softItem_03 .hd li .icon_06 { background-position: -293px -535px; }
.softItem_03 .bd { height: 629px; }
.floorNavBox { width: 100%; height: 80px; }
.floorNavBox .hd { width: 100%; height: 80px; border-bottom: 1px solid #eaeaea; background: #fff; }
.floorNavBox.on .hd { position: fixed; top: 67px; z-index: 9; }
.floorNav { }
.floorNav li { float: left; width: 14.25%; text-align: center; padding: 0 10px; }
.floorNav li a { display: inline-block; height: 80px; line-height: 78px; color: #3f3f3f; padding: 0 30px; }
.floorNav li.on a, .floorNav li a:hover { border-bottom: 2px solid #00b8b8; color: #00b8b8; }
.floorTitle { padding: 70px 0 60px; text-align: center; }
.floorTitle h2 { color: #060606; font-size: 40px; line-height: 1; }
.floorTitle p { font-size: 18px; line-height: 30px; color: #393939; padding: 30px 0 0 0; }
.floorItem_01 { background: url(../img/181012001.gif) repeat-x; position: relative; }
.floorItem_01 ul { }
.floorItem_01 li { height: 655px; }
.floorItem_01 li span { display: inline-block; width: 60px; height: 8px; background: #7ddedc; margin-top: 50px; }
.floorItem_01 li h3 { font-size: 30px; color: #333; line-height: 1; padding: 50px 0 30px; }
.floorItem_01 li p { font-size: 18px; line-height: 30px; color: #737374; width: 450px; }
.floorItem_01 .tab { position: absolute; top: 380px; z-index: 22; width: 100%; }
.floorItem_01 .tab a { float: left; font-size: 16px; line-height: 40px; height: 40px; border-radius: 40px; background: #28c2c4; color: #fff; padding: 0 15px; margin-right: 10px; box-shadow: 0px 0px 10px 3px #d7d7d7bd; }
.floorItem_01 .tab a.on { background: #95f6d9; COLOR: #186a6a; }
.floorItem_02 { background: url(../img/181012002.jpg) no-repeat center center #e4e8ea; padding: 0 0 70px; }
.floorItem_02 ul { }
.floorItem_02 li { float: left; width: 14%; text-align: center; }
.floorItem_02 li .box { }
.floorItem_02 li img { }
.floorItem_02 li h3 { color: #060606; line-height: 1; padding: 10px 0 20px; font-size: 22px; }
.floorItem_02 li p { font-size: 15px; line-height: 35px; color: #7c7c7c; position: relative; text-align: left; text-indent: 47px; }
.floorItem_02 li p:after { content: ''; width: 6px; height: 6px;/* background: #fff; */ border: 2px solid #2dc3c5; border-radius: 8px; position: absolute; left: 30px; top: 50%; margin-top: -5px; }
.floorItem_02 li:nth-of-type(2n+2) p:after { border-color: #9ce5af; }
.floorItem_03 { padding: 0 0 70px; }
.floorItem_04 { padding: 0 0 50px; background: url(../img/181012004.gif) repeat-x; }
.floorItem_04 img { margin-bottom: 20px; }
.floorItem_05 { padding: 0 0 70px; background: url(../img/181012006.gif) repeat-x; }
.floorItem_05 .list { padding: 0 50px; }
.floorItem_05 .list ul { }
.floorItem_05 li { float: left; width: 20%; text-align: center; }
.floorItem_05 img { }
.floorItem_06 { background: url(../img/181012007.jpg?v1) no-repeat center center #0f0e14; min-height: 1054px; }
.floorItem_06 .floorTitle { }
.floorItem_06 .floorTitle h2 { color: #fff; line-height: 1.3; }
.floorItem_06 ul { overflow: hidden; }
.floorItem_06 li { float: left; border-left: 1px solid rgba(255, 255, 255, 0.2); width: 16.666666%; padding: 0 20px; margin-left: -1px; min-height: 116px; }
.floorItem_06 .box { }
.floorItem_06 li h3 { font-size: 22px; color: #08d8b9; /*font-weight: bold;*/ text-align: center; line-height: 1; margin-bottom: 15px; }
.floorItem_06 li p { font-size: 14px; color: #999; }
.floorItem_07 { background: #f8fafd; padding-bottom: 70px; }
.floorItem_07 ul { margin: 0 -14px; }
.floorItem_07 li { float: left; width: 33.3333%; padding: 0 14px; }
.floorItem_07 .box { display: block; border: 1px solid #e5e5e5; background: #fff; text-align: center; padding-bottom: 40px; }
.floorItem_07 li img { }
.floorItem_07 .box h3 { font-size: 20px; /*font-weight: bold;*/ color: #282828; line-height: 1; padding: 50px 0 15px; }
.floorItem_07 .box p { font-size: 16px; line-height: 1.5; color: #777; }
.floorItem_07 .box:hover h3, .floorItem_07 .box:hover p { color: #1cb8cf; }
/*S能耗检测系统功能介绍190428*/
.systemTopNavWrap { height: 50px; }
.systemTopNav { background: #333; height: 50px; line-height: 50px; width: 100%; position: relative; top: 0; z-index: 1000 }
.systemTopNav ul { }
.systemTopNav li.first { float: left; }
.systemTopNav li.first a { display: block; width:240px; text-align: center; font-size: 14px; color: #fff; }
.systemTopNav li.first a:hover { background: #484848 }
.systemTopNav li.first.on a { background: #00b8b8 }
.systemTopNav li.last { float: right; padding: 9px 0 0 0; line-height: 33px; }
.systemTopNav li.last a { display: block; padding: 0 50px 0 45px; border-radius: 33px; background: #00b8b8; font-size: 14px; line-height: 33px; color: #fff; position: relative; }
.systemTopNav li.last a i { font-size: 13px; color: #fff; position: absolute; right: 10px; width: 43px; text-align: center; }
.systemTopNav li.last a:hover {/*padding-right:60px;*/ background: #00c7c7 }
.systemTopNav li.first a em{display: none;border: 5px solid #fff;border-color: #ffffff #00b8b8 #00b8b8 #00b8b8;border-width: 5px 5px 0px 5px;width: 0;height: 0px;margin: 0px 0 0 10px; }
.systemTopNav li.first.on a em{ display:inline-block;}
.systemTopNavWrap.on .systemTopNav { position: fixed; }
.systemDescribe { position: relative; }
.systemDescribe .sidebarNav { padding: 167px 35px 0 0; width: 210px; min-height: 200px; background: rgba(0, 18, 34, 0.35); position: fixed; z-index: 4; top: 0; text-align: right; }
.systemDescribe .sidebarNav.on { top: 0; padding: 100px 35px 0 0; }
.systemDescribe .sidebarNav.on2 { position: absolute!important; bottom: 0!important; top: inherit!important; }
.systemDescribe .sidebarNav h2 { font-size: 24px; line-height: 1;/* font-weight: bold; */color: #fff; padding: 0 0 30px; }
.systemDescribe .sidebarNav h3 { font-size: 18px; color: #fff; line-height: 1; padding: 30px 0 10px; cursor: pointer;}
.systemDescribe .sidebarNav .floorNum { }
.systemDescribe .sidebarNav .floorNum a,.systemDescribe .sidebarNav a { font-size: 15px; color: #cfcfcf; line-height: 26px; display: block; position: relative; }
.systemDescribe .sidebarNav .floorNum a:before { content: ''; background: url(../img/190429-icon.png) no-repeat; width: 12px; height: 22px; position: absolute; right: -47px; top: 50%; margin-top: -11px; display: none; }
.systemDescribe .sidebarNav .floorNum a:hover { color: #00cccc; }
.systemDescribe .sidebarNav .floorNum.first a, .systemDescribe .sidebarNav .floorNum.last a { font-size: 18px; line-height: 1; padding: 10px 0; color: #fff; }
.systemDescribe .sidebarNav .floorNum.on a { /*font-weight: bold;*/ color: #00cccc!important; display: block; }
.systemDescribe .sidebarNav .floorNum.on a:before { display: block; }
.systemDescribe .Item01 { }
.systemDescribe .Item01_1 { background: url(../img/190429001-01bg.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribe .Item01_2 { background: url(../img/190429001-02bg.jpg) repeat-x #3c3e4a; padding: 70px 0 50px; }
.systemDescribe .Item01_2 { }
.systemDescribe .Item01_2 ul { color: #ccc; font-size: 18px; line-height: 33px; }
.systemDescribe .Item01_2 h3 { font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; }
.systemDescribe .Item01_2 p { }
.systemDescribe .Item01_2 .first { }
.systemDescribe .Item01_2 .first li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemDescribe .Item01_2 .last { }
.systemDescribe .Item01_2 .last li { float: left; width: 33.33%; padding: 0 0 0 50px; }
.systemDescribe .ItemTitle { padding: 0 0 0 80px; }
.systemDescribe .ItemTitle h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; }
.systemDescribe .ItemTitle .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemDescribe .ItemTitle .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemDescribe .ItemTitle .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemDescribe .ItemTitle p { font-size: 18px; color: #ccc; line-height: 30px; padding: 5px 0 5px; }
.systemDescribe .Item02_1 { background: #1f1f1f; padding: 50px 0 0 0; }
.systemDescribe .Item02_2 { background: url(../img/190429002-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item02_3 { background: #38373d; padding: 60px 0 0 0; }
.systemDescribe .Item03_1 { background: url(../img/190429003-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item03_2 { background: url(../img/190429003-02bg.jpg) no-repeat 50% 50% #35343a; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item03_3 { background: url(../img/190429003-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_1 { background: url(../img/190429004-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item04_2 { background: url(../img/190429004-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_3 { background: url(../img/190429004-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item05_1 { background: url(../img/190429005-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item06_1 { background: url(../img/190429006-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item06_2 { background: url(../img/190429006-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item06_3 { background: url(../img/190429006-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribeAD { background: url(../img/190429007.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribeAD a { padding: 155px 0 0 85px; display: block; height: 590px; }
.systemDescribeAD a p { font-size: 50px; color: #fff; line-height: 72px; padding: 0 0 18px; }
.systemDescribeAD a span { width: 340px; line-height: 63px; display: block; font-size: 30px; color: #0f2428; text-align: center; background: #fff; border-radius: 63px; }

@media(max-width:1440px){
.systemTopNav li.first a{ width: auto; padding: 0 40px;}
}

@media (max-device-width: 1024px) {
.systemDescribe .sidebarNav { padding-top: 160px; }
.systemDescribe .floorItem .wrap { padding: 0 60px 0 200px!important; }
.floorItem11 { height: 400px; }
.floorItem11 p { font-size: 33px; padding: 70px 60px 60px; }
.floorItem11 a { margin-left: 60px; }
    .systemTopNav li{width: 17%;}
	.systemTopNav li.first a{width:100%;}
}
@media (max-device-width:770px) {
.systemDescribe .sidebarNav.on3 { padding-top: 1030px; }
.systemDescribeAD { }
.systemDescribeAD a { height: 400px; padding: 100px 0 0 100px; }
.systemDescribeAD a p { font-size: 40px; line-height: 1.5; }
.systemDescribeAD a span { }
}
/*E能耗检测系统功能介绍190428*/