@charset "utf-8";
/* CSS Document */
.align-items-center {
  align-items: center !important;
}
.justify-content-center {
  justify-content: center !important;
}
.wpo-site-footer {
  position: relative;
  font-size: 15px;
  overflow: hidden; padding-top:200px; margin-top:-200px;
}
.wpo-site-footer .footer-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.wpo-site-footer .footer-bg::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #02245B;
  z-index: 11;
  opacity: 0.9;
}

.wpo-site-footer .footer-bg img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;max-width: 100%;
}



.wpo-site-footer .wpo-support-section {
  padding: 70px 0;overflow: hidden;
}

.wpo-site-footer .wpo-support-section .wpo-support-title h2 {
  font-size: 35px;
  font-weight: 700;
  line-height: 80px;
  text-align: left;
  margin-bottom: 0;
  color: #fff;
}
.wpo-site-footer .wpo-support-section .wpo-support-icon {
  position: relative;
}

.wpo-site-footer .wpo-support-section .wpo-support-icon .support {
  display: flex;
  justify-content: center;
}
.wpo-site-footer .wpo-support-section .wpo-support-icon .support .shape {
  text-align: center;
  background: #ec1120;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
}

.wpo-site-footer .wpo-support-section .wpo-support-icon .support .shape::before {
  position: absolute;
  content: "";
  left: -25%;
  top: -25%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgb(42, 69, 112);
  z-index: -1;
  -webkit-animation: pulse 1s ease-in infinite;
  animation: pulse 1s ease-in infinite;
}

.wpo-site-footer .wpo-support-section .wpo-support-icon .support .shape i::before {
  color: #fff;
  font-size: 38px;
  line-height: 80px;
}

.wpo-site-footer .wpo-support-section .wpo-support-icon .shape-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
 
.wpo-site-footer .wpo-support-section .wpo-support-munber {
  text-align: left;
  margin-left: 50px;
}
.wpo-site-footer .wpo-support-section .wpo-support-munber span {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #ec1120;
}
.wpo-site-footer .wpo-support-section .wpo-support-munber P {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  color: #fff;
  margin-top: 8px;
}
 @media (max-width: 1399px){
.wpo-site-footer .wpo-support-section .wpo-support-munber {
  margin-left: 0;
}
}

/***********第二部分**************/

