@charset "utf-8";
@media (min-width: 1200px){ 
.drop-con{ background:#e59100;}
.drop-con a{ color:#fff;}
.drop-con a:hover{ background:none; font-weight:bold; }
.huabei{ width:50px; height:50px;  position:absolute; left:63%; top:38%;}
.intro_huabei{background:url(../img/bk_hb.png) center center no-repeat;}
.sichuan{ width:50px; height:50px;  position:absolute; left:55%; top:43%;}
.intro_sichuan{background:url(../img/bk_sc.png) center center no-repeat;}
.hainan{ width:50px; height:50px;  position:absolute; left:60%; top:51%;}
.intro_hainan{background:url(../img/bk_hn.png) center center no-repeat;}
.helan{ width:50px; height:50px;  position:absolute; left:8%; top:24%;}
.intro_helan{background:url(../img/bk_hl.png) center center no-repeat;}
.riben{ width:50px; height:50px;  position:absolute; left:72%; top:37%;}
.intro_riben{background:url(../img/bk_rb.png) center center no-repeat;}
.banner{height: 600px;width: 100%;}
.banner_zbh{ height:1200px; width:100%;}
.bannerx{height: 350px;width: 100%;}
  .navbar-expand-md .navbar-nav .nav-link {
  color: #fff;
  font-size: 14px;
  padding: 30px 0px;
  margin-left: 30px;
  position: relative;
}
.navbar-expand-md .navbar-nav .link-zbh{
  color: #fff;
  font-size: 14px;
  margin-left: 30px;
  position: relative;
  color:#fff;
  height:40px; line-height:40px;  padding:0 0 0 30px;
}
.home_ico{ margin:0 0 0 0;}
.el_c_d{ line-height:50px; font-size:20px;}
.el_c_t,.sl_c_t{ line-height:50px; font-size:28px; font-weight:bold; margin-bottom:20px;margin-top:20px;}
.el_m_t {line-height:50px; height:50px; overflow:hidden; font-size:20px; font-weight:bold;}
.el_m_c{ width:105px; height:105px; margin:15px 0 0 0; padding-left:10px;}
.el_m_c_d{ height:70px; line-height:70px; font-size:40px;}



 .list_1{ width:320px;}
 .w2_con{ margin:100px auto; }
 .w3_con{ margin:80px auto; }
 .single-team { margin:20px;}
.linkx_1{ width:64px; height:30px; left:39em; top:19em; position:absolute; background:red;}
#tip_1:hover .linkx_1{ width:73px; height:73px; left:39em; top:17em; background: url(../img/bk_hb.png) no-repeat;}
#tip_content_1{ left:65em;top:20em;}
.tooltip-text{ overflow:hidden; height:300px;}
.text_con_info{position:absolute; left:30px; background-color: rgba(35,45,57,0.4)!important }
.con_info_title{ line-height:50px; font-size:16px;}
}
@media (min-width: 992px) and  (max-width: 1200px){ 
.drop-con{ background:#e59100;}
.drop-con a{ color:#fff;}
.drop-con a:hover{ background:none; font-weight:bold; }
.banner{height: 550px;width: 100%;}
.bannerx{height: 300px;width: 100%;}
.huabei{ width:40px; height:41px; position:absolute; left:63%; top:32%;}
.intro_huabei{background:url(../img/bk_hb_40.png) center center no-repeat;}
.sichuan{ width:40px; height:40px;  position:absolute; left:55%; top:37%;}
.intro_sichuan{background:url(../img/bk_sc_40.png) center center no-repeat;}
.hainan{ width:40px; height:40px;  position:absolute; left:60%; top:42%;}
.intro_hainan{background:url(../img/bk_hn_40.png) center center no-repeat;}
.helan{ width:40px; height:40px;  position:absolute; left:8%; top:20%;}
.intro_helan{background:url(../img/bk_hl_40.png) center center no-repeat;}
.riben{ width:40px; height:40px;  position:absolute; left:72%; top:32%;}
.intro_riben{background:url(../img/bk_rb_40.png) center center no-repeat;}
   .navbar-expand-md .navbar-nav .nav-link {
  color: #fff;
  font-size: 14px;
  padding: 30px 0px;
  margin-left: 10px;
  position: relative;
  }
   .navbar-expand-md .navbar-nav .link-zbh{
  color: #fff;
  font-size: 14px;
  margin-left: 0;
  position: relative;
  color:#fff;
  height:40px; line-height:40px;  padding:0 0 0 35px;
}
  .single-team { margin:10px;}
.el_c_d{ line-height:40px; font-size:18px;}
.el_c_t,,.sl_c_t{ line-height:50px; font-size:20px; font-weight:bold;}
.el_m_t {line-height:50px; font-size:18px; font-weight:bold;}
.el_c_t,.el_m_t{ line-height:40px; font-size:16px; font-weight:bold;}
.el_m_c{ width:100px; height:100px; margin:15px 0 0 0; padding-left:10px;}
.el_m_c_d{ height:70px; line-height:70px; font-size:40px;}


.w2_con{ margin:70px auto; }
.wapper .lixx .pic_1{ width:70px; height:70px;margin-top:50px; margin-bottom:20px; margin-left:20px; margin-right:90px;}
.wapper .lixx .social{ width:40px;  height:auto; margin:0 auto;}
.txt_1{ position:absolute; color:#fff; left:10em;}
}

@media (min-width: 768px) and (max-width: 991px){
.el_c_t,.sl_c_t{ line-height:50px; font-size:18px; font-weight:bold;}
.el_m_t {line-height:50px; font-size:18px; font-weight:bold;}
  .img_logo{
    width:200px;
  }
  .drop-con{ background:#e59100;}
.drop-con a{ color:#fff;}
.drop-con a:hover{ background:none; font-weight:bold; }
  .huabei{ width:30px; height:31px; position:absolute; left:63%; top:24%;}
.intro_huabei{background:url(../img/bk_hb_30.png) center center no-repeat;}
.sichuan{ width:30px; height:30px;  position:absolute; left:55%; top:27%;}
.intro_sichuan{background:url(../img/bk_sc_30.png) center center no-repeat;}
.hainan{ width:30px; height:30px;  position:absolute; left:60%; top:32%;}
.intro_hainan{background:url(../img/bk_hn_30.png) center center no-repeat;}
.helan{ width:30px; height:30px;  position:absolute; left:8%; top:15%;}
.intro_helan{background:url(../img/bk_hl_30.png) center center no-repeat;}
.riben{ width:30px; height:30px;  position:absolute; left:72%; top:24%;}
.intro_riben{background:url(../img/bk_rb_30.png) center center no-repeat;}
.el_c_d{ line-height:40px; font-size:18px;}
.el_c_t,.el_m_t{ line-height:40px; font-size:16px; font-weight:bold;}
.el_m_c{ width:70px; height:70px; margin:15px 0 0 0; padding-left:5px;}
.el_m_c_d{ height:40px; line-height:40px; font-size:25px;}

  .hidden-md{ display:none;}
  .list_1{ width:100%;}
  .controls .btn {
    padding: 10px 24px;
  }
  .bg-white .collapse.show {
    
  }
  .banner{height: 500px;width: 100%;}
  .bannerx{height: 300px;width: 100%;}
  .navbar-expand-md .navbar-nav .nav-link {
    font-size:12px;
   }
  .navbar-toggleable-sm > .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
    margin: 12px 15px;
  }
  .navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
    background: #ddd;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 4px 3px;
    text-align: center;
    margin-bottom: 3px;
    margin-left: 0;
  }
   .navbar-expand-md .navbar-nav .link-zbh{
  color: #fff;
  font-size: 12px;
  margin-left: 0;
  position: relative;
  color:#fff;
  height:40px; line-height:40px;  padding:0 0 0 25px;
}
  .navbar-expand-md .navbar-nav .nav-link::before {
    display: none;
  }
  .mainmenu-area {
    padding: 0;
  }
  #carousel-area .carousel-item .carousel-caption {
    top: 40%;
  }
  #carousel-area .carousel-item .carousel-caption h3 {
    font-size: 16px;
  }
  #carousel-area .carousel-item .carousel-caption h2 {
    font-size: 22px;
  }
  #carousel-area .carousel-item .carousel-caption h4 {
    font-size: 14px;
  }
  #carousel-area .carousel-item .carousel-caption .btn {
    margin: 8px 5px;
    padding: 7px 16px;
    text-transform: capitalize;
    font-size: 14px;
  }
  
.w2_con{ margin:70px auto; }
.hidden-a{ display:none;}

.w2_na_info{ padding:0; margin-bottom:20px;}
.wapper .lixx .pic_1{ width:40px; height:auto;margin-top:50px; margin-bottom:20px; margin-left:20px; margin-right:90px;}
.wapper .lixx .social{ width:40px;  height:auto; margin:0 auto;}
.quick_link{ width:530px; margin:20px auto;}
.copyright{ text-align:center; padding:0; margin:0 0 10px 0;}
.ecode { width:300px; margin:0 auto;}
.ecode ul li{ margin:10px 0 10px 20px;}
}

