@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;}

/*--iot_sxpt--*/
.part_title{ font-size: 24px; color: #333; margin: 20px 0; text-align: center; }
.iot_sxpt{ margin-top: 60px; margin-bottom: 60px; }
.iot_sxpt_content{ position: relative; width: 1190px; height: 364px; background: url(../images/iot_sxpt/iot_bg.png) no-repeat left top; box-shadow:3px 3px 18px #bac0ce; margin-top: 35px;}
.iot_sxpt_content p{ position: absolute; right:37px; top:72px; width: 600px; font-size:14px; color:#888; line-height:28px; }


/*--feature--*/
.feature_bg{ margin-top: 90px; background: url(../images/iot_sxpt/feature_bg.png) no-repeat left top; padding: 50px 0; }
.feature_ul li{ float: left; width: 380px; background: #fff;  background-image: url(../images/iot_sxpt/feature_top.png),url(../images/iot_sxpt/feature_li_bg.png); background-repeat: no-repeat,no-repeat; background-position: left top,left bottom;  box-shadow:3px 3px 18px #bac0ce; margin: 20px 25px 20px 0; padding-top: 60px; height: 320px}
.feature_ul li:last-child{ margin-right: 0px;}
.feature_ul li img{ display: block; width:60px; margin: 0 auto;}
.feature_ul li h3{ font-size: 15px; color: #000; line-height: 50px; text-align: center; font-weight: normal;}
.feature_ul li span{ display: block; width:24px; height:24px; line-height: 24px; margin: 0px auto; background-color:#eff1ff; border-radius:50%; font-size: 16px; text-align: center; color: #1e50f0; }
.feature_ul li  p{ width: 330px; font-size:13px; color:#999; margin: 15px 0px 25px 28px; line-height: 22px; text-align:justify; text-justify:distribute-all-lines; /*兼容ie浏览器*/}



/*--compose--*/
.compose{padding: 70px 0; }
.compose_content{ position: relative;  border: solid 10px #eef1f8; padding:25px 98px 70px; margin-top: 30px; background:#fff; background-image: url(../images/intelligent_element/value_icon.png),url(../images/iot_sxpt/compose_icon.png); background-repeat: no-repeat,no-repeat; background-position:  33px 36px, 780px 65px;}
.compose_list{ margin-top: 42px; }
.compose_list h3{ width:100px; height:35px; line-height: 35px; font-size: 15px; color: #fff; background-image: linear-gradient(to right,#4362ff,#0040e3); text-align: center; font-weight: normal; }
.compose_list p{ font-size: 15px; color: #666; margin-top: 18px; line-height: 29px; }
.compose_list p span{ display: inline-block; margin-left:152px; }


.compose_hardware{ box-shadow:3px 3px 18px #bac0ce; margin-top: 30px; }  
.compose_hardware .compose_hardware_topbg{ display: block; height: 4px; background-color:#0945e7; }   
.compose_hardware img{display: block; float: left; margin: 20px;}
.compose_hardware h3{  font-size: 16px; color: #000; margin-top: 30px; margin-bottom:5px; }
.compose_hardware p{ width: 660px; font-size: 14px; color: #777; line-height: 25px; }
.width_b{ width:322px; }
.width_b02{ width:632px; }
.compose_hardware .width_b03{ width:290px; margin-bottom:72px;}
.compose_hardware .width_b04{ width:415px; }
.compose_hardware .width_b05{ width:250px; }
.compose_hardware .margin_l{ margin-left: 20px; }