/*
Theme Name: steelgratingchina
Theme URI: https://www.steelgratingchina.com/
Author: steelgratingchina
Author URI:https://www.steelgratingchina.com/
Description: steelgratingchina's Theme
Version: 1.0
License: GPL2
Text Domain: steelgratingchina
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  min-height: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  padding:0;
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
}

img {
  border: 0;
  vertical-align: top;
  max-width:100%;  
  height: auto;
  display: block;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  margin-bottom:20px;
  margin-top:0;
}
a,
a:hover,
a:focus {
  text-decoration: none; 
  cursor: pointer; 
}
a:hover{
 color:#f00;	
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
p{
 line-height:1.8;
 font-size:16px;	
 margin-top:0;
 margin-bottom:0;
}
ul{
 padding:0;
 margin:0;	
}
ul li{
 list-style:none;	
}
.ptb10{
 padding-top:10px;
 padding-bottom:10px;	
}
.ptb20{
 padding-top:20px;
 padding-bottom:20px;	
}
.ptb30{
 padding-top:30px;
 padding-bottom:30px;	
}
.ptb40{
 padding-top:40px;
 padding-bottom:40px;	
}
.ptb50{
 padding-top:50px;
 padding-bottom:50px;	
}
.ptb60{
 padding-top:60px;
 padding-bottom:60px;	
}
.ptb70{
 padding-top:70px;
 padding-bottom:70px;	
}
.ptb80{
 padding-top:80px;
 padding-bottom:80px;	
}
.ptb90{
 padding-top:90px;
 padding-bottom:90px;	
}
.ptb100{
 padding-top:100px;
 padding-bottom:100px;	
}
.ptb110{
 padding-top:110px;
 padding-bottom:110px;	
}
.ptb120{
 padding-top:120px;
 padding-bottom:120px;	
}
.pt10{
 padding-top:10px;
}
.pt20{
 padding-top:20px;
}
.pt30{
 padding-top:30px;
}
.pt40{
 padding-top:40px;
}
.pt50{
 padding-top:50px;
}
.pt60{
 padding-top:60px;
}
.pt70{
 padding-top:70px;
}
.pt80{
 padding-top:80px;
}
.pt90{
 padding-top:90px;
}
.pt100{
 padding-top:100px;
}
.pt110{
 padding-top:110px;
}
.pt120{
 padding-top:120px;
}
.pb10{
 padding-bottom:10px;	
}
.pb20{
 padding-bottom:20px;	
}
.pb30{
 padding-bottom:30px;	
}
.pb40{
 padding-bottom:40px;	
}
.pb50{
 padding-bottom:50px;	
}
.pb60{
 padding-bottom:60px;	
}
.pb70{
 padding-bottom:70px;	
}
.pb80{
 padding-bottom:80px;	
}
.pb90{
 padding-bottom:90px;	
}
.pb100{
 padding-bottom:100px;	
}
.pb110{
 padding-bottom:110px;	
}
.pb120{
 padding-bottom:120px;	
}

.mtb10{
 margin-top:10px;
 margin-bottom:10px;
}
.mtb20{
 margin-top:20px;
 margin-bottom:20px;
}
.mtb30{
 margin-top:30px;
 margin-bottom:30px;
}
.mtb40{
 margin-top:40px;
 margin-bottom:40px;
}
.mtb50{
 margin-top:50px;
 margin-bottom:50px;
}
.mtb60{
 margin-top:60px;
 margin-bottom:60px;
}
.mtb70{
 margin-top:70px;
 margin-bottom:70px;
}
.mtb70{
 margin-top:70px;
 margin-bottom:70px;
}
.mtb80{
 margin-top:80px;
 margin-bottom:80px;
}
.mtb90{
 margin-top:90px;
 margin-bottom:90px;
}
.mtb100{
 margin-top:100px;
 margin-bottom:100px;
}
.mtb110{
 margin-top:110px;
 margin-bottom:110px;
}
.mtb120{
 margin-top:120px;
 margin-bottom:120px;
}
.mt10{
 margin-top:10px;	
}
.mt20{
 margin-top:20px;	
}
.mt30{
 margin-top:30px;	
}
.mt40{
 margin-top:40px;	
}
.mt50{
 margin-top:50px;	
}
.mt60{
 margin-top:60px;	
}
.mt70{
 margin-top:70px;	
}
.mt80{
 margin-top:80px;	
}
.mt90{
 margin-top:90px;	
}
.mt100{
 margin-top:100px;	
}
.mt110{
 margin-top:110px;	
}
.mt120{
 margin-top:120px;	
}
.mb10{
 margin-bottom:10px;	
}
.mb20{
 margin-bottom:20px;	
}
.mb30{
 margin-bottom:30px;	
}
.mb40{
 margin-bottom:40px;	
}
.mb50{
 margin-bottom:50px;	
}
.mb60{
 margin-bottom:60px;	
}
.mb70{
 margin-bottom:70px;	
}
.mb80{
 margin-bottom:80px;	
}
.mb90{
 margin-bottom:90px;	
}
.mb100{
 margin-bottom:100px;	
}
.mb110{
 margin-bottom:110px;	
}
.mb120{
 margin-bottom:120px;	
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (max-width: 1024px) {
  .d-tb-none {
    display: none !important;
  }
  .d-tb-inline {
    display: inline !important;
  }
  .d-tb-inline-block {
    display: inline-block !important;
  }
  .d-tb-block {
    display: block !important;
  }
  .d-tb-table {
    display: table !important;
  }
  .d-tb-table-row {
    display: table-row !important;
  }
  .d-tb-table-cell {
    display: table-cell !important;
  }
  .d-tb-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-tb-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (max-width: 768px) {
  .d-mb-none {
    display: none !important;
  }
  .d-mb-inline {
    display: inline !important;
  }
  .d-mb-inline-block {
    display: inline-block !important;
  }
  .d-mb-block {
    display: block !important;
  }
  .d-mb-table {
    display: table !important;
  }
  .d-mb-table-row {
    display: table-row !important;
  }
  .d-mb-table-cell {
    display: table-cell !important;
  }
  .d-mb-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-mb-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (max-width: 1024px) {
  .flex-tb-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-tb-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-tb-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-tb-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-tb-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-tb-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-tb-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-tb-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-tb-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-tb-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-tb-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-tb-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-tb-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-tb-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-tb-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-tb-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-tb-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-tb-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-tb-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-tb-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-tb-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-tb-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-tb-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-tb-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-tb-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-tb-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-tb-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-tb-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-tb-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-tb-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-tb-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-tb-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-tb-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-tb-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (max-width: 768px) {
  .flex-mb-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-mb-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-mb-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-mb-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-mb-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-mb-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-mb-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-mb-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-mb-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-mb-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-mb-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-mb-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-mb-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-mb-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-mb-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-mb-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-mb-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-mb-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-mb-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-mb-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-mb-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-mb-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-mb-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-mb-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-mb-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-mb-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-mb-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-mb-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-mb-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-mb-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-mb-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-mb-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-mb-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-mb-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.container{
 width:80%;
 max-width:1460px;
 margin:0 auto;
}
@media (max-width: 1024px) {
	.container{
    width:90%;
  }
}
@media (max-width: 768px) {
	.container{
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }
}

/*headerpc*/
.headerpc .menu .nav{
 display:flex;
 gap:30px;	
}
.headerpc .sub-menu{
 display:none;	
 background:#fff;	
 padding-top:20px;
 position:absolute;
 top:100%;
 left: 0;
 min-width:300px;
 z-index:999;
}
.headerpc .menu{
 gap:50px;	
}
.headerpc .menu .nav li{
 position:relative;	
}
.headerpc .menu .nav li a{
 color:#0D233D;	
 font-size:16px;
 font-weight:bold;
}
.headerpc .menu .nav li a:hover{
 color:#135EB6;
}
.headerpc .menu .nav li.current-menu-item a{
 color:#135EB6;
}
.headerpc .menu .nav li:hover .sub-menu{
 display:block;	
}
.headerpc .menu .nav li .sub-menu li{
 padding:8px 15px;	
}
.headerpc .menu .nav li .sub-menu li a{
 font-weight:normal;	
 font-size:16px;
 color:#0D233D;	
}
.headerpc .menu .nav li .sub-menu li a:hover{
 color:#135EB6 !important;
}
.headerpc .menu .nav li.current-menu-item .sub-menu li a{
 color:#0D233D;	
}
.headerpc .menu .nav li .sub-menu li.current-menu-item a{
 color:#135EB6;
}