@media (min-width: 576px) and (max-width: 767px) {
.el_c_t,.sl_c_t{ line-height:50px; font-size:18px; font-weight:bold;}
.el_m_t {line-height:50px; font-size:16px; font-weight:bold;}
  .drop-con{ background:none; border:none}
.drop-con a{ color:#fff;}
.drop-con a:hover{ background:none; font-weight:bold; }
.copyright{ text-align:center; margin:20px 0 0 0; font-size:12px;}
.banner{height: 450px;width: 100%;}
.bannerx{height: 250px;width: 100%;}
.hidden-sm{ display:none;}
.el_c_d{ line-height:40px; font-size:18px;}
.el_c_t,.el_m_t{ line-height:40px; font-size:16px; font-weight:bold;}
.el_m_c{ width:70px; height:70px; margin:15px 0 0 0; padding-left:5px;}
.el_m_c_d{ height:40px; line-height:40px; font-size:20px;}
  .huabei{ width:30px; height:30px; position:absolute; left:63%; top:17%;}
.intro_huabei{background:url(../img/bk_hb_30.png) center center no-repeat;}
.sichuan{ width:30px; height:30px;  position:absolute; left:55%; top:19%;}
.intro_sichuan{background:url(../img/bk_sc_30.png) center center no-repeat;}
.hainan{ width:30px; height:30px;  position:absolute; left:60%; top:24%;}
.intro_hainan{background:url(../img/bk_hn_30.png) center center no-repeat;}
.helan{ width:30px; height:30px;  position:absolute; left:8%; top:11%;}
.intro_helan{background:url(../img/bk_hl_30.png) center center no-repeat;}
.riben{ width:30px; height:30px;  position:absolute; left:72%; top:17%;}
.intro_riben{background:url(../img/bk_rb_30.png) center center no-repeat;}
.bor-r{ border:none;}
  .img_logo{
    width:250px;
  }
  .w2_con{ margin:30px auto; }
  .zn_title,.en_title,.w2_na_info{ text-align:center;}
  .w2_na_info{ padding:0}
  .navbar-toggleable-sm > .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .bg-white .collapse.show {
    
  }
  .mainmenu-area {
    padding: 0;
  }
  .bg-faded {
    background: #fff !important;
  }
  .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
    margin: 12px 15px;
  }
  .navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
    background: #f1f1f1;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 5px 12px;
    text-align: center;
    margin-bottom: 3px;
    margin-left: 0px;
  }
    .navbar-expand-md .navbar-nav .link-zbh{
  color: #fff;
  font-size: 12px;
  margin-left: 0;
  position: relative;
  color:#fff;
  height:40px; line-height:40px;  padding:0 0 0 25px;
}
.btn-x{ font-size:14px; padding:0.3rem;}
.show-sm{ display:block; padding-top:10px;}
.navbar{padding:0;}
  .mainmenu-area .menu-button {
    display: none;
  }
  .navbar-expand-md .navbar-nav .nav-link::before {
    display: none;
  }
  .section-header .section-title {
    font-size: 20px;
    line-height: 30px;
  }
  .contents .head-title {
    font-size: 16px !important;
  }
  .contents h4 {
    font-size: 18px;
    line-height: 30px;
  }
  #carousel-area .carousel-item .carousel-caption {
    top: 40%;
  }
  #carousel-area .carousel-item .carousel-caption h3 {
    font-size: 13px;
  }
  #carousel-area .carousel-item .carousel-caption h2 {
    font-size: 18px;
  }
  #carousel-area .carousel-item .carousel-caption h4 {
    font-size: 11px;
  }
  #carousel-area .carousel-item .carousel-caption .btn {
    margin: 8px 5px;
    padding: 7px 16px;
    text-transform: capitalize;
    font-size: 14px;
  }
  #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {
    background: transparent !important;
  }
  #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {
    background: transparent !important;
    border: none !important;
  }


