@charset "utf-8";
/*内页--数据防泄密*/
.mainbg{background:#048ccf; height:300px;}
.cp1{background: url("../images/cp1.jpg") no-repeat top center #010a53;}
.cp2{background: url("../images/cp2.jpg") no-repeat top center #564caf;}
.cp3{background: url("../images/cp3.jpg") no-repeat top center #048ccf;}
.mainbg .wapper{position:relative;}
.mainbg h1{font-size:48px; line-height:70px; color:#fff; font-weight:normal; padding-top:50px;}
.mainbg h1 .f24{font-size:24px; line-height:48px;}
.mainbg h1 .f14{font-size:14px; line-height:24px; width:480px;}
.mainbg .topimg{position:absolute; top:0; right:0;}
.mainbg .m1{width:32.5%;overflow:hidden; top:20px;}
.mainbg .m2{width:434px; height:466px; overflow:hidden;}
.mainbg .m3{width:371px; height:310px; overflow:hidden;}
.mainbg .m4{width:293px; height:314px; overflow:hidden;}
.bzbg{background:#eee; padding:20px 0px;}
.bzbg .f14{font-size:14px; line-height:24px; color:#666;}
.bzbg .bz2 h4{font-size:18px; line-height:30px; color:#000; font-weight:normal;}
.bzbg .bz2 p{background:url(../images/dian_b.png) no-repeat 0px 6px; padding-left:15px;}
.title{font-size:30px; line-height:80px; color:#dd0000; background:url(../images/dian.png) no-repeat left 25px; padding-left:30px; font-weight:normal;}
.bzbg .bz2 em{color:#048ccf;}
.bzbg .bz2 span{padding-left: 10px; line-height: 30px;}
.title em{font-size:14px; color:#888; padding-left:20px;}
.listcp1{overflow:hidden;zoom:1;}
.listcp1 li{float:left; width:25%;color: #666; border-top:1px solid #fff;border-right:1px solid #fff;padding:10px 10px 10px 20px; height:290px; overflow:hidden; background:#eee;}
.listcp1 li h3{font-size:24px; color:#048ccf; line-height:24px; padding-bottom:10px; font-weight:normal;}
.listcp1 li img{width:100px; height:100px;}
.listcp1 .bg{background:#f9f9f9;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.listys{overflow:hidden;zoom:1; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.listys li{float:left;width:25%; padding:10px 20px; height:280px; overflow:hidden; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.listys li h3{font-size:18px; line-height:24px; padding-bottom:10px; font-weight:normal; color:#000; text-align:center;}
.listys em{display:block; width:66px; height:66px; background:#aaa; color:#fff; border-radius:33px; margin:10px auto; font-size:48px; line-height:66px; text-align:center;}


.neihe{background:url(../images/bg_a1.jpg) no-repeat top center; background-size:100%;  padding-top:180px; overflow:hidden;zoom:1;}
.neihe li{float:left; width:20%; padding:0 18px;}
.neihe li h3{font:24px/90px '微软雅黑'; text-align:center; color:#fff; font-weight:normal; margin:20px auto; width: 90px; height: 90px; border-radius:20%; border: 3px solid #fff;  background: #f60;}
.neihe .bgred{background:#e70012;}
.neihe .bggreen{background:#32b16c;}
.neihe .bgpurple{background:#058cd0;}
.neihe .bgb{background:#8a57a2;}
.bgblue{background:#048ccf; margin:10px auto 0 auto; padding: 20px 0;}

.youshi{padding:0 40px;overflow:hidden;}
.youshi li{overflow:hidden;zoom:1; color:#fff;}
.youshi .y1{background:url(../images/ys_t1.png) no-repeat 0 0; padding-left:80px;}
.youshi li h3{font-size:36px; line-height:50px; font-weight:normal;}
.youshi li h3 em{display:block; font-size:18px; line-height:26px;}
.youshi li h3 span{display:block; font-size:24px; line-height:36px;}
.youshi .y1 p{width:60%;}
.youshi .y2 .fr{float:right; background:url(../images/ys_t2.png) no-repeat 0 0; padding-left:80px; width:45%; margin:80px 30px 0 0;}
.youshi .y2 img{margin-top: 20px;}
.youshi .y3{background:url(../images/ys_t3.png) no-repeat 0 0; padding-left:80px; margin-top:20px;}
.youshi .y4{background:url(../images/ys_t4.png) no-repeat 0 0; padding-left:80px; margin-top:20px; float:left; width:60%;}
.youshi .y4 p{width:216px;}
.youshi .y5{background:url(../images/ys_t5.png) no-repeat 0 0; padding-left:80px; margin-top:30px; float:right; width:40%;}

/*内页--内网管理系统*/
.listb1,.listb2,.listd1{overflow:hidden;zoom:1;}
.listb1 li{float:left; width:130px; padding:20px 18px 0px 18px; height:175px; background:#eee; color:#000;}
.listb1 .green{background:#48bbb6; color:#fff; padding-right:19px;}
.listb1 li h3,.listb2 h3{font-size:18px; padding-bottom:10px; text-align:center; font-weight:normal;}
.listb1 .t{width:166px; text-align:center; font-size:26px; line-height:30px; color:#000; font-weight:normal; height:175px; padding:10px 0px;}
.listb1 .t img,.listb2 .t img,.listb4 dt img,.lb5 ul .t img{display:block; margin:0px auto; max-width: 80%;}

.listb2{margin:30px 0px; overflow:hidden;zoom:1;}
.listb2 .fl{width:35%; text-align:right; }
.listb2 .fl h3{text-align:right;color:#048ccf;}
.listb2 .fr{width:35%; float:left;}
.listb2 .fr h3{text-align:left; color:#048ccf;}
.listb2 .t{float:left; width:21%; height:220px; padding-top:10px; background:#ee0000; color:#fff;font-size:26px; line-height:30px; text-align:center; margin:0 3%;}
.listb2 .mt30{margin-top:30px;}
.listb3{margin-top:80px;}
.listb3 ul{position:relative; float:left; width:33.3%; padding:120px 20px 30px 25px; height:460px; background:#eee; border-right:1px solid #fff;}
.listb3 ul .t{position:absolute; width:140px; top:-65px; left:25px; font-size:26px; color:#000;}
.listb3 ul h3,.listb4 dd h3{font:18px/24px '微软雅黑'; margin-top:15px; color:#048ccf;}
.listb3 .bg1{background:#f5f5f5;}
.listb3 .bg2{background:#eee;}
.listb4{margin:30px 0px;}
.listb4 dl{float:left; width:50%; overflow:hidden;zoom:1;}
.listb4 dt{float:left; width:45%; height:230px; background:#048ccf ; font-size:26px; color:#fff; text-align:center; border-radius:115px;}
.listb4 dd{padding-left:35px; width:50%; float:left;}
.listb4 dd h3{color:#048ccf;}
.listb4 dt img{margin-top:20px;}
.listb4 .b2{background:#48bbb6;}
.listb4 .b3{background:#fff100 ; color:#000; border-radius:0px; margin-top:60px;  height:200px; }
.listb4 .b4{background:#8956a1;border-radius:0px;margin-top:60px;width:200px; height:200px;}
.listb4 .b3,.listb4 .b4{width:45%;}
.listb4 .b3 img,.listb4 .b4 img{margin-top:5px;}
.lb5{margin:0px;}
.lb5 ul{background:#eee; color:#888; padding-top:200px; height:360px;}
.lb5 ul .t{top:10px; color:#000; width:180px;}
.lb5 ul h3{color:#048ccf; margin:0px;}
.lb5 ul .mt10{margin-top:15px;}
.cp2img img{width: 100%;}

/*内页--网络准入控制系统*/
.listc1{border:1px solid #ddd; overflow:hidden;zoom:1; background:#eee;}
.listc1 li{float:left; width:20%; padding:10px 20px; height:210px;}
.listc1 li img{margin:0 auto; display:block;}
.listc1 li h3{font-size:18px; line-height:24px; font-weight:normal; color:#000; text-align:center; margin-bottom:5px;}
.listc1 .cbg{background:#fff; width:20%;}
.listc2{margin:0 0 20px 0px;  }
.listc2 ul{padding-top:20px; height:400px;background:#eee; color:#999;}
.listc2 ul li h3{color:#000;}

@media screen and (max-width:1000px)
{
    .title em{line-height: 24px; display: inline-block; width: 80%;}
    .youshi{padding:20px;}
    .youshi .y1 img{width: 40%;}
    .youshi .y2 img{width: 40%; margin-top:5%;}
    .youshi .y2 .fr{width: 60%; margin: 80px 0 0 0;}
    .youshi .y3 img{width: 35%;}
    .youshi .y3 p{width: 65%;}
    .lb5 ul {height: 380px;}
    .listb3 ul{height:480px;}
    .listc1{background: none; border: none}
    .listc1 li,.listc1 .cbg{width:33.3%; }
    .listc1 .cbg{background:#f5f5f5;}
}
@media screen and (max-width:767px)
{
    .listcp1 li{width: 33.3%;background: none;}
    .listcp1 .bg{background: none;}
    .listcp1 p,.listys p{font: 13px/19px '微软雅黑';}
    .listys li{width:33.3%;}
    .listcp1 li:nth-of-type(odd){background: #f5f5f5;}
    .youshi .y2 .fr{margin: 0;}
    .youshi .y2 img{margin: 0;}
    .youshi li h3 {font:30px/42px '微软雅黑';}
    .youshi li p{font: 13px/19px '微软雅黑';}
    .youshi .y4,.youshi .y5{float: none; width: 100%;}
    .youshi .y4 p{width: 60%;}
    .youshi .y4 img{width: 40%;}
    .youshi .y2 img{ float: right;}
    .youshi .y2,.youshi .y3,.youshi .y4{margin-top:40px;}
    .neihe{padding-top:15%;}
    .neihe li h3 {
        font: 24px/70px '微软雅黑';
        width: 70px;
        height: 70px;
        border:2px solid #fff ;
    }
    .listb1 p,.listb2 p,.listb3 p,.listb4 p,.listb5 p{font: 12px/18px '微软雅黑';}
    .listb3 ul .t,.listb4 dt,.listb2 .t{font:bolder 22px/30px '微软雅黑';}
    .listb4 dt img{width: 80%;}
    .mainbg h1 .f14 {width:50%;}
    .listb3 ul{width:100%; float: none; padding: 20px; height: auto;}
    .listb3{margin:0;}
    .listb3 ul .t { overflow: hidden;
        position: relative;
        width:100%;
        top:0;
        left:0; text-align: center;}
    .listb3 ul .t img{width:30%; margin: 0 auto; display: block;}
    .listc1 p{font: 12px/18px '微软雅黑';}

}

@media screen and (max-width:579px)
{
    .listcp1 li,.listys li{width:50%;}
    .listcp1 p,.listys p,.neihe p{font: 12px/18px '微软雅黑';}
    .listcp1 li h3{font: 20px/30px '微软雅黑'; padding: 0;}
    .listys li h3{font:16px/24px '微软雅黑';}
    .listys li{padding: 10px 13px; height: 270px;}
    .listys em {
        display: block;
        width:50px;
        height: 50px;
        border-radius: 25px;
        font-size:36px;
        line-height:50px;
    }
    .listcp1 li:nth-of-type(odd){background:none;}
    .listcp1 li:nth-child(4n+0){background:#f5f5f5;}
    .listcp1 li:nth-child(4n+1){background:#f5f5f5;}
    .title em{display: block; width: 100%; padding: 0;font: 12px/18px '微软雅黑'; margin-bottom: 20px;}
    .neihe li{width:33.3%; padding:0 8px; height: 240px;}
    .youshi li img{display: none;}
    .youshi{padding: 10px;}
    .youshi li h3 {font:26px/36px '微软雅黑'; color:#fff799;}
    .youshi .y1 p,.youshi .y2 p,.youshi .y3 p,.youshi .y4 p{width: 100%;}
    .youshi .y2 .fr{width: 100%; float: none;}
    .mainbg h1 {font:32px/60px '微软雅黑';}
    .mainbg h1 .f14 {width:60%;}
    .lb5 ul:nth-of-type(odd){background:#f5f5f5;}
    .listb2 .fl,.listb2 .fr{float: none; width: 100%; text-align: left;}
    .listb2 .fl h3{text-align: left;}
    .listb2{position: relative; padding-top: 130px;}
    .listb2 .t{position: absolute; width: 100%; height: auto; text-align: center; top:0; margin: 0; background:none; color: #000;}
    .listb2 .t img{width:30%; margin: 0 auto; display: block;}
    .listb2 h3{margin-top: 30px;}
    .listb4{margin:0;}
    .listb4 dl,.listb4 dt,.listb4 dd,.listb4 .b3,.listb4 .b4,.listb4 .b2{float:none;width:100%; height: auto; padding: 10px; margin-top: 0; background:none; color: #000;}
    .listb4 dt img{width:30%; margin: 0 auto; display: block;}
    .listb4 .b3,.listb4 .b4,.listb4 .b2{border-radius:0; padding: 10px; margin-top:20px;}
    .listb4 p{color:#888;}
    .listb4 dl:nth-of-type(odd){background:#f5f5f5;}
    .listb3 .bg2{background: #fff;}
    .lb5 ul:nth-of-type(even){background:#f5f5f5;}
    .cp2{background: url("../images/cp2s.jpg") no-repeat bottom center #564caf; background-size:100%; }
    .cp2 h1{padding-top: 20px;}
    .cp2 h1 .f14{width: 100%;}
    .cp3{background-size:150%; background-position: bottom right; }
    .cp3 h1{padding-top: 20px;}
    .cp3 h1 .f14{width: 100%;}

}
@media screen and (max-width:430px)
{
    .listc1 li,.listc1 .cbg{width:50%; }
    .listc1 .cbg{background: none;}
    .listc1 li:nth-child(4n+0){background:#f5f5f5;}
    .listc1 li:nth-child(4n+1){background:#f5f5f5;}
}
@media screen and (max-width:374px)
{

}