/*
Theme Name: LZTECH
Theme URI: 
Author: 
Author URI: 
Version: 1.0
*/ 
@font-face {
    font-family: 'OPPO_Sans_40_EN';
    
    src: url('../lztech/fonts/OPPO_Sans_40_EN.woff') format('woff'),
	 url('../lztech/fonts/OPPO_Sans_40_EN.ttf') format('truetype'),
	 url('../lztech/fonts/OPPO_Sans_40_EN.svg#OPPO_Sans_40_EN') format('svg');
    font-style: normal;
  }
@font-face {
    font-family: 'OPPOSans-Bold';
    
    src: url('../lztech/fonts/OPPOSans-Bold.woff') format('woff'),
	 url('../lztech/fonts/OPPOSans-Bold.ttf') format('truetype'),
	 url('../lztech/fonts/OPPOSans-Bold.svg#OPPOSans-Bold') format('svg');
    font-style: normal;
  }

#menu{
        display: none;
    }
    #menu.mm-opened{
        display: block;
    }
.container{
    width: 1310px;
    max-width: 100%;
}
.home-banner img{
    height: 100%;
    object-fit: cover;
    width: 100%;
    display: block;
}
body{
    color: #fff;
    font-family: 'OPPO_Sans_40_EN';
    background: #040E19;
    line-height: 22px;
}
a{
    color: #000;
    display: inline-block;
    text-decoration: none !important;
    transition: all .5s ease-out 0s;
}
.header_bottom{
    background: #1d2630;
    color: #fff;
}
.affix {
  position: fixed;
  width: 100%;
  z-index: 2;
}
.desk-none{
    display: none;
}
.header_bottom a{
    color: #fff;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.top-main-menu{
    display: flex;
    gap: 40px;
    justify-content: center;
}
.flex{
    display: flex;
}
.align-center{
    align-items: center;
}
.just-end{
    justify-content: flex-end;
}
.top-lang a{
    display: flex;
    align-items: center;
    padding: 10px 13px;
    border-radius: 4px;
    line-height: 14px;
    gap: 6px;
    color: rgba(255, 255, 255, 0.8) !important;
}
.top-search a{
    line-height: 0;
    display: block;
}
.top_icon{
    gap:15px;
}
.top-con a{
    display: block;
    background: #2E4CFF;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 8px 15px;
}
.top-main-menu > li > a{
    text-transform: uppercase;
    display: block;
  padding: 25px 0;
}
.top-main-menu > li > a:hover{
    color: #2E4CFF;
}
.relative{
    position: relative
}
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.absolute{
    position: absolute;
}
.bann_text h1,
.bann_text h2{
    color: #fff;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'OPPOSans-Bold';
    font-weight: bold;
    line-height: 50px;
}
.banner-info{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-info .container{
    height: 100%;
}
.bann_text {
  text-align: center;
  padding-top: 10%;
    color: #fff;
    display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  align-items: center;
    padding-bottom: 50px;
}
.swiper-button-next, 
.swiper-button-prev{
    border-radius: 4px;
    border: 1px solid rgb(255,255,255,0.8);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-banner .swiper-button-prev{
    left: 40px;
}
.home-banner .swiper-button-next{
    right: 40px;
}
.hc_liast .swiper-button-prev{
    left: -30px;
}
.hc_liast .swiper-button-next{
    right: -30px;
}
.swiper-button-prev svg{
    transform: rotate(-180deg);
}
.bann_bottom a {
    background: #2E4CFF;
    border-radius: 4px;
    color: #fff;
    padding: 13px 20px;
}
.bann_bottom p{
    font-size: 18px;
    margin-bottom: 30px;
}
.lz_top{
    text-align: center;
    background: url(/wp-content/themes/lztech/images/Fill.png) center no-repeat;
    padding: 15px 0;
    margin-bottom: 50px;
}
.section{
    padding: 0 0 90px;
}
h1,h2,h3{
    font-family: 'OPPOSans-Bold';
    font-weight: bold;
}
.lz_top h2{
    margin: 0 0 25px;
    font-size: 36px;
}
.lz_top p{
    margin-bottom: 0;
    font-size: 16px;
    opacity: 0.8;
    line-height: 24px;
}
.hal_info {
  transition: all .5s ease-out 0s;
  border-radius: 24px;
  padding: 60px 35px;
  text-align: center;
    border: 1px solid #484848;
    height: 100%;
    background: url(/wp-content/themes/lztech/images/fill-bg.png) right bottom no-repeat;
}
.hal_info:hover{
    background-color: #2E4CFF;
    border: 1px solid #2E4CFF;
}
.ha_liast .hal_item{
    width: 33.333%;
}
.ha_liast{
    gap:40px;
}
.hal_info p{
    opacity: 0.9;
}
.hal_info span{
    opacity: 0.7;
    display: block;
    margin-top: 20px;
}
.hal_icon svg g{
    transition: all .5s ease-out 0s;
}
.hal_info:hover .hal_icon svg g[fill-rule="nonzero"]{
    fill:#fff;
}
.h3, h3 {
  line-height: 32px;
    font-weight: normal;
}
.hal_info h3{
    margin-bottom: 20px;
}
.home-logo{
    padding:45px 0;
    background: #071527;
    margin-bottom: 90px;
}
.hlg_liast .swiper-wrapper {
  transition-timing-function: linear;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* 根据内容宽度调整 */
}
.hlg_liast .swiper-wrapper {
    /* 取消 Swiper 默认的过渡，改用纯 CSS 动画 */
    transition-timing-function: linear !important;
    display: flex;
    animation: marquee 20s linear infinite;
}

.hlg_liast .swiper-wrapper:hover {
    animation-play-state: paused; /* 鼠标悬停停止 */
}
.hc_img img{
    max-width: 100%;
}

.hc_liast .swiper-slide {
    width: 325px;  /* 单个证书图片的宽度 */
    height: 458px; /* 单个证书图片的高度 */
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    /* 解决闪烁的关键：硬件加速 */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0,0,0);
}

.hc_liast .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    /* 针对图片文字的渲染优化 */
    image-rendering: -webkit-optimize-contrast;
}
.hc_liast .swiper-slide .hc_img{
    position: relative;
}
.hc_liast .swiper-slide .hc_img:after{
    content: "";
    background: rgb(0,0,0,0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .5s ease-out 0s;
}
.hc_liast .swiper-slide-active .hc_img:after{
    background: rgb(0,0,0,0);
}
.hc_bottom {
  opacity: 0.8;
  margin-top: 40px;
}
p:last-child{
    margin-bottom: 0;
}
.hs_liast a{
    display: block;
    border-radius: 22px;
    background: #1C252F;
    overflow: hidden;
}
.hs_liast a h3{
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 25px 35px 32px;
}
.hs_liast a img{
    width: 100%;
}
.hs_liast .swiper-slide{
    opacity: 0.5;
    transition: all .5s ease-out 0s;
}
.hs_liast .swiper-slide-active{
    opacity: 1;
}
.hs_img{
    overflow: hidden;
}
img{
    transition: all .5s ease-out 0s;
    max-width: 100%;
}
.hs_liast a:hover .hs_img img{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.hs_liast .swiper-button-prev{
    left: 15%;
}
.hs_liast .swiper-button-next{
    right: 15%;
}
.pc_detail .swiper-pagination,
.hs_liast .swiper-pagination{
    position: relative;
      margin-top: 30px;
}
.pc_detail .swiper-pagination span,
.home-banner .swiper-pagination span,
.hs_liast .swiper-pagination span{
    width: 50px;
    height: 2px;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
    margin: 0 5px;
    transition: all .5s ease-out 0s;
}
.pc_detail .swiper-pagination span.swiper-pagination-bullet-active,
.home-banner .swiper-pagination span.swiper-pagination-bullet-active,
.hs_liast .swiper-pagination span.swiper-pagination-bullet-active{
    background: #2E4CFF;
    opacity: 1;
}
.btn_bottom{
    margin-top:50px;
    text-align: center;
}
.btn_bottom a{
    background: #2E4CFF;
    border-radius: 4px;
    color: #fff;
    padding: 11px 20px 13px;
    max-width: 160px;
    width: 100%;
    text-align: center;
}
.hco_liast{
    display: flex;
    gap:45px;
    align-items: center;
}
.hco_liast > div{
    width: 100%;
}
.hco_text p{
    font-size: 16px;
    line-height: 32px;
}
.hco_text .btn_bottom{
    text-align: left;
}
.hco_img img{
    width: 100%;
    border-radius: 15px;
}
.numCounts{
    display: flex;
    gap:40px;
    margin-top: 60px;
}
.numCounts > div{
    width: 16.666%;
}
.hco_list h3{
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 15px;
    display: flex;
  align-items: end;
  line-height: 50px;
}
.num_txt > div{
    height: 100%;
    border-bottom: 1px solid #fff;
  padding-bottom: 30px;
    transition: all .5s ease-out 0s;
}
.num_txt:hover > div{
    border-bottom: 1px solid #2E4CFF;
}
.hc_info{
    background: url(/wp-content/themes/lztech/images/map.png) center bottom no-repeat;
    padding-bottom: 100px;
}
.home-form{
    background: #071527;
    padding: 100px 0;
}
.home-company{
    padding-bottom: 0;
}
.hf_liast{
    gap:30px;
}
.hf_liast .hf_img{
    width: 48%;
}
.hf_liast .hf_form{
    width: 52%;
    background: rgba(255,255,255,0.05);
  border-radius: 24px;
    padding: 40px;
}
.hf_form form textarea{
    background: transparent !important;
  border: 1px solid rgb(255,255,255,0.15) !important;
  border-radius: 4px !important;
    padding: 10px !important;
    height: 80px !important;
    outline: none !important;
}
.hf_form form input{
    background: transparent !important;
  border: 1px solid rgb(255,255,255,0.15) !important;
  border-radius: 4px !important;
    padding: 10px !important;
    height: 46px !important;
    outline: none !important;
}
.nf-form-content label {
  font-size: 14px!important;
  line-height: 20px;
  font-weight: normal!important;
}
.nf-form-content {
  margin: 0 auto;
  padding: 5px 0 !important;
}
.nf-form-content input:not([type="button"]), .nf-form-content textarea {
  color: #fff !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
.nf-error.field-wrap .nf-field-element::after {
  font-size: 14px !important;
  height: 44px !important;
}
.hf_form form nf-fields-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hf_form form nf-fields-wrap nf-field{
    width: 100%;
}
.hf_form form nf-fields-wrap nf-field:nth-child(4),
.hf_form form nf-fields-wrap nf-field:nth-child(3),
.hf_form form nf-fields-wrap nf-field:nth-child(2),
.hf_form form nf-fields-wrap nf-field:nth-child(1){
    width: 49%;
}
.hf_form form .nf-form-content input[type="submit"] {
  background: #2E4CFF!important;
  border: 0!important;
  color: #fff;
  transition: all .5s;
    width: 240px;
    text-align: center;
}
footer {
  padding: 60px 0;
}
.footer-social h3,
.footer-menu h3{
    margin: 0 0 20px;
    font-size: 18px;
}
.footer-menu ul li a{
    color: #fff;
}
.footer-menu ul li{
    opacity: 0.6;
    margin-bottom: 5px;
}
.social_list {
  display: flex;
  gap: 10px;
}
.footer_bottom {
  border-top: 1px solid #484848;
  padding-top: 20px;
  margin-top: 50px;
    display: flex;
  align-items: center;
  justify-content: space-between;
}
.fm_btn{
    margin-top: 20px;
}
.fm_btn a{
    background: #2E4CFF;
border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
}
.footer_bottom p{
    opacity: 0.6;
    margin: 0;
}
.fb_link a{
    color: #fff;
    opacity: 0.6;
}
.fb_link span{
    opacity: 0.6;
}
.footer-menu ul li a:hover,
.fb_link a:hover{
    opacity: 1;
}
.top-banner img{
    width: 100%;
}
.top-banner{
    position: relative;
}
.tb_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}
.tb_info h1{
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
}
.page-template-page-contact #content .home-form:last-child{
    display: none;
}
.contact-form{
    background: transparent;
}
.contact-form .hf_liast .hf_form{
    width:100%;
}
.ci_liast > div{
    width: 33.333%;
    text-align: center;
    padding: 60px;
    border-right: 1px solid #484848;
}
.ci_liast > div:last-child{
    border-right: 0;
}
.ci_liast{
    border-radius: 24px;
    border: 1px solid #484848;
}
.contact-info{
    background: #071527;
    padding-top: 90px;
}
.ci_info p{
    opacity: 0.8;
}
.ci_info h4{
    margin: 30px 0;
}
.tpl_info a img{
    max-width: 100%;
}
.tpl_info > a{
    overflow: hidden;
    border-radius: 18px;
    display: block;
}
.tp_content{
    padding-top: 90px;
}
.tpl_info h3{
    font-weight: normal;
    margin-top: 35px;
}
.tpl_info{
    text-align: center;
}
.tpl_btn a{
    background: #2E4CFF;
    border-radius: 4px;
    color: #fff;
    padding: 8px 25px 10px;
}
.tpl_btn {
  margin-top: 35px;
}
.des_txt p{
    font-size: 18px;
    margin-top: 35px;
}
.single-technology .tb_info {
  text-align: left;
}
.st_feature {
  display: flex;
    margin-top: 50px;
}
.stf_img {
  width: 51%;
    order: 2;
    border-radius: 15px;
  overflow: hidden;
}
.stf_img img{
    width: 100%;
}
.stf_txt {
  width: 49%;
    padding-right: 150px;
}
.stf_txt ul li{
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}
.stf_txt ul li:last-child{
    margin-bottom: 0;
}
.stf_txt ul li strong{
    font-size: 16px;
    opacity: 1;
}
.stf_txt ul li:before{
    content:"";
    width: 6px;
    height: 6px;
    background: #2E4CFF;
    display: block;
    position: absolute;
    left: 0;
  top: 9px;
}
.st-wrapper{
    padding-top: 90px;
}
.st_content {
  font-size: 18px;
  line-height: 26px;
}
.sts_img {
  margin-top: 80px;
}
.stiwt_list .stiwt_item{
    margin-top: 80px;
}
.stiwt_info{
    display: flex;
    align-items: start;
}
.stiwt_txt h3{
    font-weight: normal;
    margin: 0 0 20px;
}
.stiwt_img {
  width: 47%;
  overflow: hidden;
  border-radius: 20px;
}
.stiwt_txt {
  width: 53%;
    padding-left: 50px;
}
.stiwt_txt p{
    font-size: 16px;
}
.stiwt_txt ul li{
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
.stiwt_txt ul li:last-child{
    margin-bottom: 0;
}
.stiwt_txt ul li:before{
    content:"";
    width: 6px;
    height: 6px;
    background: #2E4CFF;
    display: block;
    position: absolute;
    left: 0;
  top: 9px;
}
.stiwt_img img{
    width: 100%;
}
.stiwt_list .stiwt_item:nth-child(2n) .stiwt_info .stiwt_img{
    order:2;
}
.stiwt_list .stiwt_item:nth-child(2n) .stiwt_info .stiwt_txt{
    padding-left: 0;
    padding-right: 50px;
}
.des_txt p{
    max-width: 500px;
    margin: 35px auto 0;
}
.single-technology .des_txt p{
    margin-left: 0;
}
.pro_soft{
    padding-top: 90px;
    background-size: cover !important;
}
.pros_info {
  display: flex;
}
.pros_img {
  width: 52%;
}
.pros_txt {
  width: 48%;
    padding-left: 50px;
}
.pros_txt h3{
    font-weight: normal;
    margin: 0 0 20px;
}
.pros_txt p{
    font-size: 16px;
    line-height: 24px;
    opacity: 0.8;
}
.pcdinfo {
  background: #0F1923;
  border-radius: 12px;
  overflow: hidden;
}
.pcdinfo h3{
    margin: 0 0 20px;
}
.pcd_txt {
  padding: 40px;
}
.pc_nav .swiper-slide{
    width: auto;
}
.pcn_title {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
}
.pc_detail .swiper-container{
    overflow: visible;
}
.pc_nav {
  margin-bottom: 40px;
}
.pro_cat{
    padding-top: 90px;
    overflow: hidden;
}
.swiper-slide-thumb-active .pcn_title {
  background: #2E4CFF;
    border: 1px solid #2E4CFF;
}
.pcd_txt a{
    background: #2E4CFF;
    padding:10px 40px;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px;
}
.catinfo {
  background: #071527;
  border-radius: 16px;
    padding: 40px;
    display: flex;
  align-items: center;
    gap:50px;
}
.carlist .cat_item{
    margin-bottom: 30px;
}
.catimg{
    max-width: 300px;
    width: 100%;
    text-align: center;
}
.cattxt {
  max-width: 750px;
  width: 100%;
}
.carlist .cat_item:nth-child(2n) .catimg{
    order: 2;
}
.cat_wrapper{
    padding-top: 90px;
}
.cattxt h3{
    margin: 0 0 15px;
}
.cattxt a{
    background: #2E4CFF;
    padding:10px 40px;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px;
}
.catf_txt p{
    font-size: 16px;
    opacity: 0.8;
    line-height: 24px;
}
.catf-top {
  display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
}
.catf_txt h2{
    margin: 0 0 25px;
}
.catf_img{
    max-width: 170px;
    width: 100%;
    order: 2;
}
.catf_txt {
  max-width: 820px;
  width: 100%;
}
.catf-bottom {
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
    margin-bottom: 80px;
}
.catb_item {
  width: 48%;
}
.catb_info {
  display: flex;
  align-items: center;
}
.catb_info .catbimg{
    max-width: 32px;
    width: 100%;
}
.catb_info .catbtxt{
    padding-left: 15px;
}
.catb_info .catbtxt b{
    font-size: 16px;
}
.catb_info .catbtxt p{
    opacity: 0.8;
}
.sgpro_gallery img{
    max-width: 100%;
}
.short_txt {
  font-size: 16px;
  line-height: 24px;
  margin-top: 30px;
}
.product-info h1{
    margin: 0;
}
.pi_contact {
  display: flex;
  padding: 20px 30px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  margin-top: 30px;
    justify-content: space-between;
}
.pi_contact a{
    display: flex;
    align-items: center;
    color: #fff;
    gap: 15px;
}
.product-info {
  padding-top: 100px;
}
.sgpro_gallery{
    padding-bottom: 80px;
    background-size: cover !important;
}
.pi_btn {
  margin-top: 50px;
}
.pi_btn a{
    background: #2E4CFF;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    margin-right: 10px;
}
.sgpro_top {
  text-align: center;
    margin-bottom: 40px;
}
.sgpro_top h2{
    margin: 0;
}
.sgpro_feature {
  padding: 80px 0;
}

.sgprol_info {
  text-align: center;
    padding: 0 30px;
}
.sgprol_info h3{
    margin: 20px 0;
    font-size: 20px;
}
.sgprol_info p{
    opacity: 0.8;
}
.sgpro_list .row{
    display: flex;
    flex-wrap: wrap;
    row-gap:50px;
}
.sgpro_spec table{
    width: 100% !important;
}
.sgpro_spec table td{
    padding: 10px;
    border: 1px solid rgb(255,255,255,0.15);
    opacity: 0.8;
}
p {
  margin: 0 0 15px;
}
p:last-child{
  margin-bottom: 0;
}
.sgprospec {
  margin-bottom: 40px;
}
.single-product .home-form:last-child{
    display: none;
}
.single-product .contact-form{
    background: #071527;
}
.stpl_info {
  text-align: left;
  background: #1C252F;
  border-radius: 16px;
    overflow: hidden;
    height: 100%;
}
.stpl_info h3 {
  font-weight: normal;
  margin-top: 0;
    font-size: 20px;
    font-family: 'OPPO_Sans_40_EN';
}
.stp_content .row{
    display: flex;
    flex-wrap: wrap;
    row-gap:30px;
}
.stpl_info .tpl_btn {
  margin-top: 25px;
}
.stpl_txt {
  padding: 20px 25px 25px;
}
.stp_content{
    padding-top: 90px;
}
.stpltxt p{
    min-height: 88px;
}
.stpa_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
  gap: 50px;
}
.stp_all {
  padding: 60px 0 90px;
  background-size: cover !important;
}
.stpa_txt a{
    background: #2E4CFF;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 40px;
}
.stpa_txt h2{
    margin: 0;
}
.related_solution{
    padding-top: 80px;
}
.rel_details a{
    color: #fff;
    display: block;
}
.rel_details h3{
    font-size: 18px;
    margin: 10px 0 0;
}
.rel_details > a{
    border-radius: 12px;
    overflow: hidden;
}
.sgpro_faq {
  padding-top: 90px;
}
.sgpro_flist {
  display: flex;
  flex-wrap: wrap;
    margin: 0 -15px;
    row-gap: 30px;
}
.sgpro_flist > div{
  width: 50%;
    padding:0 15px;
}
.faq_info h3{
    margin: 0 0 15px;
  font-size: 18px;
  line-height: 28px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  padding-bottom: 20px;
}
.faq_info {
  background: #0F1923;
  height: 100%;
  padding: 25px;
  border-radius: 4px;
}
.faq_info p{
    opacity: 0.8;
}
.slogo_info {
  display: flex;
  gap: 50px;
  align-items: center;
}
.solu_logo {
    padding: 90px 0;
}
.slogo_info h2{
    font-size: 40px;
    margin: 0 0 30px;
    line-height: 56px;
}
.slogo_info > div{
    width: 50%;
}
.slogo_right p{
    opacity: 0.8;
    font-size: 16px;
}
.solu_sec {
  background: #071527;
  padding-top: 90px;
}
.sec_info {
  display: flex;
  gap: 80px;
}
.sec_info > div{
  width: 25%;
}
.secinfo b{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  display: block;
}
.sec_icon{
    margin: 0 0 20px;
}
.secinfo p{
    opacity: 0.8;
}
.secinfo {
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
    transition: all .5s ease-out 0s;
}
.secinfo:hover {
  border-bottom: 1px solid #2E4CFF;
}
.solu_stru{
    padding-top: 90px;
}
.stru_txt {
  font-size: 18px;
  line-height: 26px;
    margin-bottom: 40px;
}
.stru_info {
  display: flex;
  gap: 50px;
}
.stru_info > div{
    width: 50%;
}
.struinfo {
  display: flex;
  gap: 15px;
}
.struinfo .sec_icon{
    max-width: 32px;
    width: 100%;
    margin-top: 5px;
}
.stru_item{
    margin-bottom: 30px;
}
.stru_item:last-child{
    margin-bottom: 0;
}
.strutxt b{
    display: block;
    margin-bottom: 5px;
}
.strutxt p{
    opacity: 0.8;
}
.newsinfo {
  display: flex;
  align-items: center;
  padding: 20px 0;
    position: relative;
}
.newsinfo > a{
    width: 40%;
    border-radius: 10px;
    overflow: hidden;
}
.newsinfo .newstxt{
    width: 60%;
    padding: 0 30px;
}
.newstxt h3{
    margin: 10px 0 10px;
  font-size: 16px;
  line-height: 22px;
}
.newsinfo a img{
    height: 220px;
    object-fit: cover;
}
.newsinfo:after{
    position: absolute;
    content: "";
    width: calc(100% - 30px);
    height: 100%;
    background: #071527;
    right: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1;
}
.news_con {
  padding: 80px 0;
}
.newslist .row{
    display: flex;
    flex-wrap: wrap;
    row-gap:30px;
}
.newstxt h3 a{
    color: #fff;
}
.newstxt p{
    opacity: 0.8;
}
.newstxt span{
    font-size: 12px;
    color: #2E4CFF;
}
.news_rte {
  padding: 50px;
  background: #071527;
  border-radius: 10px;
    margin-top: 50px;
}
.news_content{
    padding: 90px 0;
}
.news_content h1{
    margin: 0 0 25px;
    font-size: 30px;
}
.news_rte img{
    border-radius: 18px;
    overflow: hidden;
}
.news_top span{
    opacity: 0.8;
}
.share-list ul{
    display: flex;
    gap:15px;
}
.share-list ul li img{
    max-width: 30px;
}
.share-list {
  margin-top: 20px;
}
.page__header-top {
  background-color: #24242C;
  color: #fff;
  width: 100%;
  transition: 0.3s ease-out;
 overflow: hidden;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 100vw;
  height: 100dvh;
  top: 0;
  left: 0;
  z-index: 3;
}
.show-search{
    visibility: visible !important;
  overflow: visible !important;
  opacity: 1 !important;
}
.page__header-top.show-search {
  background: rgba(36,36,44,.95);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
}
.header_form{
  margin: 11.2rem auto 0;
}
.close-button {
  position: absolute;
  right: 3.2rem;
  top: 1.6rem;
  cursor: pointer;
  width: 4.8rem;
  height: 4.8rem;
  -webkit-transition: background-color .45s ease-in-out;
  transition: background-color .45s ease-in-out;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
    transition-timing-function: cubic-bezier(.65,0,.076,1);
  -webkit-transition-property: background,color,border,opacity,fill;
  transition-property: background,color,border,opacity,fill;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
.close-button:hover {
  background-color: rgba(255,255,255,.2);
}
.close-button:hover svg path {
  stroke: #2E4CFF;
}
.header_form input{
    background: none;
    height: 80px;
  padding: .8rem 1.6rem .8rem 0;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
    border:0;
    outline: none;
    border-bottom: thin solid #7e7a7e;
    width: 100%;
    color: #7e7a7e;
}
.header_form button{
    -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: .8rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
    background: none;
    border:0;
    outline: none;
    top: 10px;
  line-height: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
     -webkit-transition: background-color .45s ease-in-out;
  transition: background-color .45s ease-in-out;
}
.header_form button:hover{
    background-color: rgba(255,255,255,.2);
}
.header_form button:hover svg path{
    stroke: #2E4CFF;
}
.header_form #search-bg{
    position: relative;
}
.header_form input:focus {
  border-bottom: thin solid #2E4CFF;
  color: #fff;
}
.search-results .entry-header h3 a{
    color: #fff;
}
.search-results .entry-header h3{
    font-size: 20px;
    margin: 0 0 15px;
}
.site-content article > a{
    max-width: 300px;
    display: block;
    width: 100%;
    text-align: center;
    order: 2;
    border-radius: 4px;
  overflow: hidden;
}
.site-content article{
    display: flex;
    gap:50px;
    justify-content: space-between;
    margin-top: 30px;
}
.site-content article > a img{
    height: auto;
}
header.page-header{
    margin: 0 0 50px;
}
.site-content{
    padding: 90px 15px;
}
.search-excerpt {
    color: #2E4CFF; 
}
.page-template-default #main-content{
    padding-top: 90px;
}
.page-template-default #main-content h1{
    margin: 0 0 50px;
}
.nf-form-content p a{
    color: #2E4CFF !important;
}
.short_content {
  margin-bottom: 50px;
    font-size: 16px;
}
.pros_txt a{
    display: inline-block;
    text-align: center;
    border-radius: 4px;
  padding: 10px 30px;
    background: #2E4CFF;
    color: #fff;
}
.header-content .col-md-6{
    position: inherit;
}
.top-main-menu > li{
    position: relative;
}
.top-main-menu > li .sub-menu a{
    display: block;
    padding:10px 0;
}
.top-main-menu > li > .sub-menu{
    position: absolute;
    left: 0;
    background: #1C252F;
    z-index: 2;
}
.top-main-menu > li > .sub-menu{
    width: 290px;
    left: 0;
    padding: 15px;
    display: none;
}
.top-main-menu > li > .sub-menu > li{
    width: 260px;
}
.sub-menu .sub-menu{
    position: absolute;
    left: 274px;
    top: 0;
    padding: 15px;
    width: 290px;
  height: 100%;
    display: none;
    background: #1C252F;
}
.sub-menu .sub-menu li a{
    border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
.top-main-menu > li > .sub-menu > li > a {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
}
.top-main-menu > li > .sub-menu > li:hover > a {
  color: #2E4CFF;
}
.sub-menu .sub-menu li a:hover{
    color: #2E4CFF;
}
.top-main-menu > li > .sub-menu > li:hover .sub-menu{
    display: block;
}
.sub-menu .sub-menu:after{
    width: 1px;
    content: "";
    height: 100%;
    left: 5px;
    top: 0;
    background: rgb(255,255,255,0.15);
    display: block;
    position: absolute;
}
.top-main-menu > li:hover > .sub-menu{
    display: block;
}
.swiper-pagination {
  position: relative;
}
.pc_detail .swiper-pagination,
.home-banner .swiper-pagination{
    display: none;
}

    .sgpro_relat .row{
        display: flex;
        row-gap:30px;
        flex-wrap: wrap;
    }
.tuimage {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  overflow: hidden;
    opacity: 0.7;
}
.swiper-slide-thumb-active .tuimage {
    opacity: 1;
}
.gt_float_switcher {
  font-size: 14px !important;
    background: transparent!important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 6px 15px !important;
  color: #fff !important;
  font-weight: normal !important;
}
.gt_float_switcher img {
  width: 24px!important;
  margin: 0!important;
  border-radius: 4px!important;
}
.gt_float_switcher .gt-selected {
  background-color: transparent!important;
    border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
.gt_float_switcher .gt_options {
  position: absolute!important;
    top: 38px;
    background: #1d2630;
}
#gt_float_wrapper{
    height: 38px;
}

@media (max-width:1440px){
    .bann_text {
        padding-top: 5%;
    }
    .tb_info h1,
    .bann_text h1, .bann_text h2 {
  color: #fff;
  font-size: 35px;
    }
    .lz_top h2 {
  font-size: 30px;
}
    .hco_list h3 {
  font-size: 28px;
    }
    .slogo_info h2 {
  font-size: 35px;
  line-height: 50px;
}
}
@media (max-width:1024px){
    .sec_info {
  display: flex;
  gap: 30px;
}
    .pcd_txt {
  padding: 30px;
}
    .pc_nav {
  display: none;
}
    .hco_list h3 {
    font-size: 18px;
    line-height: 30px;
  }
    .numCounts {
        gap: 20px;
    }
    .tb_info h1,
    .bann_text h1, .bann_text h2{
        font-size: 30px;
    }
    .hal_info {
  padding: 30px 20px;
    }
    .ha_liast {
  gap: 20px;
}
    .top-main-menu {
      gap: 30px;
    }
    .top-con a {
      padding: 8px 5px;
        font-size: 13px;
    }
    .top-main-menu > li > a {
  font-size: 13px;
}
    .h3, h3 {
  font-size: 18px;
        line-height: 26px;
}
    .stf_txt {
  padding-right: 80px;
}
}
@media (max-width:768px){
    .hco_text .btn_bottom {
  text-align: center;
}
    .hco_text {
  text-align: center;
}
    .slogo_info h2 {
    font-size: 30px;
    line-height: 45px;
  }
    .slogo_info > div {
  width: 100%;
}
    .slogo_info {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
    .sec_info > div {
  width: calc(50% - 10px);
}
    .sec_info {
  gap: 20px;
  flex-wrap: wrap;
        row-gap: 30px;
}
    .footer_bottom {
  flex-wrap: wrap;
}
    .mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
  border-color: rgba(255,255,255,.7);
}
    .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-next::after {
  border-color: rgba(255,255,255,.7);
}
    .mm-menu .mm-listview {
  border-color: rgba(255,255,255,.3);
}
    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(255,255,255,.7);
}
    .mm-menu {
  background: #f3f3f3;
  border-color: rgba(255,255,255,.3);
  color: rgba(255,255,255,.9);
  background: #1C252F;
}
    .header_form button {
  height: 23px;
    }
    .header_form input {
  height: 50px;
  font-size: 20px;
    }
    .top-search a svg{
        width:16px;
        height: 16px;
    }
    .footer_top .col-sm-3,
    .footer_top .col-sm-4 {
    width: 100%;
  }
    .hf_liast .hf_form {
  padding: 30px 20px;
}
    .hf_liast .hf_img,
    .hf_liast .hf_form{
  width: 100%;
}
    .hf_liast {
  flex-wrap: wrap;
}
    .section {
  padding: 0 0 70px;
}
    .tp_content {
  padding-top: 70px;
}
    .hc_info {
  padding-bottom: 70px;
}
    .home-form {
  padding: 70px 0;
}
    .num_txt > div {
  padding-bottom: 20px;
    }
    .btn_bottom {
  margin-top: 30px;
    }
    .hco_liast {
  gap: 30px;
  flex-wrap: wrap;
}
    .header_bottom {
  padding: 10px 0;
}
    .swiper-button-next, .swiper-button-prev{
        display: none;
    }
    .header-content .col-md-6 {
  display: none;
}
    .header-content .col-sm-3 {
    width: 50%;
  }
    .desk-none {
  display: block;
}
    .top-con {
  display: none;
}
    .numCounts > div {
  width: calc(33.333% - 15px);
}
    .numCounts {
    flex-wrap: wrap;
  }
    .home-logo {
  padding: 45px 0 !important;
    }
    .hlg_liast .swiper-wrapper {
  animation: inherit !important;
}
    .ha_liast {
    flex-wrap: wrap;
  }
    .ha_liast .hal_item {
  width: 100%;
}
    .home-company {
  padding-bottom: 0;
}
    .footer-menu {
  margin-top: 40px;
}
    .footer_top .row div:first-child .footer-menu{
        margin-top: 0;
    }
    .footer-social {
  margin-top: 40px;
}
    .home-banner img {
  height: 500px;
}
    .bann_text {
  padding-top: 11%;
  padding-bottom: 30px;
}
    .pc_detail .swiper-pagination,
    .home-banner .swiper-pagination{
    display: block;
}
    .tp_content .col-sm-4 {
    width: 100%;
  }
    .tp_content .row{
        display: flex;
        flex-wrap: wrap;
        gap:50px;
    }
    .tpl_btn {
  margin-top: 25px;
}
    .short_content {
  margin-bottom: 0;
}
    .top-banner img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
    .des_txt p {
  font-size: 16px;
    }
    .st_content {
  font-size: 16px;
  line-height: 26px;
}
    .st-wrapper {
  padding-top: 70px;
}
    .stf_txt {
  width: 100%;
  padding-right: 0;
        order: 2;
}
    .stf_img {
  width: 100%;
  order: 1;
  overflow: hidden;
}
    .st_feature {
  flex-wrap: wrap;
        gap: 30px;
}
    .stiwt_info {
  flex-wrap: wrap;
        gap:30px;
}
    .stiwt_img {
  width: 100%;
    }
    .stiwt_txt {
  width: 100%;
  padding-left: 0;
}
    .stiwt_list .stiwt_item:nth-child(2n) .stiwt_info .stiwt_txt {
  padding-left: 0;
  padding-right: 0;
  order: 2;
}
    .stiwt_list .stiwt_item {
  margin-top: 50px;
}
    .cat_wrapper,
    .pro_cat{
        padding-top: 70px;
    }
    .pros_info {
  display: flex;
  flex-wrap: wrap;
        gap: 30px;
}
    .pros_img {
  width: 100%;
}
    .pros_txt {
  width: 100%;
  padding-left: 0;
}
    .catf_txt p {
  font-size: 14px;
    }
    .catinfo {
  padding: 30px;
        gap: 30px;
    }
    .catimg {
  max-width: 250px;
    }
    .h2, h2 {
  font-size: 25px;
}
    .sgpro_list .col-sm-4 {
    width: 50%;
  }
    .sgpro_gallery .col-sm-6 {
    width: 100%;
  }
    .sgprospec {
  overflow: auto;
}
    .sgpro_flist > div {
  width: 100%;
  padding: 0 15px;
}
    .faq_info {
  padding: 20px;
    }
    .faq_info h3 {
  font-size: 16px;
  line-height: 26px;
    }
    .rel_details h3 {
  font-size: 16px;
  margin: 10px 0 0;
}
    .sgpro_faq {
  padding-top: 70px;
}
    .h1, h1 {
  font-size: 30px;
}
    .sgpro_gallery {
  padding-bottom: 70px;
    }
    .sgpro_feature {
  padding: 70px 0;
}
    .product-info {
  padding-top: 50px;
}
    .sgprol_info h3 {
  margin: 10px 0;
  font-size: 16px;
}
    .page-template-page-solution .short_content {
    margin-bottom: 40px;
  }
    .stp_content .col-sm-4 {
    width: 50%;
  }
    .stpl_txt {
  padding: 20px 15px 25px;
}
    .stpa_content {
  gap: 50px;
  flex-wrap: wrap;
}
    .stpa_txt {
  width: 100%;
        text-align: center;
}
    .stp_all {
  padding: 60px 0 70px;
    }
    .stp_content {
  padding-top: 70px;
}
    .solu_stru,
    .solu_sec,
    .solu_logo {
  padding: 70px 0;
}
    .stru_info {
  gap: 30px;
  flex-wrap: wrap;
}
    .stru_info > div {
  width: 100%;
}
    .strutext {
  order: 2;
}
    .lz_top {
  margin-bottom: 30px;
}
    .newslist .col-sm-6 {
    width: 100%;
  }
    .news_content {
  padding: 70px 0;
}
    .news_rte {
  padding: 30px;
    }
    .site-content{
    padding: 70px 15px;
}
    .search-results .entry-header h3 {
  font-size: 18px;
    }
}

