#hero--image .hero--wrapper{
  padding-top: 32vh;
}
.card--image.thin:before {
  padding-top: 57%;
}

.blog-list-title a[href*=".pdf"]::after,
.detail-btm a[href*=".pdf"]::after{
content: "\f15c";
font-family: "Font Awesome 6 Free";
font-weight: 400;
margin-left: 0.5em;
}

#service p{
  line-height: 2;
}
.message-title h3 br.sp_none{display: block;}

@media(max-width: 991px) {
  #hero--image .hero--wrapper {
      padding-top: 200px;
  }
  #message .president-wrapper {
    height: auto;
    aspect-ratio:75/63;
    position: relative;
  }
  #message .greeting-wrapper{margin-top: 2em;}
}
@media (max-width: 767px){
  #hero--image .hero--wrapper {
      padding-top: 180px;
  }
}
@media(max-width: 575px) {
  #hero--image .hero--wrapper {
    padding-top: 140px;
  }
  .col-sm-6.feed{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left:3vw;
    padding-right:3vw;
  }

  .message-title h3 br.sp_none{display: none;}
}


.lang{ z-index:2; position:relative; padding:0 20px; cursor: pointer; background-image:url(../images/lang.png); background-repeat:no-repeat; background-size:20px auto; background-position:center left; padding-left:30px;} 
.lang .sublang{ padding:10px; position:absolute; top:120%; left:50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  opacity: 0; visibility: hidden; z-index:3; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1)}
.sublang a{ white-space:nowrap; font-size:14px; color:#333;}
.lang:hover .sublang{ top: 100%;  opacity: 1; visibility: visible;}

#gnav ul li a{ padding: 20px 15px; text-transform: uppercase;}
#page{ opacity: 1;}
#loading-wrapper{ z-index: 0;}
#gnav li{ position: relative;}
#gnav ul .dropdown--body ul{ display: block;}
.dropdown{ transition: all .3s; display: block; opacity: 0; visibility: hidden; margin: 0; top: 120%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }

#gnav ul li:hover .dropdown{ top: 100%;  opacity: 1; visibility: visible;}
.dropdown.active{ animation: none; -webkit-animation: none; }
#gnav ul li ul li a{ transition: all .3s; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
body{ font-family: Arial, Helvetica, sans-serif;}
#service #sec01 .service-wrapper{ height: 100%; margin-bottom: 0;}
.flex2{ display: flex; align-items: stretch;}
#service #sec01 .service-wrapper .icontitle{ margin-bottom: 30px;}
#service p a{ color:#333;}
#service p{ padding-left: 20px; position: relative; margin-bottom: 0; margin-top: 15px;}
#service p:after{ border-radius: 100px; content: ""; display: block; width: 6px; height: 6px; position: absolute; left: 0; top: 12px; background-color:#108DEE; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
.wp-pagenavi ul{ justify-content: center;}
.wp-pagenavi li{ list-style: none;}
.wp-pagenavi li.active a{    background: #108DEE;
  color: #fff;
  border-color: #108DEE;}
.wp-pagenavi a{    vertical-align: middle;
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 28px;
  background: #fff;
  color: #108DEE;
  border-radius: 2px;
  border: 1px solid #108DEE;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);}
  #side .cat-list li.active a{ color: #108DEE;}
  .content_xz iframe{ height: 500px;}

  #gnav ul li ul li:hover a{ background-color: #0877cd;}
  .breadcrumb a{ display: inline-block; padding: 0 10px;}
  .breadcrumb a.active{ color: #333;}

  #logo img{ max-height: 70px;}

  #footer .wrap-r .ft-contact{ background: #0877cd;}
  #footer .wrap-l #ft-logo img{ height: 40px !important;}
  @media (max-width: 991px){
    #drawer{background-color: #0877cd;}
  }
  @media (max-width:768px){
    #logo img{ max-height: 30px;}
    #drawer #drawer--heading img{ height: 50px !important; width: auto !important;}
    #hamburger{ padding-top: 26px;}
    #footer .wrap-l h2{ font-size:20px;}
    #drawer #drawer--body .drawer--nav li ul li a{ font-size:16px;}
    #drawer #drawer--body .drawer--nav li a, #drawer #drawer--body .drawer--nav li span{ font-size:18px;}
    #service #sec01 .service-wrapper .icontitle h3{ font-size:20px;}
  }



.cover{ overflow:hidden;}
.cover img{ width:100% !important; height:100% !important; object-fit:cover;}
.trans3{transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}


.scale{ overflow:hidden;}
.scale img{transition:all 1s; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.scale:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}

.xinzengindex .img{ height:200px; margin-bottom:20px;}
.xinzengindex .txt h3 a{ font-size:14px; color:#333; display:block; text-align:center;}

.blogtitle2{ text-align:center; padding-top:15px; display:block;}

.blog-body  iframe,.indexvideo iframe{ width:100%; height:500px; border:none;}

.lang{ font-size:16px;}
.title--primary span{ font-size:20px;}
#index #index--service .service-detail h4{ font-size:18px;}
#index #index--service .service-detail p{ font-size:16px;}
.xinzengindex .txt h3 a{ font-size:16px;}
#index #index--company .company--nav a{ font-size:18px;}
.blog-card-wrap .card-detail .blog-title h3 a{ font-size:18px;}


@media screen and (max-width:1200px){
	 #gnav ul li a{ padding:20px 10px;}
	 #header #header--contact ul li a{ padding:15px 10px;}
.blog-body  iframe,.indexvideo iframe{ width:100%; height:300px;}
	}


.blog-list .blog-list-body a{ font-size:16px;}
#footer .wrap-l .details p{ font-size:1.4rem;}
.btn-arrow-right.color-white,#aside--contact h4{ line-height:1.6; font-size:1.6rem;}
.breadcrumb a{ font-size:14px;}
#service p a,#footer .wrap-r .ft-nav.fwn li a{ font-size:16px;}
.breadcrumb{ padding-left:0; padding-right:0}
.content_xz p{ font-size:16px !important; line-height:1.6 !important}
#footer .wrap-r .ft-nav li span,#footer .wrap-r .ft-nav li a{ font-size:16px;}
#side .cat-list li a{ font-size:16px;}

.card-detail{ padding-top:15px;}
#side .blog-list time{ font-size:14px;}
.content_xz p,.content_xz p span{ font-family:"微软雅黑" !important;font-size:16px !important;}