@charset "utf-8";
:root {--color:#288ADD;--hovercolor:#484c4b;}
.newslist li .newslist-img .date{background:var(--color)}
.home-mainpro{padding:4%}
.home-mainpro ul{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;margin-top:3%}
.home-mainpro ul li{width:32%;list-style:none;margin-bottom:15px}
.home-mainpro ul li .name{font-size:20px;margin-top:15px;font-weight:600}
.home-mainpro ul li img:hover{transform:scale(1.05)}
.home-mainpro ul li .img{overflow:hidden;display:block}
.home-mainpro ul li img{transition:.3s}
@media (max-width:768px){.home-mainpro ul li{width:100%}
.home-mainpro ul li .name{font-size:16px}}
@keyframes bannermove {0% {margin-left:-30px}
100% {opacity:1;margin-left:0px}}
.bannertxt {position:absolute;width:70%;left:15%;top:50%;transform:translate(0,-50%);z-index:222;opacity:0;color:#FFF;line-height:1.4;}
.bannertxt.txt1 {font-size:3vw;font-weight:var(--fontbold7);}
.bannertxt.txt2 {font-size:3vw;font-weight:var(--fontbold7);}
.bannertxt.txt3 {font-size:3vw;font-weight:var(--fontbold7);}
.bannertxt div{display:inline-block;background:#083D90;padding:0 1.5vw}
.home-banner .swiper-slide-active .bannertxt {animation:bannermove .5s forwards;animation-delay:.5s}
.home-banner .mobimg{height:auto}
@media (max-width:768px){.home-banner .swiper-pagination{bottom:5px!important}
.bannertxt{left:10%;width:80%}
.bannertxt.txt1,.bannertxt.txt2,.bannertxt.txt3{font-size:4vw}}
.home-catebox{padding-bottom:4%;}
.home-catebox .cate-inner{display:flex;align-items: center;}
.home-catebox .cateSwiper{width: calc(100% - 100px);}
.home-catebox .cate-inner .swiper-slide a{display:block;position:relative;overflow: hidden;}
.home-catebox .cate-inner .swiper-slide a img{display:block;width:100%;}
.home-catebox .cate-inner .swiper-slide a .cate-tit{position:absolute;width:100%;height:100%;position: absolute;top:100%;left:50%;transform: translateX(-50%);background:#00000080;color:#fff;display: flex;align-items: center;justify-content: center;transition: all .2s linear;font-size:20px;}
.home-catebox .cate-inner .swiper-slide:hover a .cate-tit{top:0;}
.home-catebox .cate-inner .cate-swiper-pagination{display:none;}
.home-catebox .cate-swiper-button-prev,.home-catebox .cate-swiper-button-next{font-size:30px;font-weight:var(--fontbold7);transition: all .3s linear;cursor:pointer;}
.home-catebox .cate-swiper-button-prev:hover,.home-catebox .cate-swiper-button-next:hover{color:var(--color)}
@media (max-width:768px){.home-catebox .cate-swiper-button-prev, .home-catebox .cate-swiper-button-next{display: none;}
.home-catebox .cateSwiper{width:100%;}
.home-catebox .cate-inner .cate-swiper-pagination{display:block;position:inherit;bottom:0;}}
.panel-equal-heights {display:flex;justify-content:space-between;flex-wrap:wrap;}
.panel-equal-heights .panel {width:23.5%;padding:0;background:#f2f1ec;margin-bottom:15px;}
.panel .has-bg {display:block;overflow:hidden;-webkit-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;padding-bottom:50%;background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;}
.panel.home-news .has-bg{background-color:#fff;background-size:72% auto}
.panel > .product-link .dtable {width:100%;display:block}
.panel .panel-title {padding:10px 35px 10px 20px;margin:0;background-color:#e4e1dc;position:relative;z-index:5;font-size:15px;line-height:1.2;color:#555;transition:background-color 0.2s ease-in-out;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.panel > .product-link .panel-title:after {content:"\e840";display:inline-block;font-family:"iconfont"!important;font-size:inherit;position:absolute;top:50%;bottom:10px;right:15px;margin-top:-0.525em;-webkit-transition:right 0.2s ease-in-out;-moz-transition:right 0.2s ease-in-out;transition:right 0.2s ease-in-out;}
.panel > .product-link:after {content:'';position:absolute;background-color:transparent;top:0;right:0;bottom:0;left:0;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;z-index:2;}
.panel > .product-link:hover .panel-title {background-color:#bd0000;color:#FFFFFF;}
.panel > .product-link:hover:after {background:rgba(0,0,0,0.5);}
.panel .panel-content {padding:20px;font-size:14px;}
.panel .panel-content a {display:inline-block;color:#093f8e;margin-top:10px;}
@media (max-width:1024px){.panel-equal-heights .panel{width:48%}}
@media (max-width:600px){.panel-equal-heights .panel{width:100%}}
.home-hotpro .homehotpro-list .homehotpro-item {width:24%;display:block;margin-bottom:30px!important}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img {max-height:inherit;width:100%;border-bottom:1px solid #E5E5E5;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-info {width:100%;}
.home-hotpro {padding-bottom:0;}
@media (max-width:1024px){.home-hotpro .homehotpro-list .homehotpro-item {width:48%}}
footer .foot-main {padding:60px 0 30px;}
footer .foot-main * {font-family:Microsoft YaHei!important;font-weight:500}
footer .foot-main .foot-item {width:auto;max-width:24%;}
.foot-item.foot-info {text-align:center;}
.foot-logo img {background:#fff;padding:8px;}
footer .foot-main .foot-name {font-weight:bold;color:#fff;font-size:18px;margin:35px 0 5px;line-height:1.4;}
.foot-email a {color:#fff;font-size:12px;display:block;line-height:1.3;font-weight:500;}
footer .foot-title {color:#fff;font-size:15px;font-weight:500;margin:0;padding:0;}
footer .foot-title::after {display:none}
@media (min-width:769px){footer .foot-list {display:block;}
footer .foot-list li {width:100%;}}
footer .foot-list li {margin-top:14px;}
footer .foot-list a {padding:0;font-size:12px;color:#fff;line-height:1.2;display:block;}
footer .foot-list a:hover,footer .foot-touch .foot-inner a:hover {color:var(--color)}
footer .foot-touch .foot-inner {font-size:12px;color:#fff;line-height:1.2;display:block;margin-top:14px}
footer .foot-touch .foot-inner a {color:#fff}
@media (max-width:1024px){footer .foot-main .foot-item {max-width:inherit;}
footer .foot-main .foot-item.foot-info{width:100%!important;margin-bottom:25px}}
@media (max-width:768px){footer .foot-main .foot-item.foot-info{margin:0}}
.home-delivey {padding-top:40px;}
.home-deliveylist {display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;margin-top:20px;}
.home-deliveylist li {list-style:none;margin-top:15px;width:32%;}
.home-deliveylist li .home-deliveytit {font-size:22px;font-weight:bold;margin-bottom:10px;}
.home-deliveylist li .home-deliveypic div {margin-bottom:15px;}
.home-deliveylist li .home-deliveypic a {display:block;width:100%;overflow:hidden;position:relative;padding-bottom:75%;transition:.3s}
.home-deliveylist li .home-deliveypic a:hover{box-shadow:0 1px 8px #aaa}
.home-deliveylist li .home-deliveypic a img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;border:1px solid #ccc;box-sizing:border-box;}
@media (max-width:768px){.home-deliveylist {margin-top:10px;}
.home-deliveylist li{width:100%;}
.home-deliveylist li .home-deliveytit {font-size:20px;}
.home-deliveylist li .home-deliveypic{display:flex;justify-content:space-between}
.home-deliveylist li .home-deliveypic div {width:48%;margin-bottom:5px;}}
@media (min-width:769px){
.prodetails-top{flex-direction: column;}
.preview-container{width:100%;}
.thumbnail-show{height:auto;padding: 0 15%;margin: auto;background: #eee;}
.thumbnail-show .small-box img{background:#eee;}
.thumbnail-box .item img{object-fit: contain;}
.thumbnail-box .item{height:100px;background: #eee;}
.prodetails-info{margin-top:30px;padding-left:0;flex:initial;width:100%;display:flex;flex-wrap:wrap;align-items: center;}
.prodetails-info .prodetails-name,.prodetails-info .prodetails-text{width:100%;}
.prodetails-info .prodetails-btnlist,div.share-btn-list{width:auto}
.prodetails-info .prodetails-btnlist>*,.prodetails-info .prodetails-btnlist{margin-bottom:0;}
div.share-btn-list{margin-left:30px;}
.prodetails-top>h1{margin: 10px 0;text-align: center;}
.thumbnail-show .small-box{background: #eee;}
}