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

*,
*::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:1320px;
 margin:0 auto;
}
@media (max-width: 1024px) {
	.container{
    width:90%;
  }
}
@media (max-width: 768px) {
	.container{
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }
}


/*top*/
.top{
	background:#0D233D;
}
.topLeft{
 gap:15px;	
}
.topLeft span,.topLeft span a{
 font-size:12px;
 color:#fff;
 cursor:pointer;	
}
.topLeft span a:hover{
 color:#135EB6;	
}
.topLeft span i{
 margin-right:5px;	
}
.topRight a{
 display:inline-block;
 width:165px;
 height:45px;
 line-height:45px;
 background:#135EB6;
 color:#fff;
 text-align:center;
 font-weight:bold;
 cursor:pointer;	
}


/*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 .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 .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;
}


/*footer*/
.footer{
 background:#0D233D;
}
.footer .container{
 gap:30px;	
}
.footer .footerItem1{
 width:30%;	
 gap:30px;
}
.footer .footerItem1 p{
 color:#fff;
 line-height:1.4;	
}
.footer .footerItem1 .btn-more{
 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,.footer .footerItem3{
 width:17%;	
}
.footer .footerItem4{
 width:36%;	
}
.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:#013A74;	
}
.bottom p{
 text-align:center;
 font-size:14px;
 color:#fff;	
}


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

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


/*proMain*/
.proMain .container{
 gap:30px;	
}
.proMain .proMainLeft{
 width:24%;	
}
.proMain .proMainRight{
 width:76%;	
}
@media (max-width:1024px){
 .proMain .proMainLeft{
   width:33%;	
 }
 .proMain .proMainRight{
   width:67%;	
 }
}
@media (max-width:768px){
 .proMain .proMainLeft{
   width:100%;	
 }
 .proMain .proMainRight{
   width:100%;	
 }
}
.proMainLeft{
 gap:50px;	
}
.proMainLeft .proCategory .proCategoryTitle{
 background:#0D233D;
 color:#fff;
 font-weight:bold;
 font-size:28px;
 text-align:left;
 width:100%;
 height:60px;
 line-height:60px;	
 text-transform: uppercase;
 padding-left:10px;
}
.proMainLeft .product-menu{
 border:1px solid #D1D5DB;
 border-top:0;
}
.proMainLeft .product-menu .product-nav li{
 padding:10px;
 width:100%;	
 border-bottom:1px solid #D1D5DB;
}
.proMainLeft .product-menu .product-nav li:last-child{
 border-bottom:0;	
}
.proMainLeft .product-menu .product-nav li a{
 font-size:15px;
 color:#0D233D;
 font-weight:bold;	
}
.proMainLeft .product-menu .product-nav li.current-menu-item a{
 color:#135EB6;	
}
.proMainLeft .product-menu .product-nav li a:hover{
 color:#135EB6;	
}

.proMainLeft .latestBlogs .latestBlogsTitle{
 background:#0D233D;
 color:#fff;
 font-weight:bold;
 font-size:28px;
 text-align:left;
 width:100%;
 height:60px;
 line-height:60px;	
 text-transform: uppercase;
 padding-left:10px;
}
.proMainLeft .latestBlogs .latestBlogsList a{
 height:40px;
 line-height:40px;
 width:100%;
 word-break: break-all;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;	
 color:#0D233D;
}
.proMainLeft .latestBlogs .latestBlogsList a:hover{
 color:#135EB6;	
}


/*product-grid*/
.proMainRight .product-grid{
 gap:20px;	
 flex-wrap: wrap;
}
.proMainRight .product-card{
 width:31.95%;	
 display: flex;
 flex-direction: column;
}
.proMainRight .product-card .product-img{
 width: 100%;
 padding-top: 100%;
 position: relative;
 overflow: hidden;	
}
.proMainRight .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;
}
.proMainRight .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;
}
.proMainRight .product-card a:hover .product-title{
	color:#135EB6;	
}
@media (max-width:1024px){
	.proMainRight .product-card{
	  width:48.32%;	
	}
}
@media (max-width:768px){
	.proMainRight .product-card{
	  width:100%;	
	}
}




/*singleProduct*/
.proMainRight_t{
 gap:30px;
}
.proImages{
 width:40%;	
}
.proDesc{
 width:60%	
}

