@charset "utf-8";
/*跨网文件安全交换系统 EFS*/
/*2020-06-16 by clanlan*/
@font-face {
    font-family: 'PF_light';
    src:url('../font/PingFang Light.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PF';
    src:url('../font/PingFang Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
.container h2{font: 36px/60px "PF_light"; color: #000;}
.container h2 em{ display:block;font: 26px/60px "PF_light"; }
.container p{color: #666;}
.container img{max-width:100%;}
.w80{width: 80%; margin:0 auto 50px auto;}
.pb50{padding-bottom: 50px;}
.pb40{padding-bottom: 40px;}
.bgblue{background:#f2fafe; padding: 10px 0;}
.bgblue2{background:#d2e1f3; padding: 30px 0;}
.bgblue2 h4{font: 24px/40px "PF"; color: #000; margin-bottom:10px;}
.bgblue2 ul li{width: 25%; float: left; text-align: center;}
.cp-menu{background:#d2e1f3; }
.cp-menu ul{overflow: hidden;}
.cp-menu ul li{display: inline;}
.cp-menu ul li a{padding:15px 15px; float: left;}
.cp-menu ul .hover a{color: #00a0e9;}
.mainbg{width:100%; height: 400px; background: #1277af; padding-top: 90px;  color: #fff; }
.mainbg .wapper{position: relative; height: 100%;}
.kwbg{background: url("../images/kw_bg.jpg") no-repeat top center; margin-bottom: 100px;}
.aboutUsbg{background:url("../images/us_01.jpg") no-repeat top center; height: 579px; padding-top:40px; text-align: center; }
.aboutUsbg2{background:url("../images/us_05.jpg") no-repeat top center; height: 585px; padding-top:250px; }
.mainbg h3{font:22px/30px "PF_light"; }
.mainbg h1{font: 48px/70px "PF_light";}
.mainbg p{line-height: 24px; width:500px;}
.kw_ys{width: 100%; position: absolute; left: 0; bottom:-55px; height: 110px; border-radius: 10px; background: #f2fafe; overflow: hidden;}
.kw_ys li{width: 25%; float: left; text-align: center; font: 16px/30px ""; color: #666; padding-top: 20px;}
.kw_ys li h3{font:42px/42px "PF_light";  }
.kw_ys li p{width: 100%;}
.kw_ys li .up em,.kw_ys li .down em{background: url("../images/kw_up.png") no-repeat 0 0; width: 21px; height: 34px; display: inline-block;}
.kw_ys li .down{color: #f39800;}
.kw_ys li .down em{background-image: url("../images/kw_down.png");}
.kw_ys li .up{color: #32b16c;}

.line_box{border-top: 1px solid #eee; padding: 50px 0; overflow: hidden; min-height: 290px; width: 100%;display: flex;  align-items: center; }
.line_box h3{font: 24px/40px "PF"; color: #000;}
.line_box h5{font: 16px/20px ""; margin-bottom: 20px;}
.line_box p{line-height: 30px; position: relative; padding-left: 20px;}
.line_box p:before{content: "●"; margin-right: 10px; color: #999; position: absolute; left: 0; top: 0;}
.img{width: 50%;}
.text{width: 50%; padding-left:20px;}
.w70{width:70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.W45{width:45%;}
.w55{width:55%;}
.w40{width: 40%;}
.w30{width:30%;}
.line_box .fr.img{text-align: right;}
.anli{overflow: hidden; margin:0 0 30px 0;}
.anli li{float: left; width: 18%; margin: 10px 1%; background: #fff; padding: 20px 0; text-align: center;}

.ydbg{background: url("../images/yd_bg.jpg") no-repeat top center;}
.yd_list{overflow: hidden; margin-bottom:50px;}
.yd_list li{float: left; width:30%; margin: 10px 1.5%; border: 3px solid #d2e1f3; padding:10px 20px; min-height: 290px; text-align: center;}
.yd_list h3,.yd_cj h3{font:24px/40px "PF"; color: #000;}
.yd_cont .line_box{padding:40px 0; min-height: 200px; border-top: 1px solid #cee2f3;}
.yd_cont .line_box .text{width:60%;}
.yd_cont .line_box .img{width:40%;}
.yd_jz{background:#97bcda; padding:10px 0;}
.yd_jz ul,.jm_tex{overflow: hidden; margin-bottom:20px;}
.yd_jz li{float: left; width: 23%; margin: 20px 1%; background: #c5d9ea; padding:10px 20px; border-radius: 20px; min-height: 210px; text-align: center;}
.yd_jz li h3{font:24px/40px "PF"; color: #000; margin:20px 0;}
.yd_cj{text-align: center; padding-bottom: 20px;}
.yd_cj li{ display: inline-block; width: 27%; margin:0 3% 30px 3%; vertical-align: top; text-align:left;}
.yd_cj li img{max-width: 100%;}
/*终端管理*/
.zdbg{background: url("../images/zdbg.jpg") no-repeat top center; margin-bottom:60px; padding-top: 120px;}
.zd_cont .line_box{padding:60px 0; border:none; }
.zd_cont .line_box .text p{line-height: 24px; margin-top: 8px;}

/*文件加密*/
.border_bot{border-bottom: 1px solid #c1d8eb;}
.jmbg{background: url("../images/jmbg.jpg") no-repeat top center; margin-bottom:0; padding-top: 120px;}
.jm_tex li{float: left; width:25%; padding:10px 24px; min-height: 250px; text-align: center;}
.jm_tex li h3{font:18px/30px "PF"; color: #000;}
/*准入*/
.zrbg{background: url("../images/zrbg.jpg") no-repeat top center; margin-bottom:60px; padding-top: 120px;}
.zr_tab{width: 100%; margin-bottom: 50px;}
.zr_tab td,.zr_tab th{border: 1px solid #b3cfe7; padding:10px; font: 14px/24px "PF"; color: #000; text-align: center;}
.zr_tab th{background: #e0eef8;}
.zr_cont{width: 100%; overflow-x:auto;}

/*about Us*/
.us_list{overflow: hidden; padding: 50px 0; width: 1120px; margin: 0 auto;}
.us_list li{ float: left;width:27%; margin: 0 3%; background: #fff; padding:40px 0; border-radius: 20px; font:30px/48px "PF"; color: black; text-align: center; }

@media screen and (max-width:1000px)
{
    .us_list{width:100%;}
    .us_list li{font:26px/48px "PF";}
}
@media screen and (max-width:768px)
{

    .ydbg{height:300px; background-size: auto 100%;}
    .kwbg{height: 360px; background-size: auto 100%;}
    .zdbg{height:300px; background-size: auto 100%; padding-top: 80px;}
    .jmbg{height:300px; background-size: auto 100%;padding-top: 80px;}
    .aboutUsbg{height:400px; background-size: auto 100%; padding-top: 20px; padding-right:60px; }
    .aboutUsbg2{height:400px; background-size: auto 100%; padding-top:160px;}
    .mainbg h3{font:18px/30px "PF_light"; padding-left: 5%;}
    .mainbg h1{font:36px/60px "PF";padding-left: 5%;}
    .mainbg p{line-height:20px;padding-left: 5%;}
    .aboutUsbg h1,.aboutUsbg2 h1{font:36px/60px "PF_light";}


    .kw_ys{width:96%; margin-left: 2%; bottom:-40px; height:auto;}
    .kw_ys li{width: 25%; padding:15px;font: 14px/20px ""; }
    .kw_ys li h3{font:30px/32px "PF_light";  }
    .kw_ys li .up em,.kw_ys li .down em{height:24px; background-size: auto 100%;}

    /*.line_box .img{max-width:48%;}*/
    .line_box .text{margin-top: 50px;}
    .line_box .text{margin-top:20px;}
    .line_box_min .fl,.line_box_min .fr{float: none; text-align: center;}
    .line_box_min .img{min-width:unset;max-width:unset;}
    .line_box_min .text{max-width:unset;margin-top: 0; margin-bottom: 20px; text-align: center;}
    .yd_cj li{ width: 28%; margin:0 2% 30px 2%;}
    .jm_tex li{width:50%; min-height: 200px;}
    .us_list li{font:24px/48px "PF";}

}

@media screen and (max-width:580px)
{
    .mainbg{padding-top: 50px;}
    .kwbg{height:260px; background-size: auto 100%;margin-bottom: 120px;}
    .mainbg h3{font:16px/24px "PF_light"; padding-left:5%;}
    .mainbg h1{font:30px/40px "PF";padding-left: 5%;}
    .mainbg p{padding-left: 5%;}
    .aboutUsbg{height:240px; background-size: auto 100%; padding-top:10px; text-align: left; }
    .aboutUsbg2{height:260px; background-size: auto 100%; padding-top: 100px;}
    .aboutUsbg h1,.aboutUsbg2 h1{font:30px/40px "PF_light";}

    .kw_ys{width:100%; margin-left:0%; bottom: -80px; border-radius: 0;}
    .kw_ys li{width: 25%; padding:10px;font:12px/18px ""; }
    .kw_ys li h3{font:20px/20px "PF";  }
    .kw_ys li .up em,.kw_ys li .down em{height:15px; width: 10px;}

    .container h2{font:30px/40px "PF_light";}
    .container h2 em{ display:block;font:20px/40px "PF_light"; }
    .w80{width:100%; margin:0 auto 40px auto;}
    .line_box .fl,.line_box .fr{float: none; text-align: center;}
    .line_box .img,.line_box .text{width:100%;max-width:unset; padding: 0; }
    .line_box{display:block;  align-items: center; }
    .line_box h5 {margin-bottom: 40px;}
    .line_box p{position: unset; padding-left:0;}
    .line_box p:before{position: unset;}
    .anli li{ width:31.3%; margin: 10px 1%;}
    .bgblue2 ul li{width:50%; margin-top: 30px;}
    .ydbg,.zdbg,.jmbg,.ydbg,.zrbg{height:280px; background-size: auto 200px; padding-top: 30px; background-color:#1277af; background-position: bottom center; }
    .yd_cont .line_box .fl,.yd_cont .line_box .fr{float: none; text-align: center;}
    .yd_cont .line_box .img,.yd_cont .line_box .text{width:100%;max-width:unset; padding: 0; }
    .yd_list li{float:none; width:98%; margin: 10px 1%; border:0; border-top: 1px solid #d2e1f3; }
    .yd_jz li{float: left; width: 48%;  min-height: 230px; margin: 0 1% 20px 1%;}
    .yd_cj li{width: 44%; margin:0 2% 30px 2%;}
    .yd_jz .wapper{width: 100%; padding: 0;}
    .zdbg{background-color:#0692cd;}
    .jmbg{background-color:#008ed6;}
    .zrbg{background-color:#00a4ce;}
    .mainbg p{width:60%;}
    .zd_cont .line_box h3{font:24px/40px "PF" }
    .zd_cont .line_box{padding:40px 0; border:none; }
    .jm_tex li{padding:10px;}
    .jm_tex li p{font: 13px/18px "PF";}
    .zr_tab td,.zr_tab th{padding: 10px 0;}
    .us_list{text-align: center; padding-bottom:20px;}
    .us_list li{font:24px/48px "PF"; width: 92%; margin: 0 2% 20px 2%; float: none; display: inline-block;}

}
@media screen and (max-width:430px)
{
    .cp-menu .wapper{ padding: 0;}
    .cp-menu ul li a{padding:10px 15px; float:none; display: block; border-bottom: 1px solid #b2d2e2;}
    .aboutUsbg h1,.aboutUsbg2 h1{font:26px/40px "PF_light";}

}
@media screen and (max-width:375px)
{
    .kw_ys{bottom: -100px;}
    .yd_jz h3{font: 20px/30px "PF";}
    .yd_jz li {padding: 10px;}
    .P8 .wapper{padding: 0;}
    .aboutUsbg h1,.aboutUsbg2 h1{font:22px/40px "PF_light";}

}