/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://www.facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

 @charset "UTF-8";
 /*!------------------------------------------------------------------
 [MAIN STYLESHEET]
 
 PROJECT:	Galaxy - Personal Blog Template
 VERSION:	v1.0
 -------------------------------------------------------------------*/
 /*------------------------------------------------------------------
 [TABLE OF CONTENTS]
 -------------------------------------------------------------------*/
 
 @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Montserrat:wght@400;500&display=swap");
 @import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC&display=swap");
 body {
   color: #808080;
 
   font-family:'cwTeXFangSong',sans-serif;
   font-size: 14px;
   line-height: 1.65;
   /* overflow-y: hidden; */
 }
 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
 body.loaded {
   overflow-y: scroll;
 }
 
 ::-moz-selection {
   color: #ffffff;
   background-color: rgba(228, 17, 47, 0.7);
   text-shadow: none;
 }
 
 ::selection {
   color: #ffffff;
   background-color: rgba(228, 17, 47, 0.7);
   text-shadow: none;
 }
 
 :focus {
   outline: 0;
 }
 aside{
   background-image: linear-gradient(to top,  #324a61  , #10386B);
 }
 .main-content {
   background-image: url('https://www.toptal.com/designers/subtlepatterns/uploads/dust_scratches.png');
   width: calc(100% - 280px);
 }
 @media (max-width: 991px) {
   .main-content {
     width: calc(100% - 250px);
   }
 }
 @media (max-width: 767px) {
   .main-content {
     width: 100%;
   }
 }
 
 .btn {
   font-size: 15px;
   padding: 10px 25px;
   letter-spacing: 0.1em;
   color: #ffffff;
 
   border-radius: 0;
   border: 0;
 }
 .btn img {
   margin-left: 5px;
   width: 19px;
   position: relative;
 }
 .btn:hover {
   color: #ffffff;
   background-color: rgba(228, 17, 47, 0.7);
 }
 .btn:active, .btn:focus {
   border: 0;
   color: #ffffff;
   background-color: rgba(228, 17, 47, 0.7);
   box-shadow: none;
 }
 
 .btn-primary {
   background-color: #E4112F;
 }
 .site-main{
  position: relative;
 }
 .title{
  font-size: 2.32rem;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
  color: #00478B ;
  text-shadow: 4px 4px 10px #d3d3d3;
 }
 .search-form {
   margin-bottom: 35px;
 }
 .search-form input {
   height: 45px;
   border-color: #333139;
 }
 .search-form input:focus {
   border-color: #444;
 }
 .search-form .btn {
   border: 1px solid #333139;
 }
 .search-form .btn:hover {
   background-color: #E4112F;
   border-color: #E4112F;
 }
 
 .bullet-list-item {
   position: relative;
   padding-left: 20px;
 }
 
 .bullet-list-item::after {
   position: absolute;
   content: "";
   height: 10px;
   width: 10px;
   background-color: #E4112F;
   left: 0;
   top: 9px;
   border-radius: 50px;
 }
 
 /*=== UTILITIES CLASSES ===*/
 
 
 .shadow {
   box-shadow: 0px 0px 20px rgba(34, 34, 34, 0.04) !important;
 }
 
 .add-letter-space {
   letter-spacing: 2px;
 }
 
 .opacity-0, .opacity-0-onHover,
 .opacity-25, .opacity-25-onHover,
 .opacity-50, .opacity-50-onHover,
 .opacity-75, .opacity-75-onHover,
 .opacity-1, .opacity-1-onHover {
   transition: all 0.3s;
 }
 
 .opacity-0, .opacity-0-onHover:hover {
   opacity: 0;
 }
 
 .opacity-25, .opacity-25-onHover:hover {
   opacity: 0.25;
 }
 
 .opacity-50, .opacity-50-onHover:hover {
   opacity: 0.5;
 }
 
 .opacity-75, .opacity-75-onHover:hover {
   opacity: 0.75;
 }
 
 .opacity-1, .opacity-1-onHover:hover {
   opacity: 1;
 }
 
 .z-index-1 {
   z-index: 1;
 }
 
 .z-index-100 {
   z-index: 100;
 }
 
 .z-index-200 {
   z-index: 200;
 }
 
 .z-index-bottom {
   z-index: -5;
 }
 
 .z-index-top {
   z-index: 9900;
 }
 
 .text-gray {
   color: #B0B0B0;
 }
 
 .bg-gray {
   background-color: #B0B0B0;
 }
 
 .text-primary, .text-primary-onHover:hover {
   color: #E4112F !important;
 }
 
 .bg-primary {
   background-color: #E4112F !important;
 }
 
 .text-dark {
   color: #1D1C21 !important;
 }
 
 .bg-dark {
   background-color: #1D1C21 !important;
 }
 
 .bg-black {
   background-color: #000000;
 }
 
 .text-black {
   color: #000000;
 }
 
 .text-black-100 {
   color: #111111;
 }
 
 .bg-black-100 {
   background-color: #111111;
 }
 
 .bg-black-200 {
   background-color: #222222;
 }
 
 .text-black-200 {
   color: #222222;
 }
 
 .bg-black-300 {
   background-color: #333333;
 }
 
 .text-black-300 {
   color: #333333;
 }
 
 .text-black-400 {
   color: #444444;
 }
 
 .bg-black-400 {
   background-color: #444444;
 }
 
 .bg-black-500 {
   background-color: #555555;
 }
 
 .text-black-500 {
   color: #555555;
 }
 
 .text-black-600 {
   color: #666666;
 }
 
 .bg-black-600 {
   background-color: #666666;
 }
 
 .bg-black-700 {
   background-color: #777777;
 }
 
 .text-black-700 {
   color: #777777;
 }
 
 .text-black-700-darken {
   color: #737373;
 }
 
 .bg-black-700-darken {
   background-color: #737373;
 }
 
 .text-black-800 {
   color: #888888;
 }
 
 .bg-black-800 {
   background-color: #888888;
 }
 
 .bg-black-900 {
   background-color: #999999;
 }
 
 .text-black-900 {
   color: #999999;
 }
 
 h1, .h1, h2, .h2, h3, .h3, h4 {
   /* font-family: "Barlow Condensed", sans-serif; */
 }
 
 h1, .h1 {
   font-size: 48px;
 }
 @media (max-width: 767px) {
   h1, .h1 {
     font-size: 38px;
   }
 }
 
 h2, .h2 {
   font-size: 36px;
 }
 @media (max-width: 767px) {
   h2, .h2 {
     font-size: 28px;
   }
   .title{
    font-size: 1.82rem;
    top: -60%;
   }
 }
 
 h3, .h3 {
   font-size: 24px;
 }
 @media (max-width: 767px) {
   h3, .h3 {
     font-size: 20px;
   }
 }
 
 h4, .h4 {
   font-size: 20px;
 }
 
 h5, .h5 {
   font-size: 18px;
 }
 
 h6, .h6 {
   font-size: 15px;
 }
 
 .h4, h5, .h5, h6, .h6, p {
   /* font-family: "Montserrat", sans-serif; */
 }
 
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {
   margin: 0;
 }
 
 a:focus,
 button:focus {
   outline: 0;
 }
 
 a {
   text-decoration: none;
   display: inline-block;
   transition: all 0.3s;
 }
 
 a:hover, a:active, a:focus {
   text-decoration: none;
   outline: 0;
 }
 
 a:hover {
   color: initial;
 }
 
 ol {
   list-style-position: inside;
 }
 
 ul, li {
   padding: 0;
   margin: 0;
 }
 
 .table-bordeprimary td, .table-bordeprimary th {
   border-color: #333139 !important;
 }
 
 /*------------------------------------------------------------------
  # preloader style
 -------------------------------------------------------------------*/
 .preloader-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
   z-index: 9999999;
   text-align: center;
   overflow: hidden;
   background-color: rgb(36, 39, 53);
   transition: 0.5s;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC);
 }
 
 .preloader-inner {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   transition: 0.7s ease;
   transform: translate(-50%, -50%);
 }
 
 .preloader-wrapper.loaded {
   height: 0;
 }
 .preloader-wrapper.loaded img {
   opacity: 0;
 }
 
 /*------------------------------------------------------------------
  # sidenav/navbar style
 -------------------------------------------------------------------*/
 .sidenav {
   top: 0;
   width: 280px;
   min-height: 100vh;
   padding: 15px;
   transition: 0.3s ease;
 }
 .sidenav.show {
   left: 0;
 }
 .page-title{
  text-align: center;
  font-size: 50px;
  color: #173c69;
  font-weight: 600;
 }
 .post-categories > li {
  display: inline-block;
 }
 .post-categories > li > a {
  color: #173c69;
 }
 .archive_hr > a{
  color: #686868;
  font-size: 18px;
 }
 .archive_hr > a > p{
  font-size: 20px;
 }
 .sdg_page_title{
  text-align: center;
  padding: 15px;
  color: #173c69;
  font-size: 3.59rem;
  font-weight: 600;
 }
 .sdg_list{
  display: flex;
  justify-content: center;
 }
 .sdg_list > a > img{
  width: 100px;
 }
 .evidence > a{
  display: block;
  margin: 0px 40%;
  text-align: center;
  color: #1a3d68;
  font-size: 30px;
  font-weight: 600;
  border: 1px solid #1a3d68;
  border-radius: 50px;
  transition: all 0.3s;
  background-color: transparent;
 }
 .evidence > a:hover{
  color: #ffffff;
  background-color: #1a3d68;
 }
 @media (max-width: 991px) {
   .sidenav {
     width: 330px;
     padding: 10px;
   }
 }
 @media (max-width: 767px) {
   .sidenav {
     position: fixed !important;
     z-index: 9995;
     top: 0;
     left: -330px;
     background-color: #1D1C21;
   }
 }
 .sidenav .navbar-brand img {
   max-width: 200px;
 }
 .sdglistul{
   margin-top: 0;
   padding-bottom: 20px;
   display: flex;
   margin-bottom: 0px;
   justify-content: space-evenly;
   flex-direction: row;
   flex-wrap: wrap;
 }
 .about_content > .textwidget > p{
  text-align: center;
  width: 70%;
  margin: 0 auto 20px;
  color: #313131;
  font-size: 18px;
  font-weight: 600;
 }
 .wp-video{
    max-width: 50% !important;
    margin: 0 auto;
 }
 .ml_sdg_list{
   border: 1px solid #999999;
   padding: 10px 5px;
   margin: 0 5px 5px;
   margin-bottom: 10px;
   transition: all 0.3s;
 }
 .ml_sdg_list:hover{
   border: 1px solid #00478B;
   background-color: #fff;
   color: #00478B;
 }
 .banner{
   width: 100%;
   height: 500px;
   position: relative;
 }
 .banner > img{
   width: 100%;
   height: 100%;
   /* filter: contrast(65%); */
 }
 .banner>h1{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   font-size: 6.52rem;
   font-weight: 600;
   letter-spacing: 10px;
   color: #f3f3f3;
   text-shadow: 0px 0px 15px #1e1e1e;
 }
 .banner>h1::before{
  content: attr(SDGs);
  position: absolute;
    z-index: -1;
    -webkit-text-stroke: 10px #cb9f62;
    text-stroke: 10px #cb9f62;
 }
 @media (max-width: 991px) {
   .sidenav .navbar-brand img {
     max-width: 150px;
   }
 }
 @media (max-width: 767px) {
   .sidenav .navbar-brand img {
     max-width: 150px;
   }
 }
 .sidenav .nav-link {
   font-size: 20px;
   position: relative;
   display: inline-block;
 }
 .sidenav .nav-link::after {
   position: absolute;
   content: "";
   height: 2px;
   width: 0;
   background-color:  rgba(255, 255, 255, 0.5);
   left: 0;
   bottom: 13px;
   transition: 0.3s;
 }
 .fa-plus{
  cursor: pointer;
  padding-left: 50%;
}
.nav-item{
  position: relative;
}

