body{ color: #666; font-size: 15px; line-height: 200%; }
a{ color: inherit; text-decoration: none; }
a:link{ color: inherit; text-decoration: none; }
a:visited{ color: inherit; text-decoration: none; }
a:active{ color: #2d5294; text-decoration: none; }
a:hover{ color: #2d5294; text-decoration: none; }
ol,ul,li{ margin: 0; padding: 0; list-style-type: none; }

article a:hover{ text-decoration: underline; }
article li{ padding-left: 1em;  }
/*table{ border-bottom: #aaa 1px dotted; }
table:hover{ background: #ffffeb; }
table th, table td{ border: none; }
table span, table b{ color: #094F71; padding: 0 10px; }*/
article table th:hover, article table td:hover{ background: #ffffeb; }

.form-control{ webkit-box-shadow:none !important; box-shadow:none !important;}
.form-control:focus, .select2-search__field:focus{ outline: none !important; webkit-box-shadow:none; box-shadow:none !important; }
.form-control:blur, .select2-search__field:blur{ outline: none !important; webkit-box-shadow:none; box-shadow:none !important; }
button.btn:focus{ outline: none !important; webkit-box-shadow:none; box-shadow:none !important; }
select.form-select:focus{ outline: none !important; webkit-box-shadow:none !important; box-shadow:none !important; }
.btn:focus{ outline: none !important; webkit-box-shadow:none !important; box-shadow:none !important; }
.input_borderless{ border: none !important; background: #f6f6f6; padding: 0 2rem !important; }
.input_borderless:focus{ background: #f6f6f6;}

@media (min-width: 375px) {

}

@media (max-width: 768px) {
.logo{ max-width: 280px; }

.layer_bg:before{ display: none;}
.bg_md{ display: block; }

.col-wrapper{ width: 100%; float: none; background-position: center; position: relative;}
.btm_menu{ display: none; }
.btm_smenu{ display: none; }
.btm_support{ text-align: left !important; }
}

@media (min-width: 768px) {
.bg_md{ display: none; }

.col-wrapper{ width: 50%; float: left; background-position: center; position: relative;}
}

@media (max-width: 991px) {
  .title_contact{ display: none; }
  .title_topcontact{ display: none !important; }
.navbar{ 
position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    background:none !important;
 }
.navbar-toggler{margin-left:auto;}

#navbars ul.navbar-nav > li > ul.sub-menu{ display: none !important; }

#navbars ul.navbar-nav > li a{ font-size: 17px; padding: 0.5rem 0.8rem; }
.home_title{ padding: 2rem 1rem 1rem !important; }
.home_content{ padding: 0.5rem 1.5rem !important; }
.home_more{ margin-top: 1rem; }
.home_content_LR{ padding: 10rem 2rem 1.5rem; }
}
@media (min-width: 992px) {
#navbars ul.navbar-nav{ width: 100%; }
#navbars ul.navbar-nav > li{ width: 16%; text-align: center; }
#navbars ul.navbar-nav > li a{ font-size: 16px; padding: 0.3rem 0.8rem; text-align: center; }

.home_title{ padding: 3rem 1rem !important; }
.home_content{ padding: 3rem !important; }
.home_more{ margin-top: 3rem; }
.home_content_LR{ padding: 30rem 5rem 3rem; }
}

@media (min-width: 1200px) {
#navbars ul.navbar-nav > li a{ font-size: 17px; padding:0.5rem 1.2rem;  }
}
@media (max-width: 1399px) {
.post img{ max-width: 100%; }
}
@media (min-width: 1400px) {
.cat_wrapper{ padding-right: 3rem; }
.post img{ max-width: 50%; }

}


.clearfix:before,.clearfix:after{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{ *zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.text-justify{ text-align: justify !important; }
.row > *{ margin-bottom: 1rem; }

.mt0{ margin-top: 0 !important; }
.my0{ margin-top: 0 !important; margin-bottom: 0 !important; }
.mt10{ margin-top: 1rem; }
.mt20{ margin-top: 2rem; }
.mt30{ margin-top: 3rem; }
.mt40{ margin-top: 4rem; }
.mt50{ margin-top: 5rem; }

.p10{ padding: 1rem; }
.p20{ padding: 2rem; }
.p30{ padding: 3rem; }
.p40{ padding: 4rem; }
.p50{ padding: 5rem; }
.pt0{ padding-top: 0 !important; }
.px0{ padding-left: 0 !important; padding-right: 0 !important; }
.px10{ padding-left: 1rem !important; padding-right: 1rem !important; }
.px20{ padding-left: 2rem !important; padding-right: 2rem !important; }
.px30{ padding-left: 3rem !important; padding-right: 3rem !important; }
.px40{ padding-left: 4rem !important; padding-right: 4rem !important; }
.px50{ padding-left: 5rem !important; padding-right: 5rem !important; }
.py0{ padding-top: 0 !important; padding-bottom: 0 !important; }
.py10{ padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py20{ padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py30{ padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py40{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
.py50{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
.pt10{ padding-top: 1rem; }
.pt20{ padding-top: 2rem; }
.pt30{ padding-top: 3rem; }
.pt40{ padding-top: 4rem; }
.pt50{ padding-top: 5rem; }

.w10{ width: 10rem !important; }


.scale_box img:hover{
  transform: scale(1.1);
  transition: transform 0.5s ease-in-out;
}

.flip_box {
  transition: transform 0.5s ease-in-out;
  perspective: 800px;
}
.flip_left img:hover {
  transform-origin: left center;
  transform: rotateY(10deg);
  transition: transform 0.5s ease-in-out;
}
.flip_right img:hover {
  transform-origin: right center;
  transform: rotateY(-10deg);
  transition: transform 0.5s ease-in-out;
}



.table-horizontal-only {
    border: none;
  }
  .table-horizontal-only th,
  .table-horizontal-only td {
    border: none; /* 移除所有边框 */
    border-bottom: 1px solid #dee2e6; /* 只添加底部边框 */
    padding: 0.75rem;
  }
  .table-horizontal-only thead th {
    border-bottom: 1px solid #2d5294; /* 表头加粗底部边框 */
  }


.color_main{ color: #2d5294 !important; }
.color_btminfo{ color: #ccc !important; }
.bg_main{ background: #2d5294 !important; }
.bg_main33{ background: #2d529433 !important; }
.bg_black66{ background: #00000066 !important; }
.bg_black99{ background: #00000099 !important; }
.bg_sub{ background: #ddd !important; }
.bg_grey{ background: #f8f8f8; }
.noborder{ border: none !important; }

.a_more{ font-size: 14px; font-weight: normal; }
.a_line, .a_line:hover{ text-decoration: underline !important; }
.a_noline{ text-decoration: none; }
.span_bg{ color: #fff; background: linear-gradient(to bottom, #c8bb90, #2d5294); padding: 0.2rem 0.8rem; }
.text_small{ font-size: 0.8rem !important; line-height: 1.2rem !important; }
.line{ height: 1px; background: #ccc; margin: 1rem 0; }
.caps{ text-transform: capitalize; }


.btn{ font-size: 15px; }
.btn_common{ display: block; width: 100%; line-height: 300%; height: auto; padding: 0 2em;
 border: none; text-align: left; }
.btn_positive{ font-size:16px; color: #fff !important; background: #0a4482; text-align: center !important; 
  display: block; width: auto; line-height: 240%; height: auto; padding: 0 2em; 
  border: none; text-align: left; border-radius: 0px; }
.btn_positive:hover{ background: #00adab; }
.btn_hover{ font-size:16px; color: #fff !important; background: #00adab !important; text-align: center !important; 
  display: block; width: auto; line-height: 240%; height: auto; padding: 0 2em; 
  border: none; text-align: left; border-radius: 0px; }
.btn_hover:hover{ background: #00adab; }
.btn_negative{ color: #666 !important; background: #ddd; text-align: center !important;
 display: block; width: 100%; line-height: 200%; height: auto; padding: 0 2em;
  border: none; text-align: left; border-radius: 10px 0 10px 0; }
.btn_radius{ color: #fff !important; background: #2d5294; text-align: center !important;
 display: block; width: 100%; line-height: 200%; height: auto; padding: 0 2em;
   border:#2d5294 1px solid; text-align: left; border-radius: 1rem; }
.btn_radius:hover{ background: #2d5294; }
.btn_radius_negative{ color: #666 !important; background: #f6f6f6; text-align: center !important;
 display: block; width: 100%; line-height: 200%; height: auto; padding: 0 2em;
 border:#ccc 1px solid; text-align: left; border-radius: 1rem; }
.btn_radius_negative:hover{ color: #fff !important; background: #2d5294; border:#2d5294 1px solid; }
.btn_ghost{ font-size: 14px; line-height: 150%; text-align: center; padding: 0.5rem 1rem;
 color: #2d5294 !important; border: #2d5294 1px solid; }
.btn_ghost:hover{ color: #fff !important; background: #2d5294 !important; border: #2d5294 1px solid; }
.btn_ghost2{ font-size: 14px; line-height: 150%; text-align: center; padding: 0.5rem 1rem;
 color: #fff !important; border: #fff 1px solid; }
.btn_ghost2:hover{ color: #fff !important; background: #2d5294 !important; border: #fff 1px solid; }
.btn_gototop{ display: block; width: 40px; height: 40px; background-image: url('/wp-content/themes/shsf/images/style2.png');
 background-position: left center;
 position: fixed; right: 3rem; bottom: 8rem; z-index: 999;}
.btn_gototop:hover{ background-position: right center; }

.title1box{ padding-left: 50px; margin: 1rem 0 1.5rem; 
  background-image: url('/wp-content/themes/shsf/images/icon.png'); 
  background-size: 31px 60px; background-repeat: no-repeat; }
.title1{ font-size: 22px; line-height: 180%; color: #2d5294; font-weight: bold; }
.title1sub{ font-size: 16px; line-height: 180%; color: #333; font-weight: normal; }
.title2{ font-size: 24px; line-height: 180%; color: #fff; font-weight: bold; text-align: center; }
.title2sub{ font-size: 16px; line-height: 180%; color: #fff; font-weight: normal; text-align: center; }
.title3w{ font-size: 22px; line-height: 180%; color: #fff; font-weight: bold; }
.title3wsub{ font-size: 15px; line-height: 180%; color: #fff !important; font-weight: normal; }
.title3{ font-size: 22px; line-height: 180%; color: #333; font-weight: bold; }
.title3:hover{ color: #2d5294: !important; }
.title3sub{ font-size: 15px; line-height: 180%; color: #333; font-weight: normal; text-decoration: underline !important; }
.title4box{ padding-left: 50px; margin: 2rem 0; 
  background-image: url('/wp-content/themes/shsf/images/iconw.webp'); 
  background-size: 21px 40px; background-repeat: no-repeat; }
.title4box2{ padding-left: 50px; margin: 2rem 0; 
  background-image: url('/wp-content/themes/shsf/images/iconw2.webp'); 
  background-size: 25px 41px; background-repeat: no-repeat; }
.title4box3{ padding-left: 50px; margin: 2rem 0; 
  background-image: url('/wp-content/themes/shsf/images/iconw3.webp'); 
  background-size: 25px 38px; background-repeat: no-repeat; }
.title4{ font-size: 20px; line-height: 180%; color: #fff; font-weight: normal; }
.title4sub{ font-size: 16px; line-height: 180%; color: #fff; font-weight: normal; }
.title5{ font-size: 24px; line-height: 180%; color: #2d5294; font-weight: bold; text-align: center;
 padding-top: 60px; background-image: url('/wp-content/themes/shsf/images/icon.png');
 background-size: 31px 60px; background-repeat: no-repeat; background-position: center top; }
.title5sub{ font-size: 15px; line-height: 180%; color: #888; font-weight: normal; text-align: center; }
.title6{ font-size: 26px; color: #0a4482; font-weight: bold; text-align: center; line-height: 100%; margin-bottom: 3rem; background: url(fgx-1.png) center center no-repeat; }
.title6sub{ font-size: 24px; color: #dedede; font-family: arial; text-align: center; line-height: 150%; text-transform: uppercase; }
.title_topcontact{display: inline-block; width: auto; font-size: 24px; line-height: 180%; color: #2d5294; font-weight: bold;
 padding-left: 50px; background-image: url('/wp-content/themes/shsf/images/tel.png'); 
 background-position: left center; background-size: 34px 34px; background-repeat: no-repeat; }
}

.i_title{ font-size: 20px; font-weight: bold; line-height: 200%; text-align: center; margin-bottom: 1rem; }
.i_title2{ font-size: 20px; font-weight: bold; line-height: 200%; text-align: center; border-bottom: #ffbd00 2px solid; margin-bottom: 1rem; }

.title_contact{ font-size: 13px; line-height: 180%; padding-left: 2rem; }
.title_mail{ background: url('/wp-content/themes/shsf/images/icon1.webp') left center no-repeat; }
.title_tel{ background: url('/wp-content/themes/shsf/images/icon2.webp') left center no-repeat; }
.title_addr2{ background: url('/wp-content/themes/shsf/images/addr.webp') left center no-repeat; }
.title_mail2{ background: url('/wp-content/themes/shsf/images/mail.webp') left center no-repeat; word-break: break-word; }
.title_tel2{ background: url('/wp-content/themes/shsf/images/tel.webp') left center no-repeat; }


.head_contact{}

#head_layer{ }
#head_layer .logo{  }
.navbar{ background-color: #0a4482; }
#head_layer button.navbar-toggler{ background: none; }
#navbars ul.navbar-nav > li{ position: relative;}
#navbars ul.navbar-nav li a{ display: block; color: #fff !important; background-color: #0a4482; }
#navbars ul.navbar-nav li a:not(.btn):hover, #navbars ul.navbar-nav li.current_page_item a,  #navbars ul.navbar-nav li.current-menu-item a{ background-color: #00adab; color: #fff !important; }
.navigation .wp_subtop, .navigation .wp_subtop a{  }

.navbar-light .navbar-nav .nav-link{ color: #555 !important; }
.navbar-dark .navbar-nav .nav-link{ color: #fff !important; }
button.navbar-toggler{ border-color: #ddd !important; }

#navbars .sub-menu-toggle{ display: none !important; }
#navbars ul.navbar-nav > li .sub-menu{
 position: absolute; top: 100%; bottom: 0; z-index: 999; display: none;  
 width: 100%;}
#navbars ul.navbar-nav > li:hover > ul.sub-menu{ display: block; }
#navbars ul.navbar-nav > li > ul.sub-menu > li > a{ background: #0a4482; }
#navbars ul.navbar-nav > li > ul.sub-menu > li > a:hover{ background:#00adab; }




#myCarousel .carousel-caption{ bottom: 15%; }
.carousel-indicators button{ height: 5px !important; background-color: #fff !important; }
.carousel-indicators button.active{ background-color: #2d5294 !important; }
.carousel-indicators button.active { opacity: 1; }
.carousel-control-prev,.carousel-control-next{ background: none !important; }
/* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
.carousel_title_r{ position: absolute;
  right: 5%;
  text-align: right !important;
  bottom: 5%;
}



/*
#myCarousel2{ margin-bottom: 9rem; }
#myCarousel2 .carousel-inner{ overflow: visible; }
#myCarousel2 .carousel-caption{ left: 0 !important; bottom: -7rem !important; }
#myCarousel2 .carousel-item{ }
*/
.carousel-caption{ left: 5% !important; }
.carousel-caption{ left: 5% !important; }

.carousel-item{ min-height: 200px; }
.carousel-inner img{ min-height: 200px; }

.carousel-h100{ height: 100%; }
.carousel-h100 .carousel-inner{ height: 100%; }
.carousel-h100 .carousel-item{ height: 100%; }

.bgmap{ min-height: 500px; background-size: cover; 
    background-image: url('/wp-content/themes/shsf/images/map.webp');
    background-position: right bottom; 
    background-repeat: no-repeat; 
  }
.bgmap000:hover{ 
    background-image: url('/wp-content/themes/shsf/images/map1.webp'), url('/wp-content/themes/shsf/images/map.webp');
    background-position: center top, center top; 
  }  

/*渐变背景*/
.layer_bg{
  position: relative;
}
.layer_bg:before{
  background-size: auto 100% !important;
}
.layer_bg_L::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background-size: cover;
}
.layer_bg_R::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  background-size: cover;
}
.layer_bg_T::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  background-size: cover;
}
.layer_bg_1{
  background: url('/wp-content/themes/shsf/images/bg2.webp') no-repeat; 
}
.layer_bg_1::before {
  background: 
    linear-gradient(
      to right,
      rgba(255,255,255,0) 80%,  
      rgba(255,255,255,1) 100% 
    ),
    url('/wp-content/themes/shsf/images/bg3.webp') right center; 
}

.layer_bg_2{
  background: url('/wp-content/themes/shsf/images/bg2.webp') no-repeat; 
  min-height: 600px;
}
.layer_bg_2::before {
  background: 
    linear-gradient(
      to left,
      rgba(255,255,255,0) 80%,  
      rgba(255,255,255,1) 100% 
    ),
    url('/wp-content/themes/shsf/images/bg4.webp') right center; 
}

.layer_bg_3::before {
  background: 
    linear-gradient(
      to bottom,
      rgba(255,255,255,0) 40%,  
      rgba(255,255,255,1) 60% 
    ),
    url('/wp-content/themes/shsf/images/bg2.webp') center top; 
}

.layer_bg_4::before {
  background: 
    url('/wp-content/themes/shsf/images/b5.webp') right center; 
}


.imgtrig{ cursor: pointer; }

#foot_layer{ background: #333; color: #ccc; line-height: 180%; }
#foot_layer a{ color: #ccc; }
.btm_policy{ text-align: left; font-size: 12px; }
.btm_support{ text-align: right; font-size: 12px; }


/*
categury
*/
.cat_box{ width: 241px; padding-bottom: 20px; float: left; color: #fff;}
.cat_box a{ color: #fff;}
.cat_title_box{ padding:10px 15px 5px 15px; background: #0a4482; padding: 0.5rem 0; text-align: center; color: #fff !important;}
.cat_title{ font-size: 26px; font-weight: bold; line-height: 150%; color: #fff !important;}
.cat_subtitle{ font-size: 18px; line-height: 150%; color: #fff !important; }
.cat_icon{ display: block; width: 7px; height: 30px; float: right; background: url(/wp-content/themes/shsf/images/icon.png) right center no-repeat;}
.cat_logo{ width: 30px; height: 30px; float: right; }
.cat_title_box2{ padding:10px 15px 5px 15px; background: #ffbd00; padding: 0.5rem 0; text-align: center; color: #fff !important;}

/*
.cat_box .ul_catbox{ width: 226px; padding: 0 0 0 15px; background: #e69138;}
.cat_box .ul_catbox li{ margin-right: 9px; float: left; }
.cat_box .ul_catbox li a{ display: block; font-size: 14px; width: 4em; height: 24px; line-height: 24px; padding-right: 9px; background: url(/wp-content/themes/shsf/images/sep.jpg) right center no-repeat;}
*/
.cat_box .ul_catbox{ width: 241px; background: #ffe5cb;}
.cat_box .ul_catbox li{ width: 100%; }
.cat_box .ul_catbox li a{ display: block; font-size: 16px; width: 211px; padding-left: 30px; height: 24px; line-height: 24px; color: #666;}
.cat_box .ul_catbox li a:hover{ background: #ddd;}

.cat_box .ul_catbox2{}
.cat_box .ul_catbox2 li{ margin-bottom: 5px;}
.cat_box .ul_catbox2 li a{ display: block; color: #666; font-size: 16px; width: 100%; height: 80px; line-height: 80px; text-align: center; background: #f7f7f7;}
.cat_box .ul_catbox2 li a:hover{ color: #e69138; background: #fff }

.ul_catbox2 li ul{display: none;}
.ul_catbox2 li.hover ul{display: block;}
.ul_catbox2 li a{ padding: 0 0 0 6rem; line-height: 320%; display: block;
 background-color: :#f6f6f6 !important;
 background-image: url(/wp-content/themes/shsf/images/bgcat1.png) !important;
 background-position: 4rem center !important;
 background-repeat: no-repeat !important;
 background-size: auto 16px; 
 border-bottom: #ccc 1px dotted;
}
.ul_catbox2 li a:hover, .ul_catbox2 li.current-cat a{
 color: #00adab !important;
 background-color: #f6f6f6 !important;
 background-image: url(/wp-content/themes/shsf/images/bgcat2.png) !important;
 /*border-bottom: #0a4482 1px dotted;*/
}

.shadow_box{ -webkit-box-shadow: #999 0px 0px 10px; -moz-box-shadow: #999 0px 0px 10px; box-shadow: #999 0px 0px 10px; }


#breadcrum_layer{ padding-bottom: 2rem; font-size: 13px;  color: #888;}
#breadcrum_layer img{
  width: 1rem;
  margin-right: 0.5rem;
  margin-top: -0.2rem;
}


/*query*/
.query_box{  }
.query_box:hover{}
.query_title{ display: block; width: 100%; background-color: #f6f6f6; line-height: 300%; 
  font-size: 16px; color: #333; text-align: center; 
  padding: 0 0.5rem;
  height: 3rem;
  overflow: hidden;
}
.query_box:hover .query_title{ background-color:  #0a4482; color:#fff; }
.query_img{ width: 100%; aspect-ratio: 4 / 3; }

.query_box2{ padding-bottom: 30px; border-bottom: #ddd 1px solid; margin-bottom: 40px !important; }

.news_img{ width: 130px; height: 90px; float: left; margin-right: 10px; }
.news_title{ color: #333; font-size: 16px; font-weight: bold;}
.news_date{ color: #929292; font-size: 14px; margin-top: 5px;}
.news_memo{ color: #7e7d7d; font-size: 14px; margin-top: 5px; }


/*content*/
.article_content{ margin-top: 30px; min-height: 20rem; }
.article_content img{  }
.article_content table p{ margin-bottom: 0 !important; }


/*
pagination
*/
nav.pagination, .comments-pagination{ border: none !important; }
nav.pagination{ clear:both; }
nav.pagination h2.screen-reader-text{ display: none; }
nav.pagination .page-numbers{ display: block; float: left; font-size: 14px; height: 24px; line-height: 24px; min-width: 24px; min-height: 24px; text-align: center; border: #ddd 1px solid; margin: 0 3px; padding: 0 5px; }
nav.pagination .current{ color: #ffbd00; }



.bg_belt{ background: url(/wp-content/themes/shsf/images/bg3.jpg) no-repeat center center / cover;}

.bg_map{ min-height: 300px; background: url(/wp-content/themes/shsf/images/map.jpg) no-repeat center center;}