@media (max-width:768px){
 .proImages{
   width:100%;	
 }
 .proDesc{
   width:100%	
 } 	
}
.gallery-thumbs .swiper-slide img {
  transition: all 0.25s ease;
  opacity: 0.5;
  filter: brightness(0.65);
}
.gallery-thumbs .swiper-slide-active img{
	opacity: 1;
	filter: brightness(1);
	border:1px solid #0D233D;
}
.proDesc h2{
 color:#0D233D;
 font-size:24px;
 font-weight:bold;
}
.proDesc p{
 color:#888;	
 font-size:14px;
 line-height:1.4;

}
.proDesc .proContact{
 margin-top:20px;
 gap:20px;	
}
.proDesc .proContact a{
 width:220px;
 height:40px;
 line-height:40px;
 background:#0D233D;
 color:#fff;
 text-align:center;
}
.proDesc .proContact a i{
 margin-right:5px;	
}
.proDesc .proContact a:hover{
 background:#135EB6;	
}

@media (max-width:1024px){
 .proDesc p{
   max-height: 150px;
   overflow-y: scroll;
 }	
}
@media (max-width:768px){
 .proDesc p{
   max-height: max-content;
   overflow-y: hidden;
 }	
}

.proMainRight_m{
 border:1px solid #D1D5DB;
 padding:10px;
}


.proMainRight_m .proDetails{
 color:#0D233D;
 font-size:24px;
 font-weight:bold;
 padding-bottom:10px;
 border-bottom:2px solid #0D233D;
}
.proMainRight_m .proContent{
 margin-top:30px;
 color:#666;
 overflow:hidden;
}
.proMainRight_m .proContent p{
 color:#666;
 font-size:17px;
 padding-bottom:20px;
}
.proMainRight_m .proContent h3,.proMainRight_m .proContent strong{
 color:#333;
 font-size:18px;
 font-weight:bold;	
}
.proMainRight_m .proContent div{
 width: 100%;
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}
.proMainRight_m .proContent table{
 width:100%;
 border:1px solid #D1D5DB;	
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 
}
.proMainRight_m .proContent table tr td{
 padding:7px 10px;
 border:1px solid #D1D5DB;	
}

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

.relatedList .product-grid{
 gap:20px;	
 flex-wrap: wrap;
}
.relatedList .product-card{
 width:31.95%;	
 display: flex;
 flex-direction: column;
}
.relatedList .product-card .product-img{
 width: 100%;
 padding-top: 100%;
 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:48.32%;	
	}
}
@media (max-width:768px){
	.relatedList .product-card{
	  width:100%;	
	}
}

.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;
 }
}






.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;
}
.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;
 }
}


/*About Us*/
.aboutIntro {
 background-color: #f2f2f2;
}
.aboutIntroInner{
 gap:30px;	
}
.aboutLeft{
 width:50%;
 position:relative;
 overflow:hidden;
}
.aboutRight{
 width:50%;	
}

@media (max-width:1024px){
 .aboutLeft{
   width:100%	
 }
 .aboutRight{
   width:100%;	
 }	
}
.aboutLeft_t{
 gap:30px;
 position:relative;	
 width:100%;
}
.aboutLeft_t img{
 width:60%;
}
.aboutLeft_t .aboutNum{
 width:40%;	
}
.aboutNum{
 padding:50px 30px;
 background:#0D233D;
 color:#fff;
 position:absolute;
 top:10%;
 right:0;
 max-width: 210px;
}
.aboutNum span:first-child{
 font-size:30px;
 font-weight:bold;	
}
.aboutLeft_b{
 position:absolute;	
 top:40%;
 right:0;
 width:100%;
}
.aboutLeft_b img{
 width:60%;	
 border-left:10px solid #fff;
 border-top:10px solid #fff;
}
.aboutRight span i{
 color:	#045cb4;
 font-size:12px;
}
.aboutRight span{
 font-size:16px;
 color:	#045cb4;
}
.aboutRight .subtitle{
 font-size:28px;
 color:#0D233D;	
 font-weight:bold;
}
.aboutRight .aboutCon{
 max-height: 500px;
 overflow-y: scroll;	
}
.aboutRight .aboutCon p{
 color:#666
}
@media (max-width:768px){
	.aboutLeft_b img{
	  width:50%;	
	}
	.aboutNum{
	 padding:20px;
	 top:0;	
	}
}

.sectionHeader {
 margin-bottom: 50px;
}
.sectionHeader.text-center {
 text-align: center;
}
.sectionTitle {
 font-size: 32px;
 color: #fff;
 margin: 0 0 12px;
 font-weight: 600;
}
.sectionSubtitle {
 font-size: 15px;
 color: rgba(255,255,255,.5);
 max-width:1000px;
 margin:0 auto;
}