/*headermob*/
.headermob .nav_right{
 gap:30px;	
}
.headermob .menu_btn i{
 color:	#0D233D;
 font-size:30px;
 border: 1px solid #0D233D;
}
.headermob .menu{
 padding-top:30px;	
 z-index:999;
 position:relative;
 background:#fff;
}
.headermob .menu .nav li{
 padding:5px;	
}
.headermob .menu .nav li.current-menu-item a{
 color:#135EB6;
}
.headermob .menu .nav li a{
 font-size:18px;
 font-weight:bold;
 color:#0D233D;
 display:block;
 width:100%;
}
.headermob .menu .nav li a i{
 float:right;	
}
.headermob .menu .nav li .sub-menu{
 padding-left:15px;
 display:none;	
}
.headermob .menu .nav li .sub-menu li a{
 font-size:16px;	
 font-weight:normal;
}

/*search*/
.search-overlay {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.75);
 z-index: 9999;
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
}
.search-overlay.active {
 opacity: 1;
 visibility: visible;
}

.search-wrap {
 width: 85%;
 max-width: 1200px;
 position: relative;
}
.search-wrap .search-form {
 width:100%;
}
.search-wrap .search-field {
 width: 100%;
 background: transparent;
 border:none;
 border-bottom: 1px solid #ffffff;
 color:#fff;
 font-size:24px;
 padding:12px 40px 12px 0;
 outline: none;
}
.search-wrap .search-field::placeholder {
 color:#cccccc;
}

.search-close {
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 color:#fff;
 font-size:32px;
 cursor:pointer;
 line-height:1;
}

.search-btn {
 cursor: pointer;
 margin-left:15px;
}


/*footer*/
.footer{
 background:#0F172A;
}
.footer .container{
 gap:30px;	
}
.footer .footerItem1{
 width:40%;	
 gap:30px;
 padding-right:20%;
}
.footer .footerItem1 p{
 color:#fff;
 line-height:1.4;	
}
.footer .footerItem1 .btn-more{
 display:inline-block;
 width:120px;
 height:40px;
 line-height:40px;
 background:#135EB6;
 color:#fff;
 font-weight:bold;
 text-align:center;	
 transition: 300ms ease all;
}
.footer .footerItem1 .btn-more:hover{
 background:#013A74;
}
.footer .footerItem2{
 width:22%;	
}
.footer .footerItem3{
 width:20%	
}
.footer .footerItem4{
 width:22%;	
}
.footer .footerItem {
 gap:30px;	
}
.footer .footerItem span{
 color:#fff;
 font-size:24px;
 font-weight:bold;	
}
.footer .footerItem .footerMenu li{
 padding-top:10px;	
}
.footer .footerItem .footerMenu li a{
 color:#fff;	
}
.footer .footerItem .footerMenu li a:hover{
 color:#135EB6;
}
.footer .contactMes{
 gap:15px;	
}
.footer .contactMes span,.footer .contactMes span a{
 color:#fff;	
 font-size:16px;
 font-weight:normal;
}
.footer .contactMes span i{
 color:#135EB6;
 margin-right:5px;
}
.footer .QRcode{
 gap:15px;	
}

