#sidebar-open{ font-size:26px; color:#333 }
@media(max-width:750px){ #sidebar-open{font-size:20px }
}
.carousel{ position:relative; width:100% }
.carousel .carousel-item>img{ height:100% }
.swiper-product-container{ position:relative }
.swiper-product-container .bg-img-1{ position:absolute; top:-44px; left:0; bottom:0; right:0; width:100%; height:100% }
@media(max-width:1200px){ .swiper-product-container .bg-img-1{top:-32px; height:72% }
}
@media(max-width:768px){ .swiper-product-container .bg-img-1{top:-11px; height:20% }
}
.swiper-product-container,.swiper-show-container{ position:relative; padding:0 15% }
.swiper-product-container .swiper-product,.swiper-show-container .swiper-product{ position:relative }
.swiper-product-container .swiper-prev,.swiper-show-container .swiper-prev{ position:absolute; top:50%; left:11%; transform:translateY(-50%) }
.swiper-product-container .swiper-prev>img,.swiper-show-container .swiper-prev>img{ width:36px; height:36px }
.swiper-product-container .swiper-next,.swiper-show-container .swiper-next{ position:absolute; top:50%; right:11%; transform:translateY(-50%) }
.swiper-product-container .swiper-next>img,.swiper-show-container .swiper-next>img{ width:36px; height:36px }
.swiper-product-ele{ height:350px }
.swiper-product-ele .swiper-wrapper{ height:350px }
.swiper-product-ele .swiper-slide{ display:flex; align-items:center; justify-content:center; height:350px; padding:20px }
.swiper-product-ele .swiper-slide .swiper-product-item{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:25px }
.swiper-product-ele .swiper-slide .swiper-product-item>img{ max-width:240px; width:100% }
.swiper-product-ele .swiper-slide .swiper-product-item>p{ font-weight:bold; font-size:16px; color:#333; margin:0 }
.swiper-productDesc-container{ position:relative; background-color:#fff8f8; box-sizing:content-box }
.swiper-productDesc-container .swiper-product{ position:relative; box-sizing:content-box }
.swiper-productDesc-container .swiper-prev{ z-index:1; position:absolute; top:calc(50% + 50px); left:11%; transform:translateY(-50%) }
.swiper-productDesc-container .swiper-prev>img{ width:36px; height:36px }
.swiper-productDesc-container .swiper-next{ z-index:1; position:absolute; top:calc(50% + 50px); right:11%; transform:translateY(-50%) }
.swiper-productDesc-container .swiper-next>img{ width:36px; height:36px }
.swiper-productDesc-ele{ padding:100px 0 50px }
.swiper-productDesc-ele .swiper-slide{ display:flex; align-items:center; justify-content:center }
.swiper-productDesc-ele .swiper-slide .swiper-productDesc-item{ width:70%; height:100%; display:flex; align-items:center; justify-content:center }
.swiper-productDesc-ele .swiper-slide .item-left{ display:flex; flex-direction:column; align-items:center; width:38%; height:100% }
.swiper-productDesc-ele .swiper-slide .item-left .left-content{ padding:0 10% }
.swiper-productDesc-ele .swiper-slide .item-left .left-content p{ margin:0 }
.swiper-productDesc-ele .swiper-slide .item-left .left-content>img{ max-width:400px; width:100% }
.swiper-productDesc-ele .swiper-slide .item-left .left-content .title{ max-width:400px; width:80%; font-weight:bold; font-size:20px; color:#333 }
.swiper-productDesc-ele .swiper-slide .item-left .left-content .desc{ margin-top:10px; font-size:20px; color:#666; text-align:left }
.swiper-productDesc-ele .swiper-slide .item-left .left-content .btn{ display:flex; align-items:center; justify-content:center; gap:2px; margin-top:20px; width:266px; height:58px; background:#e4222b; border-radius:58px; font-size:20px; color:#fff }
.swiper-productDesc-ele .swiper-slide .item-chu{ width:62%; height:100%; overflow:visible; display:grid; grid-template-columns:repeat(3,1fr); gap:10px }
.swiper-productDesc-ele .swiper-slide .item-chu .item-y{ background-color:#fff; border-radius:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; box-sizing:border-box; cursor:pointer; transition:transform .3s ease }
.swiper-productDesc-ele .swiper-slide .item-chu .item-y>img{ width:100px; height:100px }
.swiper-productDesc-ele .swiper-slide .item-chu .item-y:hover{ transform:scale(1.1) }
.swiper-productDesc-ele .swiper-slide .item-chunks{ overflow:visible; position:relative; width:62%; height:622px }
.swiper-productDesc-ele .swiper-slide .chunk-1{ position:absolute; top:0; left:0; width:52%; height:306px; background-image:url("../images/ic-cpdesc-1.png"); background-size:100% 100%; padding:0 40px 0 20px }
.swiper-productDesc-ele .swiper-slide .chunk-2{ position:absolute; top:0; right:0; width:49%; height:306px; background-image:url("../images/ic-cpdesc-2.png"); background-size:100% 100%; padding:0 20px }
.swiper-productDesc-ele .swiper-slide .chunk-3{ position:absolute; bottom:0; left:0; width:49%; height:306px; background-image:url("../images/ic-cpdesc-3.png"); background-size:100% 100%; padding:0 20px }
.swiper-productDesc-ele .swiper-slide .chunk-4{ position:absolute; bottom:0; right:0; width:52%; height:306px; background-image:url("../images/ic-cpdesc-4.png"); background-size:100% 100%; padding:0 40px 0 20px }
.swiper-productDesc-ele .swiper-slide .chunk-item{ cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:20px; padding-top:20px; transition:transform .3s ease }
.swiper-productDesc-ele .swiper-slide .chunk-item>img{ width:100px; height:100px }
.swiper-productDesc-ele .swiper-slide .chunk-item .title{ font-weight:bold; font-size:24px; color:#333 }
.swiper-productDesc-ele .swiper-slide .chunk-item .desc{ font-size:20px; color:#aaa; text-align:center }
.swiper-productDesc-ele .swiper-slide .chunk-item:hover{ transform:scale(1.1) }
.public-head{ display:flex; align-items:center; justify-content:space-between }
.public-head .head-left .left-logo{ position:relative; height:21px }
.public-head .head-left .left-logo .img1{ position:absolute; bottom:0; left:20px; width:159px; height:21px }
.public-head .head-left .left-logo .img2{ position:absolute; bottom:0; left:0; width:142px; height:14px }
.public-head .head-left .left-title{ margin-top:10px; margin-left:20px; font-weight:800; font-size:40px; color:#333 }
.public-head .head-right{ width:30px }
@media(max-width:1200px)and (min-width:768px){ .public-head{padding:0 20px }
.public-head .head-left .left-title{ font-size:35px }
.public-head .head-right{ width:25px }
}
@media(max-width:767px){ .public-head{padding:0 20px }
.public-head .head-left .left-title{ font-size:30px }
.public-head .head-right{ width:20px }
}
.solution-container{ padding-top:50px }
.solution-container .content{ margin-top:65px; display:grid; gap:30px; grid-template-columns:repeat(4,1fr) }
@media(max-width:1200px)and (min-width:768px){ .solution-container .content{padding:0 20px; grid-template-columns:repeat(2,1fr) }
}
@media(max-width:767px){ .solution-container .content{padding:0 20px; grid-template-columns:repeat(1,1fr) }
}
.solution-container .content .item{ position:relative; cursor:pointer; min-width:270px; height:270px; border-radius:20px; overflow:hidden; transition:transform .5s ease }
.solution-container .content .item .item-avatar{ width:100%; height:100% }
.solution-container .content .item .item-content{ position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); display:flex; flex-direction:column; align-items:center; justify-content:flex-end }
.solution-container .content .item .item-content .content-title{ font-weight:bold; font-size:20px; color:#fff; margin-bottom:15px }
.solution-container .content .item .item-content .content-desc{ display:none; font-weight:500; font-size:14px; color:#fff; width:230px }
.solution-container .content .item .item-content .content-more-1{ font-weight:bold; font-size:20px; color:#999; margin-bottom:35px }
.solution-container .content .item .item-content .content-more-2{ margin-top:44px; display:flex; align-items:center; justify-content:center; gap:2px; width:166px; height:58px; background:#e4222b; border-radius:58px; font-weight:bold; font-size:20px; color:#fff; margin-bottom:30px }
.solution-container .content .item .item-content .content-more-2-wrap{ display:none }
.solution-container .content .item:hover{ transform:scale(1.1) }
.solution-container .content .item:hover .content-desc{ display:block }
.solution-container .content .item:hover .content-more-1{ display:none }
.solution-container .content .item:hover .content-more-2-wrap{ display:block }
.hear-container{ margin-top:65px; width:100%; height:400px; background-image:url("../images/fj.png"); background-size:cover }
.hear-container .hear-container-wrap{ display:flex; align-items:center; justify-content:center; width:100%; height:400px; background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 10%,rgba(0,0,0,0.3) 90%,rgba(0,0,0,0) 100%) }
.hear-container .hear-content{ width:1200px; max-width:1200px; height:400px; display:flex; flex-direction:column; justify-content:center }
@media(max-width:1200px)and (min-width:768px){ .hear-container .hear-content{padding:0 20px }
}
@media(max-width:767px){ .hear-container .hear-content{padding:0 20px }
}
.hear-container .hear-content .content-title{ font-weight:800; font-size:40px; color:#fff }
.hear-container .hear-content .content-desc-1{ margin-top:30px; font-weight:800; font-size:24px; color:#fff }
.hear-container .hear-content .content-desc-2{ margin-top:10px; font-size:22px; color:#fff }
.news-container{ padding-top:50px }
.news-container .content{ margin-top:50px; display:grid; gap:38px; grid-template-columns:repeat(3,1fr) }
@media(max-width:1200px)and (min-width:768px){ .news-container .content{padding:0 20px; grid-template-columns:repeat(2,1fr) }
}
@media(max-width:767px){ .news-container .content{padding:0 20px; grid-template-columns:repeat(1,1fr) }
}
.news-container .content-item{ position:relative; border-radius:6px; overflow:hidden; cursor:pointer; height:420px }
.news-container .content-item .item-avatar{ width:100%; height:280px }
.news-container .content-item .item-title{ margin-top:15px; font-weight:bold; font-size:20px; color:#333 }
.news-container .content-item .item-time{ font-weight:500; font-size:20px; color:#999; margin-top:6px }
.news-container .content-item .item-footer{ display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:0; width:100% }
.news-container .content-item .item-footer .footer-left{ padding:0 10px; height:26px; background:rgba(228,34,43,.15); border-radius:6px; font-weight:500; font-size:16px; color:#e4222b }
.news-container .content-item .item-footer .footer-right{ display:flex; align-items:center; justify-content:center; width:88px; height:32px; border-radius:6px; border:1px solid #999; font-size:20px; color:#999 }
.swiper-show-container{ margin:60px auto 90px }
@media(max-width:1200px){ .swiper-show-container{padding-left:0; padding-right:0 }
}
.swiper-show-ele .swiper-slide{ position:relative; width:auto; max-width:500px; aspect-ratio:1/1; background-color:#ccc; border-radius:10px; overflow:hidden }
.swiper-show-ele .swiper-slide .bg{ position:absolute; left:0; top:0; width:100%; height:100% }
.swiper-show-ele .swiper-slide .content{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:15px; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 70%) }
.swiper-show-ele .swiper-slide .title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-weight:bold; color:#fff }
.swiper-show-ele .swiper-slide .time{ width:100%; font-size:24px; color:#aaa; text-align:left }
.swiper-show-ele .swiper-slide .footer{ width:100%; display:flex; align-items:center; justify-content:space-between }
.swiper-show-ele .swiper-slide .footer .footer-left{ display:flex; align-items:center; justify-content:center; padding:0 10px; height:26px; background:#fff; border-radius:6px; font-size:16px; color:#31328a }
.swiper-show-ele .swiper-slide .footer .footer-right{ display:flex; align-items:center; justify-content:center; padding:0 10px; height:32px; border-radius:6px; border:1px solid #fff; font-size:20px; color:#fff }
@media(min-width:1200px){ .swiper-show-ele .swiper-slide .title{font-size:20px }
.swiper-show-ele .swiper-slide .time{ font-size:18px }
.swiper-show-ele .swiper-slide .footer .footer-left{ font-size:14px; padding:0 8px; height:24px }
.swiper-show-ele .swiper-slide .footer .footer-right{ font-size:18px; padding:0 8px; height:28px }
}
@media(min-width:768px)and (max-width:1199px){ .swiper-show-ele .swiper-slide .title{font-size:18px }
.swiper-show-ele .swiper-slide .time{ font-size:16px }
.swiper-show-ele .swiper-slide .footer .footer-left{ padding:0 5px; height:22px; font-size:14px }
.swiper-show-ele .swiper-slide .footer .footer-right{ font-size:16px; padding:0 8px; height:26px }
}
@media(max-width:767px){ .swiper-show-ele .swiper-slide .title{font-size:14px }
.swiper-show-ele .swiper-slide .time{ font-size:12px }
.swiper-show-ele .swiper-slide .footer .footer-left{ padding:0 5px; height:18px; font-size:12px }
.swiper-show-ele .swiper-slide .footer .footer-right{ font-size:14px; padding:0 5px; height:24px }
}
.select-container{ margin-top:65px; width:100%; background-image:url("../images/ic-select-bg.png"); background-size:cover }
.select-container .select-container-wrap{ display:flex; align-items:center; justify-content:center; width:100% }
.select-container .select-content{ padding:50px 0; width:1200px; max-width:1200px; display:flex; flex-direction:column }
.select-container .select-content .left-title{ font-weight:800; font-size:40px; color:#fff }
.select-container .select-content .content-desc{ margin-top:20px; font-weight:500; font-size:20px; color:#fff }
.select-container .select-content .content-xc{ display:grid; gap:40px; margin-top:50px; grid-template-columns:repeat(4,1fr); place-items:center }
@media(max-width:1200px)and (min-width:768px){ .select-container .select-content .content-xc{grid-template-columns:repeat(2,1fr) }
}
@media(max-width:767px){ .select-container .select-content .content-xc{grid-template-columns:repeat(1,1fr) }
}
.select-container .select-content .content-xc .xc-item{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; width:270px; height:120px; background-image:url("../images/ic-select-item.png"); background-size:cover }
.select-container .select-content .content-xc .item-num{ display:flex; align-items:center; justify-content:center; font-family:DIN,DIN; font-weight:bold; font-size:60px; color:#f7ffd4 }
.select-container .select-content .content-xc .item-num>p{ font-family:PingFang SC,PingFang SC; font-weight:500; font-size:24px; color:#f7ffd4 }
.select-container .select-content .content-xc .item-desc{ font-weight:bold; font-size:24px; color:#fff; margin-bottom:30px }
.select-container .select-content .content-fu{ padding:20px 0; display:grid; gap:40px; margin-top:50px; grid-template-columns:repeat(4,1fr); place-items:center; background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%) }
@media(max-width:1200px)and (min-width:768px){ .select-container .select-content .content-fu{grid-template-columns:repeat(2,1fr) }
}
@media(max-width:767px){ .select-container .select-content .content-fu{grid-template-columns:repeat(1,1fr) }
}
.select-container .select-content .content-fu .fu-item{ display:flex; align-items:center; justify-content:center }
.select-container .select-content .content-fu .item-ic{ width:50px; height:50px }
.select-container .select-content .content-fu .item-desc{ width:200px; max-width:250px }
.select-container .select-content .content-fu .desc-1{ font-weight:bold; font-size:20px; color:#fff }
.select-container .select-content .content-fu .desc-2{ font-weight:Medium; font-size:18px; color:#fff }
@media(max-width:1200px)and (min-width:768px){ .select-container .select-content{padding:50px 20px }
.select-container .select-content .left-title{ font-size:35px }
.select-container .select-content .head-right{ width:25px }
}
@media(max-width:767px){ .select-container .select-content{padding:50px 20px }
.select-container .select-content .left-title{ font-size:30px }
.select-container .select-content .head-right{ width:20px }
}
.right-nav-box{ z-index:9999999; position:fixed; right:20px; top:50%; transform:translateY(-50%) }
.right-nav-box .vr-box{ margin-bottom:30px; display:block }
.right-nav-box .vr-box img{ width:100px; height:100px }
.right-nav-box .right-ul-box{ display:flex; flex-direction:column; align-items:center; justify-content:center }
.right-nav-box .right-ul-box .right-ul{ width:65px; box-shadow:0 1px 10px rgba(0,0,0,.2) }
.right-nav-box .right-ul-box .right-ul .r-icon{ background-color:#fff; width:100%; height:63px; padding:4px 0 2px; padding-top:10px; transition:all .3s ease; text-decoration:none; position:relative }
.right-nav-box .right-ul-box .right-ul .r-icon .a-box{ display:flex; flex-direction:column; align-items:center; justify-content:center; transition:all .3s ease; text-decoration:none }
.right-nav-box .right-ul-box .right-ul .r-icon .a-box span{ color:#333; font-size:10px; transition:all .3s ease; text-decoration:none }
.right-nav-box .right-ul-box .right-ul .r-icon .none-box{ position:absolute; top:20%; left:-210px; background-color:#f75316; padding:10px; border-radius:5px; width:190px; text-align:center; display:none; transition:all .3s ease; text-decoration:none; opacity:0 }
.right-nav-box .right-ul-box .right-ul .r-icon .none-box i{ color:#fff }
.right-nav-box .right-ul-box .right-ul .r-icon .none-box span{ color:#fff; font-size:16px }
.right-nav-box .right-ul-box .right-ul .r-icon .none-box .sj-box{ position:absolute; border-top:10px solid rgba(0,0,0,0); border-right:10px solid rgba(0,0,0,0); border-left:10px solid #f75316; border-bottom:10px solid rgba(0,0,0,0); right:-18px; top:50%; transform:translateY(-50%) }
.right-nav-box .right-ul-box .right-ul .r-icon-active{ background-color:#f75316 }
.right-nav-box .right-ul-box .right-ul .r-icon-active .a-box i{ color:#fff }
.right-nav-box .right-ul-box .right-ul .r-icon-active .a-box span{ color:#fff }
.right-nav-box .right-ul-box .right-ul .r-icon:hover{ background-color:#f75316 }
.right-nav-box .right-ul-box .right-ul .r-icon:hover .a-box i{ color:#fff }
.right-nav-box .right-ul-box .right-ul .r-icon:hover .a-box span{ color:#fff }
.right-nav-box .right-ul-box .right-ul .r-icon:hover>.none-box{ opacity:1; display:block }
#from-right-box{ cursor:pointer }
#close-icon{ cursor:pointer }
.none-box-from{ display:none }
.none-box-from .from-conten-box{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999999999; background-color:rgba(0,0,0,.2); display:flex; flex-direction:column; align-items:center; justify-content:center }
.none-box-from .from-conten-box .conten-box{ width:50%; background-color:#fff; border-radius:10px; position:relative }
.none-box-from .from-conten-box .conten-box .close-icon{ position:absolute; right:-10px; top:-10px; font-size:20px; color:#e4222b }
.none-box-from .from-conten-box .conten-box .title{ font-size:20px; color:#333; text-transform:uppercase; font-weight:600; text-align:center; margin-top:10px }
.none-box-from .from-conten-box .conten-box .title-2::after{ content:""; display:block; width:100px; height:3px; background-color:#e15616; margin:0 auto }
.none-box-from .from-conten-box .conten-box .contact-list{ padding:20px; gap:20px }
.none-box-from .from-conten-box .conten-box .contact-list .item-box-1{ border-radius:10px; background-color:#f5f5f5; text-align:center; padding-top:20px; height:250px; box-sizing:border-box }
.none-box-from .from-conten-box .conten-box .contact-list .item-box-1 .item-icon{ padding-bottom:20px }
.none-box-from .from-conten-box .conten-box .contact-list .item-box-1 .text-1{ font-size:20px; font-weight:700; padding-bottom:10px }
.none-box-from .from-conten-box .conten-box .contact-list .item-box-1 .text-2{ padding-bottom:5px; color:#999; padding:0 20px }
.none-box-from .from-conten-box .conten-box .contact-list input{ border:1px solid #dbdbdb; line-height:35px; padding:0 10px; box-sizing:border-box }
.none-box-from .from-conten-box .conten-box .contact-list input:focus-visible{ border-color:none }
.none-box-from .from-conten-box .conten-box .contact-list input:focus{ border-color:#999 }
.none-box-from .from-conten-box .conten-box .contact-list .label-box label{ color:#999; padding:0 10px }
.none-box-from .from-conten-box .conten-box .contact-list #messagetext{ margin-top:5px; width:100%; height:100px; border:1px solid #dbdbdb }
.none-box-from .from-conten-box .conten-box .contact-list .btn_submit{ width:100%; background:#e46713; color:#fff; line-height:45px }
.min-bottom-box{ display:none; position:fixed; bottom:0; left:0; right:0; z-index:999999 }
.min-bottom-box>div{ display:grid; grid-template-columns:repeat(2,1fr); align-items:center }
.min-bottom-box>div .m-box-btnm-b{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 0 }
.min-bottom-box>div .m-box-btnm-b i{ color:#fff }
.min-bottom-box>div .m-box-btnm-b span{ color:#fff }
.min-bottom-box>div .m-box-btn-1{ background-color:#25d366 }
.min-bottom-box>div .m-box-btn-2{ background-color:#f78b42 }
@media(max-width:767px){ .min-bottom-box{display:block }
}
@media(max-width:767px){ .right-nav-box{display:none }
}