.aboutPartners {
 background-color: #000;
}
.partnersGrid {
 display: grid;
 grid-template-columns: repeat(8, 1fr);
 gap: 25px;
 align-items: center;
}
.partnerItem {
 border:1px solid #fff;
 border-radius: 8px;
 padding: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all 0.3s ease;
 box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.partnerItem:hover {
 transform: translateY(-3px);
 box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.partnerLogo {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
}
.partnerLogo img {
 max-width: 100%;
 max-height: 60px;
 width: auto;
 height: auto;
 object-fit: contain;
 filter: grayscale(100%);
 opacity: 0.7;
 transition: all 0.3s ease;
}
.partnerItem:hover .partnerLogo img {
 filter: grayscale(0%);
 opacity: 1;
}
@media (max-width: 1024px) {
 .partnersGrid {
   grid-template-columns: repeat(4, 1fr);
 }
}
@media (max-width: 768px) {
 .sectionTitle {
   font-size: 26px;
 }
 .partnersGrid {
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
  }
 .partnerItem {
   padding: 18px 10px;
   min-height: 80px;
 }
 .partnerLogo img {
   max-height: 45px;
 }
}


/*Why Choose Us*/
.advantage {
 background-color: #f9f9f9;
}

.advantageInner {
 display: flex;
 gap: 30px;
 align-items: stretch; 
}

.advantageCard1{
 background:#0D233D;
 padding: 35px 30px;	
}
.advantageCard1,.advantageCard2{
 width:25%;	
}
.advantageCard3{
 width:50%;	
}
.advantageCard2 {
 padding: 0;
 overflow: hidden;
}
.advantageCard2 .aboutMainImg {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.advantageCard > span {
 font-size: 14px;
 color: #0052cc;
 font-weight: 600;
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 16px;
}
.chooseTitle {
 font-size: 22px;
 color: #fff;
 font-weight: 600;
 line-height: 1.4;
 margin-bottom: 18px;
}
.advantageCard p {
 font-size: 15px;
 color: rgba(255,255,255,.5);
 line-height: 1.7;
 margin: 0;
}

.advantageItem {
 gap: 18px;
 padding: 18px 0;
 border-bottom: 1px solid #eee;
}

.advantageItem:last-child {
 border-bottom: none;
}
.advantageItem img {
 width: 50px;
 height: 50px;
 flex-shrink: 0;
 object-fit: contain;
}
.advantageItem h3 {
 font-size: 16px;
 margin: 0 0 8px;
 color: #222;
 font-weight: 600;
}
.advantageItem p {
 font-size: 14px;
 color: #666;
 line-height: 1.6;
}

@media (max-width: 1024px) {
 .advantageCard2 .aboutMainImg {
    height: 320px;
 }
 .advantageCard1,.advantageCard2,.advantageCard3{
    width:100%;	
 }
}


/*contact us*/
.contactInner{
 background:#0D233D;	
}
.contactInner{
 padding:30px	;
 gap:30px;

}
.contactTop{
 gap:30px;
}
.contactTop_l{
 gap:20px;	
 width:50%;
}
.contactTop_r{
 width:50%;
}
.contactTop_l span i{
 font-size:12px;
 color:#045cb4;	
}
.contactTop_l span{
 color:	#045cb4;
 font-size:14px;
}
.contactTop_l .contactTitle{
 color:#fff;
 font-size:36px;
 font-weight:bold;	
}
.contactTop_l p{
 color:#fff;	
}
.contactTop_r img{
 width:100%;
 margin-top:-50px
}
.contactCard{
 padding:30px;	
 gap:15px;
 width:25%;
}
.contactCard i{
 color:	#02A4E8;
 font-size:50px;
}
.contactCard span{
 color:	#02A4E8;
 font-size:16px;
}
.contactCard p{
 color:#fff;
 font-size:20px;
 text-align:center;	
}

@media (max-width:1024px){
	.contactBottom{
		flex-wrap: wrap;
	}
  .contactCard{
    width:50%;	
  }	
}
@media (max-width:768px){
	.contactBottom{
		flex-wrap: wrap;
	}
  .contactCard{
    width:100%;	
  }	
  .contactTop_l,.contactTop_r{
    width:100%;	
  }
  .contactTop_r img{
    margin-top:0;	
  }
}


/*siliconSteel*/
.siliconSteelaInner{
 width:100%;
 gap:30px;	
}
.siliconSteela_l{
 width:50%;
 color:#0D233D;
 font-size:34px;	
 font-weight:bold;
}
.siliconSteela_r{
 width:50%;	
}
.siliconSteela_r strong{
	color:#0D233D;
}
@media (max-width:768px){
 .siliconSteela_l,.siliconSteela_r{
   width:100%;	
 }	
}







.siliconSteelb{
 background:#F2F2F2;	
}
.siliconSteelSwiper{
  position:relative;
  overflow:hidden;
}
.productCard{
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  overflow:hidden;
}
.productImg img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.productName{
  padding:15px;
  margin:0;
  font-size:16px;
}
.productName a{
  color:#222;
  text-decoration:none;
}
.swiper-button-next,
.swiper-button-prev{
  color:#000;
}
/*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;
}


/*IndexBnner*/
.IndexBnner{
    position:relative;
    width:100%;
    overflow: hidden;	
}

.bannerRatioWrap {
    width: 100%;
    height: 0;
    padding-bottom: var(--ratio);
    position: relative;
}
.IndexBnner .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.IndexBnner .innerBannerText{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;	
}
.IndexBnner .container{
    height:100%;	
}
.IndexBnner .innerBannerText .innerBannerText1{
    gap:30px;	
    height:100%;
}
.IndexBnner .innerBannerText span{
    color:#02A4E8;
    font-size:14px;
}
.IndexBnner .innerBannerText span i{
    font-size:12px;	
}
.IndexBnner .innerBannerText h1{
    font-size:76px;
    color:#fff;
    font-weight:bold;	
    line-height:1;
    text-transform: uppercase;
}
.IndexBnner .innerBannerText a{
    display:inline-block;
    width:200px;
    height:50px;
    line-height:50px;
    color:#fff;
    text-align:center;
    background:#02A4E8;
    transition: 300ms ease all;
}
.IndexBnner .innerBannerText a:hover{
    background:#0D233D;
}


@media (max-width:1024px){
	.IndexBnner .innerBannerText h1{
		font-size:54px;
	}
}
@media (max-width:768px){
	.IndexBnner .innerBannerText h1{
		font-size:32px;
	}
}
@media (max-width:512px){
	.innerBannerText{
	  padding:20px 0;	
	}
	.IndexBnner .innerBannerText h1{
		font-size:20px;
	}
	.IndexBnner .innerBannerText .innerBannerText1{
	  gap:0px;	
	}
	.IndexBnner .innerBannerText a{
    display:inline-block;
    width:200px;
    height:30px;
    line-height:30px;
    color:#fff;
    text-align:center;
    background:#02A4E8;
    transition: 300ms ease all;
}
}



/*indexAbout*/
.indexabout {
 background-color: #f2f2f2;
}
.indexabout .aboutIntroInner{
 gap:30px;	
 display:flex;
 align-items: flex-start; 
 min-height: 480px;
}
.indexabout .aboutLeft{
 width:50%;
 align-self: stretch;
}
.indexabout .aboutRight{
 width:50%;	
}

.indexabout .imgRatioWrap {
    width: 100%;
    height: 0;
    padding-bottom: var(--ratio);
    position: relative;
    overflow: hidden;
    min-height: 180px;
    contain: layout size;
}
.indexabout .aboutMainImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width:1024px){
.indexabout .aboutIntroInner{
    flex-direction: column;
}
.indexabout .aboutLeft{
   width:100%	
 }
.indexabout .aboutRight{
   width:100%;	
 }	
}

.indexabout .aboutRight span i{
 color:	#045cb4;
 font-size:12px;
}
.indexabout .aboutRight span{
 font-size:16px;
 color:	#045cb4;
}
.indexabout .aboutRight .subtitle{
 font-size:28px;
 color:#0D233D;	
 font-weight:bold;
}
.indexabout .aboutCon{
 max-height: 500px;
 overflow-y: auto; 
 scrollbar-gutter: stable both-edges; 
}
.indexabout .aboutCon p{
 color:#666
}



.factoryInner{
 gap:50px;	
}
.factoryInner .title{
 color:#0D233D;
 font-size:42px;
 font-weight:bold;
 text-transform: uppercase;	
}
.factoryGrid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 25px;
 align-items: stretch;
 width: 100%;
}
.factoryItem {
 border: 1px solid #0D233D;
 border-radius: 8px;
 padding: 12px 8px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all 0.3s ease;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.factoryLogo {
 width: 100%;
 height: 120px;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow:hidden;
}
.factoryLogo img {
 max-width: 90%;
 max-height: 90%;
 width: auto;
 height: auto;
 object-fit: contain;
 display:block;
}
@media (max-width:992px){
  .factoryGrid{
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width:768px){
  .factoryGrid{
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:480px){
  .factoryGrid{
    grid-template-columns: 1fr;
  }
}

/*indexPro*/
.indexPro{
 background:#0D233D	
}
.indexProInner{
 gap:40px;	
}
.indexProInner_t{
 gap:10px;	
 width:100%;
}
.indexProInner_t span{
 color:#02A4E8;
 font-size:14px;	
}
.indexProInner_t span i{
 font-size:12px;	
}
.indexProInner_t h2{
 color:#fff;
 font-size:36px;	
 font-weight:bold;
 margin-bottom:0;
}
.indexProInner_t p{
 font-size:16px;
 color:rgba(255,255,255,.5);	
}

.indexProInner_b{
 width:100%;	
}

.indexProInner {
 gap: 40px;
}
.proGrid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 25px;
}
.proItem {
 border: 1px solid #0D233D;
 border-radius: 8px;
 overflow: hidden;
 transition: all 0.3s ease;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.proLink {
 display: flex;
 flex-direction: column;
 height: 100%;
 text-decoration: none;
 color: inherit;
}
.proImg {
 width: 100%;
 aspect-ratio: 4/3;
 overflow: hidden;
}
.proImg img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.3s ease;
}
.proItem:hover .proImg img {
 transform: scale(1.05);
}
.proTitle {
 padding: 12px 15px;
 margin: 0;
 font-size: 16px;
 line-height: 1.4;
 color:#fff;
}
.proTitle:hover{
 color:	#02A4E8;
}

@media (max-width:1024px){
  .proGrid{
    grid-template-columns: repeat(4,1fr);
  }
}
@media (max-width:768px){
  .proGrid{
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:480px){
  .proGrid{
    grid-template-columns: 1fr;
  }
}

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

.bannerbg .bannerbgText{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;	
}
.bannerbg .container{
 height:100%;	
 max-width:1000px;
 margin:0 auto;
}
.bannerbg .bannerbgText .innerBannerText1{
 gap:30px;	
 height:100%;
 text-align:center
}

.bannerbg .bannerbgText h3{
 font-size:36px;
 color:#fff;
 font-weight:bold;	
 line-height:1;
 text-transform: uppercase;
}
.bannerbg .bannerbgText p{
 color:rgba(255,255,255,.5)
}
.bannerbg .bannerbgText .bannerbg_c{
 gap:20px;	
}
.bannerbg .bannerbgText a{
 display:inline-block;
 width:250px;
 height:50px;
 line-height:50px;
 color:#fff;
 text-align:center;
 background:#02A4E8;
 transition: 300ms ease all;
}
.bannerbg .bannerbgText a i{
 margin-right:5px;	
}
.bannerbg .bannerbgText a:hover{
 background:#0D233D;
}

@media (max-width:1024px){
 .bannerbg .banner-img{
		height:400px;
	}
	.bannerbg .bannerbgText h1{
		font-size:54px;
	}
}
@media (max-width:768px){
	.bannerbg .banner-img{
		max-height:600px;
		height:600px;
	}
	.bannerbg .bannerbgText h3{
		font-size:28px;
	}
}



.indexNewsInner{
 gap:50px;	
}
.indexNewsInner .title{
 color:#0D233D;
 font-size:42px;
 font-weight:bold;
 text-transform: uppercase;	
}
.indexNewsCon .blog-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.indexNewsCon .blog-card{
    border: 1px solid #0D233D;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
}
.indexNewsCon .blog-card-link{
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.indexNewsCon .blog-img{
    width:100%;
    aspect-ratio: 16/10;
    overflow:hidden;
}
.indexNewsCon .blog-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: transform 0.3s ease;
}
.indexNewsCon .blog-card:hover .blog-img img{
    transform: scale(1.05);
}
.indexNewsCon .blog-content{
    padding:18px;
}
.indexNewsCon .blog-meta{
    margin-bottom:8px;
    font-size:14px;
    opacity:0.8;
}
.indexNewsCon .blog-title{
    font-size:17px;
    line-height:1.45;
    margin-bottom:12px;
}
.indexNewsCon .read-more{
    display:inline-block;
    margin-top:auto;
    font-weight:500;
}

@media (max-width:992px){
  .indexNewsCon .blog-grid{
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:640px){
  .indexNewsCon .blog-grid{
    grid-template-columns: 1fr;
  }
}