@media (max-width:1024px){
	.footer .footerItem2,.footer .footerItem3{
		width:25%
	}
	.footer .footerItem4{
	  width:50%;	
	}
}
@media (max-width:768px){
	.footer .footerItem1,.footer .footerItem4{
	  width:100%;	
	}
}


/*bottom*/
.bottom{
 background:#0F172A;	
}
.bottom p{
 text-align:center;
 font-size:14px;
 color:#fff;	
}


/*innerBnner*/
.innerBnner{
 position:relative;
 width:100%;
 height:auto;
 overflow: hidden;	
}
.banner-img {
 width: 100% !important;
 max-height: 350px;
 height: 350px;
 object-fit: cover;
 object-position: center center;
 display: block;
}

.innerBannerText{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;	
}
.innerBannerText h1{
 font-size:36px;
 color:#fff;
 font-weight:bold;	
 line-height:1;
 text-transform: uppercase;
}
.innerBannerText .breadcrumbs,
.innerBannerText .breadcrumbs a{
 color:#fff;
 font-size:16px;	
}


/*About Us*/
.whyChooseInner{
 gap:30px;	
}
.whyChoose_l,.whyChoose_r{
 width:50%;	
}
.whyChoose_l h2{
 font-weight:bold;
 font-size:34px;	
 color:#0F172A;
}
.whyChoose_l p{
 padding-bottom:15px;	
 color:#364151;
}
.whyChoose_l p:last-child{
 padding-bottom:0;	
}
.whyChoose_r img{
 width: 100% !important;
 height:auto;
 object-fit: cover;
 object-position: center center;
 display: block;	
}
@media (max-width:1024px){
 .whyChoose_l,.whyChoose_r{
   width:100%;	
  }
}

.successStories{
 background:#f2f2f2;	
}
.successStoriesInner{
 gap:30px;	
}
.successStoriesInner h3{
 font-weight:bold;
 font-size:34px;	
 color:#0F172A;
 text-align:center;
}
.successStoriesCard,.successStoriesItem{
 width:100%;	
 align-items: stretch !important;
 gap:0;
}
.successStoriesItem .successStoriesText,.successStoriesItem .successStoriesimage{
 width:50%;	
}
.successStoriesItem .successStoriesText{
 background:#fff;
 font-weight:bold;
 font-size:28px;	
 color:#0F172A;
}
.successStoriesItem .successStoriesimage img{
 width: 100% !important;
 height:350px;
 max-height:350px;
 object-fit: cover;
 object-position: center center;
 display: block;	
}
@media (max-width:768px){
 .successStoriesItem .successStoriesText,.successStoriesItem .successStoriesimage{
   width:100%;	
 }
 .successStoriesItem:nth-child(2n+2) .successStoriesText{
	 order:1;	
 }
 .successStoriesItem:nth-child(2n+2) .successStoriesimage{
	 order:2;	
 }	
 .successStoriesItem .successStoriesText{
 	 min-height:200px;
 }
 .successStoriesItem .successStoriesimage img{
   width: 100% !important;
   height:200px;
   max-height:200px;
   object-fit: cover;
   object-position: center center;
   display: block;	
  }
}



.certificates {
 background: #ffffff;
}
.certificatesInner {
 gap: 32px;
 width:100%;
}
.certificatesInner h4 {
 font-size:32px;
 color:#0F172A;
 font-weight:bold;
 text-align:center;
}

.certificatesCon {
 width:100%;
 display: grid;
 grid-template-columns: repeat(5, 1fr);
 gap:28px;
}
.cert-item {
 background:#ffffff;
 border:1px solid #e5e5e5;
 padding:16px;
}
.cert-img {
 width:100%;
 height:auto;
 display:block;
 margin-bottom:14px;
}
.cert-title {
 font-size:15px;
 color:#333;
 text-align:center;
}

@media (max-width:1024px){
 .certificatesCon{
   grid-template-columns: repeat(3,1fr);
 }
}

@media (max-width:767px){
 .certificatesCon{
   grid-template-columns: 1fr;
 }
}


