
.section1{
    background-image: url("../img/mountains.jpg");
    background-position: 50%;
}
.questions{
    background-color: rgba(32, 32, 32, .45);
    position:fixed;
    width: 100%;
    height: 120px;
    text-align: center;
    bottom:0px;
}
#figure{
    background-image:url("../img/spread.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    bottom:0px;
    line-height: 32px;
    text-align: center;
    background-color:#ffffff;
    height:200px;
    width:100%;
}
.border-right {
    border-right: 1px solid rgba(255,255,255,.35);
}
.border-right:hover{
    background-color: rgba(255, 255, 255, .35);
}
.border-shadow:hover{
    background-color: rgba(255, 255, 255, .35);
}
.set-bottom{
    position:absolute;
    bottom:0;
}
.questions .question{
    padding: 30px 0 30px 0;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
}
.q1_info{
    display: inline-block;
    height: 50px;
    text-align: left;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 2px;
}
.btn-w3r{
    background-color:#1274F8;
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color:#1274F8;
}
/*信息安全管理系统部分*/
#secure_introduce{
    position: relative;
    text-align: left;
    padding: 0px 20px;
    border-right: 1px solid #adadad;
    margin-top: 40px;
    height:260px;
}
#secure_introduce1{
    position: relative;
    text-align: left;
    padding: 0px 20px;
    margin-top:40px;
    height:260px;

}
#secure_introduce:hover{
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
}
#secure_introduce1:hover{
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
}
#secure_introduce h3{
    letter-spacing: 1px;
    margin-bottom:20px;
}
#secure_introduce1 h3{
    letter-spacing: 1px;
    margin-bottom:20px;
}
#secure_introduce p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom:14px;
}
#secure_introduce1 p{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom:14px;
}
.secure-box{
    padding-top:10px;
    padding-right:10px;
    height:288px;
}
.secure-box:hover{
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
}
.secure-box>i.fa {
    display: inline-block;
    font-size: 40px;
    border: 1px solid #2180DA;
    width: 100px;
    height: 100px;
    padding: 18px 19px;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all 0.5s;
}
.secure-box:hover>i.fa{
    background: rgba(33,128,218,.2);
    color: #ffffff;
}
.secure-icon1:before{
    content:url("../img/secure_a1.png");
}
.secure-icon2:before{
    content:url("../img/secure_a2.png");
}
.secure-icon3:before{
    content:url("../img/secure_a3.png");
}
.secure-icon4:before{
    content:url("../img/secure_a4.png");
}
.secure-icon5:before{
    content:url("../img/secure_a5.png");
}
.secure-icon6:before{
    content:url("../img/secure_a6.png");
}
.secure-icon7:before{
    content:url("../img/secure_a7.png");
}
.secure-icon8:before{
    content:url("../img/secure_a8.png");
}
.secure1{
    display:block;
    padding-right:1rem;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    letter-spacing:1px;
}
.secure-box h4{
    position: relative;
    display: block;
    margin: 12px auto 0px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #0e1021;
}
/*非法信息管控系统*/
.section4{
    background-image: url("../img/earth.jpg");
    background-position: 50%;
}
.section4 h2{
    margin-top:150px;
    letter-spacing: 5px;
}
.section4 p{
    line-height:34px;color:rgba(255,255,255,.8);font-size:15px;letter-spacing: .5px;
}
.second_heading{
    line-height:34px;
    color: rgba(255,255,255,.8);
    font-size: 15px;
    text-align: left;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 770px;
    letter-spacing: 0.5px;
}
#manage h2{
    color:#fff;
    margin-bottom: 50px;
}
.manage-box{
    padding-top:10px;
    padding-right:10px;
    height:278px;
}
.manage-box:hover{
    box-shadow: 0 0 8px 2px rgba(255,255,255,.6);
}
.manage-box h4{
    line-height:50px;
    letter-spacing: 2px;
}
.manage-box>i.fa{
    display: inline-block;
    font-size: 40px;
    border: 1px solid #2180DA;
    width: 100px;
    height: 100px;
    padding: 17px 18px;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all 0.5s;
}
.manage-box:hover>i.fa{
    background: rgba(33,128,218,.2);
    color: #ffffff;
}
.manage-box p{
    font-size:14px;
    line-height:24px;
}
.manage-icon1:before{
    content:url("../img/manage_a1.png");
}
.manage-icon2:before{
    content:url("../img/manage_a2.png");
}
.manage-icon3:before{
    content:url("../img/manage_a3.png");
}
.manage-icon4:before{
    content:url("../img/manage_a4.png");
}
.manage-icon5:before{
    content:url("../img/manage_a5.png");
}
.manage-icon6:before{
    content:url("../img/manage_a6.png");
}
.manage-icon7:before{
    content:url("../img/manage_a7.png");
}
.manage-icon8:before{
    content:url("../img/manage_a8.png");
}
.manage-box h4{
    position: relative;
    display: block;
    margin: 12px auto 0px;
    font-size: 20px;
    line-height: 50px;
    letter-spacing: 2px;
    color: #FFFFFF;
}
.manage1{
    display:block;
    padding-left:1rem;
    padding-right:1rem;
    line-height: 24px;
    font-size: 14px;
    color: rgba(255,255,255,.8);
}
.bottom_to_next1{
    position:absolute;
    left:50%;
    bottom:1px;
    line-height:32px;
    margin-left:-50px;
    text-align:center;
}
.bottom_to_next{
    position:absolute;
    left:50%;
    bottom:23px;
    line-height:32px;
    margin-left:-50px;
    text-align:center;
}
/*备案系统部分*/
.section5{
    background-image: url("../img/record_bg.jpg");
    background-position: 50%;
    background-size: cover;
}
.section6{
    background-image: url("../img/record_bg1.jpg");
    background-position: 50%;
    background-size: cover;
}
#record h2{
    display:block;
    margin-bottom:50px;
    letter-spacing:5px;
    color:#333333;
}
.record-box{
    padding-top:10px;
    padding-right:10px;
    height:278px;
}
.record-box:hover{
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
}
.record-box h4{
    line-height:50px;
    letter-spacing:2px;
}
.record-box>i.fa {
    display: inline-block;
    font-size: 40px;
    border: 1px solid #2180DA;
    width: 100px;
    height: 100px;
    padding: 17px 18px;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all 0.5s;
}
.record-box:hover>i.fa{
    background: rgba(33,128,218,.2);
    color: #ffffff;
}
.record-icon1:before{
    content:url("../img/record_a1.png");
}
.record-icon2:before{
    content:url("../img/record_a2.png");
}
.record-icon3:before{
    content:url("../img/record_a3.png");
}
.record-icon4:before{
    content:url("../img/record_a4.png");
}
.record-icon5:before{
    content:url("../img/record_a5.png");
}
.record-icon6:before{
    content:url("../img/record_a6.png");
}
.record-icon7:before{
    content:url("../img/record_a7.png");
}
.record-icon8:before{
    content:url("../img/record_a8.png");
}
.record-box h4{
    position: relative;
    display: block;
    margin: 12px auto 0px;
    font-size: 20px;
    color: #333333;
    line-height:50px;
}
.record1{
    display:block;
    padding-left:1rem;
    padding-right:1rem;
    line-height: 24px;
    font-size: 14px;
    color: rgba(0,0,0,.6);
    letter-spacing: 1px;
}
/*接入资源管理系统*/
#access h2{
    display:block;
    margin-bottom:40px;
    letter-spacing:5px;
}
.access-box{
    padding-top:10px;
    padding-right:10px;
    height:258px;
}
.access-box:hover{
    box-shadow: 0 0 8px 2px rgba(0,0,0,.16);
}
.access-box>i.fa {
    display: inline-block;
    border: 1px solid #2180DA;
    width: 80px;
    height: 80px;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all 0.5s;
}
.access-box:hover>i.fa{
    background: rgba(33,128,218,.2);
    color: #ffffff;
}
.access-icon1:before{
    content:url("../img/access_a1.png");
}
.access-icon2:before{
    content:url("../img/access_a2.png");
}
.access-icon3:before{
    content:url("../img/access_a3.png");
}
.access-icon4:before{
    content:url("../img/access_a4.png");
}
.access-box h4{
    position: relative;
    display: block;
    margin: 12px auto 0px;
    font-size: 20px;
    line-height: 50px;
    color: #333333;
    letter-spacing: 2px;
}
.access1{
    display:block;
    padding-left:1rem;
    padding-right:1rem;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
}
/*合作伙伴部分*/
#guest h2{
    color: #ffffff;
    display:block;
    margin-bottom:20px;
}
#guest p{
    display:block;
    margin-bottom:20px;
}
/*.section8{*/
    /*background-image: url("../img/map_bg.png");*/
    /*background-position: 50%;*/
