@charset "utf-8";
/* CSS Document */
body{color: #000;}
@font-face {
  font-family: 'MySpecialFont';  /* 自定义字体名称 */
  src: 
  
    url('../fonts/FOLIOBC.TTF') format('truetype');

  font-style: normal;     /* 样式 */
  font-display: swap;     /* 避免渲染阻塞 */
}
.rel {
    position: relative;
}
a:hover{text-decoration: none;}
a:focus { outline: none; }
.carousel-indicators .active{background-color: #a01f12;}
.top{background-color: #0f3961;color: #fff;height: 35px;}
.top h1{padding: 0;margin: 0;}
.top h1,.top  .top_tel{font-size: 14px;line-height: 35px;}	
.mg{margin-top:60px}
.pd100{padding: 100px 0;}
.navbar-transparent {
    background: transparent !important;
    border: none;
    transition: all 0.4s ease;
}
.mgg{margin-bottom: 60px;}
.mgg2{margin-bottom: 200px;}
.navbar-nav>li>a{font-size: 18px;}
ul, ol, li{ list-style:none;margin:0;padding:0}
.navbar-default .navbar-nav>li>a{color:#000;}
.navbar-solid .navbar-nav>li>a,.navbar-solid .navbar-nav>.open>a,.navbar-solid .navbar-nav>.open>a:hover,.navbar-solid .navbar-nav>.open>a:focus,.navbar-solid .navbar-nav>.active>a,.navbar-solid .navbar-nav>li>a:focus,.navbar-solid .navbar-nav>li>a:hover,.navbar-solid a:hover{color:#777 !important;}
.navbar-solid .navbar-nav>li>a{font-weight:bold}
.navbar-right .dropdown-menu{right:auto}
.navbar-default .navbar-nav>li>a:hover{color: #000;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#000}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:#000;color: #000;}
.carousel-indicators li{border:none;background-color: #fff;}
.navbar{    -webkit-box-shadow: 0 0 7px 0 hsla(0,0%,63.9%,.47);
    box-shadow: 0 0 7px 0 hsla(0,0%,63.9%,.47);margin-bottom:0}
      .light-logo {
            opacity: 1;
			display: block;
        }
        
      .dark-logo {
            opacity: 0;
			display: none;
        }
		       .navbar-solid .light-logo {
		            opacity: 0;
					display: none;
		        }
		        
		        .navbar-solid .dark-logo {
		            opacity: 1;
						display: block;
		        }
		        
.navbar-default{background-color: #fff;}
.navbar-nav>li{position:relative}
.swiper-pagination-bullet{background: #c9c9c9;}
.swiper-pagination-bullet-active{background: #ec6941;}
.navbar-nav>li .active a{color:#a11f12}

.top_s_t{   position: absolute;top: 90px; z-index: 999; background: #fff;padding: 20px;display: none;}
.top_s a{color:#8c8c8c}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#000}

.dropdown-menu{border:none}
.dropdown-menu>li>a{padding:10px 20px;    font-size: 16px;text-align: center;}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background:#a11f12;color:#fff !important}

footer{background-color: #f6f6f6;color: #000;padding-top: 40px;}

.dizhi {margin-top: 20px;}
.dizhi a{color: #000;}
.dizhi p{display: flex;align-items: center;}
.dizhi p a{font-size: 18px;line-height: 40px;}
.dizhi p  i{font-size: 21px;margin-right:15px;width:20px;display: block;}
.f_menu{text-align:center}
.f_menu dd a {font-size: 18px;}
.f_menu dd a:hover{text-decoration: underline;}
.f_tit{font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.f_menu dd{}
.f_menu dd p a{color: #000;}
.f_linker a{font-size: 35px;color: #000000;margin:0 10px}


	.zxd a{background-color: #1ea1d6;color: #fff;width: 100%;height: 200px;display: flex;justify-content: space-around;align-items: center;font-family: 'MySpecialFont';margin-top:90px;margin-bottom: 50px}
	.zxd a p{font-size: 70px;font-weight: bold;}	
	.zxd a span{display: flex;border-radius: 50px;background-color: #fff;text-align: center;width: 248px;height: 56px;color: #000;font-size: 20px;justify-content: center;align-items: center;}
	.zxd a span i{display: flex;background-color: #b41313;align-items: center;justify-content: center;border-radius: 20px;width:80px;height: 40px;margin-left:20px}
	
	
	 .mcpp img,.fc_tp img,.list_news_tp img{width: 100%;transform: scale(1.0, 1.0);transition: all 0.5s ease 0s;}
	 .mcpp:hover img,.fc_tp:hover img,.list_news_tp:hover img{ transform: scale(1.1, 1.1);}

.npc{display: none;}


   /* 三级菜单样式 */
        .dropdown-submenu {
            position: relative;
        }
        
        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            border-radius: 0 6px 6px 6px;
        }
        
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
        
        .dropdown-submenu > a:after {
            content: "\f105";
            font-family: 'FontAwesome';
            display: inline-block;
            margin-left: 6px;
            float: right;
        }

.navbar{box-shadow: none;}
.yuyan a{background-color: #e07e81  !important;color: #ffffff !important;border-radius: 50px;font-weight: bold;}
.yuyan a:hover{color: #010101;}
@media (max-width: 1024px) {  /* 覆盖 768px 为 992px，使 iPad 横/竖屏均折叠 */
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }
  .collapse.in{
      
          display: block !important;
  }
  .navbar-nav {
  float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  	.icon-bar {background-color: #d9426d!important;}
	.navbar-brand{height: auto;}
	.navbar-brand>img{width:150px;margin-top:0}
  
}


.close-x {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
  float: right;
}
.close-x::before, 
.close-x::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px; /* 叉号线条粗细 */
  background: #fff; /* 颜色 */
}
.close-x::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.piaofu{position: fixed;right: 10px;bottom:10%;z-index:9999}
.piaofud{position: relative;color: #fff;}
.piao_cha{text-align: right;}
.piao_tt{background-color: #5d7052;display: flex;width: 200px;height: 100px;justify-content: space-around;align-items: center;flex-wrap: wrap;cursor: pointer;}
.piao_ctp img{width: 49px;height: 39px}
.piao_way{font-size: 18px;line-height: 30px}
.piao_cont{position: absolute;right: 210px;top:-315px;width: 350px;  box-shadow: 0 0 15px rgba(187, 187, 187, 0.3);display: none;z-index: 999999;}
.piao_wen{background-color:#5d7052 ;padding: 10px;}
.piao_pd{background-color: #fff;}
.piao_pd form input {width: 100%;height: 35px;font-size: 16px;padding-left: 10px;line-height: 35px;}
.piao_t{font-size: 18px;font-weight: bold;}
.piao_pp{font-size: 14px;}
.piao_pd{padding: 10px;color: #6b6b6b;font-size: 16px;}
.piao_pd p i{color: #ef5c23;}
.piao_tj{margin: 20px 0; text-align: center;}
.piao_tj .btn-primary{background-color: #5d7052 !important;width: 100%;}
input,button {outline: none;}



@media (min-width: 1200px){
    
  .container{width: 1450px;}		
}

 
@media (max-width: 768px){
	.fa-caret-down:before{top: 15px;}
    .tel,.mpinpai,.jiade{display: none;}
    .f_logo img{width:250px}
.f_menu{text-align:left;margin:25px 0}
.a_tit{font-size:36px}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#7777}
.l_menu{padding:0 10px}
.cplist li,.cp_cont .cp_p{margin-bottom: 20px;}
.mg{margin:10px 0}
.nsj{display: none !important;}
	.navbar{margin-bottom: 0;border:none;box-shadow:unset;   }
	.navbar-default{height:auto}
	.dizhi p a{font-size:17px;line-height:30px}
	.dizhi p i{font-size:20px;margin-right:5px;}
.piao_cont{right:4%}
.f_tit{font-size:18px;margin-bottom:10px}
.f_linker a{font-size: 24px;}
.f_linker{margin-bottom: 20px;}
footer{margin-top:0}
.npc{display: block;}
.zxd a{height:100px;padding:0 15px;margin-top:10px}
.zxd a span{width: 180px;}
.zxd a p{font-size:20px}
.zxd a span i{width: 40px;}
.zxd a span i img{width: 50%;}
.pd100{padding:10% 0}
.mgg2{margin-bottom:30px}
.navbar-nav .open .dropdown-menu>li>a{text-align:left}
}



@media (max-width:360px){
.maijia .mai_l{padding:0 5px}

}

@media (min-width: 768px){
.navbar-nav>li{padding:0 4px;    height: 100px;
    display: flex;
    align-items: center;justify-content:center}
    .zhong>li{width:242px;text-align:center}

#header .navbar{padding:0}
.npc{display: none !important;}
}