.wpo-site-footer .wpo-upper-footer {
  padding: 70px 0; overflow:hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}


  @media screen and (min-width: 1200px){
.wpo-site-footer .link-widget:first-child {
  padding-left: 0;
}}
  @media screen and (min-width: 1200px){
.wpo-site-footer .link-widget {
  padding-left: 75px;
}}
.wpo-site-footer .link-widget {
  overflow: hidden;
}
.wpo-site-footer .widget-title {
  margin-bottom: 30px;
}
.wpo-site-footer .widget-title h3 {
  font-size: 30px;
  color: #fff;
  margin: 0;
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

.wpo-site-footer .link-widget ul li {
  position: relative;
}
.wpo-site-footer li {
  color: #fff;
}
.wpo-site-footer .link-widget ul li + li {
  padding-top: 10px;
}
.wpo-site-footer .link-widget ul li a {
  color: #BFBAC8;
  font-size: 15px;
  font-weight: 400;
}
.wpo-site-footer .link-widget ul li a:hover {
  color: #ec1120;
}



.wpo-site-footer .link-widget ul li a i {
  padding-right: 18px; font-size:20px;
}
.wpo-site-footer .link-widget ul li a i::before {
  font-size: 13px;
}


.wpo-site-footer .contact-widget {
  position: relative;
  padding-left: 54px; padding-right:10px;
}

.wpo-site-footer .contact-widget::before {
  position: absolute;
  left: 0;
  top: 52%;
  transform: translateY(-50%);
  width: 1px;
  height: 423px;
  background: rgba(255, 255, 255, 0.1);
  content: "";
}

.wpo-site-footer .contact-widget::after {
  position: absolute;
  right: 0;
  top: 0;
  top: 52%;
  transform: translateY(-50%);
  width: 1px;
  height: 423px;
  background: rgba(255, 255, 255, 0.1);
  content: "";
}
.wpo-site-footer .contact-widget .shape-1 {
  position: absolute;
  left: -1px;
  top: 50%;
  width: 3px;
  height: 100px;
  background: #ec1120;
}
.wpo-site-footer .contact-widget .shape-2 {
  position: absolute;
  right: -1px;
  top: 50%;
  width: 3px;
  height: 100px;
  background: #ec1120;
}

.wpo-site-footer .widget-title {
  margin-bottom: 30px;
}
.wpo-site-footer .widget-title h3 {
  font-size: 20px;
  color: #fff;
  margin: 0;
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

.wpo-site-footer .contact-widget ul li {
  position: relative;
  color: #BFBAC8;
  font-size: 14px;
  font-weight: 400;
}
.wpo-site-footer .contact-widget ul li + li {
  padding-top: 10px;
}

.wpo-site-footer .contact-widget h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  color: #ec1120;
  margin-top: 20px;
}

.wpo-site-footer .contact-widget form {
  margin-top: 10px;
  position: relative;
}

.wpo-site-footer .contact-widget form input {display: block;font-size: 1rem;font-weight: 400;line-height: 1.5;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color: #163668;height: 55px;width: 296px;color: #BFBAC8;padding: 6px 15px;border: 1px solid transparent;box-shadow: none;}



.wpo-site-footer .contact-widget form .submit {
  position: absolute;
  right: 31%;
  top: 52%;
  transform: translateY(-50%);
}

.wpo-site-footer .contact-widget form .submit button {
  background: #ec1120;
  border: 1px solid transparent;
  outline: 0;
  font-size: 20px;
  color: #fff;
  width: 56px;
  height: 52px;
  line-height: 45px;
  border-radius: 0;
  -webkit-clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);
}
.wpo-site-footer .contact-widget form .submit button i::before {
  font-size: 25px;
  line-height: 50px;
}


.wpo-site-footer .blog-widget {
  margin-left: 70px;
}

.wpo-site-footer .widget-title {
  margin-bottom: 30px;
}
.wpo-site-footer .blog-widget ul li {
  display:block ;/*flex*/
  align-items: center;
  margin-bottom: 15px;
}
.wpo-site-footer .blog-widget ul li .image {
  width: 100%; max-width:140px;
}
.wpo-site-footer .blog-widget ul li .text {
    width: 100%; max-width:140px; text-align:center;
}.wpo-site-footer .blog-widget ul li .text p {
  font-size: 15px;
  font-weight: 700;line-height: 1.8em;
  margin-bottom: 5px;
}
.wpo-site-footer .blog-widget ul li .text p a {
  color: #fff;
}
.wpo-site-footer .blog-widget ul li .text span {
  font-size: 14px;
  color: #ec1120;
  font-weight: 700;
}






.wpo-site-footer .wpo-lower-footer {
  position: relative;
  background: #163668;
}


.wpo-site-footer .wpo-lower-footer .row {
  padding: 20px 0;
  position: relative; overflow:hidden;
}
.wpo-site-footer .wpo-lower-footer .copyright {
  display: inline-block;
  font-size: 15px;
  font-size:14px;    line-height: 40px;
  margin: 0;
  text-align: left;
}
.wpo-site-footer p {
  color: #fff;
}
.wpo-site-footer .wpo-lower-footer .copyright a {
  color: #fff;
  text-decoration: none;
}

.wpo-site-footer .wpo-lower-footer .social-widget {
  text-align: right;
}


.wpo-site-footer .wpo-lower-footer .social-widget ul li {
  display: inline-block;
  color: #fff;
}


.wpo-site-footer .wpo-lower-footer .social-widget ul li a {display: block;
font-size: 16px;
font-weight: 600;
color: #fff;line-height: 40px;
margin-bottom: 10px;
  color: #fff;
  background: #ec1120;
  margin-bottom: 0;
  height: 40px;
  width: 40px;
  margin-left: 10px;
}




.wpo-site-footer .wpo-lower-footer .social-widget ul li a i {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0; font-size:20px;
}






@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }  
}