@charset "utf-8";
/* CSS Document */
.fl{ float: left; }
.fr{ float: right; }

/*--楼层定位样式--*/
.flex-direction-nav{ width:100%;}
.flex-direction-nav a{width:120px;height:150px;line-height:99em;overflow:hidden;display:block;background:url(../images/ad_ctr.png)  no-repeat; z-index:100;cursor:pointer;-webkit-transition:all .3s ease; opacity:0.5;position:absolute;top:15%;}
.flex-direction-nav .flex-next{background-position:0px -200px; right:-70px;}
.flex-direction-nav .flex-prev{left:-80px;}

.flexslider{position:relative;width:100%;}
.flex-control-nav{position:absolute; top:300px; left:40%; height: 22px;text-align:center;}
.flex-control-paging{ overflow:hidden;}
.flex-control-paging li{ float:left; margin-right:10px;}
.flex-control-paging li a{ display:block;width:40px;height:6px;overflow:hidden;border-radius:3px; color:#ddd;background:#ddd;cursor:pointer; opacity:0.3;}
.flex-control-paging li a.flex-active{background:#9a9a9a; color:#9a9a9a;}
/*-- top style --*/
.zxshop_nav{overflow:hidden;}
.zxshop_nav li{ float:left; width: 25%; text-align: center; /*margin: 0 40px 0 30px;*/}
.zxshop_nav li a{ font-size:14px; color:#e2e2e2;  margin:0 34px; line-height:50px;}
.zxshop_nav li a:hover{ color:#0462cd;}
.zxshop_nav li .zxshop_cur{ color:#0462cd;}
.xz_margin li{margin: 0 40px 0 30px; }
.xz_margin li a{ color:#333; }
/*-- line action --*/
nav {position: relative;align-items: center;}
nav .line {height: 2px;position: absolute;bottom: 0;margin: 10px 0 0 30px;background:#0462cd;}
nav ul{display: flex;justify-content:center;}
nav ul li{margin: 0 40px 0 0;transition: all 0.4s ease;color:#0462cd;}

/*--main--*/
.productline_banner{ position: relative; background: url(../images/production_line/banner_bg.png) no-repeat top center;}
.productline_banner .container{ padding: 125px 0;}
.productline_banner .container h1{ font-size:49px; color:#f5f9ff; text-align: center; padding-bottom: 35px; background-image: url('../images/production_line/bigtitle_icon.png'),url('../images/production_line/bigtitle_icon.png');
background-position:29% 35%, 71% 35%; background-repeat: no-repeat,no-repeat;font-weight:bold;
}
.productline_banner .container p{ font-size:14px; color:#b1afc2;text-align: center; line-height:26px; height:52px;width: 670px; overflow: hidden; margin:0px auto; background: url(../images/production_line/bigtitle_line.png) no-repeat top center; padding-top: 18px;}

/*--common_title--*/
.part_title{ font-size: 24px; color: #333; margin: 20px 0; text-align: center; }
.title_p{ font-size: 14px; color: #888; }


/*--env_monitoring--*/
.env_monitoring{ margin-bottom: 90px; margin-top: 70px;}
.env_monitoring_ul{ margin-top:30px; }
.env_monitoring_ul li{ float: left; width: 580px; height: 164px; box-shadow:3px 3px 18px #bac0ce; margin: 0px 30px 20px 0;}
.env_monitoring_ul .margin0,.env_monitoring_ul li:last-child{ margin-right: 0px;}
.env_monitoring_ul li h3{ font-size: 18px; color: #fff; background: url(../images/intelligent_element/theory_title.png) no-repeat left top; padding-left: 27px; line-height: 50px;  font-weight: normal;}
.env_monitoring_ul li  p{ width: 520px; font-size:14px; color:#888; margin: 15px 0px 25px 28px; line-height: 26px; text-align:justify; text-justify:distribute-all-lines; /*兼容ie浏览器*/}


/*--function_feature--*/
.function_feature_bg{ background-color:#f5f9ff; padding: 60px 0; margin-bottom: 80px;}
.function_feature{box-shadow:3px 3px 18px #bac0ce; margin-top: 30px;}
.function_feature_p{width:712px; height: 160px;  background: url(../images/env_monitoring/function_feature_bg.png) no-repeat center center; padding:48px 40px;font-size: 15px; color: #fff; line-height: 28px; }
.function_feature_ul li{background-color: #fff; float: left;  width: 336px; height: 222px; padding-top:33px; padding-left:60px;  border-bottom: solid 1px #e5e5e5;}
.function_feature_ul li img{ display: block; margin-bottom: 15px;}
.function_feature_ul li p{ width: 282px; font-size:14px; color:#666; line-height:26px; }


/*--structure--*/
.structure{ padding-top:165px; padding-bottom: 100px; margin-top: 40px; margin-bottom: 40px; background-image: url(../images/env_monitoring/structure_bg.png),url(../images/intelligent_element/value_icon.png),url(../images/env_monitoring/structure_bg02.png); background-repeat: no-repeat,no-repeat,no-repeat; background-position:left top,40px 160px,left bottom;box-shadow:3px 3px 18px #bac0ce;}
.structure p{ width: 972px; margin:0 auto 10px auto; text-align: center; font-size:15px; color:#666; line-height: 29px; }
.structure img{ display: block; width: 972px; margin: 0 auto;}


/*--Architecture--*/
.Architecture{ background-color: #fafafa; padding: 70px 0;}
.Architecture_content{ border: solid 10px #eef1f8; padding:25px 98px; margin-top: 30px; background:#fff; overflow: hidden;  background-image: url(../images/intelligent_element/value_icon.png); background-repeat: no-repeat; background-position: 33px 36px;  }
.Architecture_content_ul{ overflow: hidden; margin-bottom: 60px; }
.Architecture_content_ul li{ float: left; width:448px; margin-top: 42px; margin-right: 75px; }
.Architecture_content_ul li:last-child{margin-right: 0px; }
.Architecture_content_ul li h3{ width:140px; height:35px; line-height: 35px; font-size: 15px; color: #fff; background-image: linear-gradient(to right,#4362ff,#0040e3); text-align: center; font-weight: normal; }
.Architecture_content_ul li p{ font-size: 15px; color: #666; margin-top: 18px; line-height: 29px; }
/*--Architecture_hardware--*/
.Architecture_hardware{ margin-bottom: 30px; }
.Architecture_hardware h3{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px; }
.Architecture_hardware h4{ font-size: 15px; color: #888; font-weight: normal; margin-bottom: 25px; }
.Architecture_hardware_ul{ overflow: hidden; }
.Architecture_hardware_ul li{ float: left; width:300px;margin-right:36px; background-color:#f7f9fe; background-color: #f7f9fe; }
.Architecture_hardware_ul li:last-child{ margin-right: 0px; }
.Architecture_hardware_ul li img{ display: block;  padding:30px 40px 12px;  }
.Architecture_hardware_ul li .hei_middle{ display: table; height:90px; width: 100%; background-image: linear-gradient(to right,#4362ff,#0040e3); }
.Architecture_hardware_ul li .hei_middle p{ display: table-cell; vertical-align: middle; font-size:14px; color: #fff; line-height: 22px; padding-left:82px;   }

.Architecture_content_h3{font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px;  }
.Architecture_content_h4{ font-size: 15px; color: #888; font-weight: normal; margin-bottom: 25px; }
/*--Architecture_change--*/
.change_css{ margin-top: 0px; background-image:none; border-top:none; padding-top:50px; padding-bottom: 50px;}
.change_css .Architecture_content_ul{ margin-bottom: 0px; }
.change_css li{ margin-top: 0px;}