@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: 16.5%; 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; }


/*--intelligent_weight--*/
.intelligent_weight{ margin-top: 80px;}
.intelligent_weight_content{ position: relative; height: 168px; background: url(../images/industry_platform/trend_analysis_bg.png) no-repeat left top; box-shadow:3px 3px 18px #bac0ce; margin-top: 35px;}
.intelligent_weight_content p{ position: absolute; left:100px; top:45px; width: 980px; font-size:14px; color:#888; line-height:25px; }


/*--system_framework--*/
.system_framework{ box-shadow: 3px 3px 18px #bac0ce; padding:25px 32px;  margin-bottom: 60px; margin-top: 40px;}
.system_framework_word{ width: 554px;}
.system_framework_word h2{ padding-left: 24px; font-size: 18px; color: #000; background:url(../images/intelligent_weight/ind_int_eap_bg.png) no-repeat left center; font-weight: normal;
margin-top:25px;}
.system_framework_word_ul{ padding-bottom: 25px;}
.system_framework_word_ul li{ float: left; width:270px; height:42px; line-height:42px; background-color:#f7f7f7; margin-left: 2px; margin-top: 12px; }
.system_framework_word_ul li p{  font-size:14px; color:#3d5895; padding-left: 18px;}


/*--system_function--*/
.system_function_bg{ margin-top: 60px; padding: 50px 0; background-color: #fafbff; }
.system_function_ul li{ float: left; width: 370px; height: 240px; margin: 20px 25px 20px 0; background: #fff; box-shadow:3px 3px 18px #bac0ce; border-left: solid 2px #0140e3;}
.system_function_ul .margin_0{ margin-right: 0px;}
.system_function_ul li img{ display: block; float:left; width:64px; margin:40px 15px 0px 24px; }
.system_function_ul li h3{ font-size:16px; color:#333; margin-top:46px; font-weight: normal; margin-bottom: 12px;}
.system_function_ul li p{width: 230px; font-size:14px; color:#888; line-height: 22px; text-align:justify; text-justify:distribute-all-lines; /*兼容ie浏览器*/}


/*--application_area--*/
.application_area{ margin-bottom: 70px; margin-top: 70px;}
.application_area_ul{ margin-top:40px; }
.application_area_ul li{ float: left; width: 580px; height: 150px; box-shadow:3px 3px 18px #bac0ce; margin: 0px 30px 20px 0;}
.application_area_ul .margin0,.application_area_ul li:last-child{ margin-right: 0px;}
.application_area_ul li h3{ font-size: 18px; color: #fff; background:url(../images/intelligent_weight/application_area.png) no-repeat left top; padding-left: 27px; line-height: 50px;  font-weight: normal;}
.application_area_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_page--*/
.function_page{ background-color: #fafafa; padding: 70px 0; }
.function_page_content{  border: solid 10px #eef1f8; padding: 25px 96px; margin-top: 30px; background:#fff; background-image: url(../images/intelligent_element/value_icon.png); background-repeat: no-repeat; background-position:  33px 36px;}
.function_page_content_ul{ margin-top: 50px;}
.function_page_content_ul li { margin-bottom: 55px; }
.function_page_content_ul li p{ font-size: 16px; color: #666; margin-bottom: 25px; }
.function_page_content_ul li p span{ font-weight: bold; color: #333; }



/*--application_expand--*/
.application_expand{ box-shadow: 3px 3px 18px #bac0ce; padding:25px 32px;  margin-bottom: 60px; margin-top: 40px;}

/*--应用场景--*/
.image-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:auto;margin-bottom:50px}
.media{width:30%;height:30%;display:flex;justify-content:center;align-items:center;margin:10px;overflow:hidden;position:relative}
.media:hover{cursor:pointer}
.overlay{background:rgba(0,0,0,.7);position:absolute;height:100%;width:100%;z-index:3;opacity:0;transition:all ease-in-out .5s}
.media:hover .overlay{opacity:1}
.media img{width:100%;z-index:-1;margin:auto;transform:scale(1);transition:all ease-in-out .5s}
.media:hover img{transform:scale(1.1);filter:blur(2px)}
.image-details{text-align:center;color:#fff;font-size:20px;z-index:4;position:absolute;top:100%;opacity:0;transition:all ease-in-out .5s}
.media:hover .image-details{top:40%;opacity:1}
@media only screen and (max-width:900px){.media{width:70%;height:70%}