@font-face {
  font-family:'Barlow-Light';
  src: url('fonts/Barlow-Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family:'Barlow-Medium';
  src: url('fonts/Medium.woff') format('woff');
  font-display: swap;
}

/* 头部 */
header{ position:fixed; width:100%; left:0; top:0; z-index:10; background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.05);}
header .logo{ width:5rem; padding:0 .4rem; position:relative; z-index:5;}
header .logo::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:125%; background-image: url(../images/nav-logo-bg.png); background-position:top right; background-repeat:no-repeat; background-size:100% 100%;}
header .logo a{ position:relative; z-index:5;}
header .logo img{ width:2.45rem;}

header .sub-box{position:absolute;left:0;top:100%;width:100%;background:#fafafa;overflow:hidden;transition:.3s;visibility:hidden; opacity:0;}
header .sub-box .text-des{ width:27.5%; padding:1rem 0 .3rem;}
header .sub-box .text-des .tit{ font-size:var(--font-size36); color:#222222;}
header .sub-box .text-des .des{ line-height:1.7; font-size:var(--font-size16); margin:.2rem 0;}
header .sub-box .text-des .more a i{margin-right:.15rem; display:block; width:.5rem; height:.5rem; border-radius:1rem; border:solid 1px #c6c6c6; background-image:url(../images/arrow3.svg); background-size:.11rem; background-repeat:no-repeat; background-position:center;}
header .sub-box .text-des .more a:hover i{ border-color:#c7000a; background-color:#c7000a; background-image:url(../images/arrow4.svg);}
header .sub-box .dl-box{ width:20%; padding:.85rem 0 .3rem;}
header .sub-box dl dt{ font-size:var(--font-size20);}
header .sub-box dl dt a{ position:relative; display:block; padding:.18rem 0; padding-right:.2rem; font-family:'Barlow-Light'; border-bottom:solid .01rem transparent; transition:all .3s;}
header .sub-box dl dt a::after{ content:''; display:block; width:.12rem; height:.12rem; background-image: url(../images/arrow1.svg); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; right:.1rem; top:50%; transition:.3s; margin-top:-.06rem; opacity:0;}
header .sub-box dl dt.active a,
header .sub-box dl dt a:hover{font-family:'Barlow-Medium'; font-weight:500; border-color:#c7000a; color:#c7000a;}
header .sub-box dl dt.active a::after,
header .sub-box dl dt a:hover::after{ right:0; opacity:1;}
header .sub-box .pic-img{ width:34.75%;}
header .sub-box .pic-img .wtdrw{ width:40vw; height:100%; display:none;}
header .sub-box .pic-img .wtdrw img{ height:100%; object-fit:cover;}

header .nav-box ul{ height:100%;}
header .nav-box>ul>li{ font-size:var(--font-size18); margin:0 0.4rem;}
header .nav-box>ul>li>span{ position:relative;}
header .nav-box>ul>li>span>a{ display:block; padding:.35rem 0; font-weight:500; border-bottom:solid .02rem transparent; position:relative; z-index:5;}
header .nav-box>ul>li>span::after{ content:''; display:block; width:.66rem; height:.5rem; background-image: url(../images/nav-icon1.png); position:absolute; left:50%; top:.08rem; margin-left:-.33rem; opacity:0; transition:.3s; background-size:contain; background-repeat:no-repeat; background-position:top center;}
header .nav-box>ul>li:hover .sub-box{visibility:visible; opacity:1;}
header .nav-box>ul>li.aon>span>a{ color:#c7000a; border-color:#c7000a;}
header .nav-box>ul>li.aon>span::after{ opacity:1;}

header .search-top{ height:100%; margin-right:.2rem;}
header .search-top .icon{ width:.45rem; height:.45rem; background-image: url(../images/search-icon1.png); background-repeat:no-repeat; background-size:.21rem; background-position:center; cursor:pointer;}
header .search-top .search-box{ position:absolute; top:100%; right:0; background:#fff; box-shadow:0 .08rem .1rem rgba(0,0,0,.1); visibility:hidden; opacity:0; transition:.3s; border-radius:.05rem; overflow:hidden;}
header .search-top .search-box input{ border:none; padding:.13rem .15rem;}
header .search-top .search-box .but{ width:.45rem; background-image: url(../images/search-icon1.png); background-repeat:no-repeat; background-size:.21rem; background-position:center; cursor:pointer;}
header .search-top:hover .search-box{visibility:visible; opacity:1;}
header .Jd-icon{ background:#c7000a; position:relative;}
header .Jd-icon .aniu{ height:100%; padding:0 .3rem;}
header .Jd-icon a{ height:100%; color:#fff; height:100%;}
header .Jd-icon a i{ display:block; width:.27rem; height:.2rem; background-image: url(../images/jd-icon.png);background-repeat:no-repeat; background-size:contain; background-position:center;}
header .Jd-icon a span{ display:block; padding:0 .1rem; padding-right:0;}
header .Jd-icon .aniu::after{ content:''; display:block; width:.3rem; height:.3rem; background-image: url(../images/arrow.svg); background-repeat:no-repeat; background-size:.1rem; background-position:center;}
header .Jd-icon .ul{ background:#fff; position:absolute; left:0; top:110%; width:100%; visibility:hidden; opacity:0; transition:.3s; box-shadow:0 0 .1rem rgba(0,0,0,.08);}
header .Jd-icon .ul li{ border-top:solid 1px #fff;}
header .Jd-icon .ul li a{ padding:.1rem; color:#333; font-weight:500;}
header .Jd-icon .ul li i{ margin-right:.1rem; width:.2rem;}
header .Jd-icon:hover .ul{ top:100%; visibility:visible; opacity:1;}

header .language{ height:100%; padding:0 .3rem 0 .25rem; position:relative;}
header .language::before{content:''; display:block; width:1px; height:1em; background:#ccc; position:absolute; left:0;}
header .language .txt{ cursor:pointer;}
header .language i{ display:block; width:.25rem; height:.25rem; background-image: url(../images/global.png); background-repeat:no-repeat; background-size:.22rem; background-position:center; opacity:.7;}
header .language span{ margin:0 .1rem;}
header .language .txt::after{content:''; display:block; width:.1rem; height:.1rem; background-image:url(../images/arrow.svg); background-repeat:no-repeat; background-size:.1rem; background-position:center; transition:.3s; filter:invert(100%);}
header .language .pull-dow{text-align:center;position:absolute;left:0;top:100%;width:100%;background:#fff; visibility:hidden; opacity:0; transition:.3s; border-radius:0 0 .05rem .05rem; box-shadow:0 .1rem .15rem rgba(0,0,0,.1); padding:.1rem 0;}
header .language .pull-dow a{display:block; padding:.05rem .1rem;}
header .language:hover .pull-dow{visibility:visible; opacity:1;}
header .language:hover .txt::after{ transform:rotate(-180deg);}

@media (max-width:1440px) {
header .nav-box>ul>li{ margin:0 .2rem;}
}

@media (max-width:1024px) {
header .nav-box{ position:absolute; top:100%; right:-100%; background:#fff; width:40%; height:86vh; transition:.5s; overflow:auto;}
header .nav-box .ul{ align-items:flex-start; align-content:flex-start;}
header .nav-box .autoCon-1440{ margin:0; width:100%; max-width:100%;}
header .nav-box>ul>li{margin:0 .3rem; width:100%;flex-wrap:wrap;font-size:var(--font-size22);visibility:visible;opacity:1;}
header .nav-box>ul>li>span>a{ padding:.2rem 0;}
header .nav-box>ul>li>span::after{ width:.6rem; height:.4rem; margin-left:-.3rem; background-size:contain;}

header .sub-box{ position:static; background:#fff; opacity:1; visibility:visible; transition:none; display:none;}
header .sub-box .text-des{ display:none;}
header .sub-box .pic-img{ display:none;}
header .sub-box .dl-box{ padding:0; width:100%; background:#fafafa; padding:0 1em;}
header .sub-box dl dt a{ padding:.1rem 0;}
header .sub-box dl dd span{ padding-right:0;}
header .web-menu{ margin-right:.25rem;}
.menu-show header .nav-box{ right:0;}
header .logo{ padding:.1rem .3rem;}
header .logo img{ width:2rem;}
header .search-top .icon{ width:.35rem; height:.35rem; background-size:.25rem;}
header .language i{ width:.35rem; height:.35rem; background-size:.22rem;}
header .language .txt{ font-size:.22rem;}
header .language .txt::after{ width:.14rem; height:.14rem; background-size:.14rem;}
header .language .pull-dow{ font-size:var(--font-size20);}
}

@media (max-width:640px) {
header .logo{ padding:.12rem 0; padding-left:3%; width:25%;}
header .logo img{ width:1.6rem;}
header .logo::after{ width:160%;}
header .nav-box{ width:55%;}
header .nav-box>ul>li{ font-size:var(--font-size20);}
header .sub-box dl dt{ font-size:var(--font-size18);}
header .language{ padding:0 .1rem;}
header .language i{ width:.25rem; height:.25rem;}
header .language .txt{ font-size:var(--font-size18);}
header .language .pull-dow{ font-size:var(--font-size18);}
header .search-top{ margin-right:.1rem;}
header .search-top .search-box{ position:fixed; width:90%; left:5%; top:.6rem; right:auto; z-index:5;}
header .search-top .search-box input{ width:calc(100% - .45rem); font-size:var(--font-size18);}
header .search-top .icon{ width:.25rem; height:.25rem; background-size:.22rem;}
header .Jd-icon .aniu{ padding:0 .1rem;}
header .Jd-icon a::after{ display:none;}
header .web-menu{ margin-right:.1rem;}
}


/* 底部 */
footer{ background-image: url(../images/footer-bg.jpg);background-repeat:no-repeat; background-position:top center; background-size:cover;}
footer .introd-txt{ width:34%;}
footer .introd-txt .logo-icon{ margin-bottom:.5rem;}
footer .introd-txt .logo-icon img{ width:2.99rem;}
footer .introd-txt .text .tel-txt{ background-image: url(../images/bot-tel.png);background-repeat:no-repeat; background-position:left center; background-size:.16rem; padding-left:.3rem;}
footer .introd-txt .text .tel{ margin:.05rem 0; font-size:var(--font-size34); color:#c7000a;}
footer .introd-txt .text .tiem{ margin-bottom:.2rem; color:#000000;}
footer .introd-txt .text .addr{ line-height:1.5; margin-bottom:.1rem; background-image: url(../images/bot-icon1.png);background-repeat:no-repeat; background-position:left top; background-size:.35rem; padding-left:.35rem;}
footer .introd-txt .text .email{ line-height:1.5; background-image: url(../images/bot-icon2.png);background-repeat:no-repeat; background-position:left top; background-size:.35rem; padding-left:.35rem;}
.footer-one{ padding:.6rem 0 .4rem;}
.footer-one .share-box{ width:3.7rem; align-content:space-between;}
.footer-one .share-box .ul{ width:100%; align-items:flex-start; justify-content:flex-end;}
.footer-one .share-box .ul li{ margin-right:.25rem; position:relative;}
.footer-one .share-box .ul li:last-child{ margin-right:0;}
.footer-one .share-box .ul li .icon{ background-color:#ededed; cursor:pointer; width:.5rem; height:.5rem; border-radius:100%; overflow:hidden;}
.footer-one .share-box .ul li .icon span{display:block;background-repeat:no-repeat;background-position:top center;background-size:cover; border-radius:100%; overflow:hidden; width:100%; height:100%; opacity:.3;}
.footer-one .share-box .ul li .icon .icon-wx{ background-image:url(../images/share-icon1.png);}
.footer-one .share-box .ul li .icon .icon-wb{ background-image:url(../images/share-icon2.png);}
.footer-one .share-box .ul li .icon .icon-dy{ background-image:url(../images/share-icon3.png);}
.footer-one .share-box .ul li .icon .icon-xhs{ background-image:url(../images/share-icon4.png);}
.footer-one .share-box .ul li .icon .icon-tw{ background-image:url(../images/share-icon5.png);}
.footer-one .share-box .ul li .qrcode{ position:absolute; left:50%; top:100%; width:max-content; padding-top:.2rem; transform:translateX(-50%); text-align:center; visibility:hidden; opacity:0; transition:.3s;}
.footer-one .share-box .ul li .qrcode .pic{ padding:.1rem; background:#fff; box-shadow:0 0 .15rem rgba(0,0,0,.15); border-radius:.05rem; position: relative;}
.footer-one .share-box .ul li .qrcode .pic::before{display:block;content:'';width:0;height:0;border-left:.1rem solid transparent;border-right:.1rem solid transparent;border-bottom:.15rem solid white; position:absolute; top:-.13rem; left:50%; margin-left:-.1rem;}
.footer-one .share-box .ul li .qrcode img{ width:1rem;}
.footer-one .share-box .ul li .qrcode .txt{ padding:.08rem 0;}
.footer-one .share-box .ul li:hover .icon{ background-color:#c7000a;}
.footer-one .share-box .ul li:hover .icon span{ opacity:1;filter:invert(100%);}
.footer-one .share-box .ul li:hover .qrcode{ visibility: visible; opacity:1;}
.footer-one .share-box .line-box{ margin-bottom:.2rem; width:100%; text-align:right;}
.footer-one .share-box .line-box .pull select{ cursor:pointer; color:#666666; padding:.18rem; width:3rem; border:solid 1px #ebebeb;}
.footer-one .nav-menu{ font-size:var(--font-size24);}
.footer-one .nav-menu dd,
.footer-one .nav-menu dt{ margin-bottom:.2rem;}
.footer-one .nav-menu dt::after{ margin-top:.1rem; content:''; width:1em; height:2px; background:#c7000a; display:block;}
.footer-one .nav-menu dt a{ color:#333333;}
.footer-one .nav-menu dd a{ color:#333333; opacity:.5;}
.footer-one .nav-menu dd:last-child{ margin-bottom:0;}
.footer-one .nav-menu dd a:hover{ color:#c7000a; opacity:1;}
.footer-two{ font-size:var(--font-size14); padding:.4rem 0; border-top:solid 1px rgba(123,62,26,.1); color:#8e8a82;}
.footer-two a{ color:#8e8a82;}
.footer-two .auxiliary{ font-size:0;}
.footer-two .auxiliary a{ font-size:var(--font-size14);}
.footer-two .auxiliary a:first-child{ padding-right:.2rem; margin-right:.2rem; border-right:solid 1px #d2d0cd;}
.footer-two .auxiliary a:hover{ color:#c7000a;}
@media (max-width:1024px) {
footer .introd-txt{ width:100%; margin-bottom:.3rem;}
footer .introd-txt .logo-icon{ margin-bottom:.25rem;}
footer .introd-txt .logo-icon a{ display:inline-block;}
.footer-one .nav-menu{ display:none;}
.footer-one .share-box{ width:100%;}
.footer-one .share-box .ul{ margin-bottom:.2rem; justify-content:center;}
.footer-one .share-box .line-box{ text-align:center; justify-content:center;}
.footer-two{ text-align:center; line-height:1.7; padding:.3rem 0;}
.footer-two .copyright{ margin-bottom:.1rem;}
.footer-two .autoCon-1440{ justify-content:center;}
}


/* Banner003223 */
.Banner003223{ z-index:5;}
.Banner003223 .swiper-slide img{ width:100%;}
.Banner003223 .swiper-but{ width:.5rem; height:.5rem; border:solid 1px #fff; border-radius:1rem; transition:.3s;}
.Banner003223 .swiper-but::after{ font-size:var(--font-size16); color:#fff; font-weight:bold; transition:.3s;}
.Banner003223 .swiper-button-prev{ left:5%;}
.Banner003223 .swiper-button-next{ right:5%;}
.Banner003223 .swiper-but:hover{ background:#c7000a; border-color:#c7000a;}
.Banner003223 .controls-page{left:50%;bottom:.5rem;position:absolute;z-index:10;text-align:left;max-width:1600px;transform:translateX(-50%); font-size:0;}
.Banner003223 .controls-page .swiper-pagination-bullet{background-color:transparent;width:.24rem; height:.24rem;opacity:1;margin:0 .1rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.Banner003223 .controls-page .swiper-pagination-bullet i{ display:block; width:.12rem; height:.12rem; border:solid .02rem #fff; border-radius:1rem; overflow:hidden;}
.Banner003223 .controls-page .swiper-pagination-bullet-active{ background-image:url(../images/pot.svg);background-repeat:no-repeat; background-position:center; background-size:contain;}
.Banner003223 .controls-page .swiper-pagination-bullet-active i{ display:none;}
@media (min-width:1025px) {
.Banner003223 img.wap{ display:none;}
}
@media (max-width:1024px) {
.Banner003223 img.pc{ display:none;}
.Banner003223 .controls-page{ max-width:96%; bottom:.3rem;}
.Banner003223::after{ padding-bottom:.5rem;}
}
@media (max-width:640px) {
.Banner003223::after{ padding-bottom:.25rem;}
}


/* 首页 */
.index-tit .tit-txt{ position: relative;}
.index-tit .tit-txt::before{content:''; display:block; width:.4rem; height:.4rem; background-image: url(../images/pot2.svg); background-repeat:no-repeat; background-position:center; position:absolute; left:-.1rem; top:-.05rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.index-tit .tit{font-size:var(--font-size52); line-height:1.3; font-weight:bold; position:relative; z-index:2;}
.index-tit .tit span{ display:inline-block; color:#c7000a;}

.index-one{ padding:1rem 0; background-image: url(../images/index-one-bg.jpg);background-repeat:no-repeat; background-position:top center; background-size:cover;}
.index-one .index-tit{ width:40%;}
.index-one .introd-text .des{ width:48%; color:#555555; font-size:var(--font-size18); line-height:2;}
.index-one .introd-text .des p{ margin-bottom:.1rem;}
.index-one .introd-text .des p:last-child{ margin-bottom:0;}
.index-one .more{ margin-top:.9rem;}
.index-one .more a i{margin-right:.15rem; display:block; width:.5rem; height:.5rem; border-radius:1rem; border:solid 1px #c6c6c6; background-image:url(../images/arrow3.svg); background-size:.11rem; background-repeat:no-repeat; background-position:center;}
.index-one .more a:hover i{ border-color:#c7000a; background-color:#c7000a; background-image:url(../images/arrow4.svg);}
.index-one .list-box{ margin-top:-.6rem;}
.index-one .list-box .item{ width:31.945%; position:relative; border-radius:.2rem; overflow:hidden;}
.index-one .list-box .item .pic{ position:relative;}
.index-one .list-box .item .pic figure{ background-repeat:no-repeat; background-position:center; background-size:cover; padding-bottom:100%; transition:.3s;}
.index-one .list-box .item .pic .mor{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index-one .list-box .item .text{ padding:.6rem .4rem .2rem; position:absolute; left:0; top:0;}
.index-one .list-box .item .text .tit{ font-size:var(--font-size46); color:#fff;}
.index-one .list-box .list-tow{ width:31.945%;}
.index-one .list-box .list-tow .item{ width:100%; margin-bottom:7%;}
.index-one .list-box .list-tow .item:last-child{ margin-bottom:0;}
.index-one .list-box .item .aniu{ margin-top:.4rem;}
.index-one .list-box .item .aniu .but i{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; width:.56rem; height:.56rem; border-radius:1rem; background-image:url(../images/moren.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; opacity:0; transition:.3s;}
.index-one .list-box .item .aniu .but i::after{ content:''; display:block; background-image:url(../images/arrow4.svg); background-size:.11rem; background-repeat:no-repeat; background-position:center; width:100%; height:100%; transform:rotate(45deg); transition:.3s;}
.index-one .list-box .item:hover .aniu .but i{ opacity:1;}
.index-one .list-box .item:hover .aniu .but i::after{ transform:rotate(0deg);}
.index-one .list-box>.item:hover .pic figure{ padding-bottom:135%;}

.index-two{ padding:1.1rem 0; background-image: url(../images/index-two-bg.jpg);background-repeat:no-repeat; background-position:top center; background-size:cover;}
.index-two .switch-one{ width:calc(100% - 1.44rem);}
.index-two #gallery .item .pic{ width:58.643%; border-radius:.1rem; overflow:hidden;}
.index-two #gallery .item .pic figure{ background-repeat:no-repeat; background-position:center; background-size:cover; padding-bottom:71.053%; transition:.3s;}
.index-two #gallery .item .text{ width:41.357%;}
.index-two #gallery .item .text .txt-line{ margin-bottom:1rem; padding:0 .6rem; padding-right:1rem; border-left:solid .05rem #c7000a;}
.index-two #gallery .item .text .tit{ font-weight:bold; margin-bottom:.2rem; font-size:var(--font-size40); color:#36353b; line-height:1.2;}
.index-two #gallery .item .text .des{ line-height:1.7; font-size:var(--font-size18); color:#555555;}
.index-two #gallery .item .text .more{ padding-left:.6rem;}
.index-two #gallery .item .text .more .but i{margin-right:.15rem; display:block; width:.5rem; height:.5rem; border-radius:1rem; border:solid 1px #c6c6c6; background-image:url(../images/arrow3.svg); background-size:.11rem; background-repeat:no-repeat; background-position:center;}
.index-two #gallery .item a:hover .more .but i{ border-color:#c7000a; background-color:#c7000a; background-image:url(../images/arrow4.svg);}
.index-two .switch-two{ width:1.2rem;}
.index-two #thumbs{ height:6.7rem; padding:.1rem;}
.index-two #thumbs .icon-box .iow{ width:1rem; border:solid .1rem #fff6e8; border-radius:2rem; cursor:pointer;}
.index-two #thumbs .icon-box .iow figure{ background-color:#fff; width:100%; padding-bottom:100%; border-radius:2rem; overflow: hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.index-two #thumbs .swiper-slide-thumb-active .icon-box .iow{ border-color:#ffd700; box-shadow:0 0 .15rem rgba(0,0,0,.2);}

.index-three{ padding:1.1rem 0; background-image: url(../images/index-three-bg.jpg);background-repeat:no-repeat; background-position:top center; background-size:cover;}
.index-three .index-tit{ margin-bottom:.7rem;}
.index-three .wtd100{ width:100%;}
.index-three .tab-lanm .iu{ line-height:1.8; font-size:var(--font-size18); margin-right:.45rem; cursor:pointer;}
.index-three .tab-lanm .iu::after{ content:''; display:block; width:1em; height:.02rem; background:#c7000a; margin:0 auto; opacity:0;}
.index-three .tab-lanm .iu:last-child{ margin-right:0;}
.index-three .tab-lanm .iu:hover,
.index-three .tab-lanm .iu.active{ color:#c7000a;}
.index-three .tab-lanm .iu:hover::after,
.index-three .tab-lanm .iu.active::after{ opacity:1;}
.index-three .news-switch{ width:66%;}
.index-three .news-switch .swiper{ padding:.1rem 0;}
.index-three .news-switch .item{ background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.05); border-radius:.1rem; overflow:hidden;}
.index-three .news-switch .item .pic{overflow:hidden;}
.index-three .news-switch .item .pic figure{ padding-bottom:56.525%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.index-three .news-switch .item .text{ padding:.3rem;}
.index-three .news-switch .item .text .tit{ font-size:var(--font-size22); color:#36353b; width:71%;}
.index-three .news-switch .item .text .tit::after{margin:.2rem 0; content:''; display:block; width:1em; height:.02rem; background:#c7000a;}
.index-three .news-switch .item .text .des{ line-height:1.8; color:#666666;}
.index-three .news-switch .item .text .tiem{ text-align:center;}
.index-three .news-switch .item .text .tiem .day{ line-height:1; color:#555555; font-size:var(--font-size48);}
.index-three .news-switch .item .text .tiem .year{ color:#999999;}
.index-three .news-switch .item a:hover .tit{ color:#c7000a;}
.index-three .list{ width:32%; padding:.1rem 0;}
.index-three .list .back-bg{height:4.26rem;background:#fff;border-radius:.1rem;overflow:hidden;padding:.4rem;padding-right:.1rem; box-shadow:0 0 .1rem rgba(0,0,0,.05);}
.index-three .list .back-bg .ul{height:100%; overflow:auto; padding-right:.3rem;}
.index-three .list .back-bg .ul::-webkit-scrollbar{width:3px;background-color:#eee}
.index-three .list .back-bg .ul::-webkit-scrollbar-thumb{ border: solid 1px #c7000a; width:3px; border-radius:4px; background-color:#c7000a; }
.index-three .list li{ margin-bottom:.25rem;}
.index-three .list li:last-child{ margin-bottom:.05rem;}
.index-three .list li .tit{ font-size:var(--font-size18); color:#36353b; margin-bottom:.1rem;}
.index-three .list li .tiem{ color:#999999;}
.index-three .list li a:hover .tit{ color:#c7000a;}
.index-three .tab-news{ display:none;}
.index-three .swiper-but{ width:.5rem; height:.5rem; border:solid 1px #c7000a; border-radius:1rem; transition:.3s; background-color:#c7000a;}
.index-three .swiper-but::after{ font-size:var(--font-size16); color:#fff; font-weight:bold; transition:.3s;}
.index-three .swiper-button-prev{ left:1%;}
.index-three .swiper-button-next{ right:1%;}
.index-three .swiper-but:hover{ background:#c7000a; border-color:#c7000a;}

@media (max-width:1024px) {
.index-tit .tit{ font-size:var(--font-size46);}
.index-one{ padding:.9rem 0;}
.index-one .list-box{ margin-top:0;}
.index-one .list-box .item .text .tit{ font-size:var(--font-size36);}
.index-one .introd-text{ margin-bottom:.2rem;}
.index-one .introd-text .des{ width:55%;}
.index-one .more{ margin-top:.5rem;}
.index-two{ padding:.9rem 0;}
.index-two #thumbs{ height:5rem;}
.index-two #gallery .item .text .txt-line{ padding-right:0; margin-bottom:.3rem;}
.index-three{ padding:.9rem 0;}
.index-three .index-tit{ margin-bottom:.4rem;}
.index-three .list .back-bg{ height:4.25rem;}
}

@media (max-width:640px) {
.index-tit .tit{ font-size:var(--font-size36);}
.index-one .introd-text{ flex-wrap:wrap;}
.index-one .index-tit{ width:100%;}
.index-one .more{ margin:.25rem 0;}
.index-one .introd-text .des{ width:100%;}
.index-one .list-box .item .text{ padding:.2rem;}
.index-one .list-box .item .text .tit{ font-size:var(--font-size22);}
.index-one .list-box .item .aniu .but i{ width:.45rem; height:.45rem;}
.index-two{ padding:.5rem 0;}
.index-two .switch-box{ margin-top:.35rem; flex-wrap:wrap;}
.index-two .switch-one{ width:100%;}
.index-two .switch-one .item a{ flex-wrap:wrap;}
.index-two .switch-two{ width:100%;}
.index-two #gallery .item .pic{ width:100%;}
.index-two #gallery .item .text{ padding:.3rem 0; width:100%;}
.index-two #gallery .item .text .txt-line{ width:100%; padding:0 .3rem;}
.index-two #gallery .item .text .more{ padding-left:.3rem;}
.index-two #gallery .item .text .tit{ font-size:var(--font-size26);}
.index-two #thumbs{ height:auto;}
.index-two #thumbs .icon-box .iow{ border:solid .05rem #fff6e8; width:.9rem;}
.index-three{ padding:.5rem 0;}
.index-three .tab-lanm{ width:100%; margin-top:.2rem;}
.index-three .news-switch{ width:100%;}
.index-three .list{ width:100%;}
.index-three .list .back-bg{ height:4.5rem;}
}


/* 内页 */
.inside-ban{ position: relative;}
.inside-ban .text{ position:absolute; left:0; top:0; color:#fff; width:100%; height:100%; padding-top:1.5rem; text-shadow: 2px 2px 4px rgba(0,0,0,.5);}
.inside-ban .text .tit{ margin-bottom:.15rem; font-size:var(--font-size60); font-weight:bold; line-height:1.2;}
.inside-ban .text .des{ font-size:var(--font-size24);}
.inside-ban .text .des .io{ margin:0 .15rem;}
.inside-ban .text .des::before,
.inside-ban .text .des::after{content:''; display:block; width:1rem; height:1px;}
.inside-ban .text .des::before{background-image:linear-gradient(to left,#fff,transparent);}
.inside-ban .text .des::after{background-image:linear-gradient(to right,#fff,transparent);}
@media (max-width:640px) {
.inside-ban .text .des .io{ margin:0 .1rem; font-size:var(--font-size16);}
.inside-ban .text .des::before,
.inside-ban .text .des::after{ width:.5rem;}
}

/* 内页菜单 */
.inside-menu{border-bottom:solid 1px rgba(0,0,0,.1);}
.inside-menu .ul{ width:65%;}
.inside-menu .ul li{ width:calc(100% / 7); text-align:center; border-right:solid 1px #fff;}
.inside-menu .ul li a{ padding:.3rem .1rem; display:block; transition:.3s; position:relative; overflow: hidden;}
.inside-menu .ul li a::after{content:''; display:block; width:.83rem; height:.83rem; background-image:url(../images/pot2.svg); position:absolute; right:-.15rem; bottom:-.15rem; background-repeat:no-repeat; background-position:center; background-size:contain; opacity:0;}
.inside-menu .ul li a span{ position: relative; z-index:2;}
.inside-menu .ul li:hover a,
.inside-menu .ul li.active a{ background:#c7000a; color:#fff;}
.inside-menu .ul li:hover a::after,
.inside-menu .ul li.active a::after{opacity:.5;}
.inside-menu .current{ background-image:url(../images/current-icon.png); background-repeat:no-repeat; background-position:left center; background-size:.18rem; padding-left:.25rem;}
.inside-menu .current a{color:#999;}
.inside-menu .current span{ color:#666666;}
.inside-menu .current i{ margin:.02rem .05rem 0; display:block; width:.1rem;height:.1rem; background-image:url(../images/arrow5.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.inside-menu .current a:hover{ color:#c7000a;}
@media (max-width:640px) {
.inside-menu .current{ display:none;}
.inside-menu .ul{ width:100%;}
.inside-menu .ul li{ width:calc(100% / 4);}

.inside-ban .pic img{ height:40vh; object-fit:cover;}
.inside-ban .text{ padding-top:1rem;}
.inside-ban .text .des{ font-size:var(--font-size18);}
.inside-ban .text .tit{ font-size:var(--font-size36);}
}


/* 分类 */
.category-menu .ul li{ text-align:center; border:solid 1px #f2f2f2; min-width:1.3rem; margin-right:.2rem; border-radius:.05rem; overflow: hidden;}
.category-menu .ul li:last-child{ margin-right:0;}
.category-menu .ul li a{ padding:.2rem .1rem; transition:.3s; position:relative; overflow: hidden;}
.category-menu .ul li a span{ display:block; position: relative;}
.category-menu .ul li a span::after{content:''; display:block; width:.21rem; height:.21rem; background-image:url(../images/pot3.svg); position:absolute; left:-.08rem; top:-.08rem; background-repeat:no-repeat; background-position:center; background-size:contain; opacity:0;}
.category-menu .ul li a span{ position: relative; z-index:2;}
.category-menu .ul li:hover a,
.category-menu .ul li.on a{ background:#c7000a; color:#fff;}
.category-menu .ul li:hover a span::after,
.category-menu .ul li.on a span::after{opacity:1;}
@media(max-width:640px){
.category-menu .ul li{ margin-bottom:.1rem; margin-right:.1rem;}
.category-menu .ul li a{ padding:.15rem;}
}


/* 企业简介 */
.CompanyProfile{ padding:1rem 0; position: relative;}
.CompanyProfile .autoCon-1440{ position: relative; z-index:5;}
.CompanyProfile .company-bg{ position:absolute; top:0; left:0; width:100%;}
.CompanyProfile .title{ margin-bottom:.15rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.CompanyProfile .profile{margin:.5rem 0 2.5rem;line-height:1.8;width:56%;font-size:var(--font-size18);position:relative;z-index:3;}
.CompanyProfile .company-box{ position:relative;}
.CompanyProfile .num-box{ width:3.6rem; background-image: url(../images/about-img2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:.3rem .6rem .8rem; position: relative; z-index:3; border-radius:.1rem;}
.CompanyProfile .num-box dd{ padding:.25rem 0; border-bottom:solid 1px rgba(0,0,0,.1);}
.CompanyProfile .num-box dd .suz{ line-height:.85; font-size:var(--font-size60); font-weight:bold; color:#c7000a;}
.CompanyProfile .num-box dd sub{ margin-left:.1rem; font-size:.24rem;}
.CompanyProfile .num-box dd .txt{ margin-bottom:.1rem;}
.CompanyProfile .num-box dd .ixt{ font-size:var(--font-size18);}
.CompanyProfile .num-box dd .iot{ margin-left:0; line-height:.8; font-size:var(--font-size60); font-weight:bold; color:#c7000a;}
.CompanyProfile .pic{ width:100%; margin-top:-2.5rem;}
.CompanyProfile .pic .wtd{ width:88vw; border-radius:.1rem;}
.CompanyProfile .txt-wz{line-height:2; font-size:var(--font-size18); padding:.45rem 0;}
.culture-box{ padding:1rem 0 2.7rem; background-color:#f8f8f8; background-repeat:no-repeat; background-position:center bottom; background-size:contain;position: relative;}
.culture-box .culture-bg{ position:absolute; bottom:0; left:0; width:100%;}
.culture-box .title{ margin-bottom:.5rem; font-size:var(--font-size48); font-weight:bold; color:#36353b; text-align:center;}
.culture-box .list-box .item{ position:relative; background:#ffffff; box-shadow:0 0 .1rem rgba(0,0,0,.05); margin:0 0 .22rem; text-align:center; font-size:var(--font-size18); border-radius:.1rem; overflow:hidden; cursor:pointer; margin-right:1.85%; transition:.3s;}
.culture-box .list-box .item a{ display:block;padding:.65rem .2rem;}
.culture-box .list-box .item .icon{ margin-bottom:.2rem; height:.7rem;}
.culture-box .list-box .item .icon span{ position:relative; display:block;}
.culture-box .list-box .item .icon img{ display:block;}
.culture-box .list-box .item .icon .ito{ position:absolute; left:0; top:0; opacity:0;}
.culture-box .list-box .item .tit{ font-size:var(--font-size30); color:#333; font-weight:bold;}
.culture-box .list-box .item .des{ color:#555; line-height:1.8;}
.culture-box .list-box .item .line::after{ content:''; display:block; width:.2rem; height:.03rem; background:#c7000a; border-radius:.1rem; margin:.15rem auto;}
.culture-box .list-box .item:hover{ background:#c7000a;}
.culture-box .list-box .item:hover .tit{ color:#fff;}
.culture-box .list-box .item:hover .des{ color:#fff;}
.culture-box .list-box .item:hover .line::after{ background:#fff;}
.culture-box .list-box .item:hover .icon img{ opacity:0;}
.culture-box .list-box .item:hover .icon .ito{ position:absolute; left:0; top:0; opacity:1;}
.culture-box .list-box .item:nth-child(1),
.culture-box .list-box .item:nth-child(2),
.culture-box .list-box .item:nth-child(3){ width:29.167%;}
.culture-box .list-box .item:nth-child(4),
.culture-box .list-box .item:nth-child(5),
.culture-box .list-box .item:nth-child(6),
.culture-box .list-box .item:nth-child(7){ width:23.612%;}
.culture-box .list-box .item:nth-child(8),
.culture-box .list-box .item:nth-child(9),
.culture-box .list-box .item:nth-child(10){ width:29.167%;}
.culture-box .list-box .item:nth-child(3),
.culture-box .list-box .item:nth-child(7),
.culture-box .list-box .item:nth-child(10){ margin-right:0;}
.organizational-box{ padding:1.1rem 0; background-image:url(../images/about-bg2.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.organizational-box .title{text-align:center; margin-bottom:.5rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.history-box{padding:1.1rem 0; background-image: url(../images/history-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.history-box .title{ margin-bottom:1rem; font-size:var(--font-size48); font-weight:bold; color:#36353b; text-align:center;}
.history-box .switch-box{ padding:0 .8rem; position:relative;}
.history-box .switch-box::after{position:absolute;left:0;top:50%;content:'';display:block; width:100%; height:1px; background:#c6c6c6;}
.history-box .swiper{ padding:0 .15rem; padding-right:.2rem;}
.history-box .swiper .item{height:2.45rem; padding-left:.2rem; padding-bottom:.3rem; position:relative; display:-webkit-flex; display:flex; justify-content:flex-start; align-items:flex-start;}
.history-box .swiper .item .center{ width:100%;}
.history-box .swiper .item .years{ margin-bottom:.15rem; font-size:var(--font-size24);}
.history-box .swiper .item .des{ width:110%; font-size:.16rem; position:relative; padding-left:.1rem; max-height:10.5em; overflow:auto; padding-right:.1rem;}
.history-box .swiper .item .des::-webkit-scrollbar{width:3px;background-color:#eee}
.history-box .swiper .item .des::-webkit-scrollbar-thumb{ border: solid 1px #c7000a; width:3px; border-radius:4px; background-color:#c7000a; }
.history-box .swiper .item .des p{ margin:0;}
.history-box .swiper .item .des::before{ width:.03rem; height:.03rem; background:#000; position:absolute; left:0; top:.12rem; content:''; display:block;}
.history-box .swiper .line{ position:absolute; left:0; top:0; width:1px; height:100%; background:#c6c6c6;}
.history-box .swiper .line::after{ position:absolute; left:-.04rem; top:0; content:''; display:block; width:.08rem; height:.08rem; border-radius:100%; background:#c6c6c6;}
.history-box .swiper .line .pot{bottom:-.15rem;left:-.15rem; position:absolute; width:.3rem; height:.3rem; background-color:rgba(198,198,198,.3); border-radius:100%; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.history-box .swiper .line .pot::after{ content:''; display:block; width:.12rem; height:.12rem; border-radius:100%; background:#c6c6c6;}
.history-box .swiper .swiper-slide{ padding-bottom:2.43rem;}
.history-box .swiper .swiper-slide:nth-child(2n){ padding-bottom:0; padding-top:2.43rem;}
.history-box .swiper .swiper-slide:nth-child(2n) .item{padding-top:.2rem; align-items:flex-end;}
.history-box .swiper .swiper-slide:nth-child(2n) .line .pot{ bottom: auto; top:-.15rem;}
.history-box .swiper .swiper-slide:nth-child(2n) .line::after{ top:auto; bottom:0;}
.history-box .swiper-but{top:49.5%;width:.5rem;height:.5rem;border:solid 1px #c7000a;background:#c7000a;border-radius:1rem; transition:.3s;}
.history-box .swiper-but::after{font-size:var(--font-size16);color:#fff;font-weight:bold; transition:.3s;}
.history-box .swiper-button-prev{left:0;}
.history-box .swiper-button-next{right:0;}
.history-box .swiper-button-disabled{background:#fff; border-color:#c6c6c6; opacity:1;}
.history-box .swiper-button-disabled::after{color:#c7000a;}

@media (max-width:1024px) {
.culture-box .list-box .item .icon{ height:.6rem;}
.culture-box .list-box .item .icon img{ width:.6rem; height:.6rem;}
.culture-box .list-box .item .tit{ font-size:var(--font-size26);}
.culture-box .list-box .item a{ padding:.5rem .1rem;}
.CompanyProfile{ padding:.5rem 0;}
.CompanyProfile .profile{ margin-top:.2rem;}
}

@media (max-width:640px) {
.CompanyProfile .title{ font-size:var(--font-size36);}
.CompanyProfile .profile{ width:100%; margin-bottom:.1rem;}
.CompanyProfile .pic{ margin-top:0;}
.CompanyProfile .num-box{ padding:.3rem; width:100%; margin:.2rem 0;}
.CompanyProfile .num-box dd .suz{ font-size:var(--font-size40);}
.culture-box{ padding:.5rem 0 1rem;}
.culture-box .title{ font-size:var(--font-size36);}
.culture-box .list-box{ justify-content:space-between;}
.culture-box .list-box .item{ width:49%!important; margin:0 0 2%;}
.culture-box .list-box .item a{ padding:.3rem .1rem;}
.organizational-box{ padding:.5rem 0;}
.organizational-box .title{ font-size:var(--font-size36);}
.history-box{ padding:.5rem 0;}
.history-box .title{ font-size:var(--font-size36); margin-bottom:.2rem;}
.history-box .swiper{ padding:.15rem;}
.history-box .swiper .swiper-slide{ padding:0!important;}
.history-box .swiper .item{ padding:.2rem;}
.history-box .swiper .item .des{ width:100%;}
.history-box .switch-box{ padding:0 .5rem;}
.history-box .switch-box::after{ top:auto; bottom:.14rem;}
.history-box .swiper .swiper-slide:nth-child(2n) .item{ align-items:flex-start;}
.history-box .swiper .swiper-slide:nth-child(2n) .line::after{ top:0;}
.history-box .swiper .swiper-slide:nth-child(2n) .line .pot{ top:auto; bottom:-.15rem;}
}



/*Page002623 */
.Page002623{text-align:center;font-family: Arial;font-size:var(--font-size16);margin-top:.35rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float:left; font-style:normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float:left;line-height:.6rem;width:.6rem;margin:0 .1rem;border:solid 1px #e6e6e6;border-radius:100%; color:#333333;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color:#fff; background-color:#c7000a; border-color:#c7000a;}
.Page002623 .Pages .p_page>a{font-size:0;height:.6rem;position:relative;}
.Page002623 .Pages .p_page>a::after{display:block;font-size:var(--font-size18);font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;}
.Page002623 .Pages .p_page>a.a_prev,
.Page002623 .Pages .p_page>a.a_next{display:-webkit-flex; display:flex; align-items:center; justify-content:center; font-weight:bold;}
.Page002623 .Pages .p_page>a.a_prev::after{content:'prev';}
.Page002623 .Pages .p_page>a.a_next::after{content:'next';}
@media(max-width:640px){
.Page002623 .Pages a{ width:.47rem; line-height:.45rem; margin:0 .05rem;}
.Page002623 .Pages .p_page >a{ height:.45rem;}
}




/* 品牌优势 */
.brand-box{ padding:.8rem 0 1.5rem; background-image: url(../images/brand-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.brand-box .title{ margin-bottom:.4rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.brand-box .list-box li{ width:23.6%; margin-right:1.866666%; margin-bottom:1.86666%; cursor:pointer;}
.brand-box .list-box li .pic{ background-image: url(../images/brand-bg3.jpg); padding:1rem .4rem; background-repeat:no-repeat; background-position:center; background-size:100% 100%; border-radius:.1rem; overflow:hidden;}
.brand-box .list-box li .pic .img{ background-image: url(../images/brand-bg1.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; padding:.15rem; border-radius:.1rem; overflow:hidden;}
.brand-box .list-box li .pic .img figure{ padding-bottom:74%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.brand-box .list-box li .text{ padding:.25rem 0; font-size:var(--font-size18); text-align:center;}
.brand-box .list-box li:nth-child(4n){ margin-right:0;}

@media(max-width:640px){
.brand-box{ padding:.5rem 0 1rem;}
.brand-box .title{ font-size:var(--font-size36);}
.brand-box .list-box li{ width:49%; margin-right:2%; margin-bottom:2%;}
.brand-box .list-box li:nth-child(2n){ margin-right:0;}
.brand-box .list-box li .text{ font-size:var(--font-size18);}
.brand-box .list-box li .pic{ padding:.5rem .2rem;}
}



/* 联系我们 */
.contact-box{ padding:.8rem 0 1.5rem; background-image: url(../images/contact-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.contact-box .title{ margin-bottom:.4rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.contact-box .text{ font-size:var(--font-size18);}
.contact-box .text .tel-txt{ background-image: url(../images/bot-tel.png);background-repeat:no-repeat; background-position:left center; background-size:.16rem; padding-left:.3rem;}
.contact-box .text .tel{ margin:.15rem 0 .05rem; font-size:var(--font-size48); color:#c7000a; font-weight:bold;}
.contact-box .text .tiem{ color:#000000;}
.contact-box .lo{ margin-bottom:.15rem; font-size:var(--font-size24); color:#333333;}
.contact-box .qrcode .ioax{ text-align:center;}
.contact-box .qrcode .pic{ border:solid 1px #efefef; padding:.05rem; border-radius:.1rem;}
.contact-box .qrcode .pic img{ width:1rem;}
.contact-box .qrcode .txt{ padding:.1rem 0;}
.contact-box .contact-con{ background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.05); padding:.7rem .6rem; border-radius:.15rem;}
.contact-box .let-box{ width:calc(45% - 1rem); padding-right:1rem;}
.contact-box .let-box .lo{ margin-top:.7rem;}
.contact-box .rig-box{ width:calc(70% - 1rem); padding-left:1rem; border-left:solid 1px rgba(0,0,0,.1);}
.contact-box .rig-box li{ margin-bottom:.35rem;}
.contact-box .rig-box li .name{ padding:.08rem 0; margin-bottom:.05rem; font-size:var(--font-size18);background-repeat:no-repeat; background-position:left center; background-size:.35rem; padding-left:.4rem;}
.contact-box .rig-box li .icon-yx{background-image: url(../images/contact-icon1.png);}
.contact-box .rig-box li .icon-yb{background-image: url(../images/contact-icon2.png);}
.contact-box .rig-box li .icon-cz{background-image: url(../images/contact-icon3.png);}
.contact-box .rig-box li .icon-dz{background-image: url(../images/contact-icon4.png);}
.contact-box .rig-box li .txt{ font-size:var(--font-size24); font-weight:500;}
.contact-box .rig-box li:last-child{ margin-bottom:0;}
@media(max-width:1024px){
.contact-box .text .tel{ font-size:var(--font-size36);}
.contact-box .lo{ font-size:var(--font-size22);}
.contact-box .let-box{ width:calc(45% - .5rem); padding-right:.5rem;}
.contact-box .rig-box{ width:calc(64% - .5rem); padding-left:.5rem;}
}
@media(max-width:640px){
.contact-box .let-box{ width:100%; padding:0;}
.contact-box .title{ font-size:var(--font-size36);}
.contact-box{ padding:.5rem 0;}
.contact-box .let-box .lo{ margin-top:.35rem;}
.contact-box .rig-box{ margin-top:.2rem; width:100%; padding:0; border-left:none;}
.contact-box .rig-box li{ margin-bottom:.2rem;}
.contact-box .rig-box li .txt{ font-size:var(--font-size20);}
.contact-box .lo{ font-size:var(--font-size18);}
.contact-box .contact-con{ padding:.3rem;}
}



/* 产品中心 */
.product-box{ padding:1rem 0 1.5rem; background-image: url(../images/contact-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.product-box .title{ margin-bottom:.4rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.product-box .category-menu{ margin-bottom:.4rem;}
.product-list li{width:23.611111%; text-align:center; margin-bottom:1.5%; margin-right:1.84444444%;}
.product-list li .pic{ background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.08); padding:.3rem; border-radius:.1rem; overflow:hidden; transition:.3s;}
.product-list li .pic figure{ position:relative; padding-bottom:100%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.product-list li .pic figure img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; height:100%; object-fit:contain;}
.product-list li .text{ font-size:var(--font-size18); padding:.15rem 0;}
.product-list li:nth-child(4n){ margin-right:0;}
.product-list li a:hover .pic{ box-shadow:0 0 .15rem rgba(199,0,10,.3);}
@media(max-width:640px){
.product-box{ padding:.5rem 0 1rem;}
.product-box .title{ font-size:var(--font-size36); margin-bottom:.2rem;}
.product-list li{ width:49%; margin-bottom:2%; margin-right:2%;}
.product-list li:nth-child(2n){ margin-right:0;}
}




/* 产品详情 */
.product-info{ overflow:hidden;}
.product-info .inside-menu{ padding:.25rem 0; z-index:5;}
.product-info .inside-menu .ul{ width:0;}
.product-con{ background-image: url(../images/pro-bg2.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.product-con .info-one .text{ padding:.45rem 0; width:38.5%;}
.product-con .info-one .text .return a{ padding:.15rem .3rem; display:-webkit-flex; display:flex; align-items:center; border:solid 1px #f2f2f2; border-radius:.1rem;}
.product-con .info-one .text .return a::before{ content:''; display:block; width:.2rem; height:.2rem;background-image: url(../images/return.svg); background-size:.15rem; background-repeat:no-repeat; background-position:center; opacity:.8;}
.product-con .info-one .text .return a span{ margin-left:.15rem;}
.product-con .info-one .text .return a:hover{ background:#c7000a; color:#fff;}
.product-con .info-one .text .return a:hover::before{filter:invert(100%); opacity:1;}
.product-con .info-one .text .tit{ margin:.3rem 0; font-size:var(--font-size42);}
.product-con .info-one .text .des{ font-size:var(--font-size18); line-height:2;}
.product-con .info-one .text .des p{ margin:0;}
.product-con .info-one .more{ margin-top:.5rem;}
.product-con .info-one .more a{ background:#c7000a; color:#fff; padding:.1rem .2rem; border-radius:1rem;}
.product-con .info-one .more a i{ margin-left:.15rem; width:.34rem; height:.34rem; background:#fff; display:-webkit-flex; display:flex; align-items:center; justify-content:center; border-radius:1rem;}
.product-con .info-one .more a i::after{content:'next';font-size:var(--font-size12);font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; color:#c7000a; font-style: normal; font-weight:bold;}
.product-con .info-two{ border-bottom:solid 1px rgba(162,165,172,.2); padding:.65rem 0;}
.product-con .info-two .tit{ margin:.2rem 0; font-size:var(--font-size42);}
.product-con .info-two .des{ font-size:var(--font-size18); line-height:2;}
.product-con .info-two .des strong{ font-weight:500;}
.product-con .info-two .des p{ margin:0;}
.product-con .turm-box{ padding:.3rem 0 .5rem; font-size:var(--font-size18);}
.product-con .turm-box .prev-box,
.product-con .turm-box .next-box{ max-width:48%;}
.product-con .turm-box a{ color:#333333;}
.product-con .turm-box a>div{ width:calc(100% - .6rem);}
.product-con .turm-box .prev-box a div{ margin-left:.2rem;}
.product-con .turm-box .next-box a div{ margin-right:.2rem;}
.product-con .turm-box .next::after,
.product-con .turm-box .prev::before{ display:block; width:.5rem; height:.5rem; content:''; border:solid 1px #cecdcc; border-radius:100%; overflow:hidden; background-image:url(../images/arrow1.svg); background-position:center; background-repeat:no-repeat; background-size:.12rem;}
.product-con .turm-box .prev::before{ transform:rotate(180deg);}
.product-con .turm-box a:hover::after,
.product-con .turm-box a:hover::before{ border-color:#c7000a; background-color:#c7000a; background-image:url(../images/arrow2.svg);}
.product-con .switch-box{ width:53.5%;}
.product-con .switch-box .vw60{ width:53.333333vw; background-image:url(../images/pro-bg3.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.product-con .switch-box .item{ padding-bottom:55%;}
.product-con .switch-box .item .center{ position:absolute; top:8%; left:0; width:100%; height:92%;}
.product-con .switch-box .item .center img{ max-width:60%; height:60%; object-fit:contain;}
.product-con .switch-box .swiper-pagination-bullet{background-color:transparent;width:.24rem; height:.24rem;opacity:1;margin:0 .05rem;  display:inline-block; font-size:0; text-align:center; line-height:.24rem; vertical-align:middle;}
.product-con .switch-box .swiper-pagination{ bottom:8%;}
.product-con .switch-box .swiper-pagination-bullet::after{ content:''; display:inline-block; width:.12rem; height:.12rem; border:solid .02rem rgba(0,0,0,.4); border-radius:1rem; overflow:hidden; vertical-align:middle;}
.product-con .switch-box .swiper-pagination-bullet-active{ background-image:url(../images/pot.svg);background-repeat:no-repeat; background-position:center; background-size:contain;}
.product-con .switch-box .swiper-pagination-bullet-active::after{ display:none;}

.Hot-selling{ padding:.9rem 0; background-color:#f8f8f8;}
.Hot-selling .tit{ margin-bottom:.4rem; font-size:var(--font-size42);}
.Hot-selling .swiper{ padding:.1rem; width:calc(100% + 0.1rem); margin-left:-.05rem;}
.Hot-selling .item .pic{ background:#fff; padding-bottom:100%; box-shadow:0 0 .1rem rgba(0,0,0,.07); border-radius:.05rem; position: relative;}
.Hot-selling .item .center{ position:absolute; left:0; top:0; width:100%; height:100%;}
.Hot-selling .item .center img{ width:100%; height:100%;object-fit:contain;}
.Hot-selling .item .txt{ font-size:var(--font-size18); padding-top:.2rem; text-align:center;}
.Hot-selling .swiper-but{ width:.5rem; height:.5rem; border:solid 1px #000; border-radius:1rem; transition:.3s;}
.Hot-selling .swiper-but::after{ font-size:var(--font-size16); color:#000; font-weight:bold; transition:.3s;}
.Hot-selling .swiper-button-prev{ left:2%;}
.Hot-selling .swiper-button-next{ right:2%;}
.Hot-selling .swiper-but:hover{ background:#c7000a; border-color:#c7000a;}
.Hot-selling .swiper-but:hover::after{color:#fff;}

@media(max-width:640px){
.product-con .info-one .text{ width:100%;}
.product-con .info-one .text .tit,
.product-con .info-two .text .tit{ font-size:var(--font-size36);}
.product-con .switch-box{ width:100%;}
.product-con .switch-box .vw60{ width:100%;}
.product-con .turm-box a{ color:#333333; max-width:49%;}
.product-con .turm-box a>div{ margin-left:.1rem; width:calc(100% - .45rem);}
.product-con .turm-box .next::after,
.product-con .turm-box .prev::before{ width:.35rem; height:.35rem;}
.Hot-selling .tit{ font-size:var(--font-size36);}
.Hot-selling .swiper-button-prev{ left:5%;}
.Hot-selling .swiper-button-next{ right:5%;}
}


/* 新闻中心 */
.news-box{ padding:1rem 0 1.5rem; background-image: url(../images/news-bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.news-box .title{ margin-bottom:.4rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.news-list li{ width:100%; margin-bottom:2%;}
.news-list li a{ display:block; background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.05); border-bottom:solid 2px transparent; transition: .3s; padding:.15rem .2rem;}
.news-list li:nth-child(3n){ margin-right:0;}
.news-list li .tit-box{ width:100%;}
.news-list li .tit{ width:calc(100% - 6em); display:grid; font-size:var(--font-size20); color:#36353b;}
.news-list li .tiem{ color:#b2b2b2;}
.news-list li a:hover{ border-color:#c7000a;}
.news-list li a:hover .tit{ color:#c7000a;}
.news-list li a:hover .pic figure{ transform:scale(1.05);}
@media(max-width:640px){
.news-box{ padding:1rem 0;}
.news-box .title{ font-size:var(--font-size36); margin-bottom:.2rem;}
.news-list li:nth-child(3n),
.news-list li{ width:100%; margin-right:0; margin-bottom:4%;}
}


/* 新闻中心详情 */
.news-info{ padding:.6rem 0 1rem; background-image: url(../images/news-ingo-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-info .title{ text-align:center; font-size:var(--font-size32);}
.news-info .other{ padding:.4rem 0; border-bottom:solid 1px #e0ead8;}
.news-info .other>div{ margin:0 .2rem;}
.news-info .info-con{ padding:.4rem 0; line-height:2; color:#333333;}
.news-info .info-con p{margin:0;}
.news-info .share-box{ padding-bottom:.15rem;}
.news-info .share-box .icon{ display:block; width:.3rem; height:.3rem; border-radius:1rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-info .share-box .wx-icon{ margin-right:.15rem; background-color:#22ac38; background-image:url(../images/wx.svg);}
.news-info .share-box .pyq-icon{ background-color:#00a0e9; background-image:url(../images/pyq.svg);}
.news-info .turm-box{ padding:.45rem 0 0; border-top:solid 1px #ebe4df;}
.news-info .turm-box dl{ width:80%;}
.news-info .turm-box dl dd{ margin-bottom:.1rem;}
.news-info .turm-box dl dd span{ padding-right:.15rem; color:#999999;}
.news-info .turm-box dl dd a{ color:#333333;}
.news-info .turm-box dl dd:last-child{ margin-bottom:0;}
.news-info .turm-box dl dd a:hover{ color:#c7000a;}
.news-info .turm-box .but{ background:url(../images/but-bg1.png); background-size:contain; background-repeat:no-repeat; background-position:center; color:#fff; background:#c7000a; padding:.15rem .25rem; border-radius:.1rem;}
.news-info .turm-box .but::before{ content:''; display:block; width:.2rem; height:.2rem;background-image: url(../images/return.svg); background-size:.15rem; background-repeat:no-repeat; background-position:center;filter:invert(100%);}
.news-info .turm-box .but span{ margin:0 .1rem;}
@media(max-width:640px){
.news-info .title{ font-size:var(--font-size26);}
.news-info .other{ padding:.2rem 0;}
.news-info .other>div{ margin:.05rem .1rem;}
.news-info .turm-box dl{ width:100%; margin-bottom:.2rem;}
}


/* 供求信息 */
.supply-box{ padding:1rem 0 1.5rem; background-image: url(../images/news-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.supply-box .title{ margin-bottom:.4rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.supply-box .list-box{ margin-bottom:.8rem;}
.supply-box .list-box li{ padding:.3rem .45rem; background:#fff; margin-bottom:.2rem;}
.supply-box .list-box li .tiem{ width:1rem; text-align:center; color:#999999;}
.supply-box .list-box li .tiem .day{ font-size:var(--font-size48); color:#555555;}
.supply-box .list-box li .tit{ padding:0 .5rem; width:calc(100% - 1rem); font-size:var(--font-size20); color:#333333;}
.supply-box .list-box li .more span{display:block; width:.5rem; height:.5rem; border-radius:1rem; border:solid 1px #c6c6c6; background-image:url(../images/arrow3.svg); background-size:.11rem; background-repeat:no-repeat; background-position:center;}
.supply-box .list-box li:hover span{ border-color:#c7000a; background-color:#c7000a; background-image:url(../images/arrow4.svg);}
.supply-box .list-box li:hover .tit{ color:#c7000a;}
@media(max-width:640px){
.supply-box{ padding:1rem 0;}
.supply-box .title{ font-size:var(--font-size36); margin-bottom:.2rem;}
.supply-box .list-box{ margin-bottom:.35rem;}
.supply-box .list-box li{ padding:.2rem .1rem;}
.supply-box .list-box li .tit{ padding:0 .1rem;}
.supply-box .list-box li .tiem .day{ font-size:var(--font-size30);}
}



/* 招聘信息 */
.Recruitment-box{ padding:1rem 0 1.5rem; background-image: url(../images/news-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.Recruitment-box .title{ margin-bottom:.2rem; font-size:var(--font-size48); color:#36353b; font-weight:bold;}
.Recruitment-box .title-des{ margin-bottom:.35rem; font-size:var(--font-size18); color:#555555;}
.Recruitment-box .title-des a{ color:#c7000a;}
.Recruitment-box .list-box{ z-index:5; position:relative;}
.Recruitment-box li{width:48.612%;background:#fff;padding:.3rem .4rem;border:solid 1px #ebebeb;position:relative;border-radius:.1rem; margin-bottom:3%;}
.Recruitment-box li .tit{ margin-bottom:.15rem; font-size:var(--font-size24);}
.Recruitment-box li .des{ font-size:var(--font-size18); color:#333333;}
.Recruitment-box li .des span{ border-right:solid 1px #ccc; padding-right:.15rem; margin-right:.15rem;}
.Recruitment-box li .des span:last-child{ border-right:none; margin-right:0;}
.Recruitment-box li .dow-icon{ width:.5rem; height:.5rem; position:absolute; right:.35rem; top:50%; margin-top:-.25rem; border:solid 1px #cfcfcf; border-radius:1rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center; align-items:center; transform:rotate(90deg); transition:.3s;}
.Recruitment-box li .dow-icon::after{display:block;font-size:var(--font-size16);font-family:swiper-icons;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1;content:'next';font-weight:bold; color:#c7000a;}
.Recruitment-box li .dow-con{ padding:.3rem .4rem .6rem; position:absolute; left:0; top:100%; width:100%; z-index:5; display:none; background:#fff; line-height:1.8; box-shadow:0 .1rem .1rem rgba(0,0,0,.1); margin-top:-.1rem; border-radius:0 0 .1rem .1rem;}
.Recruitment-box li .dow-con strong{ margin-bottom:.15rem; display:block; font-size:var(--font-size18); color:#333333;}
.Recruitment-box li .dow-con p{margin:0; color:#666666;}
.Recruitment-box li .dow-con .aniu{ margin-top:.4rem;}
.Recruitment-box li .dow-con .aniu .but{ background:#c7000a; padding:.1rem .2rem; color:#fff; margin-right:.2rem; border-radius:1rem;}
.Recruitment-box li .dow-con .aniu .but span{ line-height:1.2; margin-right:.2rem; display:block;}
.Recruitment-box li .dow-con .aniu .but i{ background-color:#fff; background-image:url(../images/arrow0.svg); width:.35rem; height:.35rem; background-repeat:no-repeat; background-position:center; background-size:.12rem; border-radius:1rem; transform:rotate(-90deg);}
.Recruitment-box li .dow-con .aniu .email{ padding:.1rem 0; line-height:1; background-image:url(../images/contact-icon1.png); background-repeat:no-repeat; background-position:center left; background-size:.3rem; padding-left:.35rem;}
.Recruitment-box li.active .tit,
.Recruitment-box li:hover .tit{ color:#c7000a;}
.Recruitment-box li.active .dow-icon,
.Recruitment-box li:hover .dow-icon{ background-color:#c7000a;}
.Recruitment-box li.active .dow-icon::after,
.Recruitment-box li:hover .dow-icon::after{ color:#fff;}
.Recruitment-box li.active .dow-icon{ transform:rotate(-90deg);}

@media(max-width:640px){
.Recruitment-box{ padding:1rem 0;}
.Recruitment-box .title{ font-size:var(--font-size36);}
.Recruitment-box .title-des{ line-height:1.8;}
.Recruitment-box li{ width:100%; padding:.2rem;}
.Recruitment-box li .tit{ font-size:var(--font-size22);}
.Recruitment-box li .dow-con{ padding:.2rem .2rem .4rem;}
.Recruitment-box li .dow-icon{ width:.3rem; height:.3rem; top:.2rem; margin-top:0; right:.2rem;}
.Recruitment-box li .dow-icon:after{ font-size:var(--font-size12);}
.Recruitment-box li .dow-con .aniu{ margin-top:.2rem;}
.Recruitment-box li .dow-con .aniu .but{ margin-bottom:.1rem; margin-right:0;}
.Recruitment-box li .dow-con .aniu .email{ width:100%;}
}


/* 美食学堂 */
.Culinary-list li{width:23.611111%;  margin-bottom:1.5%; margin-right:1.84444444%;border-bottom: 0.01rem solid #eee;}
.Culinary-list li a{position: relative;}
.Culinary-list li .play{display: block;width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #36353b url(../images/play.png) no-repeat center center; background-size: 0.16rem auto; position: relative; z-index: 4;z-index: 5;position: absolute;left: 0.2rem;bottom: 0.2rem;transition: all 0.5s;}
.Culinary-list li:hover .play{transform: scale(1.1);background-color: #c7000a}

.Culinary-list li .pic{ background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,.08); border-radius:.1rem;position: relative; overflow:hidden; transition:.3s;}
.Culinary-list li .pic figure{ position:relative; padding-bottom:63.53%; overflow: hidden;}
.Culinary-list li .pic figure img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.3s;}
.Culinary-list li .text{ padding:.18rem 0;}
.Culinary-list li .text .tit{font-size:var(--font-size20);line-height: 1.4;margin-bottom: 0.1rem;}
.Culinary-list li time{color: #999;margin-top: 0.1rem;}
.Culinary-list li:nth-child(4n){ margin-right:0;}
.Culinary-list li a:hover .pic{ box-shadow:0 0 .15rem rgba(199,0,10,.3);}
.Culinary-list li a:hover figure img{ transform:translate(-50%,-50%) scale(1.05);}
@media(max-width:640px){
.Culinary-list li{ width:49%; margin-bottom:2%; margin-right:2%;}
.Culinary-list li:nth-child(2n){ margin-right:0;}
}

/* 视频弹窗 */
.Culinary-list > .Popup{position: fixed;background:rgba(0, 0, 0, 0.75);}
.Culinary-list .videobox .Popup{position: absolute;}
.Culinary-list .Popup{ width: 100%; height: 100%; top: 0; left: 0; z-index: 100;}
.Culinary-list .Popup .ytable{height: 100%;}
.Culinary-list .Popup .ytable .video{ max-width: 10rem;  width: 80%;  margin: 0 auto; padding: 0.1rem; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);}
.Culinary-list .Popup video{ width: 100%;object-fit: contain;max-height: 70vh; }
.Culinary-list .videobox .Popup video{ height: 100%;background: #000; }
.Culinary-list .Popup .close{position: absolute;right: 0.2rem;top: 0.2rem; width: 0.3rem; height: 0.3rem; cursor: pointer; z-index: 10; cursor: pointer;}
.Culinary-list .Popup .close:before,
.Culinary-list .Popup .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.Culinary-list .Popup .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}