﻿@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;}

/*--int_sec--*/
.part_title{ font-size: 24px; color: #333; margin: 20px 0; text-align: center; }

.int_sec{ margin-top: 60px; margin-bottom: 60px; }
.int_sec_content{ position: relative; width: 1190px; height: 274px; background: url(\../images/Internet_security/internet_security_bg.png) no-repeat left top; box-shadow:3px 3px 18px #bac0ce; margin-top: 35px;}
.int_sec_content p{ position: absolute; right:55px; top:60px; width: 720px; font-size:14px; color:#888; line-height:28px; }


/*--int_sec_form--*/
.int_sec_form{ margin-bottom: 90px; margin-top: 90px;}
.int_sec_form_ul{ margin-top: 50px; margin-bottom: 70px; }
.int_sec_form_ul li{ float: left; width:186px; height: 288px; margin-right:14px; box-shadow:3px 3px 18px #bac0ce; background: url(../images/Internet_security/int_sec_form_bg.png) no-repeat left bottom;text-align: center;  }
.int_sec_form_ul li:last-child{ margin-right:0px; }
.int_sec_form_ul li img{ display: block; width:74px; margin: 40px auto 10px auto; }
.int_sec_form_ul li h3{ font-size: 16px; color:#333; font-weight: normal; margin-bottom: 5px;}
.int_sec_form_ul li p{ font-size: 13px; color:#aaa; text-transform: uppercase;}
.int_sec_form_ul li span{ display: block; width:30px; height:3px; border-radius:3px; background-image: linear-gradient(to right,#4362ff,#0040e3); margin: 25px auto 0 auto; }



/*--int_sec_scene--*/
.int_sec_scene{ box-shadow: 3px 3px 18px #bac0ce; background: url(../images/production_line/value_bg.png) no-repeat left bottom; padding:45px 40px 50px;  margin-bottom: 60px; margin-top: 40px;}
.int_sec_scene_ul{ overflow: hidden; border-bottom: solid 7px #f1f1f1; padding-bottom: 25px; margin-bottom: 42px; }
.int_sec_scene_ul li{ float: left; width: 25%; }
.int_sec_scene_ul li img{ display: block; float: left;}
.int_sec_scene_ul li p{  float: left; font-size:18px; color:#000;line-height:55px; margin-left: 25px;}

.int_sec_scene_ul02{ overflow: hidden;}
.int_sec_scene_ul02 li{ float: left; margin-right: 19px; text-align: center; }
.int_sec_scene_ul02 li:last-child{ margin-right: 0px; }
.int_sec_scene_ul02 li h3{ font-size:15px; color:#fff; line-height:35px; padding: 0 30px;  background-image: linear-gradient(to right,#4362ff,#0040e3); font-weight: normal;}
.int_sec_scene_ul02 li img{ display: block;}


/*--int_sec_platform--*/
.int_sec_platform{ background-color: #fafafa; padding: 70px 0; }
.int_sec_platform_content{ position: relative;  border: solid 10px #eef1f8; padding: 25px 56px; margin-top: 30px; background:#fff; background-image: url(../images/intelligent_element/value_icon.png); background-repeat: no-repeat; background-position: 33px 36px;}
.int_sec_platform_list{ margin: 46px 42px 0; }
.int_sec_platform_list h3{ width:132px; height:35px; line-height: 35px; font-size: 15px; color: #fff; background-image: linear-gradient(to right,#4362ff,#0040e3); text-align: center; font-weight: normal; }
.int_sec_platform_list p{ font-size: 15px; color: #666; margin-top: 18px; line-height: 29px; }
.int_sec_platform_list p span{ color: #0643e6; }


.int_sec_platform_ul{ overflow: hidden; margin-left: 42px;}
.int_sec_platform_ul li{ float: left; width:242px; height:126px; display: table; margin-right:20px; margin-top:22px; padding-left:48px; padding-right: 20px; background:#fafafa; background-image: url(../images/Internet_security/int_sec_platform_bg.png); background-repeat: no-repeat; background-position: left center; } 
.int_sec_platform_ul li p{ display: table-cell; vertical-align: middle; font-size:14px; color:#37638a; line-height:26px; }


.int_sec_platform_target{  margin-left: 42px;  margin-top: 65px;}
.int_sec_platform_target h2{ font-size:24px; color: #333; font-weight: normal;  margin-bottom: 30px;}
.int_sec_platform_target_ul{ overflow: hidden; }
.int_sec_platform_target_ul li{ float: left; width: 260px; height: 62px; background-color:#f3f6fd; padding:16px 20px; margin-bottom: 20px; margin-right:36px; }
.int_sec_platform_target_ul li img{ display: block; float: left;}
.int_sec_platform_target_ul li .hei_middle{ display: table; height:62px; margin-left: 18px;width: 180px; line-height: 24px;}
.int_sec_platform_target_ul li .hei_middle p{ display: table-cell; vertical-align: middle; font-size:15px; color:#333; font-weight: normal;}