/*}*/
/*广告部分*/
.counterBoxNumber{
    font-size: 40px;
    color: #fff;
    line-height: 42px;
}
.orange-line{
    width: 40px;
    margin: 9px auto 9px;
    background: #f96015;
    height: 1px;
}
.counterBoxDetails{
    text-transform: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}
.section8{
    background-image: url("../img/map_bg.jpg");
    background-position: 50%;
}
.imgpoint{
    position:absolute;
    left:50%;
    margin-left:-443px;
    animation-timing-function: linear;
    animation-name:fade;
    animation-iteration-count: infinite;
    background-size:100%;
    animation-duration: 18s;
}
.imgpoint:hover{
    animation-play-state: paused;
}
.imgpoint + .imgpoint{
    opacity:0;
}
.img-g11{
    animation-delay: -1s;
}
.img-g12{
    animation-delay: 2s;
}
.img-g13{
    animation-delay: 5s;
}
.img-g21{
    animation-delay: 8s;
}
.img-g22{
    animation-delay: 11s;
}
.img-g23{
    animation-delay: 14s;
}
@keyframes fade{
    0%{
        opacity:0;
        z-index:2;
    }
    2.77%{
        opacity:1;
        z-index: 1;
    }
    13.88%{
        opacity:1;
        z-index:1;
    }
    16.66%{
        opacity:0;
        z-index:0;
    }
    100%{
        opacity:0;
        z-index:0;
    }
}
