/**    公用样式部分     **/
* { padding: 0; margin: 0; border: 0; list-style: none; text-decoration: none;} 
.width1200{ width: 1200px; margin: 0 auto;}
.width1400{ width: 1400px; margin: 0 auto;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0
}
.clearfix {
	zoom: 1
}
.displayFlex{ display: flex;}
/**     头部样式         **/
.header{padding: 15px 0px;}
.header .list{margin-left:120px;}
.header .list ul li{float:left;height:30px;line-height:30px;text-align:center; margin-top:10px; position: relative;}
.header .list a{text-decoration:none;color:gray;display:block;height:30px; line-height: 30px; width: 100px;}
.header .list a img{margin-left:5px;display:inline-block;vertical-align: middle;}
.header .list ul ul{display:none; position: absolute; z-index: 9999999999999; padding: 15px 0px;}
.header .list ul ul li{ background: #fff; margin-top: 0px;height:40px;line-height:40px;}
.header .list ul ul li a{ height: 40px; line-height: 40px;}
.header .list ul ul li a:hover{ background:#4C88FF; color: #fff}
.header .phone{color:gray; margin-left: 120px; margin-top:8px;}
.header .phone span{display: inline-block; vertical-align: middle;}
.header .phone label{color: #3d6ac9; font-size: 24px;margin-left: 8px;display: inline-block; vertical-align: middle;}
.header .phone img{margin-right:2px;display:inline-block;vertical-align: middle;}

/**     banner    **/
.banner .bannerBack{width: 100%; height: 670px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat;overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;background-image: url(../images/bannerback.png);}
.banner .bannerLeft{width: 610px; height: 670px;}
.banner .bannerLeft .p1{font-size:50px;font-family:PingFang SC;font-weight:400;color:rgba(255,255,255,1);padding-top: 150px;}
.banner .bannerLeft .p2{width: 556px;font-size:26px;font-family:PingFang SC;font-weight:300;line-height:40px;color:rgba(255,255,255,1);padding-top: 20px;}
.banner .bannerLeft .p3{display: flex; margin-top: 30px;}
.banner .bannerLeft .p3 span:last-child{ margin-left: 20px;}
.banner .bannerLeft .p3 span a{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255);background: #5facfe;border-radius:3px; padding: 20px 50px;}
.banner .bannerLeft .p3 span a:hover{ background: #92c3fe;}
.banner .bannerRight{width: 510px;height: 670px; margin-left: 81px;}
.banner .bannerRight .p1{
    margin-top:130px;
}

/**      超时代u盘防复制软件系统        **/

/**    u盘数据安全防范,从现在开始   **/
.swap_1{height: 640px;background:rgba(247,248,249,1);padding-top: 130px;}
.swap_1 h3{ font-size:30px; font-family:PingFang SC; font-weight:400; line-height:42px; color:rgba(52,70,88,1); letter-spacing:4px; text-align: center;}
.swap_1 .s1content{ margin:72px 10px 0 10px; float: left; width:376px; height:400px; background:rgba(255,255,255,1); box-shadow:0px 10px 20px rgba(0,0,0,0.1); border-radius:8px; text-align: center}
.swap_1 .s1content .p1{ margin-top:54px;}
.swap_1 .s1content .p2{ margin-top:35px;font-size:20px;font-family:PingFang SC;font-weight:400;line-height:28px;color:rgba(52,70,88,1);}
.swap_1 .s1content .p3{ width:240px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:26px;color:rgba(52,70,88,1); margin: 10px auto 0 auto;}


/**    超时代专业企业防窃密而生   **/
.swap_2{height: 640px;padding-top: 100px;}
.swap_2 h3{ font-size:30px; font-family:PingFang SC; font-weight:400; line-height:42px; color:rgba(52,70,88,1); letter-spacing:4px; text-align: center;}
.swap_2 .s2_left{ width: 516px;}
.swap_2 .s2_right{ margin-left: 101px;}
.swap_2 .s2_right .p1{ font-size:26px; font-family:PingFang SC; font-weight:400;line-height:37px;color:rgba(52,70,88,1);letter-spacing:4px; padding-bottom: 10px;}
.swap_2 .s2_right .p2{ font-size:16px; font-family:Microsoft YaHei; font-weight:400; line-height:26px; color:rgba(52,70,88,1); letter-spacing:1px;}


/**   超时代U盘防复制软件系统具备的强大功能  **/
.swap_3{ padding-top: 100px; width: 100%; height: 890px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat;overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;background-image: url(../images/s3_back.png);}
.swap_3 h3{ font-size:30px; font-family:PingFang SC; font-weight:400; line-height:42px; color:rgba(255,255,255,1); letter-spacing:4px; text-align: center; padding-bottom: 20px;}
.swap_3 .s3content{ float: left; width: 240px; margin-right: 170px; text-align: center;margin-top:70px;}
.swap_3 .s3content:nth-child(4){ margin-right: 0px;}
.swap_3 .s3content:nth-child(7){ margin-right: 0px;}
.swap_3 .s3content .p2{margin-top:24px;font-size:20px;font-family:PingFang SC;font-weight:400;line-height:30px;color:rgba(255,255,255,1);}
.swap_3 .s3content .p3{margin-top:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:25px;color:rgba(255,255,255,1);}


/**   高效  **/
.swap_4{height:435px; padding-top: 105px;}
.swap_4 .s4_right{ margin-left: 80px;}
.swap_4 .s4_right .p1{font-size:30px;font-family:PingFang SC;font-weight:400;line-height:42px;color:rgba(52,70,88,1); letter-spacing:4px;}
.swap_4 .s4_right .p2{font-size:22px;font-family:PingFang SC;font-weight:400;line-height:30px;color:rgba(52,70,88,1); margin-top:5px;}
.swap_4 .s4_right .p3{font-size:15px;font-family:Microsoft YaHei;font-weight:400;line-height:25px;color:rgba(52,70,88,1); margin-left: -20px;}
.swap_4 .s4_right .p3 img{ margin-right: 8px;}
.swap_4 .s4_right .p4{margin-top:43px;}
.swap_4 .s4_right .p4 a{border:2px solid #49DC8A; padding: 10px 40px; border-radius:22px; font-size:16px;font-family:Microsoft YaHei; font-weight:400;color:#49DC8A;letter-spacing:2px;}
.swap_4 .s4_right .p4 a:hover{ background: #49DC8A; color:rgba(255,255,255,1);}


/**   精准  **/
.swap_5{height:435px;background:rgba(247,248,249,1); padding-top: 105px }
.swap_5 .s5_left{ margin-right: 80px; margin-left: 20px;}
.swap_5 .s5_left .p1{font-size:30px;font-family:PingFang SC;font-weight:400;line-height:42px;color:rgba(52,70,88,1); letter-spacing:4px;}
.swap_5 .s5_left .p2{font-size:22px;font-family:PingFang SC;font-weight:400;line-height:30px;color:rgba(52,70,88,1); margin-top:5px;}
.swap_5 .s5_left .p3{font-size:15px;font-family:Microsoft YaHei;font-weight:400;line-height:25px;color:rgba(52,70,88,1); margin-left: -20px;}
.swap_5 .s5_left .p3 img{ margin-right: 8px;}
.swap_5 .s5_left .p4{margin-top:43px;}
.swap_5 .s5_left .p4 a{border:2px solid #49DC8A; padding: 10px 40px; border-radius:22px; font-size:16px;font-family:Microsoft YaHei; font-weight:400;color:#49DC8A;letter-spacing:2px;}
.swap_5 .s5_left .p4 a:hover{ background: #49DC8A; color:rgba(255,255,255,1);}


/**   智能  **/
.swap_6{height:435px; padding-top: 105px}
.swap_6 .s6_right{ margin-left: 80px;}
.swap_6 .s6_right .p1{font-size:30px;font-family:PingFang SC;font-weight:400;line-height:42px;color:rgba(52,70,88,1); letter-spacing:4px;}
.swap_6 .s6_right .p2{font-size:22px;font-family:PingFang SC;font-weight:400;line-height:30px;color:rgba(52,70,88,1); margin-top:5px;}
.swap_6 .s6_right .p3{font-size:15px;font-family:Microsoft YaHei;font-weight:400;line-height:25px;color:rgba(52,70,88,1); margin-left: -20px;}
.swap_6 .s6_right .p3 img{ margin-right: 8px;}
.swap_6 .s6_right .p4{margin-top:43px;}
.swap_6 .s6_right .p4 a{border:2px solid #49DC8A; padding: 10px 40px; border-radius:22px; font-size:16px;font-family:Microsoft YaHei; font-weight:400;color:#49DC8A;letter-spacing:2px;}
.swap_6 .s6_right .p4 a:hover{ background: #49DC8A; color:rgba(255,255,255,1);}


/**   安全  **/
.swap_7{height:435px;background:rgba(247,248,249,1); padding-top: 105px}
.swap_7 .s7_left{ margin-right: 80px; margin-left: 20px;}
.swap_7 .s7_left .p1{font-size:30px;font-family:PingFang SC;font-weight:400;line-height:42px;color:rgba(52,70,88,1); letter-spacing:4px;}
.swap_7 .s7_left .p2{font-size:22px;font-family:PingFang SC;font-weight:400;line-height:30px;color:rgba(52,70,88,1); margin-top:5px;}
.swap_7 .s7_left .p3{font-size:15px;font-family:Microsoft YaHei;font-weight:400;line-height:25px;color:rgba(52,70,88,1); margin-left: -20px;}
.swap_7 .s7_left .p3 img{ margin-right: 8px;}
.swap_7 .s7_left .p4{margin-top:43px;}
.swap_7 .s7_left .p4 a{border:2px solid #49DC8A; padding: 10px 40px; border-radius:22px; font-size:16px;font-family:Microsoft YaHei; font-weight:400;color:#49DC8A;letter-spacing:2px;}
.swap_7 .s7_left .p4 a:hover{ background: #49DC8A; color:rgba(255,255,255,1);}


/**   更懂你的疑虑，给你坚实的技术与服务保障  **/
.swap_8{ height:1313px;background:rgba(251,252,253,1); padding-top: 100px;}
.swap_8 h3{ font-size:40px;font-family:PingFang SC; font-weight:400;line-height:80px;color:rgba(52,70,88,1);letter-spacing:4px; text-align: center;}
.swap_8 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:rgba(116,116,116,1);letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_8 .s8content{ float: left; width:370px; height:451px; margin-right: 40px; background: #fff; margin-top: 60px; text-align: center;box-shadow:0px 40px 40px rgba(177,208,249,0.15);}
.swap_8 .s8content:nth-child(5){ margin-right: 0px;}
.swap_8 .s8content:nth-child(8){ margin-right: 0px;}
.swap_8 .s8content .p1{ margin-top: 66px;}
.swap_8 .s8content .p1 .s_on{ display: none;}
.swap_8 .s8content .p1 .s_off{ display: block;}
.swap_8 .s8content .p2{ margin-top: 30px;font-size:22px;font-family:PingFang SC; font-weight:400; line-height:30px; color:#344658; letter-spacing:2px;}
.swap_8 .s8content .p3{ height: 100px; font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:26px; color:#747474; width: 310px; margin: 12px auto 0 auto;}
.swap_8 .s8content .p4{ margin-top: 40px; display:none;}
.swap_8 .s8content .p4 a{ background-color: #fff; padding: 12px 40px; font-size:15px;font-family:Microsoft YaHei; font-weight:400;color:rgba(75,100,126,1); border-radius:23px;box-shadow:0px 10px 20px rgba(0,0,0,0.16);}
.swap_8 .s8content .p4 a:hover{ background-color:#41ABFD; color: #fff; }
.s8contentOn{background:linear-gradient(#41ABFD,#4C88FF) !important}
.s8contentOn .p1 .s_on{ display: block !important;}
.s8contentOn .p1 .s_off{ display: none !important;}
.s8contentOn .p2{color: #fff !important}
.s8contentOn .p3{color: #fff !important}


/** 选择适合你的版本，开始免费试用   **/
.swap_9{height:2300px; padding-top: 100px;}
.swap_9 h3{ font-size:40px;font-family:PingFang SC; font-weight:400;line-height:80px;color:rgba(52,70,88,1);letter-spacing:4px; text-align: center;}
.swap_9 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:rgba(116,116,116,1);letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_9 .s9content{ width:275px; height:358px; margin-right: 25px;border-radius:5px; box-shadow:0px 5px 20px rgba(0,0,0,0.05); margin-top: 60px; position: relative;}
.swap_9 .s9content .postion{ position: absolute; right: 20px;}
.swap_9 h5{font-size:30px; font-family:PingFang SC; font-weight:400; color:rgba(52,70,88,1);margin-top:100px; text-align: center;}
.swap_9 .s9content .s9contentHeader{height:70px; font-size:22px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); letter-spacing:2px; line-height: 70px; text-align: center;border-radius:5px 5px 0px 0px;}
.swap_9 .s9content:nth-child(1) .s9contentHeader{background:linear-gradient(to right,#5172FF,#7F98FF);}
.swap_9 .s9content:nth-child(2) .s9contentHeader{background:linear-gradient(to right,#41ABFD,#4C88FF);}
.swap_9 .s9content:nth-child(3) .s9contentHeader{background:linear-gradient(to right,#DDB799,#B78463);}
.swap_9 .s9content:nth-child(4) .s9contentHeader{background:linear-gradient(to right,#FE826B,#FF525B);}
.swap_9 .s9content .s9contentContent{ height: 220px;}
.swap_9 .s9content .s9contentContent p{ width: 210px; margin:0 auto; text-align:center;}
.swap_9 .s9content .s9contentContent p.p1{ padding-top: 30px;font-size:16px; font-family:Microsoft YaHei; font-weight:400;color:rgba(52,70,88,1);letter-spacing:2px;}
.swap_9 .s9content .s9contentContent p.p1 label{ color: #344658; font-size:40px;}
.swap_9 .s9content .s9contentContent p.p2{ margin-top: 18px;font-size:14px;font-family:Microsoft YaHei; line-height: 22px; font-weight:400; color:rgba(52,70,88,1);letter-spacing:2px;}
.swap_9 .s9content .s9contentFooter{ text-align: center;}
.swap_9 .s9content .s9contentFooter a{ font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); letter-spacing:2px; padding: 10px 30px;}
.swap_9 .s9content:nth-child(1) .s9contentFooter a{background:linear-gradient(to right,#5172FF,#7F98FF);}
.swap_9 .s9content:nth-child(2) .s9contentFooter a{background:linear-gradient(to right,#41ABFD,#4C88FF);}
.swap_9 .s9content:nth-child(3) .s9contentFooter a{background:linear-gradient(to right,#DDB799,#B78463);}
.swap_9 .s9content:nth-child(4) .s9contentFooter a{background:linear-gradient(to right,#FE826B,#FF525B);}
.swap_9 table { border:1px solid rgba(240,240,240,1);margin-top: 30px;}
.swap_9 table tr th{ background-color: #43A5FD; font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); padding:15px 3px; text-align: center;border: 1px solid rgba(240,240,240,1); }
.swap_9 table tr td{ background:rgba(255,255,255,1); padding: 15px 3px; text-align: center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;line-height:30px;color:rgba(51,51,51,1); border: 1px solid rgba(240,240,240,1);}
.swap_9 table tr:nth-child(2n) td{ background:rgba(248,248,248,1);}
.swap_9 table tr td:nth-child(1){ color:#43A5FD;}
.s9contentOn{ margin-top: 40px !important;box-shadow:0px 10px 20px rgba(0,0,0,0.1) !important;}


/**  和他们一起使用超时代   **/
.swap_10{height:560px; padding-top: 100px;background:rgba(247,248,249,1);}
.swap_10 h3{ font-size:40px;font-family:PingFang SC; font-weight:400;line-height:80px;color:rgba(52,70,88,1);letter-spacing:4px; text-align: center;}
.swap_10 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:rgba(116,116,116,1);letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_10 h4 label{ font-size: 36px;}
.swap_10 .p1{ margin-top: 58px;}


/**  体验U盘安全加密的整体解决方案，从超时代开始  **/
.swap_11{width: 100%; height: 430px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat;overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;background-image: url(../images/s11_back.png); text-align: center}
.swap_11 .p1{ font-size:30px;  font-family:PingFang SC; font-weight:400;  color:rgba(255,255,255,1); margin-top: 130px;}
.swap_11 .p2{ margin-top: 10px; font-size:20px; font-family:PingFang SC;  font-weight:400; color:rgba(255,255,255,1);}
.swap_11 .p3{ margin-top: 50px;}
.swap_11 .p3 a{ background-color: #fff; padding: 10px 30px; border-radius:22px; font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(57,97,188,1);}
.swap_11 .p3 a:hover{ background-color:#41ABFD; color: #fff; }


/**  全新的安全教学知识获取方式  **/
.swap_12{height:1150px; padding-bottom: 300px;}
.swap_12 .s12contentHeader{background:linear-gradient(#41ABFD,#4C88FF);height:378px; padding-top: 50px; position: relative;}
.swap_12 h3{ font-size:40px;font-size:50px;font-family:PingFang SC;font-weight:300;line-height:80px;color:rgba(255,255,255,1);letter-spacing:4px; text-align: center;}
.swap_12 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:rgba(255,255,255,1);letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_12 .postion{ margin-top:42px; width: 1100px; height: 460px; position: absolute; background: #fff; left: 50%; margin-left:-550px;box-shadow:0px 0px 20px rgba(189,189,189,0.5);border-radius:20px;}
.swap_12 .postion .s12Cnpy{ width: 367px; text-align: center; position: relative;}
.swap_12 .postion .s12Cnpy .rightBorder{ position: absolute;right: 0px; top: 108px; width: 1px;height:254px;background:rgba(242,242,242,1);}
.swap_12 .postion .s12Cnpy .header{background:linear-gradient(160deg,rgba(138,95,255,1) 0%,rgba(0,162,213,1) 100%);border-radius:20px;width:110px;height:110px; margin: 70px auto 0 auto; padding: 0;}
.swap_12 .postion .s12Cnpy:nth-child(2) .header{background:linear-gradient(160deg,rgba(255,227,69,1) 0%,rgba(254,0,111,1) 100%);}
.swap_12 .postion .s12Cnpy:nth-child(3) .header{background:linear-gradient(334deg,rgba(58,143,236,1) 0%,rgba(0,222,199,1) 100%);}
.swap_12 .postion .s12Cnpy .header .p1{ font-size:24px;font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); padding-top: 28px;}
.swap_12 .postion .s12Cnpy .header .p2{ font-size:14px;font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); padding-top: 2px;}
.swap_12 .postion .s12Cnpy .p3{ font-size:32px; font-family:PingFang SC; font-weight:300; color:rgba(35,35,35,1); margin-top: 20px; padding-bottom: 30px;}
.swap_12 .postion .s12Cnpy .p4{ font-size:18px; font-family:Microsoft YaHei; font-weight:300; line-height: 32px; color:rgba(141,141,141,1);}
.swap_12 .s12contentContent{ height: 576px; margin-top: 382px;}
.swap_12 .s12contentContent .s12_right{ width:432px; margin-left: 138px;}
.swap_12 .s12contentContent .s12_right .p1{ font-size:44px; font-family:PingFang SC;  font-weight:300;  color:rgba(35,35,35,1); }
.swap_12 .s12contentContent .s12_right .p2{ font-size:16px; font-family:Microsoft YaHei; font-weight:400; color:rgba(141,141,141,1); line-height:29px; margin-top:20px;}
.swap_12 .s12contentContent .s12_right .p3{ margin-top:20px;} 


/**  大黄蜂视频加密软件具备的强大功能  **/
.swap_13{height:860px; background:rgba(251,252,253,1); padding-top: 100px; }
.swap_13 h3{ font-size:40px;font-size:50px;font-family:PingFang SC;font-weight:300;line-height:80px;color:#344658;letter-spacing:4px; text-align: center;}
.swap_13 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#747474;letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_13 ul{ margin-top: 73px;}
.swap_13 ul li{ float: left;  width:492px; height:170px; padding: 20px; margin-left:60px; box-sizing: border-box;}
/*.swap_13 ul li:hover{ border:2px solid rgba(67,165,253,1); box-shadow:0px 10px 40px rgba(177,208,249,0.15); }*/
.swap_13 ul li .p1{ font-size:26px; font-family:PingFang SC; font-weight:400;  line-height:37px; color:rgba(35,35,35,1);}
.swap_13 ul li .p2{ font-size:18px; font-family:Microsoft YaHei; font-weight:400;  line-height:28px; color:rgba(141,141,141,1); margin-top:8px;}
.swap_13 .more{ text-align: center; margin-top:50px;}
.swap_13 .more a{border:1px solid rgba(204,204,204,1); padding: 12px 120px; font-size:18px; font-family:Microsoft YaHei;  font-weight:400; color:rgba(141,141,141,1); letter-spacing:7px;}
.swap_13 .more a:hover{ background-color:#41ABFD; color: #fff; }


/**  视频版权保护专利，让网校授课无忧  **/
.swap_14{ height:610px; background:linear-gradient(180deg,rgba(65,171,253,1) 0%,rgba(76,136,255,1) 100%); padding-top: 100px;}
.swap_14 h3{ font-size:40px;font-size:50px;font-family:PingFang SC;font-weight:300;line-height:80px;color:#fff;letter-spacing:4px; text-align: center;}
.swap_14 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#fff;letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_14 .s14content{ text-align: center; margin:80px 30px 0px 30px;}
.swap_14 .s14content .p1{ font-size: 40px; font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); }
.swap_14 .s14content .p1 label{ font-size:66px; }
.swap_14 .s14content .p2{ font-size:18px; font-family:Microsoft YaHei; font-weight:400; color:rgba(255,255,255,1); opacity:0.5;}
.swap_14 .s14contents{ text-align: center; margin:70px 30px 0px 30px; width:68px;height:68px;border-radius:50%; border: 1px solid #fff; color: #fff; line-height: 68px;}

/**  家客户选择大黄蜂开展知识变现，覆盖教育培训、自媒体、企业内训、内容电商、学校等众多领域   **/
.swap_15{width: 100%; height: 675px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat;overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;background-image: url(../images/s15_back.png);}
.swap_15 p{ text-align: center;}
.swap_15 .p1{ padding-top:188px;}
.swap_15 .p2{ font-size:16px; font-family:PingFang SC; font-weight:400;  color:rgba(255,255,255,1); letter-spacing:3px; margin-top:37px;}
.swap_15 .p2 label{ color:#17DAA3; font-size:28px;}
.swap_15 .p3{ margin-top:25px; font-size:14px; font-family:Arial; font-weight:400; color:rgba(255,255,255,1); letter-spacing:3px;opacity:0.3; }
.swap_15 ul li{ float: left; margin-right: 10px; margin-top:124px; width:10px;height:10px; background:rgba(255,255,255,0); border:2px solid rgba(255,255,255,1); border-radius:50%;}
.swap_15 ul li.hover{ background:rgba(255,255,255);}


/**  超级眼电脑监控系统监管保护企业资料防泄密   **/
.swap_16{ width: 100%; height: 750px;cursor: default;background-position: 50% 50%;background-repeat: no-repeat;overflow: hidden;display: block;outline: none;margin: 0px auto;position: relative;z-index: 1;background-size: cover;background-image: url(../images/s16_back.png); background-size:100% 100%}
.swap_16 .s16_left{ width: 624px;}
.swap_16 .s16_left .p1{ font-size:48px;font-family:PingFang SC; font-weight:400; color:rgba(255,255,255,1); padding-top: 200px;}
.swap_16 .s16_left .p2{ font-size:16px;font-family:Microsoft YaHei; font-weight:400; line-height:30px; color:rgba(255,255,255,1); margin-top:24px;}
.swap_16 .s16_left .p3{ font-size:18px;font-family:Microsoft YaHei; font-weight:400; line-height:32px; margin-top:50px;}
.swap_16 .s16_left .p3 a { background: #00D577; color:rgba(255,255,255,1); padding: 15px 60px;}
.swap_16 .s16_left .p3 a:hover{ background-color:#41ABFD; color: #fff; }


/** 安全、稳定、可依赖的企业安全监管软件 **/
.swap_17{ height:780px; padding-top: 100px}
.swap_17 h3{ font-size:40px;font-size:50px;font-family:PingFang SC;font-weight:300;line-height:80px;color:#344658;letter-spacing:4px; text-align: center;}
.swap_17 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#747474;letter-spacing:4px; text-align: center; margin-top:6px;} 
.swap_17 ul li{ float: left; width:294px; height:420px; border:1px solid rgba(242,242,242,1); margin-top:98px;}
.swap_17 ul li:hover{ width:308px;height:455px;background:rgba(255,255,255,1);border:2px solid rgba(67,165,253,1); box-shadow:0px 6px 18px rgba(220,219,219,1); margin-top:83px; }
.swap_17 ul li p{ text-align:left; padding: 0 30px;}
.swap_17 ul li p.p1{ margin-top:99px;}
.swap_17 ul li p.p2{ font-size:24px; font-family:PingFang SC; font-weight:400; line-height:37px; color:rgba(35,35,35,1);margin-top:5px;}
.swap_17 ul li p.p3{ font-size:16px; font-family:Microsoft YaHei; font-weight:400; line-height:26px; color:rgba(141,141,141,1); margin-top:20px;}


/** 超级眼电脑监控系统监管保护企业资料防泄密 **/
.swap_18{ height:340px; padding-top: 100px;background:rgba(251,252,253,1);}
.swap_18 h3{ font-size:40px;font-size:50px;font-family:PingFang SC;font-weight:300;line-height:80px;color:#344658;letter-spacing:4px; text-align: center;}
.swap_18 h4{ font-size:18px;font-family:Microsoft YaHei;font-weight:400;line-height:28px;color:#747474;letter-spacing:4px; text-align: center; margin-top:6px;} 

/** 超级眼电脑监控系统监管保护企业资料防泄密 **/

.s19content{ position: relative;}
.s19content .postion img{ width: 100%}
.s19content .content{
	background:rgba(26,40,74,1);
	opacity:0.8;
	position: absolute;
	height: 100%;
	width:100%;
	z-index: 9999999;
	top: 0px;
	left: 0px;
	text-align: center;
	display: flex;
	align-items:center;
	justify-content: center;
	flex-flow:column;
	cursor: pointer;
}
.s19content .content .p2{
	font-size:22px;
    font-family:Microsoft YaHei;
     font-weight:400;
     line-height:24px;
     color:rgba(255,255,255,1);
	 letter-spacing:4px;
	 margin-top:58px;
}
.s19content .f_content{	
    text-align: center;
	background:rgba(40,123,206,1);
	opacity:0.9;
	position: absolute;
	height: 100%;
	width:100%;
	z-index: 9999999;
	top: 0px;
	left: 0px;
	text-align: center;
	cursor: pointer;
	display: none
}
.s19content .f_content .p1{
	padding-top: 40px;
}
.s19content .f_content .p2{
    font-size:22px;
   font-family:Microsoft YaHei;
   font-weight:400;
   line-height:24px;
   color:rgba(255,255,255,1);
   letter-spacing:4px;
   margin-top:24px;
}
.s19content .f_content .p3{
	font-size:14px;
	font-family:Microsoft YaHei;
	font-weight:200;
	width: 320px;
	height: 150px;
	line-height:22px;
	color:rgba(255,255,255,1);
	letter-spacing:4px;
	margin:36px auto 0 auto;
}
.s19content .f_content .p4{
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	line-height:24px;
	letter-spacing:4px;
    margin-top:62px;
}
.s19content .f_content .p4 a{
    border:1px solid rgba(255,255,255,1);
	padding: 10px 30px;
	color:rgba(255,255,255,1);
}
.s19content .f_content .p4 a:hover{ background-color:#41ABFD; color: #fff; }


/**  底部  **/
.footer { background-color: #231f1e; padding-top: 40px}
.footer .p_sub {font-size: 14px;color: #666;line-height: 25px;}
.footer .sub_t .sub_t_l { height: 210px;border-right: 1px solid #393635;float: left;width: 273px;}
.footer .sub_t .sub_t_l .p1 {font-size: 16px;color: #a7a7a5;font-weight: 700}
.footer .sub_t .sub_t_l .p2 {font-size: 26px;color: #4d7dff;font-weight: 700;margin-top: 23px}
.footer .sub_t .sub_t_l .p3 {font-size: 13px;color: #484342}
.footer .sub_t .sub_t_l .p4 {margin-top: 40px}
.footer .sub_t .sub_t_l .p4 a {background: #4d7dff;font-size: 15px;color: #fff;padding: 8px 35px;border-radius: 10px}
.footer .sub_t .sub_t_l .p4 a img {vertical-align: middle;margin-right: 6px}
.footer .sub_t .sub_t_z {height: 210px;border-right: 1px solid #393635;float: left;width: 249px;text-align: center;}
.footer .sub_t .sub_t_z .p1 {font-size: 16px;color: #a7a7a5;font-weight: 700}
.footer .sub_t .sub_t_z ul li {font-size: 13px;color: #606060;padding-top: 8px}
.footer .sub_t .sub_t_z ul li:first-child {margin-top: 5px}
.footer .sub_t .sub_t_z ul li a{color: #606060}
.footer .sub_t .sub_t_m {height: 210px;border-right: 1px solid #393635;float: left;width: 331px;margin-left: 49px;padding-right: 20px;}
.footer .sub_t .sub_t_m .p1 {font-size: 16px;color: #a7a7a5;font-weight: 700;padding-bottom: 15px}
.footer .sub_t .sub_t_m .p2 {font-size: 15px;color: #606060;margin-top: 15px}
.footer .sub_t .sub_t_m .p2 img {vertical-align: middle;margin-right: 8px}
.footer .sub_t .sub_t_r {margin-left: 50px;text-align: center;float: left}
.footer .sub_t .sub_t_r .p1 {margin-top: 25px}
.footer .sub_t .sub_t_r .p2 {margin-top: 25px;font-size: 15px;color: #666}
.footer .sub {margin-top:20px;font-size: 14px;color: #666;line-height: 25px;border-top: 1px solid #393635;padding: 15px 0;text-align: center;}