@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: 14%; 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 16px 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/fb_remote_ops/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; }


/*--1.行业现状--*/
.fb_remote_ops{ padding: 60px 0px; background-color:#FFFFFF;}
.fb_remote_ops_content{ position: relative; height: 168px; background: url(../images/fb_remote_ops/fb_remote_ops.png) no-repeat left top; box-shadow:3px 3px 18px #bac0ce; margin-top: 35px;}
.fb_remote_ops_content p{ position: absolute; left:100px; top:45px; width: 980px; font-size:14px; color:#888; line-height:25px; }

/*--2.行业痛点--*/
.big_data{ padding: 60px 0px; background-color:#fafafa;}
.big_data_ul{margin-top: 40px; }
.big_data_ul li{ float: left; position: relative; width:300px; padding:35px 0px 35px 80px; margin-right: 24px;background-color:#FFFFFF;  box-shadow:3px 3px 12px #e5e8f1; }
.big_data_ul li:last-child{ margin-right: 0px; }
.big_data_ul li h3{ font-size: 24px; color: #000; padding-bottom: 16px; font-weight: normal;margin-left: 40px;}
.big_data_ul li p{ font-size:16px; color:#555; margin-top: 16px; padding-left: 30px; background: url(../images/fb_remote_ops/one_mark.png) no-repeat left center;}
.big_data_ul li span{ display: block; position: absolute; top:0; left: 0; width:380px; height:9px; background-image: linear-gradient(to right,#4362ff,#0040e3); }


/*--3.系统概述--*/
.int_sec{ padding: 60px 0px; background-color:#FFFFFF; }
.int_sec_content{ position: relative; width: 1190px; height: 274px; background: url(../images/fb_remote_ops/security_bg.png) no-repeat left top; box-shadow:3px 3px 18px #bac0ce; margin-top: 35px;}
.int_sec_content p{ position: absolute; right:40px; top:50px; width: 720px; font-size:15px; color:#888; line-height:28px; }

/*--4.系统架构--*/
.class_hp{ background-color: #fafafa; padding: 60px 0; }
.class_hp_content{ position: relative;  border: solid 10px #eef1f8; margin-top: 30px; background:#fff;  background-repeat: no-repeat; background-position:  33px 36px;}
.class_hp_content img{ margin: 30px 30px;}

/*--5.系统功能--*/
.system_function{padding: 60px 0px}
.product_system{ box-shadow: 3px 3px 18px #bac0ce;}
.product_system_ul{ float:right; width:610px; margin-top: 48px;}
.product_system_ul li{ float: left;  width:210px; margin-right: 95px; margin-bottom:20px;   }
.product_system_ul li .product_system_img{ float: left; }
.product_system_ul li p{ float: left; font-size:18px; color: #333; margin-left: 30px; line-height: 58px;   }

/*--6.系统优势--*/
.env_monitoring{ background-color: #fafafa; padding: 60px 0;}
.env_monitoring_ul{ margin-top:30px;}
.env_monitoring_ul li{ float: left; width: 360px; height: 240px; box-shadow:3px 3px 18px #bac0ce; margin-right:36px;background-color: #FFFFFF;}
.env_monitoring_ul li h3{ font-size: 18px; color: #fff; background: url(../images/fb_remote_ops/product_title.png) no-repeat left top; padding-left: 27px; line-height: 50px;  font-weight: normal;}
.env_monitoring_ul li  p{ width: 300px; font-size:14px; color:#888; margin: 15px 0px 25px 28px; line-height: 26px; text-align:justify; text-justify:distribute-all-lines; /*兼容ie浏览器*/}

/*--7.应用场景--*/
.info-container{width:1200px;height: 540px;margin:0 auto;padding:0}
.info-container-title h2{font-weight:400;font-size:36px;}
.info-container-list{background:#fff;padding:42px 0}
.info-listItem{width:340px;margin:0 26px 0 32px;float:left}
.info-listItem-list{margin-bottom:17px}
.info-listItem-list dt{height:180px;position:relative;margin-bottom:20px;overflow:hidden}
.info-listItem-list dt a img{width:340px;height:180px;transition:all .4s}
.info-listItem-list dt a span{position:absolute;left:0;right:0;color:#fff;bottom:10px;font-size:15px;padding:0 24px;line-height:24px;height:24px;overflow:hidden;transition:all .2s}
.info-listItem-list dt a:hover img{transform:scale(1.05)}


/*--line_frame & line_function--*/	
.system_frame{ box-shadow: 3px 3px 18px #d4d5d8; padding:45px 80px 40px 60px; margin-bottom: 40px; background-color:#fff;}