@import url(https://loli.net);
:root{
--yellow-color:#fdb825;
--gap80: clamp(30px , 4.2vw, 80px);
--gap50: clamp(20px,2.5vw,50px);
--gap30: 30px;
--gap20: 20px;
--font80:clamp(30px , 5.25vw, 100px);
--bg-gray:#f3f3f3;
--font-gray:#a6a6a6;
}
body{
font-family: 'Noto Sans SC', sans-serif;
color: #ffffff;
font-size: 14px;
}
fieldset{
display: none;
} .wpcf7-form-control-wrap {
display: block !important;
width: 100% !important;
margin-bottom: 5px; } .wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
display: block;
width: 100%;
box-sizing: border-box; }
.navbar{
background: #000000;
}
.w1600{
max-width: 1600px;
margin: 0 auto;
}
.w1400{
max-width: 1400px;
margin: 0 auto;
}
.w1200{
max-width: 1200px;
margin: 0 auto;
}
img{
max-width: 100%;
height: auto; }
h1{
font-size: 60px;
font-weight: bold;
}
h2{
font-size: 36px;
font-weight: bold;
}
h3{
font-size: 20px;
font-weight: bold;
}
.mtb30{
margin-top: 30px;
margin-bottom: 30px;
}
.ptb30{
padding-top: 30px;
padding-bottom: 30px;
}
.mt30{
margin-top: 30px;
}
.mtb50{
margin-top: clamp(20px,2.5vw,50px);
margin-bottom: clamp(20px,2.5vw,50px);
}
.mt50{
margin-top: clamp(20px,2.5vw,50px);
}
.mb50{
margin-bottom: clamp(20px,2.5vw,50px);
}
.mt80{
margin-top: clamp(30px , 4.2vw, 80px);
}
.mb80{
margin-bottom: clamp(30px , 4.2vw, 80px);
}
.mtb80{
margin-top: clamp(30px , 4.2vw, 80px);
margin-bottom: clamp(30px , 4.2vw, 80px);
}
.pt80{
padding-top: clamp(30px , 4.2vw, 80px);
}
.pb80{
padding-bottom: clamp(30px , 4.2vw, 80px);
}
.ptb80{
padding-top: clamp(30px , 4.2vw, 80px);
padding-bottom: clamp(30px , 4.2vw, 80px);
}
.pl80{
padding-left: clamp(30px , 4.2vw, 80px);
}
.pr80{
padding-right: clamp(30px , 4.2vw, 80px);
}
.plr80{
padding-left: clamp(30px , 4.2vw, 80px);
padding-right: clamp(30px , 4.2vw, 80px);
}
a{
text-decoration: none;
color: inherit;
}
a:link,a:visited{
color: inherit;
}
p{
line-height: 2;
}
ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar{
position: fixed;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: 999999;
width: 100%;
padding: 15px 0;
height: 100px;
}
.navbar-toggler{
color: #ffffff;
}
.navbar-toggler-icon {
background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.nav-menu-con{
width: 100%;
color: #ffffff;
}
.nav-menu ul a{
padding: 20px 0;
display: inline-block;
color: #ffffff;
}
.nav-menu ul li p{
margin-bottom: 0;
color: #fdb825;
font-size: 20px;
font-weight: bold;
padding-left: 50px;
position: relative;
line-height: 1.5;
}
.nav-menu ul li p:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/aef1e0c778dd1d2b4afdf97b855cc9cde9439cd55938-GggNL1_fw1200.png) center center;
width: 26px;
height: 26px;
position: absolute;
top:1px;
left: 0;
}
.nav-menu ul li p:after{
content: "";
width: 2px;
height: 80%;
background: #fdb825;
position: absolute;
left: 38px;
top: 2px;
}
.nav-menu-con .phone-visit{
gap: 20px;
}
.nav-menu-con .phone-visit p{
margin-bottom: 0;
position: relative;
padding-left: 30px;
}
.nav-menu-con .phone-visit p:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/phone.png) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 7px;
}
.nav-menu-con .phone-visit a{
border: 1px solid #ffffff;
padding: 10px 68px 10px 30px;
border-radius: 30px;
position: relative;
}
.nav-menu-con .phone-visit a:after{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/arrow.png) no-repeat;
background-size: contain;
width: 28px;
height: 10px;
position: absolute;
top: 17px;
right: 30px;
}
.menu-getprice{
gap: clamp(30px,7vw,136px);
}
.menu-getprice .menu ul{
gap: var(--gap80);
}
.menu-getprice .getprice{
width: 140px;
height: 40px;
background: var(--yellow-color);
border-radius: 20px;
}
.consult-tel{
display: flex;
margin-top: 30px;
}
.consult-tel a{
display: flex;
justify-content: center;
align-items: center;
color: #1a1a1a;
padding: 10px 20px;
}
.consult-tel a:first-child{
background: #fdb825;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.consult-tel a:last-child{
background: #fdf4ea;
font-family: "Impact";
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 24px;
padding-left: 50px;
position: relative;
}
.consult-tel a:last-child:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/tel24.png) no-repeat center center;
width: 44px;
height: 41px;
position: absolute;
top: 8px;
left: 8px;
}
.menu-consult-con{
padding: 30px 0;
background: #f7f7f7;
position: relative;
}
.menu-consult-con::after{
content: "";
width: 600px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #fdb825;
clip-path: polygon(3% 0 , 0 100%,100% 100%,100% 0);
}
.menu-consult-con ul li:not(:last-child){
border-right: 1px solid #1a1a1a;
}
.menu-consult-con ul li a{
padding: 0 30px;
display: block;
font-size: 20px;
}
.menu-consult-con .menu-consult{
position: relative;
z-index: 2;
}
.menu-consult-con .menu-consult > a{
display: flex;
align-items: center;
gap: 20px;
margin-right: 7vw;
}
.menu-consult-con .menu-consult > a:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/consult.png) no-repeat;
width: 30px;
height: 24px;
display: block;
flex-shrink: 0;
}
.banner-con{
padding-top: 100px;
}
.breadcrumb{
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: center;
}
.breadcrumb p{
color: var(--yellow-color);
margin-bottom: 0;
}
.breadcrumb a{
color: var(--bg-gray);
}
.small-title .small{
color: var(--yellow-color);
margin-bottom: 0;
}
.small-title h2{ white-space: nowrap;
}
.list-item-con .list-item{
overflow-x: auto;
}
.list-item-con .list-item ul{
white-space: nowrap;
}
.get-solution-con{
background: #161b22;
border-bottom: 1px solid #262f3b;
}
.get-solution{
background: #161b22;
padding: var(--gap80) var(--gap50);
border-radius: 50px;
gap: 30px;
}
.get-solution .left-con .title-desc{
text-align: left;
}
.get-solution .left-con ul{
gap: 30px;
flex-wrap: wrap;
}
.get-solution .left-con ul li{
background: #0d1117;
padding: 15px 30px;
gap: 20px;
display: flex;
align-items: center;
border-radius: 30px;
position: relative;
}
.get-solution .left-con ul li:first-child:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/phone.png) no-repeat;
width: 25px;
height: 25px;
background-size: cover;
flex-shrink: 0;
position: absolute;
left: -5px;
}
.get-solution .left-con ul li:last-child:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/email.png) no-repeat;
width: 24px;
height: 17px;
background-size: cover;
flex-shrink: 0;
position: absolute;
left: -5px;
}
.get-solution .left-con ul li span:last-child{
font-size: 20px;
color: var(--yellow-color);
font-weight: bold;
}
.get-solution .right-con{
flex-shrink: 0;
}
.get-solution .right-con .input-button{
position: relative;
}
.get-solution .right-con input:first-child{
background: transparent;
border: 1px solid #5f5f5f;
outline: none;
color: #a6a6a6;
width: 100%;
padding: 15px 230px 15px 30px;
border-radius: 50px;
}
.get-solution .right-con input[type=submit]{
border: none;
outline: none;
background: var(--yellow-color);
position: absolute;
width: 200px;
right: 0;
bottom: 0;
height: 100%;
border-radius: 50px;
}
.get-solution .tip{
color: #a6a6a6;
}
.site-con{
background: #0d1117;
}
.site-con .site .site-list{
gap: 30px;
}
.site-con .site .site-list>li{
border: 1px solid #2b2b2b;
flex: 1;
min-width: calc((100% - 30px) / 2);
background: #161b22;
border-radius: 10px;
}
.site-con .site .site-list a{
padding: 30px;
gap: 30px;
}
.site-con .site .site-list a .img{
max-width: 50%;
}
.site-con .site .site-list a img{
border-radius: 20px;
}
.site-con .site .site-list a .title-other-more .title{
font-size: 20px;
font-weight: bold;
}
.site-con .site .site-list a .title-other-more ul{
gap:10px;
}
.site-con .site .site-list a .title-other-more span{
color: var(--yellow-color);
}
@media (max-width:1080px){
.site-con .site .site-list a .title-other-more .title{
font-size: clamp(16px,2vw,20px);
}
.site-con .site .site-list{
gap: 15px;
}
.site-con .site .site-list a{
padding: 15px;
gap: 15px;
}
}
@media (max-width:768px){
.site-con .site .site-list a{
flex-wrap: wrap;
}
.site-con .site .site-list a .img{
max-width: 100%;
}
}
.faq-con{
background: #0d1117;
}
.faq-con .faq ul{
gap: 30px;
}
.faq-con .faq ul li{
padding: 30px;
background: #161b22;
border: 1px solid #333333;
border-radius: 20px;
}
.faq-con .faq ul li details summary{
list-style: none;
font-size: 20px;
font-weight: bold;
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
}
.faq-con .faq ul li details summary:after{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/summary.png) no-repeat;
width: 28px;
height: 28px;
display: block;
flex-shrink: 0;
}
.faq-con .faq ul li details[open] summary:after{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/summary-active.png) no-repeat;
width: 28px;
height: 28px;
display: block;
flex-shrink: 0;
}
.faq-con .faq ul li details summary::-webkit-details-marker{
display: none;
}
.faq-con .faq ul li details div{
line-height: 2;
margin-top: 20px;
}
.float-kefu{
position: fixed;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.float-kefu a{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100px;
height: 100px;
border-radius: 50px;
background: var(--yellow-color);
color: #333333;
font-size: 18px;
}
.float-kefu a:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/consult.png) no-repeat;
width: 44px;
height: 36px;
display: block;
}
.float-kefu .kefu-list{
background: #333333;
border: 1px solid #4d4d4d;
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
width:100px;
border-radius: 50px;
margin-top: 10px;
}
.float-kefu .kefu-list>li{
position: relative;
cursor: pointer;
}
.float-kefu .kefu-list>li:nth-child(2n):before{
content: "";
width: 100%;
height: 1px;
background: linear-gradient(to right,transparent,#ffffff,transparent);
position: absolute;
top: 0;
left: 0;
}
.float-kefu .kefu-list>li div{
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
}
.float-kefu .kefu-list>li .phone:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/phone.png) no-repeat;
width: 25px;
height: 25px;
display: block;
}
.float-kefu .kefu-list>li .email:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/email.png) no-repeat;
width: 24px;
height: 17px;
display: block;
}
.float-kefu .kefu-list>li .message:before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/message.png) no-repeat;
width: 26px;
height: 26px;
display: block;
}
.float-kefu .kefu-list .kefu-item{
position: absolute;
right: 100px;
top: 0;
background: #333333;
border: 1px solid #4d4d4d;
width: 230px;
text-align: center;
padding: 10px 15px;
visibility: hidden;
transition: all .5s ease;
border-radius: 10px;
}
.float-kefu .kefu-list>li:hover{
color: var(--yellow-color);
}
.float-kefu .kefu-list>li:hover .kefu-item{
visibility: visible;
}
.float-kefu .kefu-list .kefu-item::after{
content: "";
width: 20px;
height: 20px;
border-right: 1px solid #4d4d4d;
border-bottom: 1px solid #4d4d4d;
background: #333333;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
border-radius: 5px;
}
.float-kefu .kefu-list>li:last-child .kefu-item{
top: -50px;
}
.float-kefu .kefu-list .kefu-item li:first-child{
color: #cccccc;
font-size: 16px;
}
.float-kefu .kefu-list .kefu-item li:last-child{
font-size: 20px;
color: var(--yellow-color);
font-weight: bold;
}
.float-kefu .kefu-list .kefu-item p:nth-of-type(1){
color: #cccccc;
font-size: 16px;
margin-bottom: 0;
}
.float-kefu .kefu-list .kefu-item p:nth-of-type(2){
font-size: 12px;
margin-bottom: 0;
}
.float-kefu .kefu-list .kefu-item input:nth-of-type(1){
background: #151617;
border: none;
outline: none;
padding: 5px 20px;
width: 100%;
color: var(--font-gray);
}
.float-kefu .kefu-list .kefu-item input[type=submit]{
width: 100%;
border: none;
outline: none;
background: #fdb825;
color: #151617;
margin-top: 10px;
padding: 5px;
border-radius: 10px;
}
.service-con{
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/product-service-bg.jpg) no-repeat center center;
min-height: 323px;
background-size: cover;
color: #ffffff;
}
.service-con .service{
width: 100%;
}
.service-con .service ul{
gap: 15px;
}
.service-con .service ul li:not(:empty){
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
.service-con .service ul li:not(:empty):before{
content: "";
}
.service-con .service ul li:not(:empty):nth-of-type(1):before{
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/dingzhi.png) no-repeat;
width: 45px;
height: 37px;
display: block;
}
.service-con .service ul li:not(:empty):nth-of-type(3):before{
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/chezhan.png) no-repeat;
width: 36px;
height: 42px;
display: block;
}
.service-con .service ul li:not(:empty):nth-of-type(5):before{
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/zongbao.png) no-repeat;
width: 46px;
height: 31px;
display: block;
}
.service-con .service ul li:is(:empty){
position: relative;
}
.service-con .service ul li:is(:empty):before{
content: "";
width: 1px;
height: 100%;
background: linear-gradient(to bottom,transparent,#ffffff,transparent);
position: absolute;
left: 0;
top: 0;
} .banner-wrap {
width: 100%;
overflow: hidden;
position: relative;
padding: 60px 0;
}
.banner-wrap h2{
text-align: center;
margin-bottom: 30px;
text-transform: uppercase;
} .mask-left, .mask-right {
position: absolute;
top: 0;
width: 25%;
height: 100%;
background: rgba(255, 255, 255, 0.75);
z-index: 2;
pointer-events: none;
}
.mask-left {left: 0;}
.mask-right {right: 0;} .main-swiper {
overflow: visible !important;
}
.main-swiper .swiper-wrapper {
overflow: visible !important;
}
.main-swiper .swiper-slide {
width: 72%;
flex-shrink: 0;
border-radius: 10px;
overflow: hidden;
}
.main-swiper .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
.main-swiper .swiper-slide .title-desc-more{
display: flex;
justify-content: space-between;
gap: clamp(30px , 4.2vw, 80px);
align-items: center;
padding: 30px 15px;
}
.main-swiper .swiper-slide .title-desc-more .title{
font-size: 20px;
margin-bottom: 0;
}
.main-swiper .swiper-slide .title-desc-more .desc{
font-size: 14px;
color: #4c4c4c;
}
.main-swiper .swiper-slide .title-desc-more span{
display: inline-block;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 20px;
background: #cccccc;
}
.main-swiper .swiper-slide.swiper-slide-active .title-desc-more span{
background: #000000;
color: #ffffff;
} .thumb-area {
width: 35%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 30px;
} .thumb-line {
flex: 1;
max-width: 400px;
height: 1px;
border-bottom: 1px dashed #999;
} .thumb-btn {
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #999;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #333;
}
.thumb-prev {transform: rotate(180deg);} .thumb-swiper {
width: auto;
max-width: 60%;
}
.thumb-swiper .swiper-slide {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
opacity: 0.4;
cursor: pointer;
}
.thumb-swiper .swiper-slide-thumb-active {
opacity: 1;
outline: 2px solid #007aff;
}
.thumb-swiper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}  @media (max-width:768px) {
.main-swiper .swiper-slide {width: 86%;}
.thumb-swiper .swiper-slide {width: 48px;height: 48px;}
.thumb-btn {width:30px;height:30px;font-size:12px;}
}
.recommend-con{
background: #1a1a1a;
color: #ffffff;
}
.recommend-con h2{
font-style: italic;
margin-bottom: 30px;
}
.recommend-con ul{
gap: 30px;
}
.recommend-con ul li{
width: calc((100% - 60px) / 3);
background: #ffffff;
text-align: center;
border-radius: 20px;
}
.recommend-con ul li a{
display: block;
padding: clamp(20px,2.5vw,50px);
}
.recommend-con ul li p{
color: #1a1a1a;
}
.recommend-con ul li p:nth-of-type(1){
margin-top: 20px;
font-weight: bold;
font-size: 20px;
}
.recommend-con ul li p:nth-of-type(2){
margin-bottom: 0;
background: #000000;
color: #ffffff;
border-radius: 20px;
border: 1px solid #000;
transition: all .5s ease;
}
.recommend-con ul li:hover p:nth-of-type(2){
background: transparent;
color: #1a1a1a;
}
.quote-con .quote{
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/quote-bg.png) no-repeat;
width: 100%;
height: 300px;
background-size: cover;
text-align: center;
color: #ffffff;
}
.quote-con .quote .title-desc p{
font-size: 14px;
}
.quote-con .quote form{
gap: clamp(20px,2.5vw,50px);
margin-top: 30px;
}
.quote-con .quote form input{
border: 1px solid #ffffff;
outline: none;
padding: 5px 20px;
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
border-radius: 50px;
font-size: 14px;
}
.quote-con .quote form input::-webkit-input-placeholder{
color: #ffffff;
opacity: 0.5;
font-size: 14px;
}
.quote-con .quote form input:active{
outline: none;
}
.quote-con .quote form button{
outline: none;
border: none;
background: #f66a34;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
border-radius: 50px;
}
.links-con{
background: #02408b;
padding: 15px 0;
color: #ffffff;
}
.links-con a{
color: #ffffff;
}
.links-con .links ul:first-child li{
padding: 0 15px;
}
.links-con .links ul:first-child li:not(:last-child){
border-right: 1px solid #ffffff;
}
.footer-con{
background: #161b22;
color: #a6a6a6;
}
.footer-con .footer{
display: flex;
flex-wrap: wrap;
}
.footer-con .footer .top-con{
gap: clamp(30px,7vw,130px);
border-bottom: 1px solid #5f5f5f;
flex-wrap: wrap;
width: 100%;
}
.footer-con .footer .address-contact{
gap: 10px;
}
.footer-con .footer .address-contact li{
position: relative;
padding-left: 30px;
}
.footer-con .footer .address-contact li:nth-child(1):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/address.png) left center no-repeat;
width: 18px;
height: 17px;
background-size: contain;
position: absolute;
left: 0;
top: 2px;
}
.footer-con .footer .address-contact li:nth-child(3):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/phone-small.png) left center no-repeat;
width: 16px;
height: 16px;
background-size: contain;
position: absolute;
left: 0;
top: 10px;
}
.footer-con .footer .address-contact li:nth-child(4):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/email-small.png) left center no-repeat;
width: 17px;
height: 11px;
background-size: contain;
position: absolute;
left: 0;
top: 13px;
}
.footer-con .footer .address-contact li span{
font-size: 20px;
color: var(--yellow-color);
font-weight: bold;
}
.footer-con .footer .middle-right,.footer-con .footer .middle{
flex: 1;
}
.footer-con .footer .middle-right{
gap: clamp(30px, 7vw, 130px);
flex-wrap: wrap;
align-self: flex-end;
}
.footer-con .footer .middle-right .middle{
gap: 30px;
}
.footer-con .footer .middle-right ul li:first-child{
font-size: 20px;
color: #ffffff;
}
.footer-con .footer .products,.footer-con .footer .cases,.footer-con .footer .about{
gap: 15px;
white-space: nowrap;
}
.footer-con .footer .right ul{
gap: 15px;
}
.footer-con .footer .right ul ul li{
position: relative;
}
.footer-con .footer .right ul ul li:nth-child(1):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/wechat-icon.png) no-repeat;
width: 24px;
height: 19px;
background-size: contain;
position: absolute;
top: -25px;
left: 30px;
}
.footer-con .footer .right ul ul li:nth-child(2):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/douyin-icon.png) no-repeat;
width: 16px;
height: 20px;
background-size: contain;
position: absolute;
top: -25px;
left: 30px;
}
.footer-con .footer .right ul ul li:nth-child(3):before{
content: "";
background: url(//www.jzbaichyzg.com/wp-content/themes/baichy/images/shipinhao-icon.png) no-repeat;
width: 17px;
height: 16px;
background-size: contain;
position: absolute;
top: -25px;
left: 30px;
}
.footer-con .footer .right>ul>li:last-child{
margin-top: 30px;
}
.footer-con .footer .bottom-con{
width: 100%;
}
.footer-con .footer .bottom-con ul li{
padding: 0 15px;
border-left: 1px solid #a6a6a6;
}  .nav-links, .wp-custom-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 40px;
margin-bottom: 20px;
} .nav-links a, .nav-links span,
.wp-custom-pagination a, .wp-custom-pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 8px;
border: 1px solid var(--yellow-color);
border-radius: 4px;
color: var(--yellow-color);
text-decoration: none;
font-size: 14px;
transition: all 0.3s ease;
box-sizing: border-box;
} .nav-links .current, .wp-custom-pagination .current {
background-color: var(--yellow-color); border-color: var(--yellow-color);
color: #ffffff !important;
font-weight: bold;
} .nav-links a:hover, .wp-custom-pagination a:hover {
border-color: #292d3a;
color: #292d3a;
background-color: #f7f9fa;
}
.breadcrumb_last{
color: var(--yellow-color);
}
@media (max-width:1600px){
.w1600,.w1200{
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width:1080px){
h1{
font-size: clamp(32px,5.5vw,60px)!important;
}
h2{
font-size: clamp(24px,3.5vw,36px);
}
h3{
font-size: clamp(18px,2.5vw,24px);
}
.get-solution{
flex-wrap: wrap;
}
.get-solution .left-con,.get-solution .right-con{
width: 100%;
}
}
@media (max-width:960px) {
.footer-con .footer .middle{
flex: none;
max-width: 100%;
}
}
@media (max-width:991px){
.navbar{
background: #000000;
}
.nav-menu-con{
background: #000000;
}
.nav-menu-con .nav-menu{
width: 100%;
}
.nav-menu-con .nav-menu>a{
display: none;
}
.nav-menu-con .nav-menu .menu{
width: 100%;
}
.nav-menu-con .nav-menu .menu ul{
flex-direction: column;
gap: 20px;
}
.nav-menu-con .nav-menu .menu ul li{
flex: 1;
width: 100%;
text-align: center;
}
.nav-menu-con .nav-menu .menu ul li a{
display: block;
text-align: center;
padding: 5px 0;
}
.container-fluid{
padding-left: 0;
padding-right: 0;
}
.menu-getprice{
flex-direction: column;
width: 100%;
padding: 30px 0;
}
}
@media (max-width:768px){
.faq-con .faq ul li details summary{
font-size: clamp(14px,3vw,20px);
}
.get-solution .left-con ul{
gap: 15px;
}
.solution-con .solution ul{
flex-wrap: wrap;
}
.solution-con .solution ul li{
width: calc((100% - 15px) / 2);
}
.links-con .links{
gap: 20px;
flex-wrap: wrap;
}
.links-con .links ul{
flex-wrap: wrap;
}
.footer-con .footer .bottom-con {
gap: 20px;
flex-wrap: wrap;
}
}
@media (max-width:500px){
.get-solution .right-con input:first-child{
padding: 15px 30px;
}
.get-solution .right-con input[type=submit]{
position:static;
margin-top: 20px;
width: 100%;
height: 50px;
border-radius: 25px;
}
.get-solution .left-con ul li span:first-child{
display: none;
}
.footer-con .footer .middle-right .middle{
flex-wrap: wrap;
}
}