@charset "gb2312";
/* CSS Document */
*::selection { background: rgba(0, 110, 221, 0.05); }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { 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; font-size: inherit; }
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: #f5f5f5; min-width: 1400px; min-height: 1700px; }
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
.clearBlock { display: inline-block; width: 100%; }
*:focus { outline: none; }
a { text-decoration: none; color: #666; }
a:hover { color: #006edd; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { max-width: 1380px; margin: 0 auto; }
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!important; }
.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/font_398496_nvyisn4k24i.woff2?t=1652407592414') format('woff2'),
       url('//at.alicdn.com/t/font_398496_nvyisn4k24i.woff?t=1652407592414') format('woff'),
       url('//at.alicdn.com/t/font_398496_nvyisn4k24i.ttf?t=1652407592414') 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; }
.bgsize { -ms-behavior: url(../lib/backgroundsize.min.htc); behavior: url(../lib/backgroundsize.min.htc); }
/*=====================================*/
.pageHeader {background-color: #f3f6f9;border-bottom: 1px solid #fff;}
.header_sub1 {background: #fff;padding: 40px 0;}
.logo {float: left;background: url(img/logo.png?v1) no-repeat 0% 50%;/* padding: 0 0 0 250px; */width: 804px;height: 50px;line-height: 50px;font-size: 18px;color: #333;/* text-indent: -999999px; */}
.logo:hover { color: #333; }
.logo h1, .logo h2 { text-indent: -99999px; line-height: 0; height: 0; }
.topTel { float: right; padding: 0 0 0 50px; background: url(img/tel.png) no-repeat 0 50%;/* height: 40px; */ margin-top: 2px; font-size: 14px; line-height: 1; color: #666; }
.topTel span { display: block; height: 28px; margin-top: 5px; font-size: 28px; color: #ff3f00; font-family: "Arial"; }
.header_sub2 {height: 60px;position: relative;}
.mainNav { float: left; }
.mainNavHd {/* width: 200px; *//* background: #006edd; *//* padding: 0 20px 0 40px; */}
.mainNavHd a {display: block;color: #535455;line-height: 60px;height: 60px;overflow: hidden;text-align: center;padding: 0 20px 0 40px;}
.mainNavHd a h3 {display: inline-block;font-size: 18px;padding: 0 5px;}
.mainNavHd a i {display: none;}
.mainNavHd a i.first { }
.mainNavHd a i.last { position: absolute; }
.mainNavWrap.on .mainNavHd a i.last { transform: rotate(180deg); }
.mainNavBd { display: none; position: absolute;/* background: #000; */ /*width: 100%;*/ z-index: 7 }
.mainNavBdWrap {/* width:100%; */ position: relative; height: 680px; padding: 0 0 0 220px; }
.mainNavBd .hd { position: absolute; left: 0; width: 220px; background: rgba(0, 0, 0, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000, endColorstr=#8F000000);}
.mainNavBd .hd a { display: block; height: 60px; line-height: 60px; color: #fff; font-size: 16px; padding: 0 40px; }
.mainNavBd .hd a i { float: right; }
.mainNavBd .hd a:hover, .mainNavBd .hd li.on a { background: #047ffc; }
.mainNavBd .hd a:hover i, .mainNavBd .hd li.on a i { margin-right: -20px; }
.mainNavBd .bd { background: #fff; }
.mainNavBd .bd .bdBox { border: 1px solid #ddd; }
.mainNavBd .bd a h2, .mainNavBd .bd a i { height: 78px; line-height: 78px; padding: 0 60px; color: #006edd; font-size: 16px; }
.mainNavBd .tag { border-top: 1px solid #ddd; text-align: left; padding: 25px 40px 0 60px; height: 78px; }
.mainNavBd .tag a { display: inline-block; font-size: 14px; color: #333; margin-right: 40px; }
.mainNavBd .tag a:hover { color: #006edd; }
.mainNavBd .col6 .tag { padding-top: 10px; }
.mainNavBd .list { }
.mainNavBd .list li { float: left; width: 25%; border: 1px solid #ddd; border-width: 1px 0 0 1px; text-align: center; }
.mainNavBd .list a { display: block; font-size: 18px; line-height: 26px; height: 260px; padding-top: 20px; }
.mainNavBd .list img { display: block; margin: 0px auto 0; opacity: 1; transform: scale(1, 1); }
.mainNavBd .list a:hover img { display: block; margin: 0px auto 0; opacity: 0.95; transform: scale(1.1, 1.1); }
.mainNavBd .list a h3 { color: #333; padding-top: 5px; }
.mainNavBd .list a span { color: #ff3f00; }
.mainNavBd .listXitong { }
.mainNavBd .listXitong h3 { line-height: 56px; font-size: 16px; text-indent: 60px; border-top: 1px solid #ddd; }
.mainNavBd .listXitong h3 a { color: #006edd; }
.mainNavBd .listXitong h3 a:hover { }
.mainNavBd .listXitong ul { padding: 0 40px; }
.mainNavBd .listXitong li { float: left; width: 33.333%; padding: 0 20px; }
.mainNavBd .listXitong li a { text-align: center; display: block; }
.mainNavBd .listXitong li img { border: 1px solid #ddd; }
.mainNavBd .listXitong li a p { font-size: 14px; color: #333; line-height: 43px; }
.mainNavBd .listXitong li a:hover p { color: #006edd; }
.mainNavBd .listXitong .line { height: 1px; background: #ddd; }
.nav { float: left; width: 68%; }
.nav ul {/* padding: 0 0 0 20px; */ }
.nav li {float: left;/* padding: 0 20px; *//* width: 14%; *//* padding: 0 10px; */}
.nav li a {line-height: 60px;height: 60px;font-size: 18px;color: #535455;padding: 0 20px;display: block;text-align: center; position: relative;}
.nav li a:before{content: '';position: absolute;top: 43px;display: none;width: calc(100% - 40px);height: 1px;background: #000;}
.nav li a:hover {/* background: #006edd; */color: #000 !important;font-weight: bold;}
.nav li a:hover:before{display: block;}
.nav li.on a {color: #000;font-weight: bold;}
.nav li.on a:before{display: block;}
.topSearch {width: 160px;height: 30px;line-height: 30px;float: right;margin-top: 15px;background: #fff;border-radius: 4px;position: relative;padding: 0 40px 0 10px;border: 1px solid #027aff;border-radius: 30px;}
.topSearch .text {background: none;width: 100%;height: 30px;line-height: 30px;color: #010101;border-radius: 30px;}
.topSearch .btn {width: 40px;height: 28px;text-align: center;color: #027aff;position: absolute;right: 0;top: 0;background: none;border: none;line-height: 28px;}
.pageFooter { background: #1b1d1f; color: #999; margin-top: 60px; }
.pageFooter a { color: #999; }
.pageFooter a:hover {color: #006edd;}

.footer_sub1 { padding: 70px 0 60px; }
.footer_sub1_sub1 {float: left;padding: 90px 0 0 0;width: 550px;background: url(img/footerLogo_new.png?v1) no-repeat;/* min-height: 400px; */}
.footer_sub1_sub1 .hd { padding: 0 0 0 175px; color: #fff;}
.footer_sub1_sub1 .hd .QR{ float: left; margin-left: -175px;}
.footer_sub1_sub1 .hd .QR img{ width: 145px; border: 5px solid #fff; border-radius: 5px;}
.footer_sub1_sub1 .hd .QR span{display: block;text-align: center;color: #999;font-size: 18px;line-height: 1;padding: 12px 0 0 0;}
.footer_sub1_sub1 .hd .tel{line-height: 1;font-size: 28px;font-weight: bold;margin-bottom: 10px;}
.footer_sub1_sub1 .hd .tel span{font-size: 20px;font-weight: normal;display: block;padding: 0px 0 10px;}
.footer_sub1_sub1 .hd ul{}
.footer_sub1_sub1 .hd li{font-size: 18px;line-height: 33px;padding: 0 0 0 140px;float: left;}
.footer_sub1_sub1 .hd li span{ float: left; margin-left: -140px; position: relative; padding: 0 0 0 30px;}
.footer_sub1_sub1 .hd li span img{ position: absolute; left: 0; top: 50%; margin-top: -11px;}

.footer_sub1_sub1 .bd p{
    font-size: 18px;
    color: #fff;
    line-height: 1;
    padding: 30px 0 30px;
}
.footer_sub1_sub1 .bd a {display: inline-block;line-height: 40px;border: 1px solid #f60;color: #f60;border-radius: 4px;text-align: center;font-size: 14px;margin-right: 14px;padding: 0 10px;}
.footer_sub1_sub1 .bd a i { font-size: 18px; padding: 0 5px 0 0; }
.footer_sub1_sub1 .bd a:hover { color: #fff; background: #006edd; border-color: #006edd; }

.footer_sub1_sub2 { float: right; }
.footer_sub1_sub2 li.m { float: left; padding: 0 0 0 70px; }
.footer_sub1_sub2 li.m:first-of-type { padding-left: 0; }
.footer_sub1_sub2 li.m h3 { font-size: 18px; color: #fff; line-height: 1; position: relative; padding: 0 0 0 30px; margin-bottom: 27px;/* left: -30px; *//* text-indent: 30px; */ }
.footer_sub1_sub2 li.m h3:before {content: '';width: 20px;height: 2px;background: #1b1d1f;position: absolute;top: 50%;margin-top: -1px;left: 0;}
.footer_sub1_sub2 .sub { }
.footer_sub1_sub2 .sub li { line-height: 30px; padding: 0 0 0 30px; }
.footer_sub1_sub2 .sub li a { display: block; }
.footer_sub1_sub2 .sub li a:hover {/* margin-left: -10px */}
.footer_sub1_sub2 .last { }
.footer_sub1_sub2 .lastCon { padding: 13px 0 0 0; }
.footer_sub1_sub2 .last .tel { background: url(img/tel.png) no-repeat 0 0; font-size: 28px; line-height: 1; color: #ff3f00; padding: 0 0 0 45px; }
.footer_sub1_sub2 .last .tel span { display: block; font-size: 12px; color: #999;/* height: 16px; */ line-height: 1; padding-top: 2px; }
.footer_sub1_sub2 .last p { padding: 12px 0 0 25px; }
.footer_sub1_sub2 .last p i { color: #fff; width: 20px; line-height: 28px; margin-left: -25px; text-align: left; display: inline-block; }
.footer_Links { background: url(img/footerLine_h.gif) repeat-x 0 0; padding: 30px 0 30px 80px; text-align: left; }
.footer_Links span { margin-left: -80px; color: #fff; display: inline-block; width: 78px; }
.footer_Links a { display: inline-block; /* line-height: 28px; */ margin-right: 40px; }
.footer_copy { height: 60px; line-height: 60px; background: #000; text-align: center; }
.footer_copy a { display: inline-block; }
.footer_copy img { display: inline-block; vertical-align: middle; margin: 0 3px; border-radius: 5px; }
.FloatTool { position: fixed; right: 0; top: 30%; z-index: 999; }
.FloatTool ul { }
.FloatTool li { background: #fff; position: relative; }
.FloatTool li:last-of-type a { border: none; }
.FloatTool li>a { width: 50px; height: 50px; background: #ddd; text-align: center; display: block;/* font-size: 24px; *//* color: #fff; */ position: relative; z-index: 33; border-bottom: 1px solid #fff; }
.FloatTool li>a i { width: 50px; line-height: 50px; font-size: 24px; color: #fff; position: ABSOLUTE; left: 0; top: 0; }
.FloatTool li>a:hover { background: #006edd; color: #fff; }
.FloatTool li>a:hover i { transform: rotateY(360deg); transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.FloatTool .sub { display: none; position: absolute; top: 0; right: 50px; text-align: center; background: #006edd; COLOR: #FFF; border-radius: 5px 0 0 5px; font-size: 12px; }
.FloatTool .tel { width: 150px; display: block; padding: 5px 7px; right: -150px; }
.FloatTool .tel p { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 16px; background: #1d81e5; padding: 9px 0; margin: 2px 0; }
.FloatTool .tel span { display: block; font-size: 14px; }
.FloatTool .QR { width: 130px; display: block; padding: 8px 10px 8px 10px; right: -150px; }
.FloatTool .QR span { display: block; }
.FloatTool .shangqiao, .FloatTool .QQ { width: 150px; display: block; padding: 5px 7px; right: -150px; }
.FloatTool .shangqiao a, .FloatTool .QQ a { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 40px; background: #1d81e5; margin: 2px 0; }
.FloatTool .shangqiao a:hover, .FloatTool .QQ a:hover { background: #2190ff; }
.FloatTool .toTop {/* line-height: 1.2; *//* padding: 10px 0; */ }
.FloatTool .toTop span { display: none; font-size: 12px; }
.FloatTool li:hover .tel, .FloatTool li:hover .QR, .FloatTool li:hover .shangqiao, .FloatTool li:hover .QQ { right: 50px; }
.FloatTool li .sub:hover+a { background: #006edd; color: #fff; }
.FloatTool li .sub:hover+a i { transform: rotateY(360deg); transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

@media(max-width:1400px) {
.wrap { padding: 0 15px; }
.footer_sub1_sub1 { width: 470px; }
.footer_sub1_sub2 li.m { padding: 0 0 0 45px; }
}

@media(max-width:1300px) {
.footer_sub1_sub1 { width: 440px; }
.footer_sub1_sub2 li.m { padding: 0 0 0 35px; }
.nav { width: auto; }
.nav li { width: auto; padding: 0px 10px; }
.nav li a { padding: 0px 10px; }
}
/*==/===================================*/
/*==首页===================================*/
.focusBanner { position: relative; }
.focusBanner .prev, .focusBanner .next { top: 50%; position: absolute; color: #fff; font-size: 24px; text-align: center; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgb(0, 0, 0); display: block; left: 60px; z-index: 2; opacity: 0; margin-top: -30px; }
.focusBanner:hover .prev, .focusBanner:hover .next { opacity: 1; background: #006edd; }
.focusBanner .next { right: 60px; left: inherit; }
.focusBanner .hd { position: absolute; text-align: center; z-index: 2; bottom: 20px; width: 100%; height: 4px; }
.focusBanner .hd ul { }
.focusBanner .hd li { width: 30px; height: 4px; background: rgb(0, 0, 0); opacity: .3; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);
border-radius: 4px; display: inline-block; margin: 0 4px; text-indent: -9999px; }
.focusBanner .hd li.on { background: #006edd; opacity: 1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);}
.focusBanner .bd { width: 100%!important; }
.focusBanner .bd li { height: 680px; width: 100%!important; }
.focusBanner .bd li a { display: block; height: 100%; }

.main_service{padding: 56px 0;background: #f1f1f1;}
.main_service ul{ margin: 0 -10px;}
.main_service li{ float: left; width: 33.33333%; padding: 4px 10px;}
.main_service li a{display: block;background-color: #3c85ff;min-height: 100px;background-position: right bottom;background-repeat: no-repeat;color: #fff;border-radius: 15px;overflow: hidden;line-height: 1;padding: 20px 0 0px 55px; cursor: auto}
.main_service li a h2{ font-size: 26px; font-weight: bold;}
.main_service li a p{ font-size: 20px; margin-top: 15px;}
.main_service li.first{}
.main_service li.first a{min-height: 208px;}
.main_service li.first a h2{font-size: 30px;line-height: 36px;}


.mainTitle { padding: 60px 0 40px; background: url(img/titleLine.png) no-repeat 50% 130px; text-align: center; }
.mainTitle h2 { font-size: 30px; font-weight: bold; line-height: 1; color: #333; }
.mainTitle span { font-size: 14px; color: #999; font-family: "Arial"; display: block; height: 40px; line-height: 30px; text-transform: uppercase; }
.mainProList { padding: 0 80px 25px; max-width: 1920px; margin: 0 auto; }
.mainProList ul { margin: 0 -20px; }
.mainProList li { float: left; width: 25%; padding: 0 20px 35px; }
.mainProList a { display: block; text-align: center; line-height: 1; }
.mainProList .pic { overflow: hidden; }
.mainProList .pic img { width: 100%; }
.mainProList a h3 { font-size: 18px; color: #333; padding: 20px 15px 0; }
.mainProList a h4 { font-size: 14px; color: #999; padding: 10px 10px; height: 48px; overflow: hidden; }
.mainProList a span { color: #ff3f00; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; display: inline-block; }
.mainProList a span i { font-size: 14px; }
.mainProList a:hover h3 { color: #006edd; }




.mainPro{text-align: center;padding: 50px 0 70px;}
.mainPro ul{margin: 0 -20px;}
.mainPro li{float:left;width: 50%;padding: 0 20px 40px;}
.mainPro li a{display: block;background: #f7f9fd;line-height: 1;}
.mainPro li .pic{position: relative;}
.mainPro li .pic img{}
.mainPro li a .pic span{position: absolute;left: 50%;bottom: 0;/* margin-left: -25%; */transform: translateX(-50%);display: block;min-width: 84%;background: #6999fe;line-height: 40px;font-size: 20px;color: #fff;border-radius: 15px 15px 0 0;}
.mainPro li .bd{border: 1px solid #f1f1f1;border-width: 0 1px 1px 1px;padding: 30px 0 35px;}
.mainPro li a .logos{display: inline-block;position: relative;padding: 2px 10px 0 0;margin: 0 7px 0 0;min-height: 20px;vertical-align: middle;}
.mainPro li a .logos img{float: left;max-height: 20px;}
.mainPro li a .logos:before{content:'';width: 1px;height: 16px;background: #444;position: absolute;right: 0;top: 2px;}
.mainPro li a h2{display: inline-block;line-height: 20px;font-size: 20px;vertical-align: top;color: #222;}
.mainPro li a p{font-size: 16px;color: #222;padding: 15px 0 25px;}
.mainPro li a .price{ display: inline-block; background: #222; height: 36px; border-radius: 36px; color: #fff; line-height: 36px; padding: 0 52px 0 28px; font-size: 24px; position: relative;}
.mainPro li a .price em{font-size: 16px;padding: 0 3px;}
.mainPro li a .price i{width: 26px;height: 26px;text-align: center;background: #fff;border-radius: 26px;color: #222;font-size: 14px;display: block;line-height: 27px;position: absolute;right: 9px;top: 5px;text-indent: 2px;overflow: hidden;}
.mainPro li a:hover .price{background:#3c85ff}
.mainPro li a:hover .price i{color:#3c85ff}
.mainPro .more{text-align: center;padding: 20px 0 0 0;}
.mainPro .more a{ display: inline-block; width: 200px; height: 52px; border: 1px solid #949494; line-height: 50px; text-align: center; font-size: 18px; color: #222;}
.mainPro .more a i{font-weight: normal;padding: 0 0 0 5px;}

.mainPro .hd{text-align: center;margin-bottom: 65px;}
.mainPro .hd ul{display: inline-block;width: 45%;margin: 0;vertical-align: top;}
.mainPro .hd li{width: 50%;float: left;padding: 0;}
.mainPro .hd li a{display: block;height: 85px;line-height: 84px;border-bottom: 1px solid  #969697;font-size: 30px;color: #6a6a6a;text-align: center;background: none;position: relative;}
.mainPro .hd li a:before{content:'';width: 100%;height: 3px;background: #484848;position: absolute;left: 0;bottom: -2px;border-radius: 3px;display: none;}
.mainPro .hd li.on a{ color: #1a1a1a;}
.mainPro .hd li.on a:before{ display:block;}



.main_buyPro{background: #ececec;/* display: none; */}
.main_buyPro a{ display: block; color: #333333; min-height: 560px; padding: 165px 0 0 0; background: url("../images/buy_pro.gif") no-repeat right bottom;}
.main_buyPro a h2{ font-size: 38px; line-height: 55px;}
.main_buyPro a p{ font-size: 26px; line-height: 1; padding: 28px 0 47px}
.main_buyPro a span{display: block;font-size: 20px;line-height: 1;padding: 0 66px 0 0;position: relative;float: left;}
.main_buyPro a span i{position: absolute;right: 0;top: 2px;width: 45px;height: 17px;background: url("../images/buy_pro_arrow.gif") no-repeat 0 0;}
.main_buyPro a span:hover i{ background-position: 0 bottom;}
.main_buyPro a span:hover{color:#45b4ff}

.mainCaseWrap { padding: 0 0 60px; background: url(img/001-02.jpg) no-repeat 50% 50%; background-size: cover; -ms-behavior: url(../lib/backgroundsize.min.htc); behavior: url(../lib/backgroundsize.min.htc); }
.mainCaseWrap .Title{  text-align: center; padding: 63px 0 37px;}
.mainCaseWrap .Title p{ color: #fff; font-size: 38px; line-height: 60px; display: inline-block; padding: 0 0 14px; border-bottom: 1px solid #959ba0;}
.mainCaseWrap .Title span{font-weight: bold;}

.mainCaseWrap .more { display: block; margin: 40px auto 0; font-size: 14px; color: #fff; border: 1px solid #fff; width: 140px; height: 40px; line-height: 38px; border-radius: 40px; text-align: center; }
.mainCaseWrap .more:hover { background: #006edd; border-color: #006edd; }
.mainCaseScrool { /*margin: 0 -15px;*/ margin: 0 -1px; position: relative; }
.mainCaseScrool .prev, .mainCaseScrool .next { top: 50%; position: absolute; color: #fff; font-size: 20px; text-align: center; width: 50px; height: 50px; border-radius: 50px; line-height: 50px; background: #006edd; display: block; left: -70px; z-index: 2; opacity: 0.3; margin-top: -25px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);}
.mainCaseScrool .prev:hover, .mainCaseScrool .next:hover { opacity: 1; background: #006edd; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);}
.mainCaseScrool .next { right: -70px; left: inherit; }
.mainCaseList { overflow: hidden; border-radius: 5px; }
.mainCaseList .tempWrap { margin: 0 auto; }
/*.mainCaseList ul { }
.mainCaseList li { width: 33.33%; float: left; }
.mainCaseList li a { display: block; overflow: hidden; padding: 0 15px; }
.mainCaseList li .pic { position: relative; }
.mainCaseList li .pic .mask { position: absolute; width: 100%; height: 100%; background: #006edd; opacity: .2; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F000000, endColorstr=#2F000000);
}
.mainCaseList li .pic i { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: #006edd; opacity: .8; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000, endColorstr=#8F000000);
z-index: 3; border-radius: 100%; text-align: center; line-height: 60px; color: #fff; font-size: 22px; }
.mainCaseList li a p { font-size: 16px; color: #333; line-height: 60px; background: #fff; padding: 0 10px; text-align: center; }
.mainCaseList li a:hover p { color: #fff; background: #006edd; }
.mainCaseList li .mask { display: none; }
.mainCaseList li a:hover .mask { display: block; }
.mainCaseList li .pic i { top: -40px; opacity: 0 }
.mainCaseList li a:hover .pic i { top: 50%; opacity: .8 }*/
.mainCaseList ul { margin: 0 auto; }
.mainCaseList li { width: 100%; float: left; border-radius: 5px; }
.mainCaseList li a { display: block; overflow: hidden;/* padding: 0 15px; cursor: inherit */ }
.mainCaseList li a img { border-radius: 5px; border: 1px solid #006edd }

@media(max-width:1440px) {
.mainCaseList { width: 90%; margin: 0 auto; }
.mainCaseScrool .prev { left: 10px; }
.mainCaseScrool .next { right: 10px; }
}
.mainCustomers { padding: 0 0 60px; }
.mainCustomers ul { margin: 0 -10px; }
.mainCustomers li { float: left; padding: 0 10px 20px; width: 25%; }
.mainCustomers a { display: block; border-radius: 6px; border: 1px solid #ddd; overflow: hidden; /*cursor: inherit;*/ }
.mainCustomers a:hover {/* box-shadow: 0px 0px 5px 3px #e7e7e7; */ }
.mainCustomersTitle{  text-align: center; padding: 63px 0 37px;}
.mainCustomersTitle p{ color: #484848; font-size: 38px; line-height: 60px; display: inline-block; padding: 0 30px 14px; border-bottom: 1px solid #d6d6d6;}
.mainCustomersTitle span{font-weight: bold;}

.mainNewsWrap { }
.mainNewsWrap dl { margin: 0 -20px; }
.mainNewsWrap dd { width: 50%; padding: 0 20px; float: left; }
.mainNewsTitle { padding: 0 0 20px; }
.mainNewsTitle a { display: block; height: 35px; }
.mainNewsTitle a h2 { font-size: 30px; line-height: 1; font-weight: bold; color: #000; display: inline-block; }
.mainNewsTitle a span { font-family: "Arial"; font-size: 14px; text-transform: uppercase; line-height: 1; display: inline-block; }
.mainNewsTitle a i { border: 1px solid #dedede; width: 28px; height: 28px; display: inline-block; float: right; text-align: center; line-height: 28px; border-radius: 100%; font-size: 14px; color: #dedede; }
.mainNewsTitle a:hover i { background: #006edd; color: #fff; border-color: #006edd; }
.mainNews { }
.mainNews .firstNews { padding: 20px 0; border-bottom: 1px solid #ddd; }
.mainNews .firstNews a { display: block; padding: 0px 0 0px 120px; position: relative; }
.mainNews .firstNews a .date { width: 100px; float: left; margin-left: -120px; border-right: 1px solid #ddd; font-family: "Arial"; line-height: 40px; font-size: 38px; font-weight: bold; color: #006edd; text-align: center; }
.mainNews .firstNews a .date span { display: block; font-weight: normal; font-size: 16px; line-height: 20px; }
.mainNews .firstNews a h3 { font-size: 18px; color: #006edd; line-height: 30px; padding: 0 40px 0 0; }
.mainNews .firstNews a i { position: absolute; right: 0; color: #006edd; font-size: 20px; line-height: 34px; }
.mainNews .firstNews a p { }
.mainNews .firstNews a:hover p { }
.mainNews .lastNews { }
.mainNews .lastNews li { border-bottom: 1px solid #ddd; line-height: 50px; }
.mainNews .lastNews a { display: block; padding: 0 90px 0 15px; position: relative; }
.mainNews .lastNews a h3 { color: #333; }
.mainNews .lastNews a span { color: #999; float: right; margin-right: -90px; text-align: right; font-size: 12px; }
.mainNews .lastNews a:hover h3 { color: #006edd; }
.mainNews .lastNews a:before { content: ''; width: 4px; height: 4px; background: #999; position: absolute; top: 50%; margin-top: -2px; left: 0; }
.mainNews .lastNews a:hover:before { background: #006edd; }
.mainQAWrap { }
.mainQAWrap ul { padding: 0 0 20px; }
.mainQAWrap li { border-bottom: 1px dotted #ddd; padding: 20px 0; }
.mainQAWrap li a { line-height: 20px; }
.mainQAWrap li a h3 { margin-bottom: 10px; padding: 0 0 0 30px; font-size: 16px; color: #333; }
.mainQAWrap li a p { padding: 0 0 0 30px; color: #999; }
.mainQAWrap li a h3:before, .mainQAWrap li a p:before { content: "Q"; width: 20px; height: 20px; background: #006edd; border-radius: 4px; display: block; float: left; text-align: center; color: #fff; line-height: 20px; font-size: 12px; margin-left: -30px; }
.mainQAWrap li a p:before { content: "A"; background: #ff3f00; }
.mainQAWrap li a:hover p { color: #006edd; }
.mainQAWrap .bd { height: 160px; }
.mainQAWrap .bd a { display: block; height: 100%; padding: 40px 0 0 40px; font-size: 16px; line-height: 60px; color: #333; }
.mainQAWrap .bd a i { width: 120px; height: 40px; line-height: 40px; color: #fff; background: #ff3f00; text-align: center; border-radius: 40px; display: block; }
.mainQAWrap .bd a:hover i { background: #006edd; }

.seciont-about{text-align: center;background: none;margin: 0px auto 80px;position: relative;}
.seciont-about .detailWrap{position: absolute;left: 50%;margin-left: -450px;line-height: 1;top: 94px;z-index: 2;width: 900px;}
.seciont-about h2{line-height: 1;color: #fff;font-weight: lighter;font-size: 38px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.seciont-about span,.seciont-about p{font-size: 30px;margin-top: 28px;display: block;}
.seciont-about img{}
.seciont-about .hd{/* position: absolute; *//* left: 0; *//* top: 94px; */text-align: center;/* width: 100%; *//* z-index: 9; */}
.seciont-about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.seciont-about .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.seciont-about .hd li.on{background: #6999fe;}


/*==/首页===================================*/
.BreadCrumb { font-size: 14px; color: #999; line-height: 50px; }
.BreadCrumb i { font-size: 14px; }
.BreadCrumb span { color: #666 }
.BreadCrumb a { color: #999; }
.BreadCrumb a:hover { color: #006edd; }
.BreadCrumb .selects { display: inline-block; border: 1px solid #ddd; border-radius: 4px; padding: 0 5px; margin-right: 5px; line-height: 26px; color: #666!important; height: 28px; overflow: hidden; vertical-align: middle; background: #fefefe; }
.BreadCrumb .selects i { float: right; display: block; line-height: 28px; }
.BreadCrumb .selects:hover { color: #006edd!important; border-color: #006edd; }
/*商品详情下拉面包屑*/
.BreadCrumbPro { background: rgba(105, 111, 114, .4); border-bottom: 1px solid rgb(105, 111, 114); border-bottom: 1px solid rgba(105, 111, 114, .4);/* color: #fff; */ position: absolute; top: 0; left: 0; right: 0; }
.BreadCrumbPro a:hover { color: #fff; }
.BreadCrumbPro span { color: #fff; }
.BreadCrumbDrop { display: inline-block; line-height: 30px; position: relative; }
.BreadCrumbDropBox { }
.BreadCrumbDropHd { }
.BreadCrumbDropHd a { color: #fff!important; display: block; position: relative; padding: 0 20px 0 0; }
.BreadCrumbDropHd a i {position: absolute;/* text-align: center; */display: INLINE-BLOCK;width: 20px;height: 20px;right: 0;top: 50%;margin-top: -10px;line-height: 20px;}
.BreadCrumbDrop .on .BreadCrumbDropHd i { transform: rotate(180deg); }
.BreadCrumbDropBd { position: absolute; line-height: 30px; display: none; }
.BreadCrumbDropBd>ul { background: rgba(255, 255, 255, .9); position: relative; width: 190px; padding: 15px 0; }
.BreadCrumbDropBd>li { }
.BreadCrumbDropBd h3 { }
.BreadCrumbDropBd h3 a { color: #5a5a5a; display: block; text-indent: 20px; }
.BreadCrumbDropBd h3 a i { font-size: 12px; float: right; padding: 0 20px 0 0; }
.BreadCrumbDropBd h3 a:hover, .BreadCrumbDropBd h3 a:hover i, .BreadCrumbDropBd .on h3 a, .BreadCrumbDropBd .on h3 a i { background: #006edd; color: #fff; }
.BreadCrumbDropBd .sub { position: absolute; left: 191px; top: 15px; display: none; width: 190px; background: rgba(255, 255, 255, .9); }
.BreadCrumbDropBd .on .sub { display: block!important; }
.BreadCrumbDropBd .sub li { }
.BreadCrumbDropBd .sub a { display: block; text-indent: 20px; color: #5a5a5a; }
.BreadCrumbDropBd .sub a:hover, .BreadCrumbDropBd .sub .on a { background: #006edd; color: #fff; }
.pages { text-align: center; }
.pages a, .pages strong { display: inline-block; margin: 0 5px; border: 1px solid #ddd; border-radius: 5px; padding: 0 13px; line-height: 34px;/* background: #fff; */ }
.pages a.on, .pages a:hover, .pages strong { background: #006edd; color: #fff; border-color: #006edd; }
.pages a.disabled { color: #ddd; cursor: default; background: none; border-color: #ddd; }
.loadingWrap { }
.loadingWrap .loading { width: 40%; margin: 0 auto; background: #fff; line-height: 40px; text-align: center; border: 1px solid #ddd; border-radius: 5px; }
.loading .icon { width: 20px; height: 20px; border: 1px #006edd 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: #006edd; 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)
}
}
.select { position: relative;/* width: 100px; *//* min-width: 134px; */ height: 36px;/* border: 1px solid #f1f1f1; */ cursor: pointer; border-radius: 4px; }
.select:after { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -2px; border-top: 5px solid #666; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.select .select_text { padding: 0 30px 0 10px; height: 36px; line-height: 36px; }
.select_ul { display: none; position: absolute; top: 34px; left: -1px; width: 134px; min-width: 134px; border: 1px solid #f1f1f1; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #fff; z-index: 2; }
.select_ul li { line-height: 36px; text-indent: 10px; }
.select_ul li:hover { color: #fff; background: rgb(21, 136, 252); }
.select_ul li.cur { color: #fff; background: #006edd; }
/*==电表品牌===================================*/
.brandIconImg { background-image: url(img/brandTop.png); }
.brandTop_title { }
.brandTopList { margin-top: -40px; }
.brandTopList li {/* height: 415px; */ background-position: 0 0; position: relative; padding: 40px; background: #fff; margin: 40px 0 0 0; box-shadow: 0px 0px 5px 4px #e6e6e6; border-radius: 5px; }
.brandTopList li:before { content: ""; width: 66px; height: 80px; background-image: url(img/brandTop.png); background-position: 0 0; position: absolute; left: 10px; top: 0px; z-index: 2; width: 0;height: 0;}
.brandTopList li:after { content: ""; width: 23px; height: 64px; background-image: url(img/brandTop.png); background-position: -23px -1031px; position: absolute; right: 30px; top: -20px; }
.brandTopList li.NO2:before { background-position: -66px 0; }
.brandTopList li.NO3:before { background-position: -132px 0; }
.brandTopList li.NO4:before { background-position: -198px 0; }
.brandTopList li.NO5:before { background-position: -264px 0; }
.brandTopList li.NO6:before { background-position: -330px 0; }
.brandTopList li.NO7:before { background-position: -396px 0; }
.brandTopList li.NO8:before { background-position: -462px 0; }
.brandTopList li.NO9:before { background-position: -528px 0; }
.brandTopList li.NO10:before { background-position: -594px 0; }
.brandTopList .bd { position: relative; padding: 40px 40px 40px 460px; }
.brandTopList .bd:after { content: ""; width: 13px; height: 176px; background-image: url(img/brandTop.png); background-position: 0 -980px; position: absolute; left: 573px; top: 30px; display: none; }
/*.brandTopList .bd:before { content: ""; width: 150px; height: 150px; background-image: url(img/brandTop2.png); background-position: 0 -0px; position: absolute; left: 140px; top: 53px; }
.brandTopList li.NO2 .bd:before { background-position: -150px 0px; }
.brandTopList li.NO3 .bd:before { background-position: -300px 0px; }
.brandTopList li.NO4 .bd:before { background-position: -450px 0px; }
.brandTopList li.NO5 .bd:before { background-position: -600px 0px; }
.brandTopList li.NO6 .bd:before { background-position: 0px -150px; }
.brandTopList li.NO7 .bd:before { background-position: -150px -150px; }
.brandTopList li.NO8 .bd:before { background-position: -300px -150px; }
.brandTopList li.NO9 .bd:before { background-position: -450px -150px; }
.brandTopList li.NO10 .bd:before { background-position: -600px -150px; }*/
.brandTopList .bd:before {content: "";width: 110px;height: 110px;background-image: url(img/brandTop3.png);background-position: 0 -0px;position: absolute;left: 160px;top: 50px;}
.brandTopList li.NO2 .bd:before { background-position: -110px 0px; }
.brandTopList li.NO3 .bd:before { background-position: -220px 0px; }
.brandTopList li.NO4 .bd:before { background-position: -330px 0px; }
.brandTopList li.NO5 .bd:before { background-position: -440px 0px; }
.brandTopList li.NO6 .bd:before { background-position: 0px -110px; }
.brandTopList li.NO7 .bd:before { background-position: -110px -110px; }
.brandTopList li.NO8 .bd:before { background-position: -220px -110px; }
.brandTopList li.NO9 .bd:before { background-position: -330px -110px; }
.brandTopList li.NO10 .bd:before { background-position: -440px -110px; }
.brandTopList a { display: block; border: 1px solid #ddd; color: #333; position: relative; }
.brandTopList li>a:after {content: '';width: 1px;height: 100%;background: #ddd;position: absolute;left: 31%;top: 0;margin-left: -2px;}
.brandTopList dl { overflow: hidden; padding: 0 0 0px; border-bottom: 1px solid #ddd; }
.brandTopList dd {width: 23%;float: left;border-left: 1px solid #ddd;line-height: 58px;margin: 0px 0 0 -1px;text-align: center;overflow: hidden;height: 60px;}
.brandTopList dd:nth-of-type(4n+1) {width: 31%;/* text-indent: -50px; */}
.brandTopList dd:nth-of-type(4n+4) { border-right: none; }
.brandTopList a dd { font-size: 16px;/* color: #111; */ }
.brandTopList a dd .star { color: #f10; }
.brandTopList a p { position: relative; padding: 0 0 0 120px; line-height: 40px; font-size: 16px; color: #333; float: left; width: 100%; zoom: 1; }
.brandTopList a p:before { content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; z-index: 2; left: 90px; }
.brandTopList a p:after { content: ""; display: block; clear: both; height: 0; }
.brandTopList a p span {/* position: absolute; *//* left: 485px; *//* top: 50%; *//* font-size: 12px; *//* height: 36px; */ line-height: 36px;/* margin-top: -17px; */ width: 60px; text-align: right; margin-left: -120px; float: left; position: relative; }
.brandTopList a p span:before { content: ''; width: 6px; height: 6px; background: #ddd; position: absolute; border-radius: 5px; top: 15px; left: 88px; }
.brandTopList a p span:after { content: ''; }
.brandTopList a .btn{width: 112px;height: 27px;border: 1px solid #bababa;line-height: 25px;font-size: 12px;color: #616161;text-indent: 15px;background: url("img/arrow.png") right -3px;background-repeat: no-repeat;position: absolute;left: 158px;bottom: 50px;z-index: 2}
.brandTopList a .btn:hover{background-position: right -34px;background-color: #006edd;color: #fff;border-color: #fff; }
.brandTopList .picList { overflow: hidden; position: relative; }
.brandTopList .picList h4 { font-size: 16px; line-height: 55px; color: #333; }
.brandTopList .picList .list { margin: 0 -16px; }
.brandTopList .picList .item { float: left; width: 25%; /*padding: 0 16px; */ }
.brandTopList .picList a { border: none; padding: 0 30px 0 0; }
.brandTopList .picList a.prev, .brandTopList .picList a.next { width: 30px; height: 60px; background: rgba(0, 110, 221, 0.8); color: #fff; text-align: center; line-height: 60px; position: absolute; left: 0; top: 120px; z-index: 2; }
.brandTopList .picList a.next { left: inherit; right: 0; }
.brandTopList .picList a.prevStop, .brandTopList .picList a.nextStop { display: none; }
.brandTopList .picList img { }

@media(max-width: 1400px) {
.brandTopList dd:nth-of-type(3n+2) { border: none; }
}

@media(max-device-width: 1200px) {
.brandTopList dd:nth-last-of-type(2) { border-left: none; }
.brandTopList li>a:after { left: 33.3333%; }
.brandTopList .bd:before { left: 70px; }
.brandTopList .bd { padding: 40px 30px 50px 380px; }
.brandTopList a p { font-size: 14px; }
}

@media(max-device-width: 1024px) {
.brandTopList .bd { padding: 40px 30px 50px 410px; }
.brandTopList a .btn{left: 70px;}
}



/*==/电表品牌===================================*/
/*==电表分类===================================*/
.brandInfo { height: 280px; background-position: 50% 50%; margin-bottom: 20px; border-radius: 5px; font-size: 16px; color: #fff; line-height: 40px; }
.brandInfo dl { padding: 50px 0 0 10px; }
.brandInfo dd { float: left; text-align: center; width: 260px; position: relative; }
.brandInfo dd img { border-radius: 5px; width: 180px; height: 180px; }
.brandInfo dd p { line-height: 30px; font-size: 20px; position: absolute; left: 260px; top: 0; width: 200px; text-align: left; line-height: 1; }
.brandInfo dt { float: left; font-size: 16px; color: #fff; line-height: 40px; position: relative; margin-top: 26px; overflow: hidden; }
.brandInfo dt:before { content: ''; width: 1px; height: 90%; background: #DDD; position: absolute; left: 82px; top: 10px; }
.brandInfo dt p { padding: 10px 40px 10px 115px; position: relative; line-height: 20px; }
.brandInfo dt p span { margin-left: -115px; float: left; }
.brandInfo dt p:before { content: ''; width: 5px; height: 5px; border-radius: 5px; background: #ddd; position: absolute; left: 80px; top: 20px; margin-top: -3px; }

@media(max-device-width: 1200px) {
.brandInfo dl { padding-left: 550px!important; }
.brandInfo dt { font-size: 14px; }
}
.proContainer { padding: 0 0 0 280px; }
/*.proSideBar { width: 260px; float: left; margin-left: -300px; background: #fff; min-height: 300px; border-radius: 5px; overflow: hidden; }
.proSideBar .title { background: #006edd; text-align: center; line-height: 80px; font-size: 28px; color: #337fe0; font-family: "Arial"; position: relative; }
.proSideBar .title strong { display: block; position: absolute; left: 0; top: 0; width: 100%; color: #fff; font-size: 30px; }
.proSideBar ul { padding: 20px; }
.proSideBar li.m { max-height: 400px; transition: max-height 0.5s; overflow: hidden; }
.proSideBar a.hd { height: 40px; border: 2px solid #ddd; display: block; line-height: 36px; font-size: 16px; color: #333; text-indent: 20px; position: relative; }
.proSideBar a.hd i { width: 20px; height: 20px; border-radius: 100%; background: #ddd; color: #fff; text-align: center; line-height: 24px; text-indent: 0; position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 14px; overflow: hidden; }

.proSideBar .on a.hd { color: #006edd; border-color: #006edd }
.proSideBar .on a.hd i { background: #006edd }
.proSideBar a.hd:hover { color: #006edd; border-color: #006edd }
.proSideBar a.hd:hover i { background: #006edd }
.proSideBar .sub { padding: 10px 0 10px 20px; }
.proSideBar .sub li { }
.proSideBar .sub a { font-size: 14px; color: #666; line-height: 30px; padding: 0 0 0 15px; height: 30px; display: block; }
.proSideBar .sub a:before { content: ''; width: 6px; height: 6px; border: 1px solid #ddd; float: left; margin-left: -15px; margin-top: 11px; border-radius: 6px; }
.proSideBar .sub a:hover, .proSideBar .sub a:hover:before, .proSideBar .sub li.on a, .proSideBar .sub li.on a:before { color: #006edd; border-color: #006edd }
.proSideBar li.m.close { max-height: 50px; }
.proSideBar li.m.close .hd i { transform: rotate(-90deg); }*/
.proSideBar { width: 260px; float: left; margin-left: -280px; background: #fff; min-height: 300px; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; }
.proSideBar .title { background: url(img/proSideBarBg.jpg) repeat-x 0 bottom #fff; text-align: center; line-height: 52px; font-size: 28px; color: #337fe0; font-family: "Arial"; position: relative; text-indent: -99999px; }
.proSideBar .title strong { display: block; position: absolute; left: 0; top: 0; width: 100%; color: #333; font-size: 20px; text-indent: 0; font-weight: normal; }
.proSideBar ul { padding: 0; }
.proSideBar li.m { max-height: 500px; transition: max-height 0.5s; overflow: hidden; }
.proSideBar a.hd {/* height: 40px; */ border: 1px solid #ddd; border-width: 1px 0 0 0; display: block; line-height: 50px; font-size: 16px; color: #333; text-indent: 40px; }
.proSideBar .hdBox { position: relative; }
.proSideBar .hdBox i { width: 20px; height: 20px; border-radius: 100%;/* background: #ddd; */ color: #ddd; text-align: center; line-height: 24px; text-indent: 0; position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 16px; overflow: hidden; font-weight: bold; cursor: pointer; }
.proSideBar .on a.hd { color: #006edd; border-color: #006edd; background: #006edd; color: #fff!important; }
.proSideBar .on .hdBox i { background: #006edd }
.proSideBar a.hd:hover { color: #006edd;/* border-color: #006edd */ }
.proSideBar .hdBox:hover i { background: #006edd }
.proSideBar .sub { padding: 5px 0 5px 40px; border-top: 1px solid #ddd; }
.proSideBar .sub li { }
.proSideBar .sub a { font-size: 14px; color: #666; line-height: 30px; padding: 0 0 0 15px; height: 30px; display: block; }
.proSideBar .sub a:before { content: ''; width: 6px; height: 6px; border: 1px solid #ddd; float: left; margin-left: -15px; margin-top: 11px; border-radius: 6px; }
.proSideBar .sub a:hover, .proSideBar .sub a:hover:before, .proSideBar .sub li.on a, .proSideBar .sub li.on a:before { color: #006edd; border-color: #006edd }
.proSideBar li.m.close { max-height: 51px; }
.proSideBar li.m.close .hdBox i { transform: rotate(-90deg); }
.proList { padding: 0; width: 100%; }
.proList ul { margin: 0 -5px; padding-bottom: 10px; }
.proList li { width: 33.333%; padding: 0 5px 20px; }
.proList li a { background: #fff; padding: 0 0 15px; border-radius: 5px; overflow: hidden; }
.proFilter, .filterSort { padding: 20px 40px 10px; margin-bottom: 20px; color: #333; line-height: 46px; background: #fff; border-radius: 5px; }
.proFilter dl, .filterSort dl { border-bottom: 1px dashed #ddd; padding: 0 0 0 90px; }
.proFilter dl:last-of-type { border: none; }
.proFilter dd, .filterSort dd { font-weight: bold; float: left; margin-left: -90px; }
.proFilter dt { }
.proFilter .typeList { }
.proFilter .typeList li { float: left; padding: 0 40px 0 0; }
.proFilter .typeList a { font-size: 14px; color: #333; line-height: 46px; display: block; }
.proFilter .typeList a:hover { color: #006edd; }
.proFilter .typeList li.on a { color: #006edd; }
.proFilter .selectBox { float: left; padding: 5px 20px 0 0; }
.proFilter .select3 .select_ul { width: 210px; }
.proFilter .typebrand { padding: 0 60px 0px 0; margin-bottom: 20px; max-height: 100px; transition: max-height .5s; overflow: hidden; }
.proFilter .typebrand ul {/* max-height: 98px; *//* transition: max-height 1s; *//* overflow: hidden; */ margin: 1px 0 0 1px; }
.proFilter .typebrand li { float: left; width: 12.5%; margin: -1px 0 0 -1px; }
.proFilter .typebrand li a { display: block; height: 50px; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #ddd;/* border-width: 0 1px 1px 0; */ position: relative; z-index: 2; }
.proFilter .typebrand li a .text { display: none; }
.proFilter .typebrand li a:hover { border-color: #006edd;/* position: relative; */ z-index: 3; }
.proFilter .typebrand li a i { background: url(img/selectIcon.png) no-repeat 100% 100%; position: absolute; border: 2px solid #006edd; display: none; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 4444; }
.proFilter .typebrand li.on a i { display: block; }
.proFilter .typebrand li.on a { z-index: 3 }
.proFilter .brandMore { float: right; margin-right: -60px; width: 60px; }
.proFilter .brandMore span { display: block; width: 100%; line-height: 50px; text-align: right; cursor: pointer; }
.proFilter .typebrand .close, .proFilter .typebrand.on .open { display: none; }
.proFilter .typebrand.on .close { display: block; }
.proFilter .typebrand.on { max-height: 150px; }
.proFilter .typebrandClose { padding-right: 0; }
.proFilter .typebrandClose .brandMore { display: none; }
.filterSort { padding: 0 40px; line-height: 46px; }
.filterSort dl { border-bottom: none; }
.filterSort ul { }
.filterSort li { float: left; padding: 0 40px 0 0; }
.filterSort li a { display: block; position: relative; color: #333; }
.filterSort .arrow { }
.filterSort .arrow a { padding: 0 18px 0 0; }
.filterSort .arrow a i { font-size: 12px; position: absolute; right: 0; line-height: 1; color: #ddd; }
.filterSort .icon_up { top: 13px; }
.filterSort .icon_down { bottom: 12px; }
.filterSort li a:hover, .filterSort li.on a, .filterSort li.on.up .icon_up, .filterSort li.on.down .icon_down { color: #006edd; }
.filterSort li.on.up .icon_down, .filterSort li.on.down .icon_up { color: #ddd; }
.proFilterList { }
.proFilterList ul { margin: 0 -10px; padding-bottom: 20px; }
.proFilterList li { width: 25%; padding: 0 10px 20px; }
/*==/电表分类===================================*/
/*==电表详情===================================*/
.proDetailFocusBox { height: 740px; background: url(img/proDetail_01.jpg) no-repeat 50% 50% #1e1e1e; position: relative; }
.proFocusContainer { }
.proFocus { width: 50%; height: 740px; float: left; }

.proFocus .bd { height: 600px; max-width: 600px; margin-top: 32px; }
.proFocus .bd img { }
.proFocus .hd { max-width: 600px; position: relative; padding: 0 50px; }
.proFocus .hd ul { padding: 0; }
.proFocus .hd li { float: left; padding: 0 10px; width: 20%; }
.proFocus .hd li img {/* width: 80px; height: 80px;*/ border: 1px solid #bbb; }
.proFocus .hd li.on img { border: 2px solid #006edd; }
.proFocus .prev, .proFocus .next { top: 50%; position: absolute; color: #999; font-size: 16px; text-align: center; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; /* background: #999; */ border: 1px solid #999; display: block; left: 0; z-index: 2; margin-top: -20px; }
.proFocus .next { left: inherit; right: 0; }
.proFocus .prev:hover, .proFocus .next:hover { color: #fff; background: #006edd; border-color: #006edd }
.proFocusInfo { width: 50%; padding: 90px 0 0 90px; float: left; }
.proFocusInfo h1 { font-size: 24px; font-weight: bold; color: #fff; line-height: 1.5; padding: 0 0 15px; }
.proFocusInfo .canshu { border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, .4); border-width: 1px 0; color: #fff; text-align: left; padding: 10px 0 15px 0; }
.proFocusInfo .canshu h2 { font-size: 20px; font-weight: bold; padding: 0 0 10px; }
.proFocusInfo .canshu span { display: inline-block; font-size: 18px; color: #e0e0e0; padding: 0 25px 0 0; }
.proFocusInfo .type { line-height: 40px; padding: 10px 0; }
.proFocusInfo .type dl { padding: 10px 0 0px 60px; }
.proFocusInfo .type dd { float: left; width: 60px; color: #ddd; font-size: 18px; margin-left: -60px; }
.proFocusInfo .type dt { }
.proFocusInfo .type dt span { font-size: 36px; font-family: "Arial"; color: #fff; }
.proFocusInfo .type dt i { font-size: 18px; font-family: "Arial"; padding: 2px; color: #fff; }
.proFocusInfo .type dt a { border: 1px solid #fff; text-align: center; display: inline-block; width: 120px; border-radius: 4px; float: left; margin-right: 15px; margin-bottom: 10px; line-height: 38px; color: #fff; }
.proFocusInfo .type dt a:hover { color: #0f98ff; border-color: #0f98ff; }
.proFocusInfo .type dt a.on { background: #006edd; color: #fff; border-color: #006edd; }
.proFocusInfo .type dt a.disable { cursor: not-allowed; border-color: #7a7a7a; color: #7a7a7a; background: none; }
.proFocusInfo .bd { padding: 15px 0 0 0; }
.proFocusInfo .bd a { border: 1px solid #fff; text-align: center; display: inline-block; width: 194px; border-radius: 4px; line-height: 48px; color: #fff; font-size: 18px; }
.proFocusInfo .bd a:hover { border-color: #006edd; background: #006edd; }
.ProHot_list { padding: 40px 0; }
.ProHot_list .t { background: url(img/proDetail_02.png) no-repeat 0 center; padding: 0 0 0 40px; line-height: 30px; font-size: 28px; color: #333; }
.ProHot_list .t span { font-size: 14px; color: #999; font-family: 'Arial'; text-transform: uppercase; }
.ProHot_list ul { margin: 0 -10px; padding: 20px 0 0 0; }
.ProHot_list li { float: left; width: 25%; padding: 0 10px; }
.ProHot_list li a { display: block; }
.ProHot_list li a img { border-radius: 5px; }
.proDetailTabWrap { }
.proDetailTabHd { height: 50px; position: relative; }
.proDetailTabHd .box { height: 50px; width: 100%; position: absolute; left: 0; top: 0; z-index: 99; background: #000; }
.proDetailTabHd.on .box { position: fixed; }
.proDetailTabHd ul { overflow: hidden; }
.proDetailTabHd li { float: left; width: 16%; border-right: 1px solid #666; /*margin-left: -1px;*/ }
.proDetailTabHd li a { display: block; line-height: 50px; font-size: 18px; color: #fff; text-align: center; }
.proDetailTabHd li a:hover { color: #006edd }
.proDetailTabHd li.on a { background: #006edd; color: #fff; }
/*透视图*/
.proDetailCon_sub1 { background: url(img/proDetail_03.jpg) no-repeat 50% 50%; background-size: cover; }
.proDetailCon_sub1 img { display: block; margin: 0 auto; }
/*产品参数*/
.proDetailCon_sub2 { background: #f1f1f1; padding: 0 0 70px; }
.proDetailCon_sub2 h2 { font-size: 28px; color: #333; font-weight: bold; line-height: 145px; border-bottom: 1px solid #ddd; margin-bottom: 75px; }
.proDetailCon_sub2 .left, .proDetailCon_sub2 .right, .proDetailCon_sub2 p { zoom: 1; }
.proDetailCon_sub2 .left:after, .proDetailCon_sub2 .right:after, .proDetailCon_sub2 p:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub2 .left { width: 50%; float: left; padding: 0 50px 0 0; font-size: 18px; color: #333; line-height: 50px; }
.proDetailCon_sub2 .right { width: 50%; float: left; }
.proDetailCon_sub2 p { }
.proDetailCon_sub2 table { margin-top: 70px; border-collapse: collapse; background: #e6e6e6; border-radius: 10px; overflow: hidden; }
.proDetailCon_sub2 table, .proDetailCon_sub2 table th, .proDetailCon_sub2 table td { border: 2px solid #e6e6e6; text-align: center; font-size: 16px; line-height: 60px; color: #333; }
.proDetailCon_sub2 table th { background: #e6e6e6; font-weight: normal; font-size: 18px; }
.proDetailCon_sub2 table td { background: #fff; padding: 15px 10px; line-height: 30px; max-width: 340px; }
/*电表功能*/
.proDetailCon_sub3 { background: url(img/proDetail_04.jpg) no-repeat center bottom #17191f; background-size: 100% auto; padding: 0 0 180px; }
.proDetailCon_sub3 h2 { font-size: 28px; color: #fff; line-height: 1; padding: 100px 0 80px; }
.proDetailCon_sub3 ul { }
.proDetailCon_sub3 li { zoom: 1; float: left; width: 50%; padding: 0 50px 30px 170px; color: #bbb; font-size: 16px; line-height: 24px; }
.proDetailCon_sub3 li:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub3 li img { float: left; margin-left: -120px; }
.proDetailCon_sub3 li h3 { font-size: 22px; line-height: 1; color: #fff; padding: 2px 0 6px; }
.proDetailCon_sub3 li p { min-height: 96px; overflow: hidden; }
/*大图*/
.proDetailCon_sub4 { }
.proDetailCon_sub4 a { display: block; }
.proDetailCon_sub4 img { width: 100%; }
/*接线方式*/
.proDetailCon_sub5 { background: url(img/proDetail_05.jpg) no-repeat 50% 50%; background-size: cover; padding: 0 0 60px; }
.proDetailCon_sub5 h2 { font-size: 28px; color: #fff; line-height: 1; padding: 80px 0 30px; }
/*授权书*/
.proDetailCon_sub6 { background: url(img/proDetail_06.jpg) no-repeat 50% bottom; background-size: 100% 100%; height: 928px; padding: 0 0 60px; text-align: center; }
.proDetailCon_sub6 h2 { font-size: 48px; color: #fff; line-height: 1; padding: 80px 0 30px; }
.proDetailCon_sub6 p { font-size: 24px; color: #d4dadf; line-height: 40px; height: 120px; width: 850px; margin: 0 auto; }
.proDetailCon_sub6 img { display: block; margin: 0 auto; }
/*工厂实拍*/
.proDetailCon_sub7 { background: url(img/proDetail_07.jpg) repeat-x #e7e9e8; min-height: 500px; padding: 0 0 75px 0; }
.proDetailCon_sub7 h2 { background: url(img/proDetail_07-2.png) no-repeat center bottom; line-height: 1; font-size: 48px; color: #000; padding: 110px 0 55px; margin-bottom: 85px; text-align: center; }
.proDetailCon_sub7 dl { margin: 0 -5px; }
.proDetailCon_sub7 dd { padding: 0 5px; float: left; width: 11.510791%; cursor: pointer; }
/*.proDetailCon_sub7 dd.on{display: none;}*/
.proDetailCon_sub7 dt { padding: 0 5px; float: left; width: 65.467625%; }
.proDetailCon_sub7 dl img { border-radius: 15px; }
.proDetailCon_sub7 .left { width: 65.467625%; float: left; padding: 0 5px; }
.proDetailCon_sub7 .right { width: 34.532375%; float: left; }
.proDetailCon_sub7 .right dd { width: 33.3333%; overflow: hidden; }
/*规格参数*/
.proDetailCon_sub8 { background: #fff; padding: 80px 0; }
.proDetailCon_sub8 dl, .proDetailCon_sub8 dd, .proDetailCon_sub8 p { zoom: 1; }
.proDetailCon_sub8 dl:after, .proDetailCon_sub8 dd:after, .proDetailCon_sub8 p:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub8 dl { padding: 0 0 0 420px; }
.proDetailCon_sub8 h3 { float: left; margin-left: -420px; font-size: 18px; color: #000; line-height: 30px; }
.proDetailCon_sub8 p { padding: 0 0 0 230px; font-size: 14px; color: #333; line-height: 30px; }
.proDetailCon_sub8 span { float: left; margin-left: -210px; }
.proDetailCon_sub8 dt { height: 1px; background: #e1e1e1; margin: 35px 0; }
.proDetailCon_sub8 dt:before { content: ""; width: 325px; height: 1px; background: #e1e1e1; float: left; margin-left: -420px; }
/*详情说明*/
.proDetailCon_sub9 { background: #fff; padding: 80px 0 80px 0; }
/*.proDetailCon_sub9 h2 { background: url(img/proDetail_08.png) no-repeat center 0; padding: 100px 0 20px 0; font-size: 28px; color: #333; text-align: center; border-bottom: 1px solid #ddd; line-height: 1; position: relative; }
.proDetailCon_sub9 h2:before { content: ""; width: 60px; height: 3px; background: #006edd; position: absolute; left: 50%; bottom: -2px; margin-left: -30px; }
.proDetailCon_sub9 dl { overflow: hidden; padding: 0 0 40px; }
.proDetailCon_sub9 dd { padding: 40px 0 40px 320px; border-top: 1px solid #ddd; margin-top: -1px; zoom: 1; line-height: 24px; color: #333; }
.proDetailCon_sub9 dd:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub9 dd h3 { margin-left: -320px; float: left; font-size: 18px; padding: 10px 0; }
.proDetailCon_sub9 dd p { padding: 10px 0; }
.proDetailCon_sub9 dd img { padding: 10px 0; }*/
.proDetailCon_sub9 h2 { background: url(img/proDetail_08.png) no-repeat center 0; padding: 100px 0 20px 0; font-size: 28px; color: #333; text-align: center; border-bottom: 1px solid #ddd; line-height: 1; position: relative; }
.proDetailCon_sub9 h2:before { content: ""; width: 60px; height: 3px; background: #006edd; position: absolute; left: 50%; bottom: -2px; margin-left: -30px; }
.proDetailCon_sub9 dt:nth-of-type(2) h2 { background-image: url(img/proDetail_08-02.png) }
.proDetailCon_sub9 dt:nth-of-type(3) h2 { background-image: url(img/proDetail_08-03.png) }
.proDetailCon_sub9 dt:nth-of-type(4) h2 { background-image: url(img/proDetail_08-04.png) }
.proDetailCon_sub9 dt:nth-of-type(5) h2 { background-image: url(img/proDetail_08-05.png) }
.proDetailCon_sub9 dt:nth-of-type(6) h2 { background-image: url(img/proDetail_08-06.png) }
.proDetailCon_sub9 dt:nth-of-type(7) h2 { background-image: url(img/proDetail_08-07.png) }

.proDetailCon_sub9 dt:nth-of-type(8) h2 { background-image: url(img/proDetail_08-08.png) }
.proDetailCon_sub9 dt:nth-of-type(9) h2 { background-image: url(img/proDetail_08-09.png) }
.proDetailCon_sub9 dl { overflow: hidden; padding: 0 0 0px; }
.proDetailCon_sub9 dd { padding: 40px 0 40px 270px; border-top: 1px solid #ddd; margin-top: -1px; zoom: 1; line-height: 24px; color: #333; }
.proDetailCon_sub9 dd:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub9 dd:last-of-type { padding-bottom: 0; }
.proDetailCon_sub9 dd h3 { margin-left: -270px; float: left; font-size: 22px; padding: 10px 0 10px 15px; font-weight: bold; color: #393939; max-width: 230px; line-height: 30px; text-align: left; }
.proDetailCon_sub9 dd p { padding: 10px 0; }
.proDetailCon_sub9 dd img { padding: 10px 0; }
.proDetailCon_sub9 dd img.NoPadding { padding: 0; }
.proDetailCon_sub9 dd p img { padding: 0; }
/*我们承诺*/
.proDetailCon_sub10 { background: #fff; padding: 0 0 20px; }
.proDetailCon_sub10 h2 { font-size: 28px; color: #333; line-height: 1; padding: 80px 0; }
.proDetailCon_sub10 ul { }

.proDetailCon_sub10 li { zoom: 1; float: left; width: 50%; padding: 0 50px 50px 170px; color: #7a7a7a; font-size: 16px; line-height: 24px; }
.proDetailCon_sub10 li:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub10 li img { float: left; margin-left: -120px; }
.proDetailCon_sub10 li h3 { font-size: 22px; line-height: 1; color: #333; padding: 10px 0; }
.proDetailCon_sub10 li p { min-height: 72px; overflow: hidden; }
/*==/电表详情===================================*/
/*==抄表系统===================================*/
.stytemTopNav { height: 0; position: relative; }
.stytemTopNavItem { height: 40px; position: absolute; left: 0; right: 0; top: 0;/* background: #eef2fa; */ background: rgba(0, 0, 0, .2); z-index: 3; }
.stytemTopNav.on .stytemTopNavItem { position: fixed; }
.stytemTopNav ul { }
.stytemTopNav li { float: left; width: 33.333%; border-right: 1px solid rgba(0, 0, 0, .2); border-left: 1px solid rgba(255, 255, 255, .2); }
.stytemTopNav li a { display: block; text-align: center; line-height: 40px; color: #fff; position: relative; }
.stytemTopNav li a:hover {/* color: #006edd; */ }
.stytemTopNav li.last a { float: left; }
.stytemTopNav li.on { background: #fff; }
.stytemTopNav li.on a { color: #333; }
.stytemTopNav li.on a:after { content: ''; width: 0; height: 0; border: 10px solid #000; border-color: #006edd #006edd00; border-width: 0px 5px 5px 5px; position: absolute; left: 50%; margin-left: -2px; bottom: 0; }
.stytemTopNav li:first-of-type { border-left: none; }
.stytemTopNav li:last-of-type { border-right: none; }
.stytemListPage { }
.stytemListBanner {height: 662px;background-position: 50% 50%;text-align: center;}
.stytemListBanner a {line-height: 1;color: #000;display: block;text-align: left;height: 100%;}
.stytemListBanner a .fl {padding: 150px 0 0 110px;}
.stytemListBanner a h3 {font-size: 48px;color: #000;font-weight: bold;}
.stytemListBanner a p {font-size: 24px;padding: 20px 0 20px;line-height: 34px;}
.stytemListBanner a span { font-size: 18px; color: #fff; background: #006edd; line-height: 40px; display: inline-block; text-align: center; border-radius: 40px; z-index: 2; padding: 0 60px; }
.stytemListBanner2 a {}
.stytemListBanner2 a h3,.stytemListBanner2 a p{color:#fff;}
.stytemListBanner2 a .fr{padding: 50px 0 0 0;}
.stytemList {position: relative;z-index: 2;margin-top: 80px;margin-bottom: 90px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);padding: 20px 8px;}
.stytemList ul { }
.stytemList li { float: left; width: 33.333%; padding: 0 12px 0; }
.stytemList li a { display: block; background: #fff; text-align: left; line-height: 1; font-size: 16px; padding: 0px 0 30px 0; overflow: hidden; }
.stytemList li a h3 { font-size: 20px; color: #333; font-weight: bold; padding: 20px 0 10px; text-indent: 20px; }
.stytemList li a p { color: #666; padding: 0 0 30px; text-indent: 20px; }
.stytemList li a span { color: #006edd; text-indent: 20px; display: inline-block; line-height: 1; }
.stytemList li a img { }
.stytemList li a .pic {overflow: hidden;border-radius: 5px;}
.stytemList li a:hover h3, .stytemList li a:hover p { color: #006edd; }

@media(max-device-width: 1200px) {
}
/*==/抄表系统===================================*/
/*==说明书下载===================================*/
.downFilter { }
.downFilter dl { padding-left: 140px; }
.downFilter dd { margin-left: -140px; }
.downListWrap { background: #fff; padding: 40px 0; border-radius: 5px; }
.downListTop { line-height: 40px; color: #000; }
.downListTop .leftIcon { font-size: 40px; float: left; }
.downListTop h1 { float: left; font-size: 18px; color: #333; padding: 0 60px 0 10px; }
.downListTop .selectWrap { float: left; }
.downListTop .selectBox { float: left; padding: 2px 40px 0 0; }
.downListTop .selectBox .select { border: 1px solid #006edd; min-width: 180px; }
.downListTop .select .select_text { padding-right: 40px; padding-left: 20px; }
.downListTop .select:after { border-top-color: #fff; }
.downListTop .select:before { content: ""; width: 30px; height: 34px; background: #006edd; position: absolute; right: 0; top: 0; }
.downListTop .select_ul { top: 35px; width: 180px; }
.downListTop .Search { float: left; }
.downListTop .Search { width: 340px; height: 36px; line-height: 34px; float: left; margin-top: 2px; background: #fff; border-radius: 4px; position: relative; padding: 0 70px 0 20px; border: 1px solid #006edd; }
.downListTop .Search .text { background: none; width: 100%; height: 24px; line-height: 24px; }
.downListTop .Search .btn { width: 60px; height: 34px; text-align: center; color: #fff; position: absolute; right: 0; top: 0; background: #006edd; border: none; }
.downList { padding: 40px 0; }
.downList ul { border-top: 1px solid #ddd; }
.downList li { border-bottom: 1px solid #ddd; padding: 20px 200px 20px 0; }
.downList a { display: block; }
.downList a.btn { text-align: center; float: right; margin-right: -200px; width: 120px; line-height: 38px; color: #006edd; height: 40px; display: block; border: 1px solid #006edd; border-radius: 5px; }
.downList a.btn:hover { background: #006edd; color: #fff; }
.downList a.left { padding: 0 0 0 50px; line-height: 1; font-size: 14px; color: #999; }
.downList a.left i { font-size: 40px; color: #9f9f9f; line-height: 1; float: left; margin-left: -50px; }
.downList a.left h2 { font-size: 18px; color: #333; padding: 0 0 7px 0; }
.downList a.left p { }
.downList a.left:hover h2 { color: #006edd; }
.downContainer { padding: 0 360px 0 0; }
.downDetailRight { float: right; margin-right: -360px; width: 340px; }
.downDetailRight .hotDown { background: #fff; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }
.downDetailRight .hotDown h2 { background: #006edd; line-height: 50px; font-size: 20px; text-align: center; color: #fff; }
.downDetailRight .hotDown ul { padding: 0 20px 20px 20px; overflow: hidden; }
.downDetailRight .hotDown li { border-top: 1px dotted #ddd; margin-top: -1px; }
.downDetailRight .hotDown li a { padding: 15px 0 15px 40px; display: block; line-height: 30px; font-size: 16px; color: #333; }
.downDetailRight .hotDown li a h3 { }
.downDetailRight .hotDown li a i { float: left; margin-left: -40px; width: 30px; height: 30px; font-size: 16px; font-family: "Arial"; color: #fff; background: #DDD; border-radius: 100%; text-align: center; }
.downDetailRight .hotDown li a:hover h3 { color: #006edd; }
.downDetailRight .hotDown li:nth-of-type(-n+3) a h3 { color: #006edd; }
.downDetailRight .hotDown li:nth-of-type(1) a i { background: #fcd000; }
.downDetailRight .hotDown li:nth-of-type(2) a i { background: #ffb187; }
.downDetailRight .hotDown li:nth-of-type(3) a i { background: #d3a87f; }
.downDetailRight .hotPro { background: #fff; border-radius: 5px; padding: 0 20px 10px; }
.downDetailRight .hotPro .hd { line-height: 60px; border-bottom: 1px solid #ddd; }
.downDetailRight .hotPro .hd h2 { color: #333; font-size: 16px; float: left; }
.downDetailRight .hotPro .hd a { float: right; line-height: 60px; }
.downDetailRight .hotPro ul { padding: 20px 0 0 0 }
.downDetailRight .hotPro li { }
.downDetailRight .hotPro a { display: block; text-align: center; line-height: 1; }
.downDetailRight .hotPro .pic { overflow: hidden; border-radius: 5px; }
.downDetailRight .hotPro .pic img { width: 100%; border-radius: 5px; }
.downDetailRight .hotPro a h3 { font-size: 14px; color: #333; line-height: 50px; }
.downDetailRight .hotPro a:hover h3 { color: #006edd; }
.downDetailWrap { background: #fff; border-radius: 5px; padding: 30px 40px; float: left;}
.downDetailHd { border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.downDetailHd h1 { font-size: 30px; color: #333; font-weight: bold; text-align: center; line-height: 50px; }
.downDetailHd .info { text-align: center; }
.downDetailHd .info p { display: inline-block; line-height: 30px; }
.downDetailHd .info .share { display: inline-block; overflow: hidden; height: 30px; vertical-align: middle; }
.downDetailWrap .downBtn { text-align: center; border-bottom: 1px dashed #ddd; padding: 40px 0; }
.downDetailWrap .downBtn a { text-align: center; width: 200px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; border-radius: 50px; background: #006edd; display: inline-block }
.downDetailWrap .downBtn a i { font-size: 24px; padding: 0 0 0 5px; }
.downDetailCon { font-size: 16px; color: #333; padding: 40px 0; min-height: 917px; }
.downDetailCon img { display: block; margin: 0 auto; }
.downDetailCon p { padding: 8px 0; }
.downDetailCon img { padding: 8px 0; }
.downTagWrap { padding: 40px 80px 40px 0; color: #333; line-height: 30px; border-bottom: 1px solid #ddd; }
.downTagWrap i { display: inline-block; }
.downTagWrap i em { padding: 0 5px 0 0; }
.downTagWrap a.span { display: inline-block; background: #007edd; color: #fff; padding: 0 10px; margin-left: 20px; border-radius: 5px; }
.downTagWrap a.backBtn { float: right; width: 80px; height: 30px; text-align: center; font-size: 14px; border-radius: 5px; margin-right: -80px; border: 1px solid #006edd; color: #006edd; }
.downPage { margin: 0 -20px; }
.downPage ul {/* margin: 0 -20px; */ padding: 30px 0 0 0; }
.downPage li { width: 50%; padding: 0 20px; float: left; }
.downPage li:last-of-type a, .downPage li:last-of-type { text-align: right }
.downPage li a { display: block; }
/*==/说明书下载===================================*/
/*==资讯中心===================================*/
.newsContainer { padding: 0 360px 0 0; }
.newsSideBar { float: right; margin-right: -360px; width: 340px; }
.newsSideBar .sideBarItem { margin: 0 0 20px; background: #fff; border-radius: 5px; padding: 0 20px; }
.newsSideBar .sideBarItem:last-of-type { margin: 0; }
.newsSideBar .sideBarItemT { line-height: 60px; border-bottom: 1px solid #ddd; height: 61px; }
.newsSideBar .sideBarItemT h2 { color: #333; font-size: 16px; float: left; }
.newsSideBar .sideBarItemT a { float: right; line-height: 60px; }
.newsSideBar .sideBarItemCon { }
.newsSideBar .tag { padding: 10px 0; }
.newsSideBar .tag ul { margin: 0 -10px; }
.newsSideBar .tag li { float: left; width: 50%; padding: 10px; }
.newsSideBar .tag a { display: block; border: 1px solid #ddd; text-align: center; font-size: 14px; color: #666; line-height: 36px; border-radius: 36px; }
.newsSideBar .tag a:hover { background: #006EDD; COLOR: #FFF; border-color: #006edd; }
.newsSideBar .pro ul { padding: 20px 0 20px 0; }
.newsSideBar .pro li { }
.newsSideBar .pro a { display: block; text-align: center; line-height: 1; }
.newsSideBar .pro .pic { overflow: hidden; border-radius: 5px; }
.newsSideBar .pro .pic img { width: 100%; border-radius: 5px; }
.newsSideBar .pro a h3 { font-size: 14px; color: #333; line-height: 1; padding-top: 20px; }
.newsSideBar .pro a:hover h3 { color: #006edd; }
.newsSideBar .News { padding: 14px 0 20px 0; }
.newsSideBar .News li { border-bottom: 1px dotted #ddd; line-height: 40px; }
.newsSideBar .News a { display: block; padding: 0 60px 0 15px; position: relative; }
.newsSideBar .News a h3 { color: #333; }
.newsSideBar .News a span { color: #999; float: right; margin-right: -60px; text-align: right; font-size: 12px; }
.newsSideBar .News a:hover h3 { color: #006edd; }
.newsSideBar .News a:before { content: ''; width: 4px; height: 4px; background: #999; position: absolute; top: 50%; margin-top: -2px; left: 0; }
.newsSideBar .News a:hover:before { background: #006edd; }
.newsLeftWrap { background: #fff; border-radius: 5px; float: left; width: 100%; padding: 0 40px; }
.newsTypeList { overflow: hidden; }
.newsTypeList dl { padding: 40px 0 40px 340px; border-top: 1px solid #ddd; margin-top: -1px; }
.newsTypeList dd { float: left; margin-left: -340px; width: 300px; position: relative; }
.newsTypeList dd a { display: block; color: #fff; line-height: 1; text-align: center; padding: 0; }
.newsTypeList dd img { border-radius: 5px; }
.newsTypeList dd h2 { position: absolute; left: 0; top: 90px; width: 100%; font-size: 30px; }
.newsTypeList dd p { position: absolute; top: 135px; left: 0; width: 100%; font-size: 16px; }
.newsTypeList dt { }
.newsTypeList li { line-height: 40px; float: left; width: 100%; }
.newsTypeList li a { display: block; padding: 0 100px 0 15px; position: relative; font-size: 15px; }
.newsTypeList li a h3 { color: #333; }
.newsTypeList li a span { color: #999; float: right; margin-right: -90px; text-align: right; font-size: 12px; font-size: 14px; }
.newsTypeList li a:hover h3 { color: #006edd; }
.newsTypeList li a:before { content: ''; width: 4px; height: 4px; background: #999; position: absolute; top: 50%; margin-top: -2px; left: 0; }
.newsTypeList li a:hover:before { background: #006edd; }
.newsList { padding: 0 0 40px; }
.newsList ul { margin-bottom: 40px; min-height: 522px; }
.newsList li { padding: 40px 0; border-bottom: 1px solid #ddd; }
.newsList li a { display: block; padding: 0 100px 0 260px; font-size: 14px; color: #666; position: relative; }
.newsList li a .pic {/* width: 240px; *//* height: 180px; */width: 240px;height: 141px;border-radius: 5px;margin-left: -260px;float: left;background-position: center center;background-size: cover;}
.newsList li a h2 {font-size: 20px;color: #333;padding: 25px 0 15px;padding: 15px 0;line-height: 1;}
.newsList li a p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 2; height: 56px; }
.newsList li a .info {/* padding: 20px 0 0 0; */padding: 10px 0 0 0;font-size: 12px;}
.newsList li a .arrow { display: block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #9d9d9d; border-radius: 40px; color: #9d9d9d; font-size: 16px; padding: 0; float: left; text-align: center; position: absolute; right: 20px; top: 50%; margin-top: -20px; }
.newsList li a:hover { padding: 0 80px 0 280px; }
.newsList li a:hover h2 { color: #006edd; }
.newsList li a:hover .arrow { right: 0; color: #006edd; border-color: #006edd; }
.NewsDetailCon { color: #666; padding: 30px 0 0 0; }
.NewsDetailCon img { border-radius: 10px; display: block; margin: 0 auto 20px; }
.NewsDetailCon p { padding: 0 0 15px; text-indent: 28px; }
/*==/资讯中心===================================*/
/*==联系我们===================================*/
.aboutWrap { background: #fff; border-radius: 5px; margin-top: 40px; min-height: 300px; padding: 0 40px 30px; }
.aboutNavWrap { height: 60px; border-bottom: 1px solid #ddd; }
.aboutNavWrap ul { overflow: hidden; float: left; }
.aboutNavWrap li { float: left; padding: 0 40px 0 0; position: relative; }
.aboutNavWrap li:before { content: ''; width: 1px; height: 10px; background: #ddd; position: absolute; left: -20px; top: 50%; margin-top: -5px; }
.aboutNavWrap li a { color: #333; height: 60px; line-height: 57px; font-size: 16px; display: block; padding: 0 12px; }
.aboutNavWrap li.on a, .aboutNavWrap li a:hover { color: #006edd; border-bottom: 3px solid #006edd; }
.aboutNavWrap .BreadCrumb { padding: 10px 0 0 0; float: right; }
.aboutCompany { font-size: 16px; color: #333; }
.aboutCompany h2 { background: url(img/titleLine.png) no-repeat 50% 100%; font-size: 30px; font-weight: bold; line-height: 1; color: #333; padding: 60px 0 23px 0; text-align: center; margin-bottom: 30px; }
.aboutCompany p { text-indent: 32px; padding: 10px 0; }
.aboutCompany img { margin: 10px 0; }
.aboutTeam { padding: 0 120px; }
.aboutTeam ul { padding: 40px 0 10px; }
.aboutTeam li { padding: 40px 0 40px 340px; }
.aboutTeam img { float: left; margin-left: -340px; }
.aboutTeam .text { color: #000; float: left; }
.aboutTeam h3 { font-size: 30px; line-height: 1; padding: 60px 0 0 0; color: #333; font-weight: bold; }
.aboutTeam h4 { font-size: 20px; line-height: 1; padding: 20px 0 25px; color: #333; }
.aboutTeam p { font-size: 16px; color: #666; }
.aboutTeam li.even { padding: 40px 340px 40px 0px; }
.aboutTeam .even .text { float: left; padding: 0 70px 0 0; }
.aboutTeam .even img { float: right; margin: 0 -340px 0 0; }
.aboutHistory { padding: 60px 80px 30px; }
.aboutHistory h2 { color: #333; font-weight: bold; font-size: 30px; text-align: center; }
.aboutHistory dl { position: relative; }
.aboutHistory .con { position: relative; }
.aboutHistory .con:after { content: ''; position: absolute; width: 1px; height: 100%; background: #ddd; top: 0; left: 180px; }
.aboutHistory dd { font-size: 30px; font-weight: bold; color: #006edd; position: relative; line-height: 60px; padding: 10px 0; }
.aboutHistory dd i { background: url(img/HistoryIcon.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 0; left: 150px; z-index: 2; }
.aboutHistory dd:before { content: ''; background: url(img/HistoryIcon.png) no-repeat 0 -80px; width: 10px; height: 6px; position: absolute; left: 120px; top: 50%; margin-top: -3px; }
.aboutHistory dt { }
.aboutHistory dt p { font-size: 16px; /*line-height: 24px;*/ color: #333; padding: 15px 0 15px 230px; }
.aboutHistory dt p span { margin-left: -230px; width: 190px; float: left; text-indent: 70px; position: relative; }
.aboutHistory dt p span:before { content: ''; background: url(img/HistoryIcon.png) no-repeat 0 -60px; width: 16px; height: 16px; position: absolute; right: 1px; top: 50%; margin-top: -8px; z-index: 2; }
.aboutContact { padding: 60px 40px 50px; }
.aboutContact .hd { text-align: center; line-height: 1; color: #666; padding: 0 0 60px; }
.aboutContact h2 { font-size: 30px; font-weight: bold; color: #333; }
.aboutContact p { padding: 20px 0 0 0; }
.aboutContact ul { text-align: center; overflow: hidden; padding: 5px 0 80px; }

.aboutContact li { width: 25%; float: left; padding: 0 40px; position: relative; color: #333; font-size: 16px; line-height: 24px; }
.aboutContact li:before { content: ''; width: 1px; height: 165px; background: #ddd; position: absolute; left: -1px; top: 0; }
.aboutContact li i { font-size: 60px; color: #666; line-height: 1; }
.aboutContact li h3 { font-size: 20px; padding: 16px 0 0 0; }
.aboutContact li p { padding: 10px 0 0 0; }
.aboutContact li img { border: 1px solid #ddd; width: 100px; }
.aboutContact .map { }

@media(max-width: 1400px) {
    .aboutNavWrap li{padding: 0 25px 0 0;}
}

/*==/联系我们===================================*/
@media(max-device-width: 1300px) {
/*.footer_sub1 { padding: 40px 0; }
.footer_sub1_sub1 { width: 370px; }
.footer_sub1_sub1 .hd, .footer_sub1_sub1 .bd { width: 350px; }
.footer_sub1_sub1 .hd { padding: 0 0 20px 220px; background-size: 200px auto; }
.footer_sub1_sub1 .hd a { line-height: 38px; margin-bottom: 10px; }*/
.proFocusInfo .type dt a { width: 32%; margin-right: 1%; }
}

@media(max-device-width: 1024px) {
.wrap { padding-left: 60px!important; padding-right: 60px!important; }
.mainNavBdWrap { width: calc(100% - 60px) }
.focusBanner .bd li { height: 600px; background-size: cover!important; }
.mainCaseScrool .prev { left: 0px; }
.mainCaseScrool .next { right: 0px; }
.brandInfo { background-position: left center; }
.downListTop .Search { width: 240px; }
.aboutNavWrap li{padding: 0 10px 0 0;}
.aboutNavWrap li a { padding: 0 17px; }
}