.factory{
	background:#f2f2f2;
}
.factoryInner{
	gap:30px;
	width:100%;
}
.factoryInner h5{
	font-size:32px;
	font-weight:bold;
	color:#0F172A;
	text-align:center;
}
.factoryCon{
	width:100%;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.factory‑item{
	overflow:hidden;
}
.factory‑img{
	width:100%;
  height:auto;
	object‑fit:cover;
	display:block;
}

@media (max‑width:1199px){
	.factoryCon{
		grid‑template‑columns:repeat(2,1fr);
	}
}
@media (max‑width:767px){
	.factoryCon{
		grid‑template‑columns:1fr;
	}
}


/*single product*/
.proMain .container {
 flex-direction: column !important;
}
.proMainTop {
 width: 100%;
 gap: 40px;
}
.proImages{
 width:40%;	
}
.proDesc {
 width: 60%;
}
.proDesc h2{
 font-weight:bold;
 font-size:28px;
 color:	#0F172A;
}
.proDesc p{
 color:#364151;
 padding-bottom:3rem;
 border-bottom:1px solid #abb8c3;
}
.proTags{
 padding-top:2rem;
 color:	#8d98a1;
 padding-bottom:2rem;
}
.proTags a{
 color:	#8d98a1;
}

.proContact{
 gap:24px;	
}
.proContact a{
 display:inline-block;
 width:300px;
 height:50px;
 line-height:50px;
 background:#0054A8;	
 color:#fff;
 text-align:center;
}
.proContact a i{
 margin-right:5px;	
}
.proDetails{
 height:60px;
 line-height:60px;
 color:#fff;
 display:block;	
 background:#0054A8;
 padding-left:20px;
 font-size:32px;
 font-weight:bold;
}
.proContent{
 padding:40px;	
 background:#f2f2f2;
}
.proContent img.aligncenter{
 text-align:center;
 margin: 0 auto;	
}
@media (max-width:768px){
 .proContent .mult_gird{
 	 grid-template-columns: repeat(1, 1fr) !important;
 }
 .proContent .mult_gird .item{
   border-radius:0 !important;	
 }
}

@media (max-width:1024px){
 .proImages{
  width:100%;	
 }
 .proDesc {
  width: 100%;
 }	
 .gallery-top .swiper-wrapper .swiper-slide img{
 	width:100%;
 }
}
.proPrevNext{
 margin-top:30px;	
}
.proPrevNext a{
 color:	#0D233D
}

/*related*/
.related .container{
 gap:30px;	
}
.relatedTitle{
 color:	#0D233D;
 font-size:28px;
 font-weight:bold;
 text-transform: uppercase;
}
.relatedList{
 width:100%;	
}

.relatedList .product-grid{
 gap:20px;	
}
.relatedList .product-card{
 width:31.95%;	
 display: flex;
 flex-direction: column;
}
.relatedList .product-card .product-img{
 width: 100%;
 padding-top: 75%;
 position: relative;
 overflow: hidden;	
}
.relatedList .product-card .product-img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
}
.relatedList .product-card .product-title{
 display:block;
 color:#0D233D;
 width:100%;
 text-align:center;
 padding:10px;
 border:1px solid #D1D5DB;
 border-top:0;
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.relatedList .product-card a:hover .product-title{
	color:#135EB6;	
}
@media (max-width:1024px){
	.relatedList .product-card{
	  width:31.88%;	
	}
}
@media (max-width:768px){
	.relatedList .product-card{
	  width:100%;	
	}
}

/*message*/
.message{
 background:#F2F2F2	
}
.message .container{
 gap:30px;	
}
.messageTitle{
 color:	#0D233D;
 font-size:28px;
 font-weight:bold;
 text-transform: uppercase;
}
.message p.des{
 width:100%;
 max-width:650px;	
 color:#0D233D;
 font-size:14px;
 text-align:center;
}
.message .wpcf7-form {
 width: 100%;
}

.message .wpcf7-form .textInput {
 width: 48%;
 float: left;
 margin-left: 1%;
 margin-right: 1%;
 margin-bottom:20px;
 padding: 12px 16px;
 border:1px solid #D1D5DB;
 background:#fff;
}
.wpcf7-form-control:focus { 
  outline: none !important;
}
.message .wpcf7-form .textInput p{
 line-height:1;
 font-size:14px;	
}
.message .wpcf7-form .textarea {
 width: 98%;
 margin-left: 1%;
 margin-right: 1%;
 overflow: hidden;
 padding: 12px 16px;
 border:1px solid #D1D5DB;
 background:#fff;
}

.message .wpcf7-form .submit1 {
 text-align: center;
 margin-top:30px;
}
.message .wpcf7-form .submit1 input{
 color:#fff;
 background:#045cb4;
 padding:15px 30px;
}
@media (max-width: 767px) {
 .message .wpcf7-form .textInput {
   width:100%;
   float: left;
   margin-left: 0;
   margin-right: 0;
 }
}

/*products*/

.mb40{
 margin-bottom:40px;
}
.mt20{
 margin-top:20px;
}
.mt40{
 margin-top:40px;
}
.gap20{
 gap:20px;
}
.gap30{
 gap:30px;
}
.gap12{
 gap:12px;
}
.w100{
 width:100%;
 height:auto;
 display:block;
}


.category-toggle {
 display: none;
 width: 100%;
 padding: 12px 16px;
 background: #f3f4f6;
 border: 1px solid #eee;
 justify-content: space-between;
 align-items: center;
 cursor: pointer;
 font-size: 16px;
}
.product-category-list {
 transition: max-height 0.3s ease;
 overflow: hidden;
}
@media (max-width:768px){
 .category-toggle {
  display: flex;
 }
 .product-category-list {
  max-height: 0;
 }
 .product-category-list.open {
  max-height: 2000px;
 }
}
.proCategoryWrap{
 border:1px solid #eee;
 padding:24px;
 background:#fff;
}
.product-cat-ul{
 list-style:none;
 padding:0;
 margin:0;
}
.cat-item .cat-link{
 display:block;
 padding:10px 22px;
 border:1px solid #e2e8f0;
 border-radius:6px;
 color:#333;
 text-decoration:none;
 transition:0.2s;
}
.cat-item .cat-link.active,
.cat-item .cat-link:hover{
 background:#0F172A;
 color:#fff;
 border-color:#0F172A;
}


.productListWrap .product-grid{
 gap:20px;	
 flex-wrap: wrap;
}
.productListWrap .product-card{
 width:31.95%;	
 display: flex;
 flex-direction: column;
}
.productListWrap .product-card .product-img{
 width: 100%;
 padding-top: 75%;
 position: relative;
 overflow: hidden;	
}
.productListWrap .product-card .product-img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
}
.productListWrap .product-card .product-title{
 display:block;
 color:#0D233D;
 width:100%;
 text-align:center;
 padding:10px;
 border:1px solid #D1D5DB;
 border-top:0;
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.productListWrap .product-card a:hover .product-title{
	color:#135EB6;	
}
@media (max-width:1024px){
	.productListWrap .product-card{
	  width:48.32%;	
	}
}
@media (max-width:768px){
	.productListWrap .product-card{
	  width:100%;	
	}
}



/*archive*/
.blogArchive {
 background-color: #f9f9f9;
}

.blog-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 30px;
}

