.public-img{display:block;position:relative;z-index:1;overflow:hidden}
.public-img::before{content:"";display:block;position:relative;z-index:0;padding-top:100%}
.public-img > img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:10px;object-fit:contain;transition:all 0.3s}
.g_news{display:flex;flex-wrap:wrap;margin:0 -0.15rem}
.g_news .item{width:25%;margin-bottom:0.3rem;padding:0 0.15rem}
@media (max-width:991px){.g_news .item{width:50%}
}
@media (max-width:767px){.g_news .item{width:100%}
}
.g_news .item .itembox{display:block;width:100%;height:100%;cursor:pointer;border:1px #ddd solid;transition:all .5s}
.g_news .item .itembox:hover{box-shadow:0px 0px 15px rgba(0,0,0,.15)}
.g_news .item .itembox:hover .public-img img{transform:scale(1.05)}
.g_news .item .itembox:hover .txt{background:var(--color)}
.g_news .item .itembox:hover .txt h3{color:#fff}
.g_news .item .itembox .img{position:relative}
.g_news .item .itembox .img .public-img:before{padding-top:66.25%}
.g_news .item .itembox .txt{padding:0.16rem;background:#f8f8f8;transition:0.5s all}
.g_news .item .itembox .txt h3{transition:all 0.4s;line-height:1.66;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.g_news .item .itembox .txt .g_down{cursor:pointer;margin-top:0.2rem;display:flex;align-items:center}
.g_news .item .itembox .txt .g_down p{font-weight:bold;color:var(--color)}
.g_news .item .itembox .txt .g_down i{margin-left:0.1rem;flex-shrink:0;display:flex;width:0.2rem;height:auto}
.g_news .item .itembox .txt .g_down i svg,.g_news .item .itembox .txt .g_down i img{width:100%;height:auto}
.abtbox_new{padding:1.58rem 0 0.2rem}
.abtbox_new .box{display:flex;justify-content:space-between}
@media (max-width:991px){.abtbox_new .box{flex-direction:column}
}
.abtbox_new .box .gl{position:relative;width:49.125%;margin-bottom:0.3rem}
@media (max-width:991px){.abtbox_new .box .gl{width:100%}
}
.abtbox_new .box .gl .img{width:100%;height:100%}
.abtbox_new .box .gl .img img{width:100%;height:100%;object-fit:cover}
.abtbox_new .box .gr{width:50.875%}
@media (max-width:991px){.abtbox_new .box .gr{width:100%}
}
.abtbox_new .box .gr .grbox{display:flex;flex-wrap:wrap}
@media (max-width:991px){.abtbox_new .box .gr .grbox{justify-content:space-between}
}
.abtbox_new .box .gr .grbox .item{width:calc(50% - 0.3rem);margin-bottom:0.3rem;margin-left:0.3rem}
@media (max-width:991px){.abtbox_new .box .gr .grbox .item{width:calc(50% - 0.15rem);margin:0 0 0.3rem}
}
@media (max-width:767px){.abtbox_new .box .gr .grbox .item{width:100%}
}
.abtbox_new .box .gr .grbox .item .itembox{position:relative;display:block;width:100%;height:100%}
.abtbox_new .box .gr .grbox .item .itembox .public-img:before{padding-top:55.96816976%}
.abtbox_new .basepage{margin-top:0.4rem}
.gsol2-box3{padding-bottom:1.05rem}
.gsol2-box3 .container .item{margin-bottom:0.3rem;border:1px solid #dddddd;padding:0.6rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:#fff}
@media (max-width:767px){.gsol2-box3 .container .item{padding:0.4rem;flex-direction:column-reverse}
}
.gsol2-box3 .container .item .tbox{padding-right:1.68rem;width:42.90540541%}
@media (max-width:991px){.gsol2-box3 .container .item .tbox{padding-right:0.3rem}
}
@media (max-width:767px){.gsol2-box3 .container .item .tbox{width:100%;padding:0;margin-top:0.4rem}
}
.gsol2-box3 .container .item .tbox .txt{margin-bottom:0.36rem}
.gsol2-box3 .container .item .tbox .txt h3{font-weight:bold}
.gsol2-box3 .container .item .tbox .txt .t2{margin-top:0.1rem;color:#666666;line-height:1.9}
.gsol2-box3 .container .item .tbox .more{display:flex;align-items:center}
@media (max-width:1580px){.gsol2-box3 .container .item .tbox .more{margin-top:0.5rem}
}
.gsol2-box3 .container .item .tbox .more a{display:inline-flex;align-items:center;color:var(--color);transition:all ease-out 0.3s}
.gsol2-box3 .container .item .tbox .more a span{display:flex;align-items:center;justify-content:center;width:20px;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin-left:10px;border-radius:50%;background-color:var(--color);transition:all ease-out 0.3s;height:20px}
@media (max-width:1580px){.gsol2-box3 .container .item .tbox .more a span{width:18px;height:18px;margin-left:8px}
}
.gsol2-box3 .container .item .tbox .more a span img,.gsol2-box3 .container .item .tbox .more a span svg{float:left;width:30%}
.gsol2-box3 .container .item .tbox .more a span img path,.gsol2-box3 .container .item .tbox .more a span svg path{fill:#fff}
.gsol2-box3 .container .item .img{width:57.09459459%}
@media (max-width:767px){.gsol2-box3 .container .item .img{width:100%}
}
.gsol2-box3 .container .item .img .public-img:before{padding-top:63.90532544%}
.gsol2-box4{padding-bottom:1.25rem}
.gsol2-box4 .tit{text-align:center}
.gsol2-box4 .tit h2{font-size:0.48rem}
.gsol2-box4 .box{position:relative;margin-top:0.54rem}
.gsol2-box4 .box .swiper-container{width:100%}
.gsol2-box4 .box .item{width:100%%}
.gsol2-box4 .box .item .itembox{padding-bottom:0.4rem;border-bottom:1px solid #dddddd;display:block;width:100%;height:100%;transition:all 0.4s}
.gsol2-box4 .box .item .itembox:hover{border-bottom:1px solid var(--color)}
.gsol2-box4 .box .item .itembox:hover .public-img img{transform:scale(1.05)}
.gsol2-box4 .box .item .itembox:hover .txt h3{color:var(--color) !important}
.gsol2-box4 .box .item .itembox:hover .txt .more more_a{color:var(--color) !important}
.gsol2-box4 .box .item .itembox .public-img:before{padding-top:74.46393762%}
.gsol2-box4 .box .item .itembox .txt{margin-top:0.35rem}
.gsol2-box4 .box .item .itembox .txt .txt_t h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.4s}
.gsol2-box4 .box .item .itembox .txt .txt_t p{color:#999999;margin-top:0.18rem;line-height:1.75;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:5.25em}
.gsol2-box4 .box .item .itembox .txt .more{margin-top:0.46rem;display:flex;align-items:center}
@media (max-width:1580px){.gsol2-box4 .box .item .itembox .txt .more{margin-top:0.5rem}
}
.gsol2-box4 .box .item .itembox .txt .more .more_a{transition:all 0.4s;display:inline-flex;align-items:center;color:var(--color);transition:all ease-out 0.3s}
.gsol2-box4 .box .item .itembox .txt .more .more_a span{display:flex;align-items:center;justify-content:center;width:20px;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin-left:10px;border-radius:50%;background-color:var(--color);transition:all ease-out 0.3s;height:20px}
@media (max-width:1580px){.gsol2-box4 .box .item .itembox .txt .more .more_a span{width:18px;height:18px;margin-left:8px}
}
.gsol2-box4 .box .item .itembox .txt .more .more_a span img,.gsol2-box4 .box .item .itembox .txt .more .more_a span svg{float:left;width:30%}
.gsol2-box4 .box .item .itembox .txt .more .more_a span img path,.gsol2-box4 .box .item .itembox .txt .more .more_a span svg path{fill:#fff}
.hadbox-sec1 .gt .lange{position:relative}
.g_lan .g_lan_nr{line-height:1.5;color:#333;height:auto}
.g_lan .g_lan_box{min-height:4.75rem;max-height:;padding:0.64rem 0}
.g_lan .g_lan_box .container .gtit{padding-bottom:0.35rem;border-bottom:1px solid #e8e8e8}
.g_lan .g_lan_box .container .g_lan_con{padding-top:0.28rem;display:flex;flex-wrap:wrap}
.g_lan .g_lan_box .container .g_lan_con .item{border:none;line-height:1.5;margin-bottom:0.3rem;width:20%;display:flex;align-items:center}
.g_lan .g_lan_box .container .g_lan_con .item img{width:36px;height:24px;margin-right:0.11rem}
.g_lan .hadbot_jut{height:100px;width:100%;background:url(../images/coloedfdfbag1.jpg) no-repeat center;background-size:cover}
@media (max-width:1580px){.g_lan .hadbot_jut{height:80px}
}
@media (max-width:767px){.g_lan .hadbot_jut{display:none}
}
.g_lan .hadbot_jut .container{height:100%}
.g_lan .hadbot_jut .container .cont{display:flex;height:100%;width:100%;align-items:center;justify-content:space-between;padding-left:0.38rem;color:#fff}
.g_lan .hadbot_jut .container .cont .fz_lt{display:flex}
.g_lan .hadbot_jut .container .cont .fz_lt .font{margin-right:1rem}
.g_lan .hadbot_jut .container .cont .fz_lt .font .name{line-height:1;opacity:0.5;font-size:14px;margin-bottom:10px}
@media (max-width:1580px){.g_lan .hadbot_jut .container .cont .fz_lt .font .name{font-size:12px}
}
.g_lan .hadbot_jut .container .cont .fz_lt .font .tel{line-height:0.8;font-size:24px}
@media (max-width:1580px){.g_lan .hadbot_jut .container .cont .fz_lt .font .tel{font-size:22px}
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt{display:flex;align-items:center;justify-content:center;border-radius:3px;background-color:#fff;width:150px;color:var(--second_color);transition:all 0.3s linear;font-size:16px;height:50px}
@media (max-width:1580px){.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt{width:130px;font-size:14px;height:45px}
}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i{display:block;width:0.2rem;margin-right:0.2rem;overflow:hidden}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i img,.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i svg{width:100%;float:left}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i img path,.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt i svg path{fill:var(--second_color)}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt:hover{background-color:#d40400;color:#fff}
.g_lan .hadbot_jut .container .cont .fz_lt .fz_bt:hover i svg path{fill:#fff}
.g_lan .hadbot_jut .container .cont .close{display:flex;align-items:center;color:#ffffff;cursor:pointer;font-size:18px}
@media (max-width:1580px){.g_lan .hadbot_jut .container .cont .close{font-size:16px}
}
.g_lan .hadbot_jut .container .cont .close i{display:block;overflow:hidden;width:0.24rem;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin-left:0.2rem}
.g_lan .hadbot_jut .container .cont .close i img,.g_lan .hadbot_jut .container .cont .close i svg{width:100%;float:left}
.g_lan .hadbot_jut .container .cont .close:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.ghadsolution{line-height:1.5;color:#333;display:flex;padding:0.66rem 0}
.ghadsolution .gl{width:25.5%;padding-right:1rem}
.ghadsolution .gl .txt p{margin-top:0.1rem;color:#999}
.ghadsolution .gl .more{margin-top:0.34rem;display:flex;align-items:center}
@media (max-width:1580px){.ghadsolution .gl .more{margin-top:0.5rem}
}
.ghadsolution .gl .more .more_a{transition:all 0.4s;display:inline-flex;align-items:center;color:var(--color);transition:all ease-out 0.3s}
.ghadsolution .gl .more .more_a span{display:flex;align-items:center;justify-content:center;width:20px;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin-left:10px;border-radius:50%;background-color:var(--color);transition:all ease-out 0.3s;height:20px}
@media (max-width:1580px){.ghadsolution .gl .more .more_a span{width:18px;height:18px;margin-left:8px}
}
.ghadsolution .gl .more .more_a span img,.ghadsolution .gl .more .more_a span svg{float:left;width:30%}
.ghadsolution .gl .more .more_a span img path,.ghadsolution .gl .more .more_a span svg path{fill:#fff}
.ghadsolution .gr{width:74.5%;display:flex;justify-content:space-between}
.ghadsolution .gr .gleft{width:49.4966443%;position:relative}
.ghadsolution .gr .gleft::after{content:'';position:absolute;width:100%;height:2.2rem;bottom:0;left:0;z-index:10;pointer-events:none;background:linear-gradient(to top,#fff 20.45%,hsla(0,0%,100%,0))}
.ghadsolution .gr .gleft .gleft_box{max-height:500px;overflow:auto;direction:rtl;padding:0 1.45rem 1rem 0.6rem}
.ghadsolution .gr .gleft .gleft_box::-webkit-scrollbar{width:2px;height:1px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.ghadsolution .gr .gleft .gleft_box::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#000000;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
.ghadsolution .gr .gleft .gleft_box::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#fafafa}
.ghadsolution .gr .gleft .gleft_box .gleft_con{direction:ltr;display:flex;flex-direction:column;align-items:flex-start}
.ghadsolution .gr .gleft .gleft_box .gleft_con a{width:100%;display:flex;justify-content:space-between;align-items:center;transition:all 0.4s;padding:0.12rem 0.2rem 0.12rem 0.33rem}
.ghadsolution .gr .gleft .gleft_box .gleft_con a.on{background:var(--color)}
.ghadsolution .gr .gleft .gleft_box .gleft_con a.on p{color:#fff}
.ghadsolution .gr .gleft .gleft_box .gleft_con a.on i{opacity:1}
.ghadsolution .gr .gleft .gleft_box .gleft_con a p{color:#999999;transition:all 0.4s}
.ghadsolution .gr .gleft .gleft_box .gleft_con a i{transition:all 0.4s;opacity:0;margin-left:0.2rem;flex-shrink:0;display:flex;width:8px;height:auto}
.ghadsolution .gr .gleft .gleft_box .gleft_con a i svg,.ghadsolution .gr .gleft .gleft_box .gleft_con a i img{width:100%;height:auto}
.ghadsolution .gr .gleft .gleft_box .gleft_con a i svg path,.ghadsolution .gr .gleft .gleft_box .gleft_con a i img path{fill:#fff}
.ghadsolution .gr .gright{width:50.5033557%}
.ghadsolution .gr .gright .git{display:none}
.ghadsolution .gr .gright .git:first-child{display:block}
.ghadsolution .gr .gright .git:hover .public-img img{transform:scale(1.05)}
.ghadsolution .gr .gright .git:hover .txt h3{color:var(--color) !important}
.ghadsolution .gr .gright .git .public-img:before{padding-top:50.83333333%}
.ghadsolution .gr .gright .git .txt{margin-top:0.18rem}
.ghadsolution .gr .gright .git .txt h3{transition:all 0.4s;line-height:1.75;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3.5em}
.ghadsolution .gr .gright .git .txt .more{margin-top:0.3rem;display:flex;align-items:center}
@media (max-width:1580px){.ghadsolution .gr .gright .git .txt .more{margin-top:0.5rem}
}
.ghadsolution .gr .gright .git .txt .more .more_a{transition:all 0.4s;display:inline-flex;align-items:center;color:var(--color);transition:all ease-out 0.3s}
.ghadsolution .gr .gright .git .txt .more .more_a span{display:flex;align-items:center;justify-content:center;width:20px;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin-left:10px;border-radius:50%;background-color:var(--color);transition:all ease-out 0.3s;height:20px}
@media (max-width:1580px){.ghadsolution .gr .gright .git .txt .more .more_a span{width:18px;height:18px;margin-left:8px}
}
.ghadsolution .gr .gright .git .txt .more .more_a span img,.ghadsolution .gr .gright .git .txt .more .more_a span svg{float:left;width:30%}
.ghadsolution .gr .gright .git .txt .more .more_a span img path,.ghadsolution .gr .gright .git .txt .more .more_a span svg path{fill:#fff}
.gsol2-box4 .container .swiper-button-next,.gsol2-box4 .container .swiper-button-prev{width:0.65rem;height:0.65rem;min-width:45px;min-height:45px;border:1px solid #e0e0e0;background-size:10px 10px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gsol2-box4 .container .swiper-button-next .syb,.gsol2-box4 .container .swiper-button-prev .syb{position:absolute;width:0;height:100%;background:var(--second_color);transition:all 0.3s;top:0;left:0}
.gsol2-box4 .container .swiper-button-next:hover .syb,.gsol2-box4 .container .swiper-button-prev:hover .syb{width:100%}
.gsol2-box4 .container .swiper-button-prev{background-image:unset;left:-0.9rem}
.gsol2-box4 .container .swiper-button-prev svg,.gsol2-box4 .container .swiper-button-next svg{position:relative;z-index:2}
.gsol2-box4 .container .swiper-button-prev svg path,.gsol2-box4 .container .swiper-button-next svg path{fill:#e0e0e0}
.gsol2-box4 .container .swiper-button-next{background-image:unset;left:unset;right:-0.9rem}
@media (max-width:1024px){.gsol2-box4 .container .swiper-button-prev{left:-0.7rem}
.gsol2-box4 .container .swiper-button-next{right:-0.7rem}
}
@media (max-width:768px){.gsol2-box4 .container .swiper-button-prev{display:none}
.gsol2-box4 .container .swiper-button-next{display:none}
}
.fullscreen-swiper{position:relative;width:100%;height:100vh;overflow:hidden}
.fullscreen-swiper .swiper-wrapper{height:100%}
.fullscreen-swiper .section-slide{height:100%;width:100%;position:relative;overflow:hidden}
.fullscreen-pagination{position:fixed;right:17px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;align-items:center}
.fullscreen-pagination .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,0.6);opacity:1;border-radius:50%;margin:7px 0;cursor:pointer;transition:all 0.3s ease}
.fullscreen-pagination .swiper-pagination-bullet-active{background:var(--second_color);transform:scale(1.2)}
.section-banner{height:100%}
.section-banner .bannerbox{height:100%}
.section-banner .bannerbox .fz_zhong{height:100%}
.section-banner .bannerbox .fz_cont{height:100%}
.section-banner .bannerbox .fz_cont .swiper-slide{height:100%}
.section-banner .bannerbox .fz_cont .item{height:100%}
.section-banner .bannerbox .fz_cont .item .fz_img{height:100%}
.section-about{background:url(../images/about_bg.jpg) no-repeat center;background-size:cover;position:relative}
.section-about .index_about{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.section-about .index_about .txt{width:42%;padding-top:60px}
.section-about .index_about .txt .f_but{display:inline-flex;color:#fff;font-size:18px;align-items:center;margin-top:20px}
.section-about .index_about .txt .f_but i{display:flex;align-items:center;justify-content:center;width:20px;overflow:hidden;transition:all 0.3s linear;margin-left:10px;border-radius:50%;background-color:#fff;height:20px}
.section-about .index_about .txt .f_but i img,.section-about .index_about .txt .f_but i svg{float:left;width:30%}
.section-about .index_about .txt .f_but i img path,.section-about .index_about .txt .f_but i svg path{fill:var(--color)}
@media (max-width:1580px){.section-about .index_about .txt{width:45%}
}
@media (min-width:1200px){.section-about .index_about .txt .f_but:hover i{transform:translateX(6px)}
}
.section-products{background:#fff}
.section-products .cont{height:100%}
.section-news .container{height:100%;padding-top:0.6rem;padding-bottom:0.6rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.section-footer{height:auto !important;min-height:auto !important;background:#1a1a1a}
.section-footer .fotbox{height:auto}
@media (max-width:991px){.section-about .index_about{flex-direction:column;align-items:center}
.section-about .index_about .txt,.section-about .index_about .ys{width:95%}
.section-about .index_about .txt{margin:0 auto;margin-top:50px;padding-top:0}
.section-about .index_about .ys{margin:0 auto;margin-top:4vh}
}
@media (max-width:767px){.fullscreen-swiper{height:auto !important;overflow:visible !important}
.fullscreen-swiper > .swiper-wrapper{height:auto !important;display:block !important}
.fullscreen-swiper > .swiper-wrapper > .swiper-slide{height:auto !important;width:100% !important;margin-bottom:0 !important}
.fullscreen-swiper > .swiper-wrapper > .swiper-slide.section-banner{height:50vh !important;min-height:50vh !important}
.fullscreen-pagination{display:none !important}
.section-banner{height:50vh !important}
.section-banner .bannerbox{height:50vh !important}
.section-about{min-height:auto !important}
.section-products{min-height:auto !important}
.section-news{min-height:auto !important}
.section-footer{height:auto !important;min-height:auto !important}
.section-about .index_about{padding:0.5rem 0.3rem}
.section-news .container{padding:0.4rem 0.3rem}
.section-products .cont .item .fz_jut .font{justify-content:center;text-align:center;padding:0}
.section-products .cont .item .fz_jut .font .title{text-align:center}
.section-products .cont .item .fz_jut .font .nei{text-align:center}
.section-products .cont .item .fz_jut .font .nei .fz_list{justify-content:center}
.section-products .cont .item .fz_jut .font .nei .f_but{display:flex;justify-content:center;margin:0 auto}
}