a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.margin-0-auto{margin: 0 auto;}
img{ max-width: 100%;}
body {
  background: #fff;
}
.active .nav-link,.active{ color: #19b2f8 !important}
input,button {
  outline: none !important;
  box-shadow: none !important;
}
a, body, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, html, input, li, p, span, ul {
  font-family: 14px/1.0 "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

    }
    a{ text-decoration: none;}

    .carousel-indicators [data-bs-target]{width: 15px;
      border-radius: 50%;
      height: 15px;}
.bg-hui{background-color: #5c5c5c;}
.navbar {
    font-weight: 400;  padding: 0;}
    .navbar-nav .nav-link{ padding-top: 20px; padding-bottom: 20px;}
    .dropdown-menu{ margin-top: 0px;}
.container-fluid-1200{
    max-width: 1280px; margin: 0 auto;}

    .container-fluid-1100 {
      max-width: 1100px;
      margin: 0 auto;
  }
  .btn-check:checked+.btn, .btn.active,.btn:hover, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color:#3f99ee;border-color:#3f99ee}
  .container-fluid-1140 {
    max-width: 1140px;
    margin: 0 auto;
}
@media (min-width: 1400px){
.container{
  max-width: 1140px;
}
}

@media only screen and (max-width: 767px) {
  .sjokpcnoe {
    display: block;
  }
  .sjnoepcok {
    display: none;
  }
}

/* 在电脑端隐藏 */
@media only screen and (min-width: 768px) {
  .sjokpcnoe {
    display: none;
  }
  .sjnoepcok {
    display: block;
  }
}


/*
  @media (max-width: 1550px) {
    .container-fluid-1200{
      max-width: 1100px; margin: 0 auto;}
   
  }

  @media (max-width: 1400px) {
    .container-fluid-1200{
      max-width: 1000px; margin: 0 auto;}
   
  }


  @media (min-width: 1100px) {
    .zuixiao-1000 {
      min-width: 1100px;
      margin: 0 auto;
  }
   
  }*/

  @media (min-width: 1650px) {
  .container-fluid-1380{ max-width: 1380px !important;}
  }

  .navbar-brand {
    margin-right: 2rem;
    font-size: 1.25rem; }
  
  .dropdown-item {
    font-weight: 300; }
  
  .dropdown-menu {
    border: 0;
    text-transform: none;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); }
    @media (min-width: 768px) {
      .dropdown-menu:before {
        content: '';
        top: -8px;
        position: absolute;
        left: 50px;
        border-top: 16px solid #fff;
        border-left: 16px solid #fff;
        transform: rotate(45deg); } 
    
        .dropdown:hover .dropdown-menu {
            display: block;
          }




    }


  
  .navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
      color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5); }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
      color: rgba(0, 0, 0, 0.7); }
    .navbar-light .navbar-nav .nav-link.disabled {
      color: rgba(0, 0, 0, 0.3); }
  
  .navbar-light .navbar-nav .show > .nav-link,
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9); }
  
  .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1); }
  
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  
  .navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5); }
    .navbar-light .navbar-text a {
      color: rgba(0, 0, 0, 0.9); }
      .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
        color: rgba(0, 0, 0, 0.9); }
  