.blog-card {
 background: #fff;
 border-radius: 8px;
 overflow: hidden;
 transition: all 0.3s ease;
 box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.blog-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
.blog-card-link {
 display: block;
 text-decoration: none;
 color: inherit;
}

.blog-img {
 width: 100%;
 padding-top: 70%;
 position: relative;
 overflow: hidden;
}
.blog-img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
 transition: transform 0.4s ease;
}
.blog-card:hover .blog-img img {
 transform: scale(1.08);
}

.blog-content {
 padding: 25px 22px;
}
.blog-meta {
 margin-bottom: 12px;
}
.blog-date {
 font-size: 13px;
 color: #888;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}
.blog-title {
 font-size: 18px;
 font-weight: 600;
 line-height: 1.4;
 margin: 0 0 14px 0;
 color: #222;
 transition: color 0.2s;
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.blog-card:hover .blog-title {
 color: #0D233D;
}
.blog-excerpt {
 font-size: 14px;
 color: #666;
 line-height: 1.7;
 margin-bottom: 18px;
}
.read-more {
 font-size: 14px;
 font-weight: 500;
 color: #0D233D;
 display: inline-block;
 transition: transform 0.2s;
}
.blog-card:hover .read-more {
  transform: translateX(5px);
}

@media (max-width: 1024px) {
 .blog-grid {
   grid-template-columns: repeat(2, 1fr);
   gap: 25px;
 }
}
@media (max-width:768px) {
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .blog-content {
    padding: 20px 18px;
  }
  .blog-title {
    font-size: 18px;
  }
}

/*single Post*/

.postMain {
 background-color: #f9f9f9;
}
.postContent {
 flex: 1;
 margin-right: 30px;
}
.postSidebar {
 width: 300px;
 flex-shrink: 0;
}
.postArticle {
 background: #fff;
 border-radius: 8px;
 padding: 40px;
 box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.postArticle .postTitle h2{
 font-size:24px;
 font-weight:bold;
 color:	#0D233D;
}
.postMeta {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 margin-bottom: 25px;
 padding-bottom: 20px;
 border-bottom: 1px solid #eee;
 font-size: 14px;
 color: #888;
}
.postMeta span {
 display: flex;
 align-items: center;
 gap: 6px;
}
.postMeta a {
 color: #888;
 text-decoration: none;
}
.postMeta a:hover {
 color: #0D233D;
}
.postBody {
 font-size: 15px;
 line-height: 1.8;
 color: #333;
}
.postBody h2,
.postBody h3,
.postBody h4 {
 margin: 30px 0 15px;
 color: #222;
 font-weight: 600;
}
.postBody h2 { font-size: 24px; }
.postBody h3 { font-size: 20px; }
.postBody h4 { font-size: 17px; }

.postBody p {
 margin: 0 0 18px;
}
.postBody img {
 max-width: 100%;
 height: auto;
 border-radius: 6px;
 margin: 15px 0;
}
.postBody img.aligncenter{
 text-align:center;
 margin:0 auto;	
}
.postBody ul,
.postBody ol {
 margin: 0 0 18px 20px;
}
.postBody li {
 margin-bottom: 8px;
 list-style: inside;
}
.postBody blockquote {
 border-left: 4px solid #0D233D;
 padding: 15px 20px;
 margin: 20px 0;
 background: #f9f9f9;
 color: #666;
 font-style: italic;
}
.postBody a {
 color: #0D233D;
 text-decoration: none;
 border-bottom: 1px solid transparent;
 transition: border-color 0.2s;
}
.postBody a:hover {
 border-bottom-color: #0D233D;
}

.postTags {
 margin-top: 30px;
 padding-top: 20px;
 border-top: 1px solid #eee;
 font-size: 14px;
}
.postTags .tagsLabel {
 color: #666;
 margin-right: 10px;
}
.postTags a {
 display: inline-block;
 padding: 4px 12px;
 margin: 0 5px 5px 0;
 background: #f5f5f5;
 color: #666;
 text-decoration: none;
 border-radius: 4px;
 font-size: 13px;
 transition: all 0.2s;
}
.postTags a:hover {
 background: #0D233D;
 color: #fff;
}

.postNav {
 margin-top: 30px;
 display: flex;
 justify-content: space-between;
 gap: 20px;
}
.postNav a,
.postNav span {
 display: inline-block;
 padding: 12px 20px;
 background: #fff;
 border-radius: 6px;
 color: #333;
 text-decoration: none;
 font-size: 14px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
 transition: all 0.2s;
}
.postNav a:hover {
 background: #0D233D;
 color: #fff;
}
.prevPost { text-align: left; }
.nextPost { text-align: right; }

.relatedPosts {
 margin-top: 50px;
}
.relatedTitle {
 font-size: 32px;
 margin-bottom: 25px;
 color: #222;
 font-weight: 600;
}
.relatedGrid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px;
}
.relatedCard {
 background: #fff;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
 transition: all 0.3s ease;
}
.relatedCard:hover {
 transform: translateY(-3px);
 box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.relatedCard a {
 text-decoration: none;
 color: inherit;
 display: block;
}
.relatedImg {
 width: 100%;
 padding-top: 70%;
 position: relative;
 overflow: hidden;
}
.relatedImg img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
 transition: transform 0.3s ease;
}
.relatedCard:hover .relatedImg img {
 transform: scale(1.05);
}
.relatedCardTitle {
 font-size: 15px;
 margin: 15px 15px 8px;
 line-height: 1.4;
 color: #222;
 font-weight: 500;
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 transition: color 0.2s;
}
.relatedCard:hover .relatedCardTitle {
 color: #0D233D;
}
.relatedDate {
 display: block;
 font-size: 12px;
 color: #999;
 margin: 0 15px 15px;
}

.widget {
 background: #fff;
 border-radius: 8px;
 padding: 25px;
 margin-bottom: 25px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.widgetTitle {
 font-size: 18px;
 margin: 0 0 20px;
 padding-bottom: 12px;
 border-bottom: 2px solid #0D233D;
 color: #222;
 font-weight: 600;
 display: inline-block;
}

.screen-reader-text {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
}

.searchform div {
 display: flex;
 gap: 0; 
}

#s {
 flex: 1;
 padding: 10px 16px;
 border: 1px solid #dddddd;
 border-right: none;
 border-radius: 4px 0 0 4px;
 font-size: 14px;
 outline: none;
 transition: border-color 0.2s;
}
#s:focus {
 border-color: #0D233D; 
}

#searchsubmit {
 padding: 10px 20px;
 border: 1px solid #0D233D;
 background-color: #0D233D;
 color: #fff;
 border-radius: 0 4px 4px 0;
 cursor: pointer;
 font-size: 14px;
 transition: background-color 0.2s;
}
#searchsubmit:hover {
 background-color: #045cb4;
 border: 1px solid #045cb4;
}
.widgetCategories ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.widgetCategories li {
 padding: 10px 0;
 border-bottom: 1px solid #f0f0f0;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.widgetCategories li:last-child {
 border-bottom: none;
}
.widgetCategories li a {
 color: #333;
 text-decoration: none;
 transition: color 0.2s;
}
.widgetCategories li a:hover,
.widgetCategories li.current-cat a {
 color: #0D233D;
}
.widgetCategories .count {
 font-size: 12px;
 color: #999;
 background: #f5f5f5;
 padding: 2px 8px;
 border-radius: 10px;
}

