.section1{ background-image: ; 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:; 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:; } .secure-icon2:before{ content:; } .secure-icon3:before{ content:; } .secure-icon4:before{ content:; } .secure-icon5:before{ content:; } .secure-icon6:before{ content:; } .secure-icon7:before{ content:; } .secure-icon8:before{ content:; } .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: ; 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:; } .manage-icon2:before{ content:; } .manage-icon3:before{ content:; } .manage-icon4:before{ content:; } .manage-icon5:before{ content:; } .manage-icon6:before{ content:; } .manage-icon7:before{ content:; } .manage-icon8:before{ content:; } .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: ; background-position: 50%; background-size: cover; } .section6{ background-image: ; 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:; } .record-icon2:before{ content:; } .record-icon3:before{ content:; } .record-icon4:before{ content:; } .record-icon5:before{ content:; } .record-icon6:before{ content:; } .record-icon7:before{ content:; } .record-icon8:before{ content:; } .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:; } .access-icon2:before{ content:; } .access-icon3:before{ content:; } .access-icon4:before{ content:; } .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: ;*/ /*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: ; 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; } }