.dropdowns{
  position: relative;
  padding-left: 15px;
  margin-bottom: 30px;
}
 .sidenav .nav-link:hover {
   color: #ffffff !important;
 }

 .sidenav .nav-link:hover::after {
   width: 100%;
 }
 
 .sidenav .active .nav-link {
   color: #ffffff !important;
 }

 .sidenav .nav-link::after {
   width: 0%;
 }
 .swiper-slide_id > a > img{
  transition: all 0.3s;
  -webkit-filter: saturate(0.8);
 }
 .swiper-slide_id > a > img:hover{
  -webkit-filter: saturate(1.3);
 }
 .sidenav select {
   background: url(../images/chevron-down.svg) no-repeat right 0.5rem center/15px 17px;
   border: 1px solid #ffffff !important;
   height: 30px;
   padding: 0 28px 0 10px;
   width: 80px;
   background-size: 14px;
 }
 .sidenav select:focus {
   border: 1px solid #ffffff !important;
 }
 .sidenav select option {
   background-color: #1D1C21;
 }
 
 .mobile-nav {
   display: none;
   position: relative;
   z-index: 9992;
 }
 @media (max-width: 767px) {
   .mobile-nav {
     display: block;
   }
 }
 .mobile-nav img {
   width: 120px;
 }
 @media (max-width: 767px) {
   .mobile-nav img {
     width: 100px;
   }
 }
 .mobile-nav .nav-toggle {
   width: 40px;
   height: 40px;
   font-size: 13px;
   padding-top: 3px;
   border-radius: 50px;
 }
 .mobile-nav .nav-toggle.show .show,
 .mobile-nav .nav-toggle .hidden {
   display: none;
 }
 .mobile-nav .nav-toggle.show .hidden {
   display: block;
 }
 
 .nav-toggle-overlay {
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 999;
   cursor: zoom-out;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
 }
 
 .nav-toggle-overlay.show {
   opacity: 1;
   visibility: visible;
 }
 
 .drop-menu {
   padding-left: 10px;
   border-left: 1px solid #555;
 }
 .drop-menu a {
   color: #ffffff;
 }
 .drop-menu a.active, .drop-menu a:hover {
   color: #ffffff !important;
 }
 
 /*------------------------------------------------------------------
  # blog post style
 -------------------------------------------------------------------*/
 .post-item .card-img-top {
   transition: 0.3s;
 }
 .post-item .card-img-top:hover {
   filter: grayscale(0.5);
   -webkit-filter: grayscale(0.5);
 }
 
 .post-meta li a {
   color: #ffffff;
   font-weight: 500;
   font-size: 14px;
 }
 .post-meta li a:hover {
   text-decoration: underline;
 }
 
 .breadcrumb-wrap a {
   color: #B0B0B0;
 }
 .breadcrumb-wrap a:hover {
   color: #ffffff;
   text-decoration: underline;
 }
 
 .categores-links a {
   font-size: 13px;
   color: #B0B0B0;
   border-color: #E4112F !important;
   padding: 4px 7px;
   margin-right: 6px;
   margin-top: 8px;
 }
 .categores-links a:hover {
   color: #ffffff;
   background-color: #E4112F;
 }
 
 @media (max-width: 991px) {
   .border-lg-0 {
     border: 0 !important;
   }
 }
 .border{
   border: 1px solid #ffffff!important;
 }
 .fa-bars, .fa-times{
   color: #ffffff;
 }
 
 .blockquote {
   padding: 50px 90px;
 }
 @media (max-width: 575px) {
   .blockquote {
     padding: 30px 50px !important;
   }
 }
 
 .blockquote-text {
   font-size: 24px;
   position: relative;
 }
 .blockquote-text::before, .blockquote-text::after {
   position: absolute;
   color: #E4112F;
   font-size: 61px;
   line-height: 0;
   /* font-family: "Barlow Condensed", sans-serif; */
 }
 .blockquote-text::before {
   content: "“";
   top: 30px;
   left: -35px;
 }
 .blockquote-text::after {
   content: "”";
   bottom: 0;
   right: -35px;
 }
 @media (max-width: 575px) {
   .blockquote-text {
     font-size: 15px;
   }
 }
 
 @media (max-width: 575px) {
   .blockquote-footer {
     font-size: 15px;
   }
 }
 /*------------------------------------------------------------------
  # widget style
 -------------------------------------------------------------------*/
 .widget {
   margin-bottom: 50px;
 }
 .widget .form-control {
   font-size: 15px;
   color: #ffffff;
   height: 48px;
   border: 1px solid #2f2e35 !important;
 }
 .widget .form-control:focus {
   box-shadow: none !important;
 }
 
 .widget-title {
   border-bottom: 2px solid #E4112F;
   padding-bottom: 10px;
 }
 
 .author-thumb-sm {
   height: auto;
   max-width: 230px;
   width: 100%;
 }
 
 /*------------------------------------------------------------------
  # contact-form style
 -------------------------------------------------------------------*/
 .contact-form {
   padding: 60px;
 }
 .contact-form label {
   font-size: 14px;
   color: #ffffff;
   margin-bottom: 15px;
 }
 .contact-form .form-control {
   background-color: transparent;
   border: 0;
   color: #aaa;
   border-color: #333139 !important;
   padding-bottom: 20px;
 }
 .contact-form .form-control:focus {
   border-color: #888888 !important;
 }
 .contact-form select {
   padding-bottom: 16px;
   color: #aaa;
   padding-right: 15px;
   background-color: transparent;
   border: 0;
   border-bottom: 1px solid #333139;
 }
 .contact-form select option {
   background-color: #1D1C21;
   color: #ffffff;
 }
 .contact-form textarea {
   resize: none;
   height: 100px;
 }
 
 /*------------------------------------------------------------------
  # footer style
 -------------------------------------------------------------------*/
 footer {
   padding-top: 100px;
   padding-bottom: 30px;
 }
 .footerimg{
   display: contents;
 }
 .footerimg img{
   display: block;
   margin: 35px auto;
   width: 120px;
 }
 .footernav {
   display: inline-block;
   text-align: right;
   vertical-align: bottom;
   text-align: center;
 }
 .footernav li {
   display: inline-block;
 }
 .footernav li a {
   border-right: 1px rgb(255 217 218 / 30%) solid;
   padding: 0 24px;
   font-size: 18px;
   color: #e8e8e8;
 }
 footer #footerCompany {
   padding: 50px 0 50px;
 }
 footer #footerCompany .comlist {
   overflow: visible;
   color: #e8e8e8;
   display: flex;
   justify-content: center;
 }
 footer #footerCompany .comlist li {
   margin: 0 10px;
   display: flex;
   align-items: flex-end;
 }
 /*# sourceMappingURL=style.css.map */
 .line_hr{
   width: 100%;
   height: 2px;
   background-color: #ffffff36;
   margin: 10px 0px;
   border-radius: 50%;
 }
 /* section1 */
 .section> h2{
   letter-spacing: 2px;
   line-height: 1.5;
   margin: 0px 0px 10px 0px;
   font-size: 50px;
   color: transparent;
   font-weight: 800;
   text-align: center;
 }
 .section1{
   padding: 40px 0px;
   position: relative;
   z-index: 2;
 }
 .section1::before{
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   background: url('/wp-content/uploads/2023/10/2_795_orig-改.png') center center / cover no-repeat;
   opacity: 0.3;
 }
 .section2{
   position: relative;
   z-index:0;
   margin-top: 50px;
 }
 
 .section2 > h2{
   background: linear-gradient(to right, #00478B 51%, #464646 0%);
   -webkit-background-clip: text;
   background-clip: text;
 }
 .section1 > h2{
   background: linear-gradient(to right, #00478B 54%, #464646 0%);
   -webkit-background-clip: text;
   background-clip: text;
 }
 .section > h3{
   letter-spacing: 3px;
   line-height: 1.5;
   margin: 10px 0px 0px 0px;
   -webkit-background-clip: text;
   background-clip: text;
   font-size: 30px;
   color: transparent;
   font-weight: 800;
   text-align: center;
   color: #303030;
 }
 .bg_left{
   font-family: 'Oswald', sans-serif !important;
   line-height: 1;
   font-size: 124px;
   color: #ffffff;
   font-weight: 600;
   position: absolute;
   top: -50px;
   right: 50px;
   opacity: 0.9;
   z-index:1;
 }
 
 .section1 > p{
   text-align: center;
   width: 70%;
   margin: 0 auto 20px;
   color: #313131;
   font-size: 18px;
   font-weight: 600;
 }
 
 .content-article {
   margin: 0px 40px;
   padding: 40px 10px;
 
   position: relative;
   z-index: 1;
 
 }
 
 .pro-list > div{
   float: left;
   width: calc((100% / 3) - 20px);
   margin: 10px;
 }
 .pro-list::after{
   content: ''; 
   display: block;
   clear: both;
 }
 .pro-list .p-box {
   position: relative;
   max-width: 400px;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 120px;
   min-height: 400px;
 }
 .p-box{
   position: relative;
   max-width: 330px;
   margin-left: auto;
   margin-right: auto;
 
 }
 .box_img{
   overflow: hidden;
   transition: all 0.6s;
 }
 .box_img > img{
   width: 100%;
   height: 100%;
   z-index: 1;
 }
 .wp-pagenavi{
  margin: 0 auto;
 }
 .cont_pixe{
   left: 0;
   color: #fff;
   right: 0;
   bottom: 0;
   box-sizing: content-box;
   width: 100%;
   margin-top: 0;
   margin-left: auto;
   padding: 5px 10px;
   transition-duration: .8s;
   position: absolute;
   left: 0;
   z-index: 1;
   width: calc(100% - 20px);
   transition: all 0.6s;
 }
 .prevwrslider{
  font-size: 30px;
    position: absolute;
    bottom: 30%;
    left: 15%;
    z-index: 1;
 }
 .nextwrslider{
  font-size: 30px;
    position: absolute;
    bottom: 30%;
    right: 15%;
    z-index: 1;
 }
 .cont_pixe h4{
   margin: 5px 0px 10px;
   color: #000;
   font-size: 20px;
   line-height: 130%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   font-weight: 900;
 }
 .cont_pixe span{
   color: #8b8b8b;
 }
 
 .p-box:hover .cont_pixe{
   bottom: 70px;
   box-shadow: 0px 0px 6px #9b9b9b;
   background-color: rgba(255, 255, 255, 0.9);
 }
 .p-box:hover .box_img{
   transform: scale(1.05);
   box-shadow: 0px 2px 4px #737373;
 }
 
 
 .video_content > iframe{
   display: block;
   margin: 0 auto;
   width: 50%;
 }
 
 .section3{
   margin: 60px 0px;
   position: relative;
   padding: 20px;
 }
 .section3 > h2{
   background: linear-gradient(to right, #00478B 53%, #00478B 0%);
   -webkit-background-clip: text;
   background-clip: text;
 }
 .swiper-wrappers{
   display: flex;
   flex-wrap: wrap;
 }
 
 .bg_textsdg{
   position: absolute;
   bottom: -120px;
   right: 0px;
   font-size: 8rem;
   font-weight: 600;
   color: #ebebeb;
   opacity: 0.8;
 }
 @media (max-width: 768px) {
   .section2 > h2{
     background: linear-gradient(to right, #00478B 53%, #00478B 0%);
     -webkit-background-clip: text;
     background-clip: text;
   }
   .bg_textsdg{
     font-size: 5rem;
     bottom: -97px;
   }
   .bg_left{
     display: none;
   }
   .section1 > h2{
     background: linear-gradient(to right, #00478B 53%, #00478B 0%);
     -webkit-background-clip: text;
     background-clip: text;
   }
   .section3 > h2{
     background: linear-gradient(to right, #00478B 53%, #00478B 0%);
     -webkit-background-clip: text;
     background-clip: text;
   }
   .pro-list .p-box{
     min-height: 350px;
   }
   .section> h2{
     font-size: 30px;
   }
   .section1 > p{
     width: 95%;
     margin: 0 auto 20px;
   }
   .banner{
     height: auto;
   }
   .banner > img{
     height: auto;
   }
   .banner>h1{
     font-size: 2.52rem;
     letter-spacing: 0px;
   }
   .content-article{
     margin: 0px 10px;
   }
   .pro-list > div {
     width: calc((100% / 1) - 20px);
   }
   .mobile-nav{
     background-color: #00478B;
   }
   .video_content > iframe{
     display: block;
     margin: 0 auto;
     width: 100%;
     padding: 0px 10px;
   }
 }
 



.back-to-top {
  background-color: #1B3E68;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 0;
  height: 35px;
  width: 35px;
  padding: 0;
  position: fixed;
  bottom: 15px;
  right: 15px;
  text-align: center;
  z-index: 100;
  transition: all 0.3s ease 0s;
}

.back-to-top i {
  font-size: 18px;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.active_top {
  display: block;
}