.recentList {
 list-style: none;
 padding: 0;
 margin: 0;
}
.recentList li {
 padding: 12px 0;
 border-bottom: 1px solid #f0f0f0;
 gap: 12px;
}
.recentList li:last-child {
 border-bottom: none;
}
.recentThumb {
 width: 70px;
 height: 70px;
 flex-shrink: 0;
 border-radius: 6px;
 overflow: hidden;
}
.recentThumb img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.recentInfo {
 flex: 1;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.recentTitle {
 font-size: 14px;
 color: #333;
 text-decoration: none;
 line-height: 1.4;
 margin-bottom: 5px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 transition: color 0.2s;
}
.recentTitle:hover {
 color: #0D233D;
}
.recentDate {
 font-size: 12px;
 color: #999;
}

.tagCloud a {
 display: inline-block;
 padding: 6px 14px;
 margin: 0 6px 8px 0;
 background: #f5f5f5;
 color: #666;
 text-decoration: none;
 border-radius: 4px;
 font-size: 13px !important;
 transition: all 0.2s;
}
.tagCloud a:hover {
 background: #0D233D;
 color: #fff;
}
@media (max-width: 1024px) {
 .postContent {
   margin-right: 0;
   margin-bottom: 30px;
 }
 .postSidebar {
   width: 100%;
 }
 .relatedGrid {
   grid-template-columns: repeat(2, 1fr);
 }
}
@media (max-width: 768px) {
 .postArticle {
   padding: 25px;
 }
 .postMeta {
   flex-direction: column;
   gap: 10px;
 }
 .postNav {
   flex-direction: column;
 }
 .nextPost { text-align: left; }
 .relatedGrid {
   grid-template-columns: 1fr;
 }
}
/*contact*/

.contactInner{
 gap:30px;
}
.contactCard{
 background:#e1e1e1;
 width:33.33%;	
 text-align:center;
 padding:40px 15px;
 gap:40px;
 border-radius:20px;
}
.contactCard .round{
 width:72px;
 height:72px;
 border-radius:50%;
 background:#045cb4;	
}
.contactCard .round i{
 color:#fff;
 font-weight:bold;
 font-size:36px;	
}
.contactCard .contactText{
 gap:12px;	
}
.contactCard .contactText span{
 font-size:26px;
 color:#045cb4;
 font-weight:bold;
}
.contactCard .contactText p{
 font-size:18px;	
}
@media (max-width:768px){
 .contactCard{
  width:100%;	
 }	
}
/*pagination*/

.pagination {
 margin-top: 50px;
}
.pagination-link {
 display: flex;
 gap: 10px;
 align-items: center;
 justify-content: start;
}
.pagination-link .page-numbers {
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 40px;
 height: 40px;
 padding: 0 14px;
 border: 1px solid #ddd;
 border-radius: 4px;
 color: #333;
 text-decoration: none;
 background: #fff;
 transition: all 0.2s ease;
 font-size: 14px;
}
.pagination-link .page-numbers:hover {
 border-color: #0D233D;
 color: #fff;
 background-color: #0D233D;
}
.pagination-link .page-numbers.current {
 background-color: #0D233D;
 border-color: #0D233D;
 color: #fff;
}



/*home*/
/*innerBnner*/
.indexBanner{
 position:relative;
 width:100%;
 height:auto;
 overflow: hidden;	
}
.indexBanner .banner-img {
 width: 100% !important;
 max-height: 800px;
 height: auto;
 object-fit: cover;
 object-position: center center;
 display: block;
}
.indexBanner .container{
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
}
.indexBanner .innerBannerText{
 width:100%;
 height:100%;	
 padding:0 10%;
 gap:30px;
}
.indexBanner .innerBannerText span{
 font-size:18px;
 color:#fff;
 font-weight:bold;	
 line-height:1;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.indexBanner .innerBannerText p{
 font-size:43px;
 color:#fff;
 font-weight:bold;
 text-align:center;
 text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
 line-height:1;
}
.indexBanner .innerBannerText a{
 color:#fff;
 font-size:16px;	
 display:inline-block;
 width:200px;
 height:36px;
 line-height:36px;
 background:#045cb4;
 text-align:center;
 border-radius:30px;
}

@media (max-width:768px){
	.indexBanner .innerBannerText{
	 gap:24px;	
	 padding:0 5%;	
	}
	.indexBanner .innerBannerText span{
	 	font-size:16px;
	}
	.indexBanner .innerBannerText p{
		font-size:36px;
	}
}
@media (max-width:512px){
	.indexBanner .innerBannerText{
	 gap:20px;	
	 padding:0 5%;	
	}
	.indexBanner .innerBannerText span{
	 	font-size:14px;
	}
	.indexBanner .innerBannerText p{
		font-size:24px;
	}
}

@media (max-width:468px){
	.indexBanner .innerBannerText{
	 gap:15px;
	 padding:0 5%;	
	}
	.indexBanner .innerBannerText span{
	 	font-size:12px;
	}
	.indexBanner .innerBannerText p{
		font-size:18px;
	}
}


/*advantages*/
.advantages{
 background:#E7F6FF;	
}
.advantagesInner{
 gap:30px;	
}
.advantagesCar{
 gap:40px;	
 padding:0 20px;
 width:25%;
}
.advantagesCar .custom-svg-icon {
 display: inline-block;
 width: 60px;
 height: 60px;
 color: #045cb4;
 transition: all 0.2s ease;
}
.advantagesCar .custom-svg-icon svg {
 width: 100%;
 height: 100%;
 fill: currentColor; 
}
.advantagesCar:hover .custom-svg-icon {
 transform: scale(0.85); 
}
.advantagesCar span{
 color: #045cb4;
 font-weight:bold;
 font-size:18px;
}
.advantagesCar P{
 text-align:center;	
}
.advantagesCarText{
 gap:5px;	
}
@media (max-width:1024px){
	.advantagesInner{
		flex-wrap: wrap;
	}
	.advantagesCar{
    width:48%;    
  }
}
@media (max-width:768px){
	.advantagesInner{
		flex-direction:column;
	}
	.advantagesCar{
    width:100%;    
  }
}


.indexPro{
 background:#E7F6FF;	
}
.indexTitle h2,.indexTitle h4{
 color:#0F172A;
 font-size:34px;
 font-weight:bold;
 position: relative;
 padding-bottom: 12px;	
 margin-bottom:0;
}
.indexTitle h2::after {
 content: "★★★";
 display: block;
 font-size: 18px;
 color: #77b7f7;
 margin-top: 8px;
 letter-spacing: 6px;
 text-align:center;
}
.indexTitle h4::after {
 content: "★★★";
 display: block;
 font-size: 18px;
 color: #77b7f7;
 margin-top: 8px;
 letter-spacing: 6px;
}
.indexTitle a{
 color:#0F172A	
}
.indexTitle a i {
 margin-left: 6px;
 transition: transform 0.25s ease;
}
.indexTitle a:hover i {
 transform: translateX(4px);
}



.indexProInner{
 gap:40px;	
}
.indexProCon {
 width: 100%;
 gap:30px;
}
.indexProInner .pro-card {
 width: 23.37%;
 border: 1px solid #eee;
 border-radius: 6px;
 overflow: hidden;
 transition: all 0.25s ease;
}
.indexProInner .pro-card:hover {
 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 transform: translateY(-4px);
}
.pro-img-wrap {
 width: 100%;
 padding-top: 75%;
 position: relative;
 overflow: hidden;
}
.pro-img-wrap img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
 transition: transform 0.4s ease;
}
.pro-card:hover .pro-img-wrap img {
 transform: scale(1.08);
}
.pro-name {
 padding: 12px 16px;
 margin: 0;
 font-size: 15px;
 font-weight: 500;
 color: #222;
 text-align: center;
}
.pro-name a {
 color: inherit;
 text-decoration: none;
}
.indexProInner a.btn-more{
 display:block;
 width:150px;
 height:36px;	
 line-height:36px;
 background:#0F172A;
 text-align:center;
 border-radius:30px;
 color:#fff;
 transition: transform 0.4s ease;
}
.indexProInner a.btn-more:hover{
 background:#045cb4;
}
@media (max-width:768px){
 .indexProInner .pro-card {
   width:100%;
 
  }	
}
/*indexAbout*/
.indexAbout{
 background:#fff;	
}
.aboutLeft,.aboutRight{
 width:50%;	
}
.aboutLeft img{
 width:100%;	
}
.aboutRight{
 padding:40px;
 background:#fff;	
 gap:40px;
}
.aboutRightText{
 gap:20px;	
}
.aboutRightText h4{
 font-size:	#0F172A;
}
.aboutRightText p{
 display: inline;
 color:#5e6a87;
 font-weight:normal;
}

.aboutRightText h1{
 display: inline;
 font-weight:bold;
}
.aboutRightText a{
 display:block;
 width:150px;
 height:36px;	
 line-height:36px;
 background:#0F172A;
 text-align:center;
 border-radius:30px;
 color:#fff;
 transition: transform 0.4s ease;
}
.aboutRightText a:hover{
 background:#045cb4;
}
@media (max-width:1024px){
 .aboutLeft,.aboutRight{
  width:100%;	
 }	
 .aboutRight{
  padding:40px 0;	
 }
}






.indexProjectsCon {
 width: 100%;
 gap: 30px;
 margin-top:40px;
}
.indexProjectsCon .blog-card {
 width: calc(33.333% - 20px);
 min-width: 260px;
 overflow: hidden;
 border-radius: 6px;
 background: #fff;
 box-shadow: 0 2px 8px rgba(0,0,0,0.06);
 transition: all 0.3s ease;
}
.indexProjectsCon .blog-card:hover {
 box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 transform: translateY(-5px);
}
.indexProjectsCon .blog-card a {
 text-decoration: none;
 display: block;
}


.indexProjectsCon .blog-img {
 width: 100%;
 padding-top: 70%;
 position: relative;
 overflow: hidden;
}
.indexProjectsCon .blog-img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
 transition: transform 0.4s ease;
}
.indexProjectsCon .blog-card:hover .blog-img img {
 transform: scale(1.08);
}