.w2_na_info{ padding:0; margin-bottom:20px;}
.wapper .lixx .pic_1{ width:50px; height:50px; margin:30px auto;}
.wapper .lixx .pic_sg{ width:80px; height:80px;}
.wapper .lixx .title_sg{ text-align:center; margin-left:0;}
.wapper .lixx .social{ width:30px;  height:auto; margin:0 auto;}
.quick_link{ margin:10px auto;}
.copyright{ text-align:center; padding:0; margin:0 0 10px 0;}
.ecode { width:300px; margin:0 auto;}
.ecode ul li{ margin:10px 0 10px 20px;}
.fixed-top{ position:relative;}
}

@media (max-width: 576px) {
.el_c_t,.sl_c_t{ line-height:50px; font-size:18px; font-weight:bold;}
.el_m_t {line-height:50px; font-size:18px; font-weight:bold;}
.wapper .lixx .pic_sg{ width:80px; height:80px;}
.wapper .lixx .title_sg{ text-align:center; margin-left:0;}
  .drop-con{ background:none; border:none}
.drop-con a{ color:#fff;}
.drop-con a:hover{ background:none; font-weight:bold; }
.bannerx{height: 250px;width: 100%;}
.banner{height: 400px;width: 100%;}
  .hidden-xs{ display:none;}
  .img_logo{
    width:220px;
  }
  .el_c_d{ line-height:40px; font-size:18px;}
.el_c_t,.el_m_t{ line-height:40px; font-size:16px; font-weight:bold;}
.el_m_c{ width:50px; height:50px; margin:5px 0 0 0; padding-left:5px;}
.el_m_c_d{ height:40px; line-height:40px; font-size:20px;}
.bor-r{ border:none;}
  .huabei{ width:20px; height:20px; position:absolute; left:62%; top:13%;}
.intro_huabei{background:url(../img/bk_hb_20.png) center center no-repeat;}
.sichuan{ width:20px; height:20px;  position:absolute; left:55%; top:15%;}
.intro_sichuan{background:url(../img/bk_sc_20.png) center center no-repeat;}
.hainan{ width:20px; height:20px;  position:absolute; left:60%; top:18%;}
.intro_hainan{background:url(../img/bk_hn_20.png) center center no-repeat;}
.helan{ width:20px; height:20px;  position:absolute; left:8%; top:8%;}
.intro_helan{background:url(../img/bk_hl_20.png) center center no-repeat;}
.riben{ width:20px; height:20px;  position:absolute; left:72%; top:13%;}
.intro_riben{background:url(../img/bk_rb_20.png) center center no-repeat;}
#myPopover2r{ left:30%!important;}
  .w2_con{ margin:30px auto; }
  .zn_title,.en_title,.w2_na_info{ text-align:center;}
  .w2_na_info{ padding:0}
  .navbar-toggleable-sm > .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .bg-white .collapse.show {
    
  }
  .mainmenu-area {
    padding: 0;
  }
  .bg-faded {
    background: #fff !important;
  }
  .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
    margin: 12px 15px;
  }
  .navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
    background: #f1f1f1;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 5px 12px;
    text-align: center;
    margin-bottom: 3px;
    margin-left: 0px;
  }
      .navbar-expand-md .navbar-nav .link-zbh{
  color: #fff;
  font-size: 12px;
  margin-left: 0;
  position: relative;
  color:#fff;
  height:40px; line-height:40px;  padding:0 0 0 25px;
}
.btn-x{ font-size:14px; padding:0.3rem;}
.show-xs{ display:block; padding-top:10px;}
.navbar{padding:0;}
  .mainmenu-area .menu-button {
    display: none;
  }
  .navbar-expand-md .navbar-nav .nav-link::before {
    display: none;
  }
  .section-header .section-title {
    font-size: 20px;
    line-height: 30px;
  }
  .contents .head-title {
    font-size: 16px !important;
  }
  .contents h4 {
    font-size: 18px;
    line-height: 30px;
  }
  #carousel-area .carousel-item .carousel-caption {
    top: 40%;
  }
  #carousel-area .carousel-item .carousel-caption h3 {
    font-size: 13px;
  }
  #carousel-area .carousel-item .carousel-caption h2 {
    font-size: 18px;
  }
  #carousel-area .carousel-item .carousel-caption h4 {
    font-size: 11px;
  }
  #carousel-area .carousel-item .carousel-caption .btn {
    margin: 8px 5px;
    padding: 7px 16px;
    text-transform: capitalize;
    font-size: 14px;
  }
  #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {
    background: transparent !important;
  }
  #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {
    background: transparent !important;
    border: none !important;
  }
.radas{}
.title{ text-align:center;}
.w2_na_info{ padding:0; margin-bottom:20px;}
.wapper .lixx .pic_1{ width:50px; height:50px; margin:30px auto;}
.wapper .lixx .pic_sg{ width:100px; height:100px; margin:30px auto;}
.wapper .lixx .social{ width:30px;  height:auto; margin:0 auto; display:block;}
.radas_1{background:#e99a19;}
.radas_2{ background:#1781bb;}
.radas_3{ background:#43a62f;}
.radas_4{ background:#c63b49;}
.quick_link{ margin:10px auto;}
.copyright{ text-align:center; margin:20px 0 0 0; font-size:12px;}
.ecode { width:280px; margin:0 auto;}
.ecode ul li{ margin:10px 0 10px 20px;}
.fixed-top{ position:relative;}
.cndns-right{ display:none;}
.pos .pos_link{ font-size:12px;}
.wrap_3{ margin:10px auto;}
.single-team{ margin-top:10px;}
}