.navbar-toggler{    border: 0;}
.navbar-toggler {
  outline: none;
}
        .open .navbar-toggler-icon{background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(255,255,255,0.5)" stroke-width="2" stroke-linecap="round" d="M 8,8 L 22,22 M 8,22 L 22,8"></path></svg>');}
     
.navbar-nav{width: 100%;}
.nav-link{ color: #fff;}
.navbar-nav li{ flex-grow: 1;
  text-align: center;}

  .carousel-caption {
    position: absolute;
    right: 0%; 
    top: 20%;
    left: 20%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    /* width: 1200px; */
    /* margin: 0 auto; */
    /* left: 50%; */
}
.carousel-caption h5{font-size: 1.7em;
  color: #000;
  line-height: 1.9;
  font-weight: 600;}

  .no-padding-container1 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .imgbk img,.carousel-item img,.kefuleft img{ display: block;}


  .xxtitle{     font-size: 1.6em;
    border-color: #9fa0a0 !important;
    height: 57px;
    line-height: 2;
}


  .xxtitle span,.rilinewstiel span{
    display: block;
    float: left;
}

.rilinewstiel{    height: 33px;
  line-height: 33px;}
.homenr{
  line-height: 33px; color: #9fa0a0;}
  .bd label{float: left;
    display: block;color: #9fa0a0;}

    .homenr a{color: #9fa0a0; text-decoration: none;}

    .bd  .form-control , .bd .form-select{float: left;
      display: block;
      width: 76%;}
  .anys{background-color: #1fade7;    border: 2px solid #1fade7;}  
  .tulistwz{ text-align: center;}
  .tulistwz h2{ color: #1b9fdb; font-size: 1.4em; line-height: 1.7; display: block;}  
  .tulistwz p{font-size: 0.9em;}  

  .lams{
    border-radius: 10px; /* 圆角半径 */
    box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.2); /* 灰色阴影 */
    background-color: rgba(255, 255, 255, 0.5); /* 背景灰色透明 */
    color: rgba(0, 0, 0, 1); /* 不透明文字颜色 */
    width: 900px;
    margin: auto; 
  }


  .lams h2{ font-size: 1.7em; padding-bottom: 30px;}
  .lams p{ line-height: 2;font-size: 1.1em;}
  .pl-3{ padding-left: 3em;}
  .pt-6{ padding-top: 4em;}


 



  /*kefu*/
  .kefuleft{ width: 129px;}


  @media (max-width: 1600px) {
  .kefuleft {
    width: 80px;
}}



.erweima{ display: none;    bottom: 400px; background-color: #fff; width: 150px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
  box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
  left: 130px;} 
 .kefu:hover .erweima{ display: block;}
 .erweima::before{
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -6px;
  top: 50%;
  z-index: 1;  
  background: #fff;
  
  -webkit-transform: rotate(45deg);
  transform: translateY(-50%) rotate(135deg);
}



.telhd{ display: none;  font-size: 1em; color: #000;  line-height: 1.5;   bottom: 590px; background-color: #fff; width: 140px; height: 70px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
  box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
  left: 130px;} 
 .tel:hover .telhd{ display: block;}
 .telhd::before{
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -6px;
  top: 50%;
  z-index: 1;  
  background: #fff;
  
  -webkit-transform: rotate(45deg);
  transform: translateY(-50%) rotate(135deg);
}




.erweima1{ display: none;    bottom: 270px; background-color: #fff; width: 150px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
  box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
  left: 130px;} 
 .kefu1:hover .erweima1{ display: block;}
 .erweima1::before{
  content: " ";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -6px;
  top: 50%;
  z-index: 1;  
  background: #fff;
  
  -webkit-transform: rotate(45deg);
  transform: translateY(-50%) rotate(135deg);
}


@media (max-width: 1600px) {

  .erweima{ display: none;    bottom: 220px; background-color: #fff; width: 150px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
    box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
    left: 85px;} 
   .kefu:hover .erweima{ display: block;}
   .erweima::before{
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    left: -6px;
    top: 50%;
    z-index: 1;  
    background: #fff;
    
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(135deg);
  }
  
  
  
  .telhd{ display: none;  font-size: 1em; color: #000;  line-height: 1.5;       bottom: 350px; background-color: #fff; width: 140px; height: 70px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
    box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
    left: 85px;} 
   .tel:hover .telhd{ display: block;}
   .telhd::before{
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    left: -6px;
    top: 50%;
    z-index: 1;  
    background: #fff;
    
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(135deg);
  }
  
  
  
  
  .erweima1{ display: none;    bottom: 150px; background-color: #fff; width: 150px;-webkit-box-shadow: hsla(216, 7%, 73%, 0.4) 0 2px 8px 0;
    box-shadow: 0 2px 8px 0 hsla(216, 7%, 73%, 0.4);
    left: 85px;} 
   .kefu1:hover .erweima1{ display: block;}
   .erweima1::before{
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    left: -6px;
    top: 50%;
    z-index: 1;  
    background: #fff;
    
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(135deg);
  }
  

}


.pl-3{ padding-left: 3em;}
.colpb3 .col{ padding-bottom: 1em;}
/*end */

.dbdhlj{max-width: 1000px; font-size: 1.1em; font-weight: 600; color: #5c5c5c;}
.dbdhlj a{color: #5c5c5c;}



@media screen and (min-width: 320px) and (max-width: 480px){
  /*在这里写小屏幕设备的样式*/
  #center_canvas{ margin-top: 50px;}
  .centerzx .pl-3{     padding-left: 0.8em;}
  .center_province{}
  .dbdhlj1 .col{ text-align: left;    padding-bottom: 10px;}
  }
  .zc .col{ line-height: 2;}

 .zc h2{ font-size: 2em; color: #000;padding-bottom: 10px;} 
 .zc p{ font-size: 1em; color: #000; padding-bottom: 20px;} 
 .zch2jj{padding-bottom: 50px;}



 .homenr a:hover{ color: #1f1e1e;}