.indexProjectsCon .blog-title {
 padding: 16px 14px;
 margin: 0;
 font-size: 16px;
 font-weight: 500;
 color: #0D233D;
 line-height: 1.4;
}
.indexProjectsCon .blog-card:hover .blog-title {
 color: #0066ff;
}


@media (max-width: 1024px) {
 .indexProjectsCon .blog-card {
   width: calc(50% - 15px);
 }
}

@media (max-width: 768px) {
 .indexProjectsCon .blog-card {
   width: 100%;
 }
}

.indexMessage{
 background:#E7F6FF;	
}


.indexBlogsCon {
 width: 100%;
 gap: 30px;
 margin-top:40px;
}
.indexBlogsCon .blog-card {
 width: calc(33.333% - 20px);
 min-width: 260px;
 overflow: hidden;
 border-radius: 6px;
 background: #fff;
 box-shadow: 0 2px 8px rgba(0,0,0,0.06);
 transition: all 0.3s ease;
}
.indexBlogsCon .blog-card:hover {
 box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 transform: translateY(-5px);
}
.indexBlogsCon .blog-card a {
 text-decoration: none;
 display: block;
}

.indexBlogsCon .blog-card-text{
 padding:10px 15px;	
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.indexBlogsCon .blog-img {
 width: 100%;
 padding-top: 70%;
 position: relative;
 overflow: hidden;
}
.indexBlogsCon .blog-img img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 100%;
 object-fit: cover;
 object-position: center center;
 z-index: 5;
 transition: transform 0.4s ease;
}
.indexBlogsCon .blog-card:hover .blog-img img {
 transform: scale(1.08);
}

