html,
   body,
   div,
   span,
   applet,
   object,
   iframe,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   p,
   blockquote,
   pre,
   a,
   abbr,
   acronym,
   address,
   big,
   cite,
   code,
   del,
   dfn,
   em,
   img,
   ins,
   kbd,
   q,
   s,
   samp,
   small,
   strike,
   strong,
   sub,
   sup,
   tt,
   var,
   b,
   u,
   i,
   center,
   dl,
   dt,
   dd,
   ol,
   ul,
   li,
   fieldset,
   form,
   label,
   legend,
   table,
   caption,
   tbody,
   tfoot,
   thead,
   tr,
   th,
   td,
   article,
   aside,
   canvas,
   details,
   embed,
   figure,
   figcaption,
   footer,
   header,
   hgroup,
   menu,
   nav,
   output,
   ruby,
   section,
   summary,
   time,
   mark,
   audio,
   video {
       margin: 0;
       padding: 0;
       border: 0;
       font-size: 100%;
       font: inherit;
       vertical-align: baseline;
   }

   /* HTML5 display-role reset for older browsers */
   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   menu,
   nav,
   section {
       display: block;
   }

   body {
       line-height: 1;
   }

   ol,
   ul {
       list-style: none;
   }

   blockquote,
   q {
       quotes: none;
   }

   blockquote:before,
   blockquote:after,
   q:before,
   q:after {
       content: "";
       content: none;
   }

   table {
       border-collapse: collapse;
       border-spacing: 0;
   }


   body {
       background-color: #F6F6F6;
   }

   #web {
       width: 100%;
   }

   div {
       font-family: "微软雅黑";
   }


   .container {
       width: 1200px;
       margin: 0 auto;
   }

   /* 顶部状态条 */
   .top {
       width: 100%;
       height: 45px;
       line-height: 45px;
       background-image: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%);
       display: flex;
   }

   .top-wenzi {
       width: 1200px;
       margin: 0 auto;
       display: flex;
       flex-direction: row;
       align-self: center;
       position: relative;
       color: #b86e05;
       font-size: 18px;
   }

   .top-wenzi-r {
       position: absolute;
       right: 0;
       display: flex;
       flex-direction: row;
   }

   /* 顶部logo区域 */

   .banner {
       width: 100%;
       height: 310px;
       background: url("../image/banner1.png");
       background-size: 100% 150%;
       background-repeat: no-repeat;
       display: flex;
   }

   .banner-nr {
       display: flex;
       flex-direction: row;
       position: relative;
       align-self: center;
       margin-top: 50px;
   }

   .banner-nr-sousuo {
       display: flex;
       flex-direction: column;
       position: absolute;
       right: 30px;
       top: -10px;
       width: 300px;
       height: 40px;
       line-height: 40px;
       text-align: center;
   }

   .banner-nr-sousuo-top {
       font-size: 18px;
       color: white;
       margin-bottom: 35px;
       text-align: center;
       position: relative;
   }

   .banner-nr-sousuo-bottom form {
       display: flex;
       flex-direction: row;
   }

   .banner-nr-sousuo-bottom input {
       width: 343px;
       height: 49px;
       background-color: white;
       border-radius: 5px 0px 0px 5px;
       border: none;
       outline: none;
       padding-left: 10px;
       color: #979797;
       top: 0;
       right: 0;
   }

   .banner-nr-sousuo-bottom .button {
       width: 74px;
       height: 49px;
       background-image: linear-gradient(to bottom, #f94603 0%, #ad0101 100%);
       border-radius: 0px 5px 5px 0px;
       color: white;
       font-size: 20px;
       line-height: 49px;
       text-align: center;
   }

   .banner-nr-left {
       width: 600px;
   }

   .cx-logo {
       float: left;
       margin-right: 20px;
   }

   .cx-logo img {
       width: 90px;
       height: 90px;
   }

   .cx-name {
       font-size: 36px;
       color: white;
       height: 50px;
       line-height: 50px;
       font-family: cursive;
       font-weight: 700;
   }

   .cx-en-name {
       font-size: 12px;
       color: white;
       height: 50px;
       line-height: 35px;
       letter-spacing: 1px;
   }

   /* 导航栏 */

   .nav {
       width: 100%;
       height: 60px;
       background-color: #145DCC;
   }

   .nav-title {
       display: flex;
       justify-content: center;
   }

   .nav-title ul {
       float: left;
       height: 60px;
       cursor: pointer;
   }

   .nav-title-ul {
       display: flex;
       justify-content: center;
   }

   .nav-title li {
       float: left;
       width: 160px;
       height: 60px;
       font-size: 22px;
       font-weight: bold;
       position: relative;
       color: rgb(255 255 255);
       line-height: 60px;
       text-align: center;
       /* background-color: rgb(225 2 0); */
       background-color: #145DCC;
       z-index: 999999;
   }

   .nav-title li:last-child {
       border: none;
   }

   .nav-title li:hover {
       background-color: #043783;
   }

   .nav-title li a {
       text-decoration: none;
       color: white;
       width: 100%;
       height: 100%;
       display: inline-block;
   }



   .nav-title .on:link,
   .nav-title .on:visited {
       padding: 14px 70px;
       background-color: #0167B7;
   }

   .drop-down {
       position: relative;
   }

   .drop-down-content {
       position: absolute;
       top: 100%;
       left: 0;
       background: #fff;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
       min-width: 160px;
       opacity: 0;
       visibility: hidden;
       transform: translateY(-10px);
       transition: all 0.3s ease;
       z-index: 1;
   }

   .drop-down:hover .drop-down-content {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
   }

   .nav-title ul li a {
       transition: color 0.3s ease;
   }



   /*
 * 工作动态
 */
   .gzdt {
       height: 373px;
       background-color: white;
       margin-top: 30px;
       display: flex;
       flex-direction: row;
   }

   .gzdt-left {
       width: 532px;
       height: 343px;
       margin: 15px;
   }

   .swiper-slide {
       height: 343px !important;
   }




   .gzdt-left p {
       position: absolute;
       z-index: 99;
       bottom: 0;
       width: 532px;
       line-height: 40px;
       text-indent: 14px;
       color: #fff;
       background: rgba(0, 0, 0, 0.5);
       font-size: 16px;
   }

   .gzdt-right {
       width: 610px;
       height: 343px;
       margin-top: 15px;
       margin-left: 12px;
   }

   .gzdt-right-top {
       width: 100%;
       height: 46px;
       border-bottom: 1px solid #145DCC;
   }

   .gzdt-right-top ul {
       height: 46px;
   }

   .gzdt-right-top li {
       float: left;
       width: 150px;
       height: 46px;
       font-size: 24px;
       font-weight: bold;
       position: relative;
       color: white;
       line-height: 46px;
       text-align: center;
   }

   .gzdt-right-top li div {
       text-decoration: none;
       color: #333333;
       cursor: pointer;
   }


   .gzdt-right-top .gzdt-on {
       /* padding: 8px 26px; */
       background-color: #0167B7;
       color: white;
       border-radius: 3px 3px 0 0;
   }

   .gzdt-right-bottom {
       width: 100%;
       height: 300px;

       overflow: hidden;
       overflow-y: auto;
   }

   .gzdt-right-bottom::-webkit-scrollbar {
       display: none;
   }

   .gzdt-time {
       float: right;
   }

   .gzdt-right-bottom ul {
       padding-top: 20px;

   }

   .gzdt-right-bottom li {
       height: 48px;
       line-height: 48px;
       font-size: 18px;
       color: #333;
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABHNCSVQICAgIfAhkiAAAAGxJREFUGFeNj1ENgDAMRO8UgBSyCSA4wAlIAEVYGA4mBQR0R5rADwFCP3sv7T0CQIyxBzBIakjWAJKZzTnnxDNcHLyPmXUMISSS7RMgafULegp9J2n7BADsv164wXvJS1PSSLIBUHm5UsrkmgdRwzdj5vWSOwAAAABJRU5ErkJggg==) left center no-repeat;
       vertical-align: bottom;
       overflow: hidden;
   }

   .gzdt-right-bottom li a {
       text-decoration: none;
       color: #333;
       padding-left: 20px;
       max-width: 400px !important;
       display: inline-block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
   }


   /* 专题海报 */

   .special-box {
       width: 1200;
       display: block;
       margin: 20px auto;
   }

   .special-box a {
       width: 100%;
       display: block;
   }

   .special-box img {
       width: 100%;
       margin: 0 auto;
       display: block;
       overflow: hidden;
   }


   /* 法律法规，办证指南 */
   .w1 {
       display: flex;
       flex-direction: row;
       background-color: white;
       border: 1px solid #CFCFCF;
       margin-top: 20px;
   }

   .w2 {
       display: flex;
       flex-direction: row;
   }

   .mtjj {
       width: 50%;
       height: 433px;
       border: 1px solid #CFCFCF;
       background-color: white;
   }

   .zjyx {
       width: 100%;
       height: 433px;
       border-right: none;
       border-left: none;
       background-color: white;
   }

   .zjyx-top {
       width: 100%;
       height: 56px;
       display: flex;
       border-bottom: 3px solid #0167B7;
   }

   .zjyx-bottom {
       width: 30%;
       height: 355px;
       float: left;
   }

   .bjtx {
       width: 49%;
       height: 433px;
       border: 1px solid #CFCFCF;
       background-color: white;
   }

   .bjtx {
       margin-left: 1%;
   }

   .mtjj-top {
       width: 100%;
       height: 56px;
       display: flex;
       border-bottom: 3px solid #0167B7;
   }



   .mtjj-top span,
   .zjyx-top span {
       display: inline-block;
       margin-left: 10px;
       font-size: 24px;
       color: #145DCC;
       height: 56px;
       line-height: 56px;
       text-align: center;
       font-weight: bold;
       border-radius: 10px 100px 100px 10px;
       letter-spacing: 3px;
   }

   .mtjj-top a {
       text-decoration: none;
       color: black;
       font-size: 14px;
       line-height: 56px;
       font-weight: 700;
       position: relative;
       left: 370px;
   }

   .zjyx-top a {
       text-decoration: none;
       color: black;
       font-size: 14px;
       line-height: 56px;
       font-weight: 700;
       position: relative;
       left: 980px;
   }

   .mtjj-bottom {
       width: 95%;
       height: 377px;
       margin: 0 auto;
       overflow: hidden;
       overflow-y: auto;
   }

   .mtjj-bottom::-webkit-scrollbar {
       display: none;
   }

   .mtjj-time,
   .zjyx-time {
       float: right;
   }

   .mtjj-bottom ul,
   .zjyx-bottom ul {
       padding-top: 10px;
   }

   .mtjj-bottom li,
   .zjyx-bottom li {
       height: 44px;
       line-height: 44px;
       font-size: 18px;
       color: #333;
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABHNCSVQICAgIfAhkiAAAAGxJREFUGFeNj1ENgDAMRO8UgBSyCSA4wAlIAEVYGA4mBQR0R5rADwFCP3sv7T0CQIyxBzBIakjWAJKZzTnnxDNcHLyPmXUMISSS7RMgafULegp9J2n7BADsv164wXvJS1PSSLIBUHm5UsrkmgdRwzdj5vWSOwAAAABJRU5ErkJggg==) left center no-repeat;
       vertical-align: bottom;
       overflow: hidden;
   }

   .mtjj-bottom li a,
   .zjyx-bottom li a {
       text-decoration: none;
       color: #333;
       padding-left: 20px;
       max-width: 400px !important;
       display: inline-block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
   }

   /* 公证员风采 */
   .yyxtdh {
       height: 221px;
       border: 1px solid #CFCFCF;
       margin-top: 20px;
       background-color: white;
   }

   .yyxtdh1 {

       border: 1px solid #CFCFCF;
       margin-top: 20px;
       background-color: white;
   }

   .yyxtdh-top {
       width: 100%;
       height: 56px;
       height: 56px;
       display: flex;
       border-bottom: 3px solid #0167B7;
   }

   .yyxtdh-top a {
       text-decoration: none;
       color: rgb(0 0 0);
       font-size: 14px;
       line-height: 56px;
       font-weight: 700;
       position: relative;
       left: 790px;
   }


   .yyxtdh-top span {
       display: inline-block;
       margin-left: 10px;
       font-size: 24px;
       color: #145DCC;
       height: 56px;
       line-height: 56px;
       text-align: left;
       font-weight: bold;
       border-radius: 10px 100px 100px 10px;
       letter-spacing: 3px;
       width: 300px;

   }

   .yyxtdh-bottom {
       margin-top: 35px;
   }

   .yyxtdh-bottom ul {
       width: 1132px;
       margin: 0 auto;
   }

   .yyxtdh-bottom ul a {
       text-decoration: none;
       color: #333333;
   }

   .yyxtdh-bottom li {
       text-align: center;
       float: left;
   }

   .yyxtdh-bottom .yyxtdh-left {
       margin-left: 53px;
   }

   .yyxtdh-left img {
       width: 60px;
       height: 60px;
       padding: 10px;
       box-sizing: border-box;
   }

   .yyxtdh-bottom p {
       margin-top: 8px;
   }

   .gz-name {
       font-size: 14px;
       line-height: 24px;
       text-align: center;
   }

   /*
 * 友情链接
 */
   .yqlj {
       min-height: 150px;
       border: 1px solid #CFCFCF;
       margin-top: 20px;
       background-color: white;
       margin-bottom: 20px;
   }

   .yqlj-box {
       display: flex;
       font-weight: 700;
       flex-direction: row;
       justify-content: flex-start;
       flex-wrap: wrap;
   }

   .yqlj-box a {
       padding: 40px 40px;
       cursor: pointer;
       color: #000000;
       text-decoration: none
   }

   .yqlj ul {
       padding-top: 20px;
   }

   .yqlj select {
       width: 208px;
       height: 32px;
       line-height: 32px;
       font-size: 14px;
       cursor: pointer;
       color: #333;
       font-weight: normal;
       padding-left: 10px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       background-color: white;
       border: 1px solid #e5e5e5;
       float: left;
       margin-left: 111px;
   }

   .yqlj li a {
       text-decoration: none;
       color: #333333;
   }

   /* 地图 */
   .map {
       border: 1px solid #CFCFCF;
       background-color: white;
       margin-bottom: 20px;
       height: 500px;
   }

   .map-box {
       display: flex;
       font-weight: 700;
       justify-content: space-around;
       width: 100%;
       height: calc(100% - 60px);
   }

   .map-info {
       text-align: center;
       line-height: 26px;
       font-size: 14px !important;
       font-weight: 500 !important;
       font-family: "STKaiti", 华文楷体, "FangSong", 仿宋, "SimSun", 宋体;
   }

   .map-info-name {
       font-size: 20px !important;
       font-weight: 600;
       color: #0167B7;
       font-family: "STKaiti", 华文楷体, "FangSong", 仿宋, "SimSun", 宋体;
   }

   /*
 * 底部导航
 */

   .nav-bottom {
       width: 100%;
       height: 40px;
       background-color: #0167B7;
   }

   .nav-bottom ul {
       width: 598px;
       margin: 0 auto;
   }

   .nav-bottom li {
       float: left;
       text-align: center;
       line-height: 40px;
       display: flex;
   }

   .nav-bottom li a {
       color: white;
       text-decoration: none;
   }

   .nav-bottom li img {
       align-self: center;
       margin-left: 56px;
       margin-right: 56px;
   }

   .linkbox1 dd ul li a {
       display: block;
       padding: 0 10px;
       font: normal 14px/32px "Microsoft Yahei";
       width: auto;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       color: #444;
   }

   /*
 * 底部信息
 */
   .bottom {
       width: 100%;
       /* height: 108px; */
       background-image: linear-gradient(to bottom, #FEF7EA 0%, #FFFFFF 100%);
       padding-top: 25px;
   }

   .bottom p {
       text-align: center;
       line-height: 20px;
       font-size: 16px;
       padding: 10px 0;
   }



   /* ===========子页面 ====== */

   .center {
       background-color: #FFFFFF;
       padding: 10px 20px 20px 20px;
       margin-top: 20px;
       margin-bottom: 20px;
       border-radius: 5px;
   }

   .center-nav {
       line-height: 44px;
       height: 44px;
       font-size: 16px;
       background: url(../img/map.png) no-repeat left center;
       text-indent: 26px;
       border-bottom: 2px solid #dedede;
   }

   .center-nav a {
       text-decoration: none;
       color: #333333;
   }

   .center-container {
       margin-top: 20px;
       display: flex;
       flex-direction: row;
   }

   .center-container-left {
       width: 260px;
   }

   .center-container-right {
       width: 920px;
       overflow: hidden;
       padding: 0;
       margin-left: 20px;
   }

   .center-container-left-title {
       height: 56px;
       color: #fff;
   }

   .center-container-left-title h1 {
       color: #145DCC;
       font-size: 22px;
       line-height: 46px;
       border-bottom: 2px solid #dedede;
       font-weight: bold;
   }

   .center-container-left-Ltitle {
       width: auto;
       min-height: 482px;
   }

   .left-pic {
       width: 98.5%;
       height: 390px;
       border: 2px solid #0367B7;
       border-top: none;
       border-radius: 0 0 8px 8px;

       background: url('../image/left-pic.png');
       background-size: 100% 100%;
   }

   .left-pic img {
       width: 100%;
       height: 100%;
       border-radius: 0 0 8px 8px;
   }

   .center-container-left-Ltitle ul li {
       /*margin-top: 9px;*/
       background-color: #0167B7;
   }

   .center-container-left-Ltitle ul li a {
       display: block;
       height: auto;
       line-height: 30px;
       padding: 8px 30px 8px 20px;
       font-size: 17px;
       color: white;
       background: url(../image/xq-white.png) no-repeat 225px center;
       text-decoration: none;
       border-bottom: 1px solid #DADADA;
       cursor: pointer;
   }

   .active:link,
   .active:visited {
       color: #FFFFFF;
       line-height: 40px;
       display: block;
       text-decoration: none;
       background: #0167B7 url(../image/xq-white.png) 93% 50% no-repeat;
   }

   .active-nav {
       background: #145DCC url(../image/xq-white.png) 93% 50% no-repeat !important;
   }

   .center-container-right-title {
       height: 46px;
       line-height: 46px;
       /* padding-top: 6px; */
       border-bottom: 4px solid #acacac;
   }

   .center-container-right-title .title {
       display: block;
       float: left;
       height: 46px;
       padding: 0 5px;
       line-height: 46px;
       border-bottom: 4px solid #0167B7;
       color: #333;
       font-size: 21px;
       font-weight: bold;
   }


   .center-container-right-words {
       height: auto;
       padding: 20px;
       line-height: 30px;
       box-sizing: border-box;
   }

   .center-news {
       padding: 20px 0;
       line-height: normal;
   }

   /* 处理富文本图片居中 */
   .ql-align-center {
       display: flex;
       justify-content: center;
   }

   .center-contact {
       margin-top: 30px;
       font-size: 30px;
       font-weight: 600;
   }

   .center-container-right-words {
       width: 100%;
   }

   .gzdt-time {
       float: right;
   }

   .center-container-right-words ul {
       padding-bottom: 20px;
   }

   .center-container-right-words li {
       height: 48px;
       line-height: 48px;
       font-size: 18px;
       color: #333;
       background: url(../image/right.png) left center no-repeat;
       vertical-align: bottom;
       overflow: hidden;
   }

   .center-container-right-words li a {
       text-decoration: none;
       color: #333;
       padding-left: 20px;
   }


   /*
 * 翻页
 */
   .pagearea {
       padding: 0px 0 30px;
   }

   #kkpager {
       clear: both;
       color: #999;
       padding: 5px 0px 5px 0px;
       font-size: 13px;
       text-align: center;
   }

   #kkpager a {
       border: 1px solid #ccc;
       display: inline;
       padding: 3px 10px 3px 10px;
       margin-right: 5px;
       border-radius: 3px;
       cursor: pointer;
       text-decoration: none;
       background: #fff;
       color: #999;
   }

   #kkpager select {
       background: #fff;
       color: #999;
       width: 46px;
       line-height: 22px;
   }




   /* 走马灯效果 */

   #div1 {
       width: 100%;
       overflow: hidden;
       padding: 20px;
       box-sizing: border-box;
   }

   #div1 nav ul {
       display: flex;
       animation: scroll 20s linear infinite;
       width: max-content;
       padding: 0;
       margin: 0;
   }

   #div1 nav ul:hover {
       animation-play-state: paused;
   }

   .img_box {
       width: 120px;
       margin: 0 10px;
       text-align: center;
       flex-shrink: 0;
   }

   .img_box div:first-child {
       height: 130px;
       overflow: hidden;
       margin: 0 auto 10px;
       border: 3px solid #f0f0f0;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }

   .img_box img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       border-radius: 3px;
   }

   .gz-name {
       width: 100%;
       text-align: center;
       font-size: 14px;
       color: #555;
       line-height: 1.4;
   }

   @keyframes scroll {
       0% {
           transform: translateX(0);
       }

       100% {
           transform: translateX(-50%);
       }
   }