@charset "utf-8";



.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(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(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(181012004.gif) repeat-x; }
.floorItem_04 img { margin-bottom: 20px; }
.floorItem_05 { padding: 0 0 70px; background: url(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(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: 300px; 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;margin: 0;}
.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(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(190429001-01bg.jpg) no-repeat 50% 50%; background-size: cover; }
.systemDescribe .Item01_2 { background: url(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(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(190429003-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item03_2 { background: url(190429003-02bg.jpg) no-repeat 50% 50% #35343a; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item03_3 { background: url(190429003-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_1 { background: url(190429004-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item04_2 { background: url(190429004-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item04_3 { background: url(190429004-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item05_1 { background: url(190429005-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 70px 0 0 0; }
.systemDescribe .Item06_1 { background: url(190429006-01bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 50px 0 0 0; }
.systemDescribe .Item06_2 { background: url(190429006-02bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribe .Item06_3 { background: url(190429006-03bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 60px 0 0 0; }
.systemDescribeAD { background: url(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-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.first a{width:270px;}
}
@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*/



.hidden { display: none; }
.proDetailNav { height: 40px; line-height: 40px; background: #2b2a2c; }
.proDetailNav li.m { float: left; padding: 0 10px 0 0; color: #a1a1a1; position: relative; overflow: hidden; height: 40px; }
.proDetailNav li.m:last-of-type { color: #fff; }
.proDetailNav li.m h3 a { color: #a1a1a1; display: block; float: left; font-size: 14px; }
.proDetailNav li.m h3 a i { font-size: 12px; }
.proDetailNav li.m h3 a:hover, .proDetailNav .m.on h3 a { color: #fff; }
.proDetailNav li.m a { color: #a1a1a1 }
.proDetailNav li.m a:hover { color: #fff; }
.proDetailNav .sub { position: absolute; left: 50%; top: 100px; width: 120px; background: #fff; text-align: center; margin-left: -70px; border-radius: 0 0 4px 4px; padding: 10px 0; opacity: 0; }
.proDetailNav .sub li { line-height: 30px; }
.proDetailNav .sub li a { display: block; }
.proDetailNav .sub li a:hover { background: #efefef; }
.proDetailNav .m.on { overflow: visible; }
.proDetailNav .m.on .sub { opacity: 1; top: 40px; }
.proDetail_sub1 { background: url(190621001-01.jpg) no-repeat center bottom #16171b; padding: 57px 0 0 0; }
.proDetail_sub1 .left { float: left; width: 700px; }
.proDetail_sub1 .right { float: right; width: 510px; color: #fff; padding: 35px 0 0 0; }
.proDetail_sub1 .right .title { font-size: 45px; line-height: 60px; color: #fff; }
.proDetail_sub1 h1 { font-size: 24px; /*font-weight: bold;*/ line-height: 1.3; color: #ccc; margin-bottom: 30px; }
.proDetail_sub1 .canshu { margin: 30px 0 24px; border: 1px solid #2c2c2c; border-width: 1px 0; font-size: 16px; line-height: 28px; color: #7b7c7c; padding: 30px 0 30px 0; color: #a4a4a4; }
.proDetail_sub1 .canshu h2 { color: #fff; font-size: 20px; /*font-weight: bold;*/ line-height: 1; height: 20px; margin-bottom: 20px; }
.proDetail_sub1 .canshu p { }
.proDetail_sub1 .type { line-height: 48px; }
.proDetail_sub1 .type dl { position: relative; padding: 14px 0 0 60px; }
.proDetail_sub1 .type dd { float: left; width: 60px; font-size: 16px; color: #a4a4a4; line-height: 32px; position: absolute; left: 0; top: 14px; }
.proDetail_sub1 .type dt { padding: 0px 0;/* line-height: 28px; */ margin: 0 -6px; }
.proDetail_sub1 .type dt a {border: 1px solid #707070;text-align: center;display: block;line-height: 30px;border-radius: 4px;color: #a4a4a4;}
.proDetail_sub1 .type dt a:hover { color: #00d1d1; border-color: #00d1d1; }
.proDetail_sub1 .type dt a.on {background: #2eb7ef;color: #fff;border-color: #2eb7ef;}
.proDetail_sub1 .type dt li { float: left; width: 25%; padding: 0 6px 10px; }
.proDetail_sub1 .type dt span { color: #fff; font-size: 32px; font-family: "Arial"; padding: 2px; display: block; float: left; line-height: 32px; overflow: hidden; }
.proDetail_sub1 .type dt span i { font-size: 17px; }
/*.systemDescribe .sidebarNav { position: absolute; height: 100%; }
.systemDescribe .sidebarNav .floorNum.top { position: relative; }
.systemDescribe .sidebarNav .floorNum.top:before { content: ''; width: 100%; height: 50px; position: absolute; left: 0; top: -30px; cursor: pointer; }
.systemDescribe .sidebarNav .floorNum.top2:before { top: 23px; z-index: 2; }
.systemDescribe .sidebarNav .floorNum.on { cursor: inherit; }*/
.systemDescribe .sidebarNav { position: absolute; }
.systemDescribe .sidebarNav.on { position: fixed; }
.proDetail_sub2 { background-position: 50% 50%; background-repeat: no-repeat;/* background-size: cover; */ background-color: #8c8c8c; }
.proDetail_sub2 .wrap { position: relative; }
.proDetail_sub2 h2 { position: absolute; width: 100%; text-align: center; line-height: 1; font-size: 45px; /*font-weight: bold;*/ color: #000; padding: 70px 0 0 0; }
.proDetail_sub3 { background-position: 50% 50%; background-repeat: no-repeat;/* background-size: cover; */ background-color: #2d2d2d; }
.proDetail_sub3 .wrap { position: relative; }
.proDetail_sub3 h2 { position: absolute; width: 100%; text-align: left; line-height: 1; font-size: 45px; /*font-weight: bold;*/ color: #000; padding: 90px 50px 0; }
.proDetail_sub4, .proDetail_sub5 { background-position: 50% 50%; background-repeat: no-repeat;/* background-size: cover; */ background-color: #e4e4e4; }
.proDetail_sub4 .wrap, .proDetail_sub5 .wrap { position: relative; }
.proDetail_sub4 .hd, .proDetail_sub5 .hd { position: absolute; line-height: 1.2; color: #000; text-align: center; font-size: 22px; width: 100%; }
.proDetail_sub4 .hd h2, .proDetail_sub5 .hd h2 {font-size: 45px;/*font-weight: bold;*/line-height: 1;}
.proDetail_sub4 .hd h2 { padding: 65px 0 15px }
.proDetail_sub4 .hd { padding: 0 0 15px; position: inherit; }
.proDetail_sub5 { background-color: #f8f8fa; }
.proDetail_sub5 .hd { text-align: left; padding: 0 0 0 40px }
.proDetail_sub5 .hd h2 {padding: 85px 0 15px;margin: 0;font-weight: normal;}
.proDetail_sub6 { background-image: url(20200317006-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 0 0 50px; }
.proDetail_sub6 h2 {line-height: 1;font-size: 40px;/*font-weight: bold;*/color: #fff;text-align: center;padding: 50px 0 0 0;border-top: 1px solid #656666;margin: 0;}
.proDetail_sub6 h2:first-of-type { border-top: none; }
.proDetail_sub6 img { margin-bottom: 40px; }
.proDetail_sub7 { background: #f5f5f5 }
.proDetail_sub7 h2 { line-height: 1; font-size: 45px; /*font-weight: bold;*/ color: #000; padding: 65px 0 20px; }
.proDetail_sub7 img { }
.proDetail_sub8 { padding: 95px 0 60px 0; background: #fefefe; }
.proDetail_sub8 h2 { text-align: center; font-size: 45px; line-height: 1; /*font-weight: bold;*/ color: #282828; padding: 0 0 74px; }
.proDetail_sub8 .con { padding: 0 260px; font-size: 18px; line-height: 34px; color: #333; }
.proDetail_sub8 .text { background: url(190622008-01.gif) no-repeat 0 6px; padding: 0 0 0 120px; text-align: left; }
.proDetail_sub8 .text p { padding: 0 0 34px 0; }
.proDetail_sub9 { background-image: url(190622009-bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub9 h2 { text-align: center; font-size: 45px; /*font-weight: bold;*/ line-height: 1; padding: 120px 0 100px; color: #fff; }
.proDetail_sub9 ul { margin: 0 -15px; }
.proDetail_sub9 li { float: left; width: 16.66666%; padding: 0 15px; }
.proDetail_sub9 li .box { display: block; background: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4F000000, endColorstr=#4F000000);
border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, .4); text-align: center; padding: 70px 0 0 0; }
.proDetail_sub9 li img { }
.proDetail_sub9 li p { font-size: 18px; line-height: 30px; color: #fff; padding: 30px 0 33px; }
.proDetail_sub9 .text { font-size: 18px; line-height: 34px; color: #fff; padding: 80px 85px 170px; }


.section-liNian{ text-align: center; font-size: 18px; line-height: 44px; color: #626262;}
.section-liNian .wrap{ border-bottom: 1px solid #e5e6ec;padding: 100px 0 87px;}
.section-liNian h2{line-height: 1;font-size: 38px;color: #1d2023;font-weight: lighter;margin: 0 0 42px;text-align: center;}
.section-liNian p{}
.section-heZuo{ padding: 100px 0 100px 0;}
.section-heZuo h2{line-height: 1;font-size: 38px;color: #1d2023;font-weight: lighter;margin: 0 0 80px;text-align: center;}
.section-heZuo .con{background: #eaeef4;border-radius: 20px;padding: 75px 120px;}
.section-heZuo h3{/* float: left; */line-height: 1;font-size: 26px;color: #1d2023;font-weight: lighter;margin: 0 0 22px;}
.section-heZuo p{/* float: left; */font-size: 18px;line-height: 35px;color: #626262;}
.section-heZuo img{float: right;}

.section-about{/* position: relative; */}
.section-about .wrap{position: relative;}
.section-about .hd{ position: absolute; left: 0; top: 100px; z-index: 2;width: 100%; text-align: center;}
.section-about .hd p{font-size: 38px;color: #fff;line-height: 1;margin: 0 0 35px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);font-weight: lighter;}
.section-about .hd ul{display: inline-block;}
.section-about .hd li{float: left;margin: 0 33px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;}
.section-about .hd li.on{background:#46b6f5}
.section-about .bd{}
.section-about .bd img{margin: 0 auto; display: block;}

.section-news{padding: 100px 0 100px;background: url("/products/dianbiao/img/news-bg.jpg") no-repeat;background-size: cover;}
.section-news .title{text-align: center;line-height: 1;padding: 0 0 60px;}
.section-news .title h2{font-size: 38px;color: #1d2023;font-weight: lighter;margin: 0 0 35px;}
.section-news .title p{ font-size: 18px; line-height: 1; color: #626262;}
.section-news .listHull{ position: relative;}

.section-news .list{}
.section-news .list li{float: left;width: 33.333333%;padding: 20px 0 20px;}
.section-news .list a{display: block;margin: 0 16px;background: #fff;box-shadow: 0px 5px 10px 0px rgb(233 233 237);border-radius: 0 0 5px 5px;color: #898989;}
.section-news .list a img{width: 100%;}
.section-news .list a h2{margin: 0;font-size: 18px;line-height: 26px;color: #1d2023;font-weight: normal;height: 52px;margin-bottom: 5px;}
.section-news .list a .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;line-height: 24px;height: 48px;color: #898989;margin-bottom: 20px;}
.section-news .list a .box{padding: 25px 30px 30px 30px;}
.section-news .list a .box img{float: left;width: auto;max-height: 26px;}
.section-news .list a .box span{ float: right;}
.section-news .list a:hover .desc{ color: #46b6f5;}
.section-news .hd{text-align: center;}
.section-news .hd ul{display: inline-block;}
.section-news .hd li{width: 64px;height: 2px;background: #ced6e4;text-indent: -99999px;float: left;margin: 0 5px;cursor: pointer;}
.section-news .hd li.on{background: #1d2023;}
.section-news .NewsPrev,.section-news .NewsNext{width: 50px;height: 50px;background: #d9e0e8;display: block;text-align: center;line-height: 50px;border-radius: 50px;color: #787c7e;font-size: 20px;position: absolute;left: -70px;top: 50%;margin-top: -50px; cursor: pointer;}
.section-news .NewsNext{left: inherit;right: -70px;}

.section-cangKu{ text-align:center;}
.section-cangKu img{display: block; margin: 0 auto; max-width: 100%;}

.section-QA{ background: url("/products/dianbiao/img/QA-bg.jpg") no-repeat 50% 50%; background-size: cover; padding: 100px 0;}
.section-QA h2{line-height: 1;font-size: 38px;color: #1d2023;font-weight: lighter;margin: 0 0 80px;text-align: center;}
.section-QA ul{ border-radius: 2px; background: #fff; box-shadow: 0px 7px 30px 0px rgba(44, 55, 72, 0.17); padding: 60px 10%;}
.section-QA li:first-of-type{border-bottom: 1px solid #e4e6eb;}
.section-QA li{border-bottom: 1px solid #e4e6eb;overflow: hidden;}
.section-QA li a{position: relative;display: block;padding: 30px 0 30px 120px;}
.section-QA li a .arrow{position: absolute;right: 0;top: 50%;line-height: 30px;margin: -15px 0 0 0;}
.section-QA li a .pic{width: 220px;border: 1px solid #e4e6eb;float: left;margin-left: -250px;display: none; position: relative; z-index: 2;}
.section-QA li a .pic img{}
.section-QA li a span{position: absolute;left: 0;top: 50%;margin-top: -15px;height: 30px;line-height: 30px;width: 80px;background: #babec8;text-align: center;color: #edeef4;}
.section-QA li a span i{margin: 0 5px 0 0;}
.section-QA li a h3{margin: 0;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #626262;font-weight: normal;max-width: 70%;}
.section-QA li a .desc{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #989898;line-height: 1;margin-top: 12px;display: none;max-width: 70%;}
.section-QA li a.on{padding: 0 0 0 250px;}
.section-QA li a.on .pic{display: block;}
.section-QA li a.on h3{padding-top: 30px;}
.section-QA li a.on .desc{display: block;}




/*.pageFooter { background: #f5f5f5; color: #8f8f8f; }
.pageFooter a:hover { color: #00b8b8; }
.footer_info .t2 { color: #69696a; }
.footer_nav .m h3 { color: #000; }
.footer_QR .hd, .footer_QR a { color: #000; }
.footer_nav .sub a { color: #8e8e8e; }
.footer_nav .sub a:hover { color: #00b8b8; }
.pageFooter .wrap { border-color: #ddd!important }*/

.jizhognqi { }
.jizhognqi .proDetail_sub1 { background: url(20200221001-01.jpg) no-repeat center bottom #16171b; }
.jizhognqi .proDetail_sub2 { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.jizhognqi .proDetail_sub2 .hd { padding: 68px 0 12px; }
.jizhognqi .proDetail_sub2 .hd h2 { position: initial; font-size: 45px; line-height: 1; color: #fff; text-align: center; padding: 0 0 16px; }
.jizhognqi .proDetail_sub2 .hd p { position: initial; font-size: 24px; font-weight: normal; line-height: 40px; color: #fff; text-align: center; padding: 0; }
.jizhognqi .proDetail_sub2 img { display: block; margin: 0 auto; }
.jizhognqi .proDetail_sub3 .hd h2,.jizhognqi .proDetail_sub3 .hd p{ color: #000 }
.jizhognqi .proDetail_sub4{
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0 120px 0;
}
.jizhognqi .proDetail_sub4 h2{
    font-size: 45px;
    line-height: 1;
    /*font-weight: bold;*/
    color: #fff;
    text-align: center;
    height: 160px;
}
.jizhognqi .proDetail_sub4 .con{padding:0 500px 0 0;}
.jizhognqi .proDetail_sub4 .left{
    float: left;
    color: #ebebec;
    font-size: 24px;
    line-height: 30px;
    padding: 0 40px 0 95px;
}
.jizhognqi .proDetail_sub4 .left p{zoom: 1;padding: 0 0 30px 150px;}
.jizhognqi .proDetail_sub4 .left p:after { content: ""; display: block; clear: both; height: 0; }
.jizhognqi .proDetail_sub4 .left p span{
    float: left;
    margin-left: -150px;
    /*font-weight: bold;*/
    color: #fff;
}
.jizhognqi .proDetail_sub4 .pic{
    float: right;
    margin: 0 -500px 0 0;
}
.jizhognqi .proDetail_sub4 .pic img{}



.systemTabs{position:relative;min-height: 940px; overflow: hidden;}
.systemTabs .TabsHd{width: 200px;height: 100%;background: rgba(0, 18, 34, 0.35);position: absolute;z-index: 4;top: 0;text-align: right;}
.systemTabs .TabsHd h2{font-size: 24px;line-height: 1;color: #fff;padding: 55px 30px 50px 0;}
.systemTabs .TabsHd ul{}
.systemTabs .TabsHd li{}
.systemTabs .TabsHd li.last{margin-bottom: 25px;}
.systemTabs .TabsHd li a{position: relative;padding: 0 30px 0 0;display: block;font-size: 14px;line-height: 26px;color: #999;}
.systemTabs .TabsHd li a span{display: block;font-size: 18px;color: #fff!important;/* line-height: 1; *//* padding: 0 0 10px; */}
.systemTabs .TabsHd li a:before{content: '';background: url(system-icon.png) no-repeat;width: 12px;height: 22px;position: absolute;right: -12px;bottom: 2px;display: none;}
.systemTabs .TabsHd li a:hover{color: #fff;}
.systemTabs .TabsHd li.m a{font-size: 18px;color: #fff;}
.systemTabs .TabsHd li.m a:before{}
.systemTabs .TabsHd li.m a:hover{}
.systemTabs .TabsHd li.on a:before{display:block;}
.systemTabs .TabsHd li.on a{color: #fff;}
.systemTabs .TabsHd li.m.on a{color: #00cccc;}
.systemTabs .TabsBd{}
.systemTabs .TabsBd dd{ min-height: 940px; background-repeat: repeat;background-position: 50% 50%; background-size: cover; }
.systemTabs .TabsBd .desc {padding: 40px 80px 20px 80px;}
.systemTabs .TabsBd .desc h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; }
.systemTabs .TabsBd .desc .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemTabs .TabsBd .desc .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemTabs .TabsBd .desc .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemTabs .TabsBd .desc p {font-size: 18px;color: #ccc;line-height: 30px;padding: 5px 0 0px;}
.systemTabs .TabsBd ul{color: #ccc;font-size: 18px;line-height: 33px;padding: 50px 0 20px 0;}
.systemTabs .TabsBd li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemTabs .TabsBd li h3{ font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; }
.systemTabs .TabsBd li p{}




@media (max-device-width: 1024px) {
.proDetail_sub1 .left { width: 640px; }
.proDetail_sub2 h2, .proDetail_sub3 h2, .proDetail_sub5 .hd { left: 0; }
.proDetail_sub4 { background-size: contain; background-position: 50% 100%; background-color: #f5f5f5; }
.proDetail_sub8 .con { padding: 0 200px; }
.proDetail_sub8 .con p, .proDetail_sub9 h2, .proDetail_sub9 ul, .proDetail_sub9 .text { float: left; width: 100%; }
}

h1,h2,h3,h4,h5,h6{font-weight:normal;}