indexBlogsCon .blog-title {
 padding: 16px 14px;
 margin: 0;
 font-size: 16px;
 font-weight: 500;
 color: #0D233D;
 line-height: 1.4;
}
.indexBlogsCon .blog-card:hover .blog-title {
 color: #0066ff;
}


@media (max-width: 1024px) {
 .indexBlogsCon .blog-card {
   width: calc(50% - 15px);
 }
}

@media (max-width: 768px) {
 .indexBlogsCon .blog-card {
   width: 100%;
 }
}


.errorProInner{
 gap:40px;
}
.errorProInner h1{
 font-size:52px;
 font-weight:bold;	
}

.errorProInner p{
 font-size:18px	
}
.errorProInner a{
 width:200px;
 height:50px;
 line-height:50px;
 background:#0D233D;
 color:#fff;
 text-align:center;
}

.contactQuick{
 position:fixed;
 top:30%;
 right:0;
 gap:30px;
 z-index:999;	
}

.contactQuick .bgBlue{
 width:140px;
 padding:20px 0;
 background:#0048b3;	
 text-align:center;
}
.contactQuick .bgBlue a{
 color:#fff;	
 text-align:center;
}
.contactQuick .bgBlue a i{
 font-size:34px;
 font-weight:bold;	
}
.trp-floating-switcher{
 right:0 !important;	
}
@media (max-width:768px){
 .contactQuick{
 	display:none !important;
 } 
}
.cf7sr-g-hcaptcha{
 margin-left:1%;
 margin-top:20px;
}
.proMainMiddle .proContent div{
 width: 100%;
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}

.proMainMiddle .proContent table{
 width:100% !important;
 border:1px solid #D1D5DB;	
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 
}
.proMainMiddle .proContent table tr td{
 padding:7px 10px;
 border:1px solid #D1D5DB;	
}