@charset "utf-8";
/* CSS Document */

.p_flash_img{width:100%; float:left;}
.p_flash_img img {width:100%; height:100%;}
.p_cen{width:1200px; height:auto; margin-top:10px; float:left; overflow:hidden;}

.p_cen_left{width:240px; height:auto; float:left; margin-top:10px; background-color:#f1f1f1; border:#dcdcdc 1px solid;}
.p_cen_right{width:940px; height:auto; float:right; overflow:hidden; margin-top:10px;}

.p_l_top{ margin:0px 10px 0px 10px;height:50px; background:url(../images/biaotou.png) no-repeat left; line-height:50px; padding-left:42px; font-size:20px; color:#373737;border-bottom:#054065 2px solid; overflow:hidden;}
.p_l_top span{color:#9b9b9b; font-size:18px; font-style:italic;}

.p_list{width:240px; font-size:14px; overflow:hidden;}
.p_list_div{ background:url(../images/xuan1.gif) no-repeat; color:#4c4c4c; height:50px; line-height:50px; padding-left:50px; border-bottom:#CCCCCC 1px solid;}
.p_list_div_a{ background:url(../images/xuan.gif) no-repeat; color:#054065; line-height:50px; font-weight:bold;cursor:pointer; padding-left:50px;}
.p_list_div_a a{ color:#054065; font-weight:bold;}
.p_list ul li{ background-color:#f1f1f1; color:#4c4c4c; height:50px; line-height:50px; padding-left:50px; border-bottom:#CCCCCC 1px solid;}
li.li_tuer a{color:#0167b9;}

.p_down{ margin-top:10px;overflow:hidden;}
.p_down h3{ margin:0px 10px 10px 10px;height:50px; background:url(../images/biaotou.png) no-repeat left; line-height:50px; padding-left:42px; font-size:20px; font-weight:normal; color:#373737;border-bottom:#054065 2px solid; overflow:hidden;}
.p_down img{ margin:2px; width:236px;}

.i_title{  height:50px; line-height:50px;border-bottom:#ccc 1px solid; overflow:hidden;}
.i_title span.addr{ text-align:right; font-size:14px; position:absolute; right:0; top:3px;}
.i_title span.addr a{margin:0 5px;}
.i_title .addl { background:url(../images/list_bg.gif) no-repeat left scroll; width:170px; float:left;height:48px; padding-left:20px; font-size:18px; color:#252525; border-bottom:#054065 2px solid;}
.i_title .addr { width:650px; float:right;height:48px; text-align:right;}
.p_cen_main{ height:auto; overflow:hidden; font-size:14px; line-height:22px; margin:10px;}
/**********产品小类ccs****/
.p_cen_pro{ height:auto; overflow:hidden; font-size:14px; line-height:22px; padding:10px 0px;}
.p_cen_pro p{ margin-top:10px;}
.p_cen_pro td{ padding-left:10px;}
.p_cen_pro ul{width:100%; display:block;}
.p_cen_pro ul li{ float:left; width:270px; background-color:#f8f8f8; height:350px; border: 1px solid #e5e5e5; margin:14px; overflow:hidden;}
.p_cen_pro ul li img{ margin:10px; width:230px; height:150px;}
.p_span_name{ width:250px; height:30px; line-height:30px; margin:0px 10px; text-align:center; font-weight:bold; overflow:hidden;}
.p_span_name a{ color:#054065;}
.p_cen_pro ul li a.pro_true{ float:left;}
.ming{ width:250px; margin:10px; height:25px; line-height:25px;}
.ming a.bj-btn{ width: 110px; margin:5px;  display: inline-block;  line-height: 30px; color: #000; text-align: center; border: 1px solid #333;}
.ming a.bj-btn:hover{color: #fff; border: 1px solid #054065; background: #054065;}
.p_span_a{  width:255px;height:70px;margin:0px 10px; overflow:hidden;}
.p_span_a p{ line-height:22px;}
.p_li{background:#f5f5f5;border:1px #FF0000 solid;}
.p_li_out{ border:1px #E7E7E7 solid;}
.p_cen_pro ul li:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}
/**********产品大类ccs****/
.product { width:100%; margin-top:10px; overflow:hidden;}
.product ul li { float:left;width:270px;margin:20px;border:1px solid #e5e5e5;background:#f8f8f8;text-align:center;font-size:16px;}
.product ul li .sImg{display:block;width:275px;margin:30px auto;overflow:hidden;}
.product ul li img{width:260px;transition:all 0.5s;}
.product ul li p{height:40px;line-height:40px;background:#e9e9e9;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 10px;}
.product ul li:hover{border:1px solid #054065;background:#d8f1fb;}
.product ul li:hover p{color:#fff; background:#054065;}
.product ul li:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}

/**********专题大类ccs****/
.zh_lilk { width:100%; margin-top:10px; overflow:hidden;}
.zh_lilk ul li { width:330px;margin:20px; border:1px solid #e5e5e5;background:#f8f8f8;text-align:center;font-size:16px; padding:10px;float:left;}
.zh_lilk ul li .sImg{display:block;width:320px; margin:20px auto;overflow:hidden;}
.zh_lilk ul li img{width:300px;transition:all 0.5s;}
.zh_lilk ul li .spw{ height:50px; overflow:hidden;}
.zh_lilk ul li p{height:40px;line-height:40px;background:#ddd;white-space:nowrap;overflow:hidden; margin:20px auto;text-overflow: ellipsis;padding:0 20px;}
.zh_lilk ul li:hover{border:1px solid #054065;background:#d8f1fb;}
.zh_lilk ul li:hover p{color:#fff; background:#054065;}
.zh_lilk ul li:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}

/**********新产品内容ccs****/
.pro_div{width:100%; overflow:hidden; padding:10px 0px 10px 0px;}
.pro_img{ width:430px; height:360px; padding:10px; background-color:#FFFFFF; float:left; text-align:center;}
.pro_text{ width:440px; height:360px; padding:10px; float:right; background-color:#FFFFFF;}
.pro_text1{ height:40px; font-size:18px; color:#666; font-weight:bold; border-bottom:2px solid #054065; line-height:40px; width:100%;}
.pro_text2{ margin-top:5px; height:80px; overflow:hidden; color:#343434; line-height:25px;}
.pro_text5{ margin-top:5px;background:url(../images/p_inc.png) no-repeat scroll;padding-left:25px; overflow:hidden;}
.pro_text5 p{background:url(../images/p_inc.png) no-repeat scroll;padding-left:25px; overflow:hidden;}
.pro_text4 { width:440px;height:50px; margin-top:30px; border-top:#dbdbdb 1px solid;border-bottom:1px solid #dbdbdb; padding:15px 0px; overflow:hidden;}
.pro_text4_im{ width:50px; float:left;height:50px; margin-right:20px;}
.pro_text4_t{ width:200px; float:left;height:50px; color:#e10012;  margin:0 auto; line-height:50px; font-size:28px; font-weight:bold;}
.pro_text3{ height:50px; margin-top:20px; float:left;}
.pro_text3 a.pro-btn{ width: 100px; margin:5px;  display: inline-block;  line-height: 30px; color: #000; text-align: center; color: #fff; background: #054065;}
.pro_text3 a.pro-btn:hover{color: #fff; background: #ff0000;}
.pro_mo { height:40px; border-bottom:1px solid #cccccc; line-height:40px; margin-top:20px;}
.pro_mo h2{ width:140px; height:40px; margin-left:20px; background-color:#054065; color:#FFF;font-size:18px; text-align:center; overflow:hidden;}
/*--产品详情---*/
.product-intro { margin-top: 40px; overflow: hidden}

.preview { float: left;}
.preview .bd { width: 820px; height: 300px; overflow: hidden;}
.preview .bd .img{ float: left; width: 420px; height: 280px; overflow: hidden; }
.preview .bd img{ float: left; width: 420px; height: 280px; overflow: hidden; }
.preview .hd { position: relative; width: 420px; overflow: hidden; }
.preview .hd ul { width: 700px; list-style-type:none;}
.preview .hd li { float: left; width:120px; height:80px; margin:10px; border:1px solid #f1f1f1;}
.preview .hd li img { width:120px; height:80px; margin:0 auto;}
.preview .hd li:hover { border-color: #054065;}
.preview .hd .on { border-color: #054065; }
.preview .hd .hd-control { display: none; position: absolute; top: 0; width: 48px; height: 93px; line-height: 93px; text-align: center; background: #2a2a2a; cursor: pointer; }
.preview .hd .hd-control .icon { width: 0; height: 0; }
.preview .hd .hd-prev { left: 0; }
.preview .hd .hd-prev .icon { border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #fff transparent transparent; }
.preview .hd .hd-next { right: 0; }
.preview .hd .hd-next .icon { border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; }
/**********产品内容开始ccs****/
.divtext {width:100%; background-color:#FFFFFF; padding:10px; overflow:hidden;}
.divtext h3{ margin-top:30px;}
.divtext h5{ color:#FF3300; font-size:16px;}
.divtext p{ line-height:25px; margin-top:10px; text-indent:2em;}
.divtext strong:b{ color:#0099FF;}
.divtext img{ margin:0px auto; text-align:center;}
.remarks { color:#FF0000;}
.divtext table{ background-color:#FFF; width:98%; color:#444;}
.divtext table tr{ height:25px; line-height:25px; text-align:center;}
.divtext table tr td{ padding-left:10px;}
.tatd1{ background-color:#28777f; color:#FFFFFF; font-size:16px; min-height:40px;}
.tatd2{ background-color:#eeeeee; min-height:30px;}
.tatd3{ background-color:#99cec9; min-height:30px;}
.p_pdiv {  width:92%;padding:20px; border:#CCCCCC 3px solid; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}
.p_red { color:#0167bc; font-size:24px; height:50px; font-weight:bold; line-height:50px; text-align:right; padding-right:50px;}
.p_red span{ color:#FF0000; font-size:36px;font-weight:bold;}
.font_18 { font-size:18px;}
.anli { width:100%; margin:10px 0px; overflow:hidden;}
.anli ul li{ width:210px; float:left; margin:8px;}
.anli ul li img{ width:210px;}
/**********产品内容结束****/

/**********分页****/
.p_num{width:840px; height:25px; line-height:25px; margin-top:15px; text-align:center;}
.p_num font{color:#0273c0; margin:0 5px; font-size:12px;}
.p_num a{margin:0 5px;padding:1px 5px; color:#666; background-color:#CCC;border:1px solid #d2d2d2; }
.p_num a:hover{color:#fff; background-color:#054065;border:1px solid #054065; text-decoration:none;}
.p_num a.ature{padding:1px 5px; background:url(../images/num1.gif) repeat left top; border:1px solid #3385d6;}
.false{margin:0 5px; padding:1px 5px; border:1px solid #f3f3f3; color:#ccc}


.pro_name{width:680px; display:block; height:30px; line-height:30px; color:#000000; font-size:16px;}


/**相关产品**/
.about_pro{ width:100%; float:left; padding:10px 10px 20px 10px;}
.about_pro h3{color:#0167b9; font-weight:bold; height:30px; line-height:30px; margin-top:10px; border-bottom:1px dotted #e5e5e5; margin-bottom:10px;font-size:16px;}
.about_pro ul li{width:195px; margin:10px; padding:5px; line-height:25px; float:left; border:#dcdcdc 1px solid;background:#f8f8f8;}
.about_pro ul li img { width:190px;}
.about_pro ul li p { height:30px; overflow:hidden; text-align:center;}

/**********新闻列表****/
.p_new{width:100%; float:left; overflow:hidden; border-bottom:1px dotted #e5e5e5; color:#666666;padding:15px 0 15px 0;}
.p_new a.img_a{ display:block;}
.p_title_li{width:700px; height:150px; float:right;}
.p_img_a{width:220px; height:150px; float:left; overflow:hidden;}
.p_img_a img {width:220px; height:150px;transition:all 0.5s;}
.p_img_a:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}
.p_new p{line-height:20px;}
.p_t_name { color:#434343;font-size:18px; font-weight:bold;}
.p_t_ntext { line-height:20px; margin-top:20px; height:60px; font-size:12px;}
.news_text1{  width:700px; float:right; }
.news_text1 .news_time{ width:100px; height:34px; line-height:34px; float:left; font-size:12px; color:#ccc;}
.news_text1 .childBtn{height:34px;line-height:34px;width:100px; float:right; text-align:center;font-size:12px;background:url(../images/nimg17_2.png) right center no-repeat; margin-right:10px;}
.news_text1 .childBtn a{ color:#575757;}
.news_text1 .childBtn a:hover{ color:#054065;}

/*********新闻内页**********/
.p_new_title{color:#555555; font-weight:bold; margin-top:0px; text-align:center; line-height:60px; font-size:24px;  border-bottom:1px dotted #e5e5e5;}
.p_time_at{width:700px; line-height:40px; color:#666; float:left; font-size:12px}
.back{ width:100px; text-align:right;line-height:40px;  float:right;}
.cont{line-height:25x; margin-top:40px;}
.cont p{ margin-top:20px; margin-bottom:20px; text-indent:2em;}

/*下载中心----------------------------------------------------
-----------------------------------------------------------------------------*/

.dow_div{ width:250px; float:left; background-color:#f8f8f8; border: 1px solid #e5e5e5; margin:20px; padding:10px; overflow:hidden;}
.dow_img { width:250px; height:170px; overflow:hidden;}
.dow_img img{ width:250px; height:170px;transition:all 0.5s;}
.dow_img:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}
.dow_div1{ height:25px; padding:10px; overflow:hidden;}
.dow_title { float:left; width:180px; height:25px;overflow:hidden;}
.dow_dian { float:right; width:40px; height:25px; text-align:right;}
/*********留言反馈*********/
.callT{margin:20px 0; line-height:25px;}
.callT font{color:#0167b9;}

.me_table{line-height:40px; width:100%; margin-top:30px;}
.me_table tr{ height:50px;}
.input_me{color:#999999; padding-left:8px; border:1px solid #333; min-height:25px; line-height:25px;}
.input_btn{ width:150px; height:30px; background-color:#054065; border:none; font-size:16px; color:#fff;}

/*********行业案例*********/
.tu1 { width:100%; float:right;font-family:"微软雅黑";}
.tul_div { width:270px; float:left; margin:20px;}
.tul_div1{ width:270px; height:40px; line-height:40px; font-size:24px; color:#3a68b6; font-weight:bold; text-align:center;}
.tul_div2{ width:270px; height:200px; overflow:hidden;}
.tul_div2 img{ width:270px; height:200px;transition:all 0.5s;}
.tul_div2:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}

/*招商*/
.mainbbg { background:url(../images/zshzc/main-04.png) right no-repeat;}
.mainTitle{line-height:55px;font-size:35px; text-align:center;}
.mainTitles{line-height:30px;font-size:18px;}
.mainSub{height:2px;width:100px;margin:16px auto 20px auto; background-color:#117cc2;}
.mainSub1{height:2px;width:100px;margin:16px auto 20px auto; background-color:#666;}
.mainInfo{line-height:42px;font-size:22px;}
.mainInfo span{padding-bottom:10px;}
.mainBtn{width:208px;height:50px;line-height:50px;border:2px solid #d6281a;font-size:18px;}
.mainBtn span{padding:0 18px 0 24px;}
.mainFrame { border:#CCCCCC 3px solid; padding:20px; overflow:hidden;}
.mainFrame1 { border:#CCCCCC 3px solid; background-color:#f5f5f5; padding:20px; overflow:hidden; text-align:center;}
.mainimg { text-align:center; margin:20px 0 20px 0;}
.maindiv { width:100%; overflow:hidden; margin-top:20px; margin-top:20px;}
.main_leftdiv { width:410px; float:left; height:280px;}
.main_rightdiv { width:410px; float:right; height:280px;}
.main_rightdiv img,.main_leftdiv img { width:410px;}
.maindiv .main_leftdiv .title,.maindiv .main_rightdiv .title { font-size:22px;}
.maindiv .main_leftdiv p,.maindiv .main_rightdiv p { font-size:16px; margin:20px 10px 10px 10px;}
.main_leftdiv1 { width:370px; float:left; }
.main_rightdiv1 { width:450px; float:right;}
/*k_div客户*/
.cases_fm_con{width:100%;overflow:hidden;margin:0 auto}
.cases_fm_con ul{width:100%;}
.cases_fm_con ul li{ float:left; width:190px; background-color:#f8f8f8; border: 1px solid #e5e5e5; margin:20px; overflow:hidden;}
.cases_fm_con ul li a{display:block;width:282px;}
.cases_fm_con ul li .d_h3{  width:170px; height:90px;margin:10px; overflow:hidden;} 
.cases_fm_con ul li .d_h3 img{ width:170px; height:90px;}
.cases_fm_con ul li .d_h3:hover img{ transition:all 0.5s; transform:scale(1.1,1.1);}
.cases_fm_con ul li .d_h4{ margin:0px 15px; height:40px; line-height:40px; border-bottom:#e5e5e5 1px solid; font-weight:bold; overflow:hidden;}
.cases_fm_con ul li a p{text-align:center;font-size:14px;width:90%; text-align:center; border-bottom:#e5e5e5 1px solid;}
.cases_fm_con ul li:hover a h3{color:#ff3f3c;}

.peizu{ width:100%; margin-top:50px; text-align:right;}

.contact_top{ background:url(../img/001.jpg?2) no-repeat center center #6c97ff; min-height:824px;}
.contact_top p{ font-size:18px; line-height:30px; color:#fff; height:auto; padding:215px 0 0 0; text-align:center}
.contact_top ul{ text-align:center;}
.contact_top li{ width:300px; height:420px; display:inline-block; background:#fff; border:1px solid #b4d0ff; border-radius:10px; margin:0 40px; padding:25px 0 0 0; text-align:center;}
.contact_top li img{display:block; margin:0 auto;}
.contact_top li .QR{ margin-top:30PX ;}
.contact_top li p{ text-align:center; padding:0; height:auto; font-size:18px;line-height:34px;}
.contact_top li p.t1{color:#4184ff;  padding:45px 0 0 0;}
.contact_top li p.t2{color:#b2b2b2; padding:0 0 15px;}
.contact_top li p.t3,.contact_top li a{color:#4c4c4c; line-height:31px;}
.contact_top li p.t3{ padding:0 0 10px;}
.contact_top li a:hover{ color:#4184ff;}

.contact_map{ margin:105px 17px 60px; border:1px solid #f6f6f6;}
.contact_map .hd{ line-height:52px; color:#414141; font-size:18px; border-bottom:1px solid #f6f6f6; text-indent:20px;}
.contact_map .bd{padding:22px;}


.wrap { width: 1200px; margin: 0 auto; max-width: 1920px; }
.pd20 { padding: 20px; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden{display:none;}
.vh-center { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.h-center { position:absolute; left:50%; transform:translateX(-50%) }
.v-center { position:absolute; top:50%; transform:translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* project id 398496 */
  src: url('//at.alicdn.com/t/font_398496_c6fc3erxab.eot');
  src: url('//at.alicdn.com/t/font_398496_c6fc3erxab.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_398496_c6fc3erxab.woff') format('woff'),
  url('//at.alicdn.com/t/font_398496_c6fc3erxab.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_398496_c6fc3erxab.svg#iconfont') format('svg');
}
.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; }
.gotop { width: 40px; height: 40px; position: fixed; margin-left: 590px; left: 50%; bottom: 80px; background: url(images/toTop.png) no-repeat -126px 0; cursor: pointer; }
.iconImg { background-image: url(img/iconImg.png); }
.pageHeader { height: 67px; }
.headerWrap {border-bottom: 1px solid #e4e4e4;background: #fff;width: 100%;height: 67px;position: fixed;left: 0;top: 0;z-index: 999;padding: 0 100px;text-align: center;/* box-shadow: 0px 0px 3PX 1px #c6c6c6; */}
.headerLogo, .headerLogo a { width: 81px; height: 67px; background: url(img/logo.gif) no-repeat center center; float: left; text-indent: -999999px; }
.headerNav { display: inline-block; }
.headerNav li { float: left; padding: 0 10px; }
.headerNav li a {display: block;padding: 0 35px;font-size: 14px;line-height: 65px;color: #000;/* width: 96px; */}
.headerNav li a:hover, .headerNav li.on a { color: #00b8b8;/* font-weight: bold; */ }
.headerNav li:last-of-type, .headerNav li:last-of-type a { padding-right: 0 }
.heaerTel { float: right; line-height: 67px; color: #00b6b6; font-size: 20px; }
.heaerTel i { font-size: 25px; display: inline-block; margin-right: 5px; }
.pageFooter { background: #333; padding: 120px 0 20px 0; color: #9d9ea0; }
.footer_info { float: left; width: 230px; }
.footer_info .tel { }
.footer_info .t1 { font-size: 18px; line-height: 1; padding: 10px 0; letter-spacing: 1px; text-align: center; width: 208px; }
.footer_info a { }
.footer_info .t2 { line-height: 20px; padding: 30px 0 0 0; font-size: 14px; }
.footer_info .t2 span { display: block; padding: 0 0 4px 0; }
.footer_QR { float: right; }
.footer_QR li { float: left; padding: 0 0 0 25px; }
.footer_QR a { display: block; }
.footer_QR .hd, .footer_QR a { height: 22px; line-height: 22px; margin-bottom: 30px; font-size: 14px; color: #cdcecf; }
.footer_QR .hd i, .footer_QR a i { color: #51b3d6; font-size: 20px; margin-right: 10px; }
.footer_QR li img { border: 5px solid #fff; border-radius: 5px; }
.footer_nav {float: right;padding: 0px 40px 0 0;}
.footer_nav .m { float: left; padding: 0 60px 0 0; }
.footer_nav .m h3 { line-height: 22px; height: 22px; margin-bottom: 18px; }
.footer_nav .m h3 a { font-size: 15px; color: #cdcdcd;/* line-height: 1; */
}
.footer_nav .m h3 a:hover { }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub a { font-size: 14px; line-height: 36px; color: #8e8e8e; height: 36px; }
.footer_nav .sub a:hover { color: #fff; }
.Footer_link { }
.Footer_link a { color: #8e8e8e; }
.Footer_copy { }
.Footer_copy a { COLOR: #979a9c; }
.Footer_copy a:hover, .Footer_link a:hover { color: #fff; }
/*电表数据可视化*/
.mainItem_01 { background: url(img/dianbiaoshujuBg.jpg) no-repeat center center #fff; padding: 0 0 10px; }
.mainItem_01 .hd { text-align: center; font-size: 19px; color: #3d3d3d; line-height: 34px; padding: 0 0 50px; }
.mainItem_01 .hd h2 { font-size: 45px; line-height: 50px; padding: 90px 0 30px; }
.mainItem_01 .bd { background: url(img/dianbiaoshuju_01.png) no-repeat center 0; min-height: 599px; }
.mainItem_01 .bdCon { }
.mainItem_01 .bdCon li { text-align: center; float: left; width: 25%; position: relative; padding: 110px 0 0 0; height: 250px; }
.mainItem_01 .bdCon li span { width: 113px; height: 110px; background-position: -205px -51px; position: absolute; left: 50%; top: 0; margin-left: -69px; }
.mainItem_01 .bdCon li h2 { font-size: 22px; color: #444; }
.mainItem_01 .bdCon li p { font-size: 15px; line-height: 27px; color: #555; }
.mainItem_01 .bdCon li:nth-of-type(2) span { background-position: -318px -51px; }
.mainItem_01 .bdCon li:nth-of-type(3) span { background-position: -205px -161px; }
.mainItem_01 .bdCon li:nth-of-type(4) span { background-position: -318px -161px }
.mainItem_01 .bdCon li:nth-of-type(5) { margin-left: 12.5%; }
.mainItem_01 .bdCon li:nth-of-type(5) span { background-position: -205px -271px }
.mainItem_01 .bdCon li:nth-of-type(6) span { background-position: -318px -271px }
.mainItem_01 .bdCon li:nth-of-type(7) span { background-position: -205px -381px }
/*/电表数据可视化*/

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

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

/*/相关产品*/

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

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

.newTopSearch { height: 255px; background: url(../img/20180820001.jpg) no-repeat center center rgb(12, 11, 16); }
.newTopSearch form { width: 650px; margin: 0 auto; padding: 92px 0 0 0; }
.newTopSearch .hd { height: 40px; background: #fff; border-radius: 3px; position: relative; }
.newTopSearch .hd .text { line-height: 40px; padding: 0 70px 0 15px; color: #75787d; width: 100%; border: none; background: none; }
.newTopSearch .hd .btn { width: 60px; position: absolute; right: 0; top: 0; line-height: 40px; background: none; cursor: pointer; color: #75787d; font-size: 20px; }
.newTopSearch .bd { }
.newTopSearch .bd a { font-size: 14px; color: #fff; display: inline-block; margin-right: 15px; line-height: 40px; }
.caseWrap { padding: 15px 0 80px; }
.caseWrap a { text-decoration: none; }
.hidden { display: none !important; }
.caseSideBar { width: 300px; float: right; background: #fff; }
.caseSideSearch { position: relative; padding-bottom: 20px; margin-top: 10px; }
.caseSideSearch .text { border: 1px solid #dcdcdc; line-height: 40px; height: 40px; padding: 0 50px 0 20px; border-radius: 40px; width: 100%; background: none;/* font-size: 14px; */ }
.caseSideSearch .btn { position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; text-align: center; cursor: pointer; width: 50px; background: none; color: #d6d8d8; }
.caseSideTitle { font-size: 18px; color: #404243; position: relative; line-height: 59px; height: 59px;/* border-bottom: 1px solid #e9e9e9; */ }
.caseSideTitle span { font-size: 12px; color: #999; font-weight: normal; }
.caseSideTitle a { float: right; font-size: 14px; color: #1bb8ce; }
.caseSideItemBox { margin-bottom: 10px; padding: 0 20px; background: url(../img/181119003.jpg) repeat-x 0 0 #fff; border: 1px solid #e4e4e4; border-radius: 8px; }
.caseSide_01 { padding: 15px 0 25px; margin: 0 -10px; }
.caseSide_01 li { width: 50%; float: left; mar;
margin: 6px 0; padding: 0 10px; }
.caseSide_01 li a { display: block; padding: 0 0 0 0px; position: relative; line-height: 28px; color: #404243; border: 1px solid #e9e9e9; border-radius: 30px; text-align: center; font-size: 14px; }
.caseSide_01 li i { width: 20px; height: 20px; background: url(../img/001_01.png) no-repeat center center; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.caseSide_01 li a:hover { color: #1bb8ce; border-color: #1bb8ce; }
.caseSide_01 li .on { color: #1bb8ce; border-color: #1bb8ce; }
.caseSide_02 { padding: 18px 0 20px; margin: 0 -4px; }
.caseSide_02 li {/* padding: 4px 0px; */ float: left;/* margin: 0 4px; */ background: #f7f7f7; width: 50%; text-align: center; }
.caseSide_02 li:nth-of-type(4n+3), .caseSide_02 li:nth-of-type(4n+4) { background: #fdfdfd; }
.caseSide_02 li a {/* display:block; */ font-size: 13px; line-height: 50px;/* border: 1px solid #4fc2d5; *//* background:#4074e1; */ color: #3c4048; border-radius: 30px;/* padding: 0 20px; *//* float: left; */ display: inline-block; }
.caseSide_02 li a:hover {/* background: #4fc2d5; */ color: #4fc2d5; }
.caseSide_03 { padding: 10px 0 10px 12px; margin-left: -20px; margin: 0 0 0 -20px; }
.caseSide_03 li { float: left; width: 25%; line-height: 20px; margin: 20px 0; position: relative; text-align: center; }
.caseSide_03 li a { color: #555; font-size: 14px; }
.caseSide_03 li a:hover { color: #4074e1; }
.caseSide_03 li:before { content: ''; height: 16px; width: 1px; background: #ececec; position: absolute; left: 0; top: 2px; }
.caseSide_03 li:nth-of-type(4N+1):before { background: none; }
.caseSide_04 { padding: 20px 12px 30px 12px; margin: 0; }
.caseSide_04 li { padding: 9px 0; }
.caseSide_04 li a { display: block; line-height: 50px; border: 1px solid #4074e1; color: #4074e1; font-size: 18px; text-align: center; border-radius: 4px; }
.caseSide_04 li a:hover { background: #4074e1; color: #fff; }
.caseSide_05 { padding: 0; margin: 0; }
.caseSide_05 li {/* margin: 0 0 0 60px; */ padding: 17px 0 17px 50px; position: relative; border-bottom: 1px dashed #ccc; }
.caseSide_05 li:last-of-type { border: none; }
.caseSide_05 .QRbox { background: url(../img/002_05.png) no-repeat; width: 30px; height: 30px; float: right; margin-top: 10px; cursor: pointer; }
.caseSide_05 .QRcon { width: 180px; height: 180px; position: absolute; right: 30px; top: 50%; margin-top: -105px; border-radius: 3px; overflow: hidden; box-shadow: 0px 0px 10px 0px rgb( 100, 100, 100 ); z-index: 2; display: none; }
.caseSide_05 .QRbox:hover .QRcon { display: block; }
.caseSide_05 .icon { position: absolute; left: 0; top: 50%; margin-top: -20px; }
.caseSide_05 h2 { font-size: 16px; color: #333; line-height: 30px; margin: 0; }
.caseSide_05 p { font-size: 12px; color: #999; line-height: 20px; }
.caseSide_06 { padding: 10px 0; }
.caseSide_06 li { padding: 15px 0; }
.caseSide_06 li a { display: block; }
.caseSide_06 li .img { float: left; width: 138px; height: 106px; margin-right: 20px; border-radius: 5px; background-position: center center; background-size: cover; }
.caseSide_06 li a h2 { font-size: 13px; color: #333; line-height: 20px; height: 60px!important; overflow: hidden;/* margin-bottom: 10px; */ }
.caseSide_06 li a p { font-size: 14px; line-height: 18px; height: 36px; overflow: hidden; color: #bfbfbf; width: 98px; margin: 9px 0; }
.caseSide_06 li a:hover p { color: #1cb8cf; }
.caseSide_06 li a:hover h2 { font-weight: bold; color: #1cb8cf; }
.caseSide_06 li a span { line-height: 30px; background: #1cb8cf; display: inline-block; font-size: 12px; text-align: center; color: #ffffff; border-radius: 30px; width: 98px; margin-top: 10px; vertical-align: text-top; }
.caseSide_07 { }
.caseSide_07 ul { }
.caseSide_07 li { padding: 4px 0; }
.caseSide_07 li a { font-size: 13px; line-height: 2; display: block; position: relative; padding: 0 0 0 10px; color: #4f4f50; }
.caseSide_07 li a:hover { color: #1cb8cf; /*font-weight: bold;*/ }
.caseSide_07 li a:before { width: 4px; height: 4px; border-radius: 4px; background: #4f4f50; position: absolute; left: 0; top: 50%; margin-top: -2px; content: ''; }
.caseSide_07 li a:hover:before { background: #1cb8cf }
.caseSide_08 { }
.caseSide_08 img { }
.caseSide_08 a { text-align: center; border-radius: 8px; overflow: hidden; position: relative; display: block; margin-bottom: 10px; }
.caseSide_08 a .t { position: absolute; width: 100%; padding: 0 20px; text-align: center; top: 30px; left: 0; font-size: 15px; color: #fff; line-height: 1; font-weight: bold; }
.caseSide_08 a h2 { color: #fff; font-size: 24px; line-height: 1; text-shadow: 1px 2px 9px #000; font-weight: bold; margin-bottom: 10px; }
.caseSide_08 a span { display: inline-block; color: #312c2c; background: #80fdd6; line-height: 26px; height: 26px; margin-top: 10px; padding: 0 26px; }
.caseSide_08 a:hover { box-shadow: 0px 0px 4px 1px #959595; }
.caseSide_09 {padding-bottom: 0px;}
.caseSide_09 ul { }
.caseSide_09 li {padding-bottom: 40px;}
.caseSide_09 li a { display: block; position: relative; }
.caseSide_09 li img { border-radius: 8px; }
.caseSide_09 li a .t { position: absolute; left: 0; top: 30px; width: 100%; color: #000; font-weight: bold; text-align: center; line-height: 22px; }
.caseSide_09 li a .t h2 { font-weight: bold; line-height: 1; margin-bottom: 10px; }
.caseSide_09 li a .t p { }
.caseSide_09 .swiper-button-prev, .caseSide_09 .swiper-button-next {background: none;color: #fff;font-size: 20px;text-align: center;width: 26px;height: 50px;line-height: 50px;background: #000;opacity: .4;left: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); display: none;}
.caseSide_09:hover .swiper-button-prev, .caseSide_09:hover .swiper-button-next { display: block;}
.caseSide_09 .swiper-button-next{left: inherit;right: 0;}
.caseSide_09 .swiper-button-prev:hover, .caseSide_09 .swiper-button-next:hover {background: #1bb8ce;border-color: #1bb8ce;opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.caseSide_09 .swiper-pagination-switch {background: #afafaf!important;opacity: 1!important;border: 2px solid #fff;width: 10px!important;height: 10px!important;}
.caseSide_09 .swiper-active-switch {background: #fff!important;border-color: #00b8b8!important;}
#caseSide_anli .prev { position: absolute; right: 15px; top: 0; height: 70px; line-height: 70px; color: #d1d1d1; cursor: pointer; }
#caseSide_anli .prev:hover { color: #1cb8cf; }
#caseSide_anli { position: relative; }
.caseSide_txfa { padding: 20px 0 10px; }
.caseSide_txfa li { padding: 0 0 24px; }
.caseSide_txfa li a { display: block; }
.caseSide_txfa li img { width: 100%; height: 97px; }
.caseSide_txfa li a p { text-align: center; font-size: 16px; line-height: 30px; color: #4f4f50; background: #ebebeb; }
.caseSide_txfa li a:hover p { background: #5fcad9; color: #fff; }
.caseSide_tjsb {padding: 15px 0 20px;}
.caseSide_tjsb li { padding: 0 0 5px; }
.caseSide_tjsb li a { display: block; }
.caseSide_tjsb li img { width: 100%; height: 190px; }
.caseSide_tjsb li a p {font-size: 14px;line-height: 40px;color: #4f4f50;text-align: center;}
.caseSide_tjsb li a:hover p { color: #5fcad9; }
.caseSide_tjsb:hover .swiper-button-prev, .caseSide_tjsb:hover .swiper-button-next{margin-top:-50px;}
.caseSide_hotQA { padding: 6px 0; }
.caseSide_hotQA li { border-bottom: 1px solid #cfcfcf; padding: 14px 0; }
.caseSide_hotQA li:last-of-type { border: none; }
.caseSide_hotQA a { display: block; }
.caseSide_hotQA a h3 { font-size: 15px; color: #4f4f50; line-height: 1; padding: 6px 0; }
.caseSide_hotQA a p { font-size: 12px; color: #bfbfbf; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.caseSide_hotQA a:hover h3 { font-weight: bold; color: #1bb8ce; }
.caseSide_weixin { padding: 30px 0 35px; }
.caseSide_weixin img { display: block; margin: 0 auto; border: 1px solid #cacaca; border-radius: 10px; padding: 9px; }
.caseSide_tabNews { padding: 15px 0 0 0; }
.caseSide_tabNews .hd {/* border-bottom: 1px solid #f0f0f0; */ }
.caseSide_tabNews .hd ul { margin: 0 -5px; overflow: hidden; }
.caseSide_tabNews .hd li { width: 33.33333%; float: left; padding: 0 5px;/* border-left: 1px solid rgb(102, 102, 102); */ position: relative; }
.caseSide_tabNews .hd li:before { content: ''; width: 1px; height: 15px; background: #666; position: absolute; left: -1px; top: 9px; }
.caseSide_tabNews .hd a { font-size: 14px; color: #666; text-align: center; display: block; border: 1px solid rgb(249, 250, 250); border-radius: 30px; }
.caseSide_tabNews .hd li.on a {/* background: #1bb8ce; */ color: rgb(27, 184, 206); border-color: rgb(27, 184, 206); }
.caseSide_tabNews .bd { padding: 10px 0; text-align: right; }
.caseSide_tabNews .bd li { padding: 0 0 0 10px; text-align: left; }
.caseSide_tabNews .bd li a { display: block; line-height: 36px; }
.caseSide_tabNews .bd li .pic { float: left; width: 110px; height: 75px; margin-right: 10px; background-position: center center; background-size: cover; }
.caseSide_tabNews .bd li a h2 { font-size: 13px;/* line-height: 18px; */ color: #727577;/* height: 54px; */ overflow: hidden; }
.caseSide_tabNews .bd li a span { float: left; margin-left: -10px; width: 20px;/* display: block; */ }
.caseSide_tabNews .bd li a .time { font-size: 12px; color: #aab2bd; line-height: 1; padding-top: 8px; }
.caseSide_tabNews .bd li a:hover h2 { color: #1bb8ce; font-weight: bold; }
.caseSide_tabNews .bd .more { font-size: 12px; line-height: 25px; color: #1bb8ce; display: inline-block; }
.caseLeft { width: 860px; float: left; min-height: 500px; background: #fff; }
.caseLeftTab {/* background: #f8f8f8; */ margin-top: 30px;}
.caseLeftTab ul { padding: 0 0 20px;/* border-bottom: 1px dashed #e8e8e8; */ margin: 0; height:50px; }
.caseLeftTab li { float: left; padding: 0 27px 0 0; }
.caseLeftTab li a { font-size: 14px; color: rgb(48, 48, 49); text-align: center; line-height: 30px; border: 2px solid rgb(255, 255, 255); display: block; padding: 0 12px; border-radius: 4px; position: relative; }
.caseLeftTab li a:before { content: ''; background: #4fc2d5; width: 10px; height: 10px; position: absolute; left: 50%; bottom: -6px; margin-left: -7px; display: none; transform: rotate(45deg); }
.caseLeftTab li a:hover { color: #4fc2d5; }
.caseLeftTab li.on a { color: #fff; border-color: #4fc2d5; background: #4fc2d5; }
.caseLeftTab li.on a:before { display: block; }
.case_list { overflow: hidden; border-bottom: 1px solid rgb(229, 229, 229); }
.case_list li { padding: 20px 0; border-top: 1px solid rgb(229, 229, 229);/* border-left: 15px solid #fff; *//* border-right: 15px solid #fff; */ margin: 0 0px 0; }
.case_list .pic { float: left; width: 247px; height: 154px; margin-right: 20px; background-position: center center; background-size: cover; }
.case_list .right { width: 690px; float: left; }
.case_list h2 { font-size: 20px; line-height: 1; color: rgb(36, 37, 38); padding: 10px 0 0px; margin-bottom: 14px; font-weight: bold; }
.case_list .tag { line-height: 25px; overflow: hidden; font-size: 14px;/* margin-left: -5px; */ margin-top: 23px; float: left; color: rgb(170, 178, 189); }
.case_list .tag i { font-size: 24px; color: rgb(170, 178, 189); }
.case_list .tag a { color: rgb(170, 178, 189);/* border-left: 1px solid #aab2bd; *//* float: left; *//* line-height: 14px; */ padding: 0 5px 0 5px;/* margin-left: -6px; */ display: inline-block; }
.case_list .info { font-size: 14px; line-height: 25px; color: rgb(68, 68, 68); height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.case_list .time { }
.case_list .time { line-height: 25px; font-size: 14px; color: rgb(170, 178, 189); margin-top: 23px; float: right; }
.case_list .time i { padding: 0 5px 0 10px; font-size: 22px; line-height: 27px; display: inline-block; vertical-align: bottom; color: #ccc; }
.case_list li:hover { border-color: rgb(229, 229, 229); margin-left: 0; margin-right: 0; }
.case_list li:hover .arrow { border-color: #575757; color: #000; }
.case_list li:hover h2 { color: #1bb8ce; }
.pages { text-align: center; padding: 35px 0 60px; background: rgb(255, 255, 255); }
.pages a { display: inline-block; border: 1px solid #e6e6e6; padding: 5px 15px; background: #fff; margin: 0 2px; border-radius: 4px; }
.pages a:hover { background: #f1f1f1;/* color: #1bb8ce; */ }
.pages a.disabled { background: #1bb8ce; color: #fff; cursor: text; border-color: #1bb8ce; }
.case_Detail {/* padding: 0 40px; */ }
.case_DetailHd { padding: 0 0 20px; margin-top: 40px; }
.case_DetailHd .date { width: 44px; height: 47px; border: 1px solid #1bb8ce; text-align: center; background: #f9fafe; font-size: 18px; line-height: 24px; color: #1bb8ce; float: left; margin-right: 15px; }
.case_DetailHd .date .MM { font-size: 14px; line-height: 22px; color: #fff; background: #1bb8ce; display: block; }
.case_DetailHd h1 { font-size: 24px; color: #333; height: 32px; margin: 0; line-height: 1; }
.case_DetailHd .tag { float: left; overflow: hidden; line-height: 1; font-size: 12px; padding-top: 4px; color: rgb(158, 166, 179); }
.case_DetailHd .tag i { font-size: 24px; color: rgb(204, 204, 204); }
.case_DetailHd .tag a { color: #333; border-left: 1px solid #aab2bd; float: left;/* line-height: 14px; */ padding: 0 11px 0 5px; margin-left: -6px; }
.case_DetailHd .time { float: right; font-size: 14px; line-height: 20px; color: #9ea6b3; }
.case_DetailHd .time i { padding: 0 0px 0 10px;/* font-size: 22px; */ line-height: 20px; display: inline-block; vertical-align: bottom; }
.case_DetaiBd { font-size: 15px; line-height: 32px; padding: 0px 0 30px; color: #666; text-indent: 30px; }
.case_DetaiBd p { /*text-indent: 32px;*/ padding: 8px 0; }
.case_DetaiBd img { display: block; margin: 0 auto; padding: 5px 0; border-radius: 10px; }
.case_DetaiPage { border: 1px solid #e2e2e2; padding: 11px 0 11px 0px; border-width: 1px 0; margin-bottom: 40px; }
.case_DetaiPage li { float: left; width: 440px; margin: 0 12px;/* background: #000; */ position: relative; margin: 0; }
.case_DetaiPage li:last-of-type {/* width: 130px; */ float: right; text-align: right; }
.case_DetaiPage li a { display: block; height: 28px; line-height: 28px; padding: 0;/* padding: 0 0 0 50px; */ }
.case_DetaiPage li a i { /* display: inline-block; */ /* float: left; */ width: 28px; height: 28px; border: 1px solid #b3b5b5; border-radius: 28px; line-height: 28px; text-align: center; font-size: 13px; color: #b3b5b5; position: absolute; left: 0; top: 0; }
.case_DetaiPage li a span { display: inline-block; width: 55px; margin-left: -50px; float: left; }
.case_DetaiPage li a:hover { font-weight: bold; color: #1bb8ce; }
.case_DetaiPage li a:hover i { color: #1bb8ce; border-color: #1bb8ce; }
.loaDmore { text-align: center; margin-top: 30px; }
.loaDmore a { border: 1px solid #ddd; border-radius: 4px; display: inline-block; font-size: 15px; line-height: 30px; background: #fff; padding: 0 10px; color: #333; }
.loaDmore a span { color: #ddd; padding: 0 0 0 5px; font-size: 14px; }
.loaDmore a:hover { color: #fff; background: #4276e1; }
.loaDmore a:hover span { color: #fff; }
.loaDmore a.disabled, .loaDmore a.disabled span { color: #ddd !important; border-color: #ddd !important; background: #fff !important }
.BreadCrumbs { line-height: 50px; font-size: 12px; color: rgb(158, 166, 179);/* padding: 10px 0 0 0; *//* margin-left: -10px!important; */ border-bottom: 1px dashed #e4e4e4; }
.BreadCrumbs a { float: left; padding: 0 15px 0 10px; background: url(../img/cp_dot2.png) no-repeat right center; color: rgb(158, 166, 179); text-decoration: none; }
.BreadCrumbs a:hover { color: #4fc2d5; }
.BreadCrumbs a:first-of-type { padding-left: 0; }
.BreadCrumbs span { float: left; padding-left: 10px; }
/*相关推荐*/
.xgtj_list { }
.xgtj_list .hd { line-height: 50px; border-bottom: 1px dashed #e6e6e6; }
.xgtj_list .hd h4 { font-size: 22px; float: left; color: #000; }
.xgtj_list .hd a { float: right; color: rgb(0, 184, 184); font-size: 16px; }
.xgtj_list ul { margin: 0 -20px; }
.xgtj_list li { width: 25%; float: left; padding: 15px 20px 20px; }
.xgtj_list li a { }
.xgtj_list li a .pic { height: 140px; background-position: center center; background-size: cover; }
.xgtj_list li a p { font-size: 14px; line-height: 20px; color: #999999; padding: 10px 0 0 0; }
.xgtj_list li a:hover p { color: rgb(0, 184, 184); }
.QA_list { border-bottom: 1px solid rgb(241, 241, 241); }
.QA_list li { border-top: 1px solid #f1f1f1; padding: 25px 0; }
.QA_list li a h2 { line-height: 1; font-size: 16px; color: #444444; font-weight: bold; }
.QA_list li a:hover h2 { color: rgb(28, 184, 207); }
.QA_list li .tag { padding-bottom: 5px; line-height: 35px; color: rgb(158, 158, 158); }
.QA_list li .tag i { display: inline-block; /* color: #9e9e9e; */ font-size: 24px; margin-right: 5px; }
.QA_list li .tag a { font-size: 14px; color: #9e9e9e; }
.QA_list li .tag a:hover { color: rgb(28, 184, 207); }
.QA_list li .info a { color: rgb(28, 184, 207); }
.QA_list li .info { font-size: 14px; line-height: 26px; color: #666; }
.QA_list li .bd { padding: 6px 0 14px 0; line-height: 30px; font-size: 12px; color: #9e9e9e; }
.QA_list li .bd span { padding: 0 20px 0 0; }
.QA_list li .bd span a { }
.QA_list li .ba span i { }
.QA_list li .textBox { background: #f7f8fa; padding: 24px 30px 0; }
.QASideBar { }
.QASideBar .caseSideItemBox { border: 1px solid #f1f1f1;/* margin-bottom: 25px; */ padding: 0 20px; background: none; margin-bottom: 10px; }
.QASideBar .caseSideTitle { font-size: 20px; color: #404243; position: relative; line-height: 60px; height: 60px; border-bottom: 1px solid #e9e9e9; }
.QASideBar .caseSideTitle span { font-size: 12px; color: #999; font-weight: normal; }
.QASideBar .caseSideTitle a { float: right; font-size: 14px; color: #1bb8ce; }
.QASideBar .caseSide_hotQA { padding: 6px 0; }
.QASideBar .caseSide_hotQA li { border-bottom: 1px dashed #eee; padding: 14px 0; }
.QASideBar .caseSide_hotQA li:last-of-type { border: none; }
.QASideBar .caseSide_hotQA a { display: block; }
.QASideBar .caseSide_hotQA a h3 { font-size: 16px; color: #242424; line-height: 1; padding: 6px 0; }
.QASideBar .caseSide_hotQA a p { font-size: 12px; color: #727577; lin;
line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.QASideBar .caseSide_hotQA a:hover h3 { font-weight: bold; color: #1bb8ce; }
.case_DetailHd .bd { padding: 6px 0 14px 0; line-height: 30px; font-size: 14px; color: #9e9e9e; float: right; }
.case_DetailHd .bd span { padding: 0 0 0 20px; }
.case_DetailHd .bd span a { }
.case_DetailHd .ba span i { }
.searchNoWrap { padding: 45px 0 0 0; }
.searchNoWrap .hd { height: 210px; background: #eee; text-align: center; line-height: 210px; font-size: 20px; color: #a1a7a9; }
.searchNoWrap .hd i { display: inline-block; border: 1px solid #a1a7a9; height: 33px; line-height: 33px; width: 33px; border-radius: 33px; font-size: 23px; margin-right: 10px; }
.searchNoWrap .hd span { color: #00b6b6; }
.searchNoWrap .bd { padding: 30px 0 200px; }
.searchNoWrap .bd a { display: block; margin: 0 auto; width: 130px; line-height: 36px; border: 1px solid #00b6b6; text-align: center; border-radius: 5px; font-size: 16px; color: #75787d; }
.searchNoWrap .bd a:hover { background: rgb(0, 182, 182); color: #fff; }
.search_list { margin-top: 45px; background: #eee; padding: 18px 30px; }
.search_list li { }
.search_list li a { font-size: 14px; color: #444; line-height: 42px; padding: 0 0 0 15px; position: relative; }
.search_list li a:hover { color: rgb(127, 139, 164); }
.search_list li a:before { content: ''; width: 5px; height: 5px; background: #7f8ba4; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 5px; }

.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
.breadCrumb { padding: 10px 0; line-height: 30px; }
.breadCrumb span { color: #0eb2c8; }
.breadCrumb a.current { color: red; border: 1px solid #dedede; padding: 3px 10px; border-radius: 4px; }
.breadCrumb a.current i { font-size: 12px; padding: 0 0 0 5px; color: red; }
.breadCrumb p i { color: #0eb2c8; font-weight: bold; }
.filter { background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgb( 204, 204, 204 ); margin-bottom: 15px; border-radius: 4px; overflow: hidden;   margin-top: 10px; }
.filter dl { border-bottom: 1px solid #ededed; position: relative; min-height: 45px; padding: 0 0 0 130px; }
.filter dl:last-of-type { border: none; }
.filter dd { position: absolute; left: 0; top: 0; height: 100%; width: 130px; color: #666; background: #f8f8f8; text-indent: 36px; line-height: 45px; }
.filter .BrandList { }
.filter .BrandList li { width: 11.1111111111111%; float: left; }
.filter .BrandList li i { width: 133px; width:126px; height: 73px; display: block; margin: 0 auto; margin-left:-4px;}
.filter .BrandList li .icon_01 { background-position: 0 -672px; }
.filter .BrandList li .icon_02 { background-position: -143px -672px; }
.filter .BrandList li .icon_03 { background-position: -286px -672px; }
.filter .BrandList li .icon_04 { background-position: -429px -672px; }
.filter .BrandList li .icon_05 { background-position: -572px -672px; }
.filter .BrandList li .icon_06 { background-position: -715px -672px; }
.filter .BrandList li .icon_07 { background-position: 0 -757px; }
.filter .BrandList li .icon_08 { background-position: -143px -757px; }
.filter .BrandList li .icon_09 { background-position: -286px -757px; }
.filter .BrandList li .icon_10 { background-position: -429px -757px; }
.filter .BrandList li .icon_11 { background-position: -572px -757px; }
.filter .BrandList li .icon_12 { background-position: -715px -757px; }
.filter .BrandList li .icon_13 { background-position: 0 -842px; }
.filter .BrandList li .icon_14 { background-position: -143px -842px; }
.filter .BrandList li .icon_15 { background-position: -286px -842px; }
.filter .BrandList li .icon_16 { background-position: -429px -842px; }
.filter .BrandList li .icon_17 { background-position: -572px -842px; }
.filter .BrandList li a { border: 1px solid #ededed; border-color: #ededed #ededed #fff #fff; display: block; height: 75px; position: relative; overflow:hidden;}
.filter .BrandList li:nth-of-type(9n+9) a { border-bottom-color: #ededed; }
.filter .BrandList li .text { background: #fff; position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; line-height: 26px; padding: 11px 0 0 0; display: none; }
.filter .BrandList li a:hover, .filter .BrandList li.on a { border-color: #0eb2c8 }
.filter .BrandList li a:hover .text, .filter .BrandList li.on .text { display: block; color: #0eb2c8; }
.filter .typeList { line-height: 45px; }
.filter .typeList li { float: left; padding: 0 20px; font-size:13px;}
.filter .typeList li a { padding: 3px 5px; border-radius: 3px; color: #666; }
.filter .typeList li a:hover { background: #ddf5f8; }
.filter .typeList li.on a { color: #fff; background: #0eb2c8; }
.filter2 { background: #f7f7f7; border: 1px solid #e5e5e5; height: 47px; line-height: 45px; border-radius: 4px; overflow: hidden; margin-bottom: 10px; padding: 0 10px; position: relative; }
.filter2 .select { float: left; border: 1px solid #e6e6e6; border-width: 0 1px; padding: 0 10px; }
.filter2 .select.on { background: #0eb2c8; color: #fff; }
.filter2 .select:first-of-type { margin-left: 10px; }
.filter2 .select:last-of-type { border-left: none; }
.filter2 .page { }
.filter2 .page span { color: #000; }
.filter2 .page span i { color: #666; }
.filter2 .page .prev, .filter2 .page .next { padding: 4px 10px; border: 1px solid #d5d5d5; font-size: 15px; line-height: 46px; color: #000; border-radius: 3px; }
.filter2 .page .disabled { color: #d5d5d5; cursor: text; }
.filter2 form { width: 380px; height: 30px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -165px; background: #fff; border: 1px solid #ddd; line-height: 28px; border-radius: 30px; padding: 0 15px; }
.filter2 form .text { width: 100%; }
.filter2 form .btn { width: 30px; height: 30px; border-radius: 30px; position: absolute; right: 0; top: -1px; line-height: 30px; background: #d4d4d4; color: #fff; cursor: pointer; }
/*.proList { margin: 0 -4px 10px; }
.proList li { width: 33.3333333%; padding: 0 4px 8px; float: left; }
.proList li a { background: #fff; display: block; padding: 0 0 88px; position: relative; overflow: hidden; }
.proList li .hd { position: absolute; left: 0; bottom: 0; height: 88px; width: 100%; background: #277dfb; color: #fff; text-align: center; }
.proList li a .hd h2 { font-size: 24px; line-height: 45px; padding: 7px 0 0 0; }
.proList li a .hd p { }
.proList li a .hd p span { background: #277dfb; display: inline-block; padding: 0 10px; position: relative; }
.proList li a .hd p span:after, .proList li a .hd p span:before { content: ""; width: 200px; height: 1px; background: #7baffd; position: absolute; right: -200px; top: 50%; }
.proList li a .hd p span:after { right: inherit; left: -200px; }
.proList li a .bd { background: url(../img/proListBg.png) repeat-x; ; position: absolute; left: 0; bottom: -236px; height: 236px; width: 100%; padding: 132px 0 0 0; text-align: center; color: #fff; opacity: 0; }
.proList li a .bd span { display: inline-block; border: 1px solid #7baffd; min-width: 200px; margin-bottom: 4px; }
.proList li a:hover .hd { bottom: -88px; opacity: 0; }
.proList li a:hover .bd { bottom: 0; opacity: 1; }*/
.pages{ text-align:center; padding:10px 0 20px;}
.pages a{display:inline-block; border:1px solid #e6e6e6; padding:5px 15px; background:#fff; margin:0 2px; border-radius:4px;}
.pages a:hover{ background:#f1f1f1;}
.pages a.disabled{background: #0eb2c8; color:#fff; cursor:text; border-color:#0eb2c8;}

/*����*/
.proDetailNav{ height:40px; line-height:40px; background:#2b2a2c;}
.proDetailNav li.m{float:left; padding: 0 10px 0 0; color:#a1a1a1; position:relative; overflow:hidden;}
.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;}
.proDetailMainPic{ /*height:800px; */background:url(../img/001.gif) repeat-x #2f2f2f; background-size:auto 100%;}
/*���ӻ�*/
.proDetail_ksh{ background:#f3fbfe; padding:0 0 70px;}
.proDetail_ksh .top{ height:240px; text-align:center; padding:50px 0 0 0;}
.proDetail_ksh .top h2{font-size:46px; color:#141414;}
.proDetail_ksh .top p{ font-size:19px; color:#3d3d3d;}
.proDetail_ksh .center{ background:url(../img/003.jpg) no-repeat center center;}
.proDetail_ksh ul{}
.proDetail_ksh li{float:left; width:16.666666%; position:relative; padding:0 0 0 60px; font-size:16px; color:#000;}
.proDetail_ksh li span{ width:44px; height:44px; position:absolute; left:0; top:0;}
.proDetail_ksh li .icon_01{ background-position:-205px -491px;}
.proDetail_ksh li .icon_02{ background-position:-249px -491px;}
.proDetail_ksh li .icon_03{ background-position:-293px -491px;}
.proDetail_ksh li .icon_04{ background-position:-205px -535px;}
.proDetail_ksh li .icon_05{ background-position:-249px -535px;}
.proDetail_ksh li .icon_06{ background-position:-293px -535px;}
/*��Ҫ����*/
.proDetail_zygn{ background:url(../img/004.jpg) no-repeat center center; min-height:585px; text-align:center;}
.proDetail_zygn h2{height:227px;color: #000;font-size:46px;padding:75px 0 0 0;}
.proDetail_zygn .list{}
.proDetail_zygn .list p{width:16.6666666%;float:left;font-size: 16px;color: #000;}
.proDetail_zygn .list span{width:110px;height:132px;display:block;margin:0 auto;font-size: 24px;line-height:36px;padding:20px 0 0 0;color: #fff;}
.proDetail_zygn .list .t1 span{ background-position:-441px -51px;}
.proDetail_zygn .list .t2 span{ background-position:-441px -183px;}
.proDetail_zygn .list .t3 span{ background-position:-441px -315px;}
.proDetail_zygn .list .t4 span{ background-position:-551px -51px;}
.proDetail_zygn .list .t5 span{ background-position:-551px -183px;}
.proDetail_zygn .list .t6 span{ background-position:-551px -315px;}
/*Ӧ�ü�ֵ*/
.proDetail_yyjz{ background:url(../img/005.jpg) no-repeat center bottom #fff; min-height:1284px;}
.proDetail_yyjz img{display:block; margin:0 auto;}
.proDetail_yyjz .hd{height:232px; text-align:center;}
.proDetail_yyjz .hd h2{font-size:46px; color:#141414; padding:70px 0 0 0;}
.proDetail_yyjz .hd p{ font-size:19px; color:#3d3d3d;}
.proDetail_yyjz ul{ background:url(../img/005_03.png) no-repeat center 0; padding:80px 0 0 0;}
.proDetail_yyjz ul li{ text-align:center; float:left; width:14.28571%; position:relative; padding:110px 0 0 0; height:250px; color:#fff;}
.proDetail_yyjz ul li span{/*width:113px; height:110px;*/width:92px;height:92px;border-radius:92px;background-position: -227px -51px;position:absolute;left:50%;top:0;margin-left:-46px;box-shadow: 10px 10px 10px rgba(0, 85, 175, 0.56);}
.proDetail_yyjz ul li h2{ font-size:22px;}
.proDetail_yyjz ul li p{ font-size:15px; line-height:27px;}
.proDetail_yyjz ul li:nth-of-type(2) span{background-position: -340px -51px;}
.proDetail_yyjz ul li:nth-of-type(3) span{background-position: -227px -161px;}
.proDetail_yyjz ul li:nth-of-type(4) span{background-position: -340px -161px;}
.proDetail_yyjz ul li:nth-of-type(5) span{background-position: -226px -271px;}
.proDetail_yyjz ul li:nth-of-type(6) span{background-position: -341px -271px;}
.proDetail_yyjz ul li:nth-of-type(7) span{background-position: -226px -381px;}
/*���ݴ���*/
.proDetail_sjcs{ background:url(../img/006.gif) repeat-x #3884cc; min-height:934px; text-align:center; color:#fff; padding-bottom:30px;}
.proDetail_sjcs img{ display:block; margin:0 auto;}
.proDetail_sjcs h2{font-size:46px; padding:65px 0 0 0;}
.proDetail_sjcs p{ font-size:19px; padding:0 0 26px;}
/*��վ��ʽ*/
.proDetail_zzfs{ background:url(../img/007.jpg) no-repeat center center; min-height:909px;}
/*��Ʒ����*/
.proDetail_info{ background:#f6f7fb;}
.proDetail_info .top{ height:180px; text-align:center; color:#121212; padding:60px 0 0 0;}
.proDetail_info .top h2{ font-size:46px; line-height:63px;}
.proDetail_info .top p{ font-size:18px; line-height:35px;}
.proDetail_info dl{ padding:70px 0; position:relative; border-bottom:1px dashed #b1b1b2;}
.proDetail_info dl{ position:relative;}
.proDetail_info dd{ font-size:24px; color:#000; position:absolute; left:0; top:70px;}
.proDetail_info dd i{ width:35px; height:49px; background-position:-441px 0; float:left; margin:0 10px;}
.proDetail_info dl:last-of-type{border:none;}
.proDetail_info dt{ width:740px; float:right;min-height:200px;}
.proDetail_info dt img{}




.proDetail_info .canshu{ width:100%; padding:0px 0 0 0;}
.proDetail_info .canshu ul{ float:left; width:710px; padding:80px 0 0 10px;color:#67696e;}
.proDetail_info .canshu li{ position:relative; min-height:34px; padding:0 0 25px 140px;}
.proDetail_info .canshu li:last-of-type{padding-bottom:0;}
.proDetail_info .canshu li span{ font-size:16px; color:#1b5cff; text-align:center; border:1px solid #1b5cff; width:130px; height:34px; border-radius:34px; position:absolute; left:0; top:0;}
.proDetail_info .canshu li p{ padding:3px 0 0 0; }
.proDetail_info .canshu .imgBox{ float:right; width:570px;}
.proDetail_info .canshu img{ /*float:right; max-width:570px;*/ float: right;}
.proDetail_info .canshuText{}
.proDetail_info .canshuText li{/*zoom: 1; */line-height:36px;}
.proDetail_info .canshuText li:after { content: ""; display: block; clear: both; height: 0;font-size:19px; }
.proDetail_info .canshuText li span{float:left; width:150px;  color:#111}
.proDetail_info .canshuText li p{ width:590px; color:#333; float:left;}
.proDetail_info .canshuText em{font-size:12px; color:#777;}