/* 全局样式 */
 body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   color: #333;
 }

 /* 导航条样式 */
 #navbar {
   margin: 425px 0 0 0;
   color: white;
   display: flex;
   justify-content: space-around;
   align-items: center;
   position: fixed;
   top: 0;
   width: 100%;
 }

 #navbar ul {
   width: 1220px;
   background-color: #007BFF;
   list-style-type: none;
   height: 60px;
   line-height: 60px;
   padding: 0;
   display: flex;
   border-radius: 5px;
 }

 #navbar ul li {
   width: 185px;
   text-align: center;
   font-weight: bold;
   margin: 0 10px;
   border-right: 1px solid #99bbdd;
 }

 #navbar ul li a {
   color: white;
   font-size: 16px;
   text-decoration: none;
 }

 /* 内容区域样式 */
 .section {
   width: 100%;
   padding: 10px 0;
   margin: 20px auto;
   background-color: white;
   border-radius: 5px;
   padding: 20px 0 50px 0;
   clear: both;
 }

 .sectionbg {
   width: 100%;
   background: #efefef;
   overflow: hidden;
   padding: 30px 0 60px 0;
 }

 .dengbao_dtitle {
   width: 100%;
   font-size: 24px;
   font-weight: bold;
   color: #007BFF;
   text-align: center;
   margin-bottom: 10px;
   clear: both;
 }

 .summary {
   text-align: center;
   color: #666;
   margin-bottom: 40px;
   clear: both;
 }

 h3 {
   color: #007BFF;
 }

 h4 {
   color: #333;
 }

 /* 子菜单并排排版样式 */
 .subsection {
   width: 1220px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
 }

 .subsubsection {
   width: 30%;
   margin-bottom: 20px;
   background-color: #f0f7ff;
   padding: 15px;
   border-radius: 5px;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
 }

 /* 过渡动画 */
 html {
   scroll-behavior: smooth;
 }

 /* 第一部分 */
 .dengbao_jieshao {
   width: 1180px;
   margin: 0 auto;
   padding: 10px 20px;
   line-height: 40px;
   border-radius: 10px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .dengbao_jieshao p {
   text-indent: 40px;
   text-align: justify;
 }

 /* 第二部分 */
 .dengbao_jianjie {
   width: 1220px;
   margin: 0 auto;
   overflow: hidden;
 }

 .dengbao_jianjie .titles {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   background: #1988ff;
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 0 0;
 }

 .dengbao_jianjie ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .dengbao_jianjie ul li {
   background: #fff;
   list-style: none;
   float: left;
   width: 380px;
   height: 280px;
   float: left;
   line-height: 35px;
   margin-right: 35px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
 }

 .dengbao_jianjie ul li.rights {
   float: right;
   margin: 0;
 }

 .dengbao_jianjie ul li p {
   height: 130px;
   padding: 10px 20px;
   text-indent: 40px;
   text-align: justify;
 }

 .dengbao_jianjie .iphones {
   width: 200px;
   text-align: center;
   color: #fff;
   background: #1988ff;
   margin: 0 auto;
   border-radius: 3px;
   font-size: 14px;
 }

 /* 第三部分 */
 .bushujiagou {
   overflow: hidden;
 }

 .bushujiagou .titles {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   background: #1988ff;
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 0 0;
 }

 .bushujiagou ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .bushujiagou ul li {
   list-style: none;
   float: left;
   width: 380px;
   height: 390px;
   float: left;
   line-height: 35px;
   margin-right: 35px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
 }

 .bushujiagou ul li.rights {
   float: right;
   margin: 0;
 }

 .bushujiagou ul li p {
   height: 230px;
   padding: 10px 20px;
   text-indent: 40px;
   text-align: justify;
 }

 .bushujiagou .iphones {
   width: 200px;
   text-align: center;
   color: #fff;
   background: #1988ff;
   margin: 0 auto;
   border-radius: 3px;
   font-size: 14px;
 }

 /* 第四部分 */
 .chanpintedian {
   overflow: hidden;
 }

 .chanpintedian .titles {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   background: #1988ff;
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 0 0;
 }

 .chanpintedian ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .chanpintedian ul li {
   list-style: none;
   float: left;
   width: 280px;
   height: 420px;
   float: left;
   margin-right: 25px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #fff;
 }

 .chanpintedian ul li.rights {
   float: right;
   margin: 0;
 }

 .chanpintedian ul li p {
   height: 270px;
   line-height: 28px;
   padding: 10px 20px;
   text-indent: 28px;
   text-align: justify;
   font-size: 14px;
 }

 .chanpintedian .iphones {
   width: 200px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   background: #1988ff;
   margin: 0 auto;
   border-radius: 3px;
   font-size: 14px;
 }

 /* 第五部分 */
 .anquanjisuan {
   overflow: hidden;
 }

 .anquanjisuan .titles {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   background: #1988ff;
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 0 0;
 }

 .anquanjisuan ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .anquanjisuan ul li {
   list-style: none;
   float: left;
   width: 220px;
   height: 440px;
   float: left;
   margin-right: 25px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #fff;
 }

 .anquanjisuan ul li.rights {
   float: right;
   margin: 0;
 }

 .anquanjisuan ul li p {
   height: 300px;
   line-height: 28px;
   padding: 10px 20px;
   text-indent: 28px;
   text-align: justify;
   font-size: 12px;
 }

 .anquanjisuan .iphones {
   width: 200px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   background: #1988ff;
   margin: 0 auto;
   border-radius: 3px;
   font-size: 14px;
 }

 /* 第四部分 */
 .chanpinanquan {
   overflow: hidden;
 }

 .chanpinanquan .titles {
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   font-weight: bold;
   background: #1988ff;
   color: #fff;
   text-align: center;
   border-radius: 10px 10px 0 0;
 }

 .chanpinanquan ul {
   overflow: hidden;
   padding: 0;
   margin: 0;
 }

 .chanpinanquan ul li {
   list-style: none;
   float: left;
   width: 280px;
   height: 320px;
   float: left;
   margin-right: 25px;
   border: 1px solid #eee;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #fff;
 }

 .chanpinanquan ul li.rights {
   float: right;
   margin: 0;
 }

 .chanpinanquan ul li p {
   height: 170px;
   line-height: 28px;
   padding: 10px 20px;
   text-indent: 28px;
   text-align: justify;
   font-size: 14px;
 }

 .chanpinanquan .iphones {
   width: 200px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   background: #1988ff;
   margin: 0 auto;
   border-radius: 3px;
   font-size: 14px;
 }

 .sticky {
   top: 0;
   margin: 0 auto !important;
   color: #fff;
 }

 .sticky span {
   color: #fff !important;
 }

 .db_banner_index {
   background: url(../images/dengbao.jpg) no-repeat center center;
   height: 380px;
 }

 .db_banner_index_content {
   width: 1220px;
   margin: 0 auto;
   overflow: hidden
 }

 .db_banner_index_title {
   width: 500px;
   text-align: center;
   margin-top: 130px;
   font-size: 30px;
   font-weight: bold;
   color: #555;
 }

 .db_banner_index_txt {
   width: 500px;
   text-align: center;
   margin-top: 10px;
   font-size: 16px;
   color: #555;
   height: 35px;
   line-height: 35px;
 }