@media (max-width:480px){
    .gt_float_switcher .gt-selected .gt-current-lang {
  padding: 5px 10px !important;
    }
    .stpl_info {
  text-align: center;
    }
    .page-header h1{
        font-size: 25px;
        margin: 0 0 15px
    }
    .site-content article > a {
  width: 100%;
  order: 2;
  border-radius: 10px;
        max-width: 100%;
}
    .site-content article {
  gap: 30px;
  flex-wrap: wrap;
}
    .news_content h1 {
  font-size: 25px;
}
    .news_rte {
  padding: 20px;
    }
    .newsinfo a img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}
    .newsinfo::after {
  width: 100%;
    }
    .newsinfo .newstxt {
  width: 100%;
  padding: 20px 20px 0;
}
    .newsinfo > a {
  width: 100%;
    }
    .newsinfo {
  flex-wrap: wrap;
        padding: 0 0 20px;
}
    .slogo_info h2 {
    font-size: 25px;
    line-height: 35px;
  }
    .sec_info > div {
    width: 100%;
    text-align: center;
  }
    .stru_txt {
  font-size: 16px;
    }
    .stp_content .col-sm-4 {
    width: 100%;
  }
    .stpltxt p {
  min-height: inherit;
}
    .sgprol_info {
  text-align: center;
  padding: 0;
}
    .pi_txt {
  margin-top: 5px;
}
    .pi_contact a {
  display: block;
  text-align: center;
}
    .sgpro_relat .col-xs-6 {
  width: 100%;
}
    .sgpro_list .col-sm-4 {
    width: 100%;
  }
    .catf_txt {
  order: 2;
  margin-top: 30px;
}
    .catf_img {
  order: 1;
}
    .catf-top {
  flex-wrap: wrap;
}
    .catinfo {
    padding: 20px;
    gap: 20px;
        flex-wrap: wrap;
  }
    .catimg {
    max-width: 100%;
  }
    .cattxt {
  text-align: center;
        order: 2;
}
    .catb_item {
  width: 100%;
}
    .carlist .cat_item:nth-child(2n) .catimg {
  order: 1;
}
    .pcd_txt {
    padding: 20px 15px;
  }
    .stiwt_txt p {
  font-size: 14px;
}
    .tb_info h1,
    .bann_text h1, .bann_text h2{
        font-size: 25px;
    }
    .hco_text p {
  font-size: 14px;
  line-height: 26px;
}
    .lz_top h2 {
    font-size: 25px;
  }
    .numCounts > div {
    width: calc(50% - 10px);
  }
    .hs_liast a h3 {
  font-size: 14px;
  padding: 20px 25px 27px;
}
}