@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: 32px;height: 32px;margin: 4px;font-size: 14px;color: #777;transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #222;background-color: #222;color: #fff;}
.paging-menu a i{font-size: 10px;}
.paging-menu a.last{transform: rotate(180deg);}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
/* .paging-hint:first-of-type{margin: 0;} */
.paging-skip input{width: 48px;text-align: center;height: 32px;border: 1px solid #e5e5e5;font-size: 14px;color: #333;border-radius: 30px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #222;}
.paging-skip button{color: #222;font-family: 'SB'; font-size: 14px;padding: 0 15px;border: 1px solid #222;transition: all .4s ease;height: 32px;background: #fff;cursor: pointer;border-radius: 30px;}
.paging-skip button:hover{background-color: #222;color: #fff;border-color: #222;}
.paging-hint span{color: #222;}
@media all and (max-width:1000px){.paging{justify-content: center;}.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin: 8px 0 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #e4202a;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #e4202a;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #e4202a !important;}
.search-link:hover h2{color: #e4202a;}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #e4202a;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #e4202a;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
/* 内页公共 */
.pagesBread .item{color: rgba(34, 34, 34, .25);margin-left: 22px;transition: all .4s ease;position: relative;}
.pagesBread .item::after{content: "/";position: absolute;left: -14px;top: 0;color: rgba(34, 34, 34, .25);display: block;}
.pagesBread .item:first-child{margin-left: 0;}
.pagesBread .item:first-child:after{display: none;}
.pagesBread .item:hover,.pagesBread .item:last-child{color: #222;}
.pagesBan .pagesBread .item{color: rgba(255, 255, 255, .25);}
.pagesBan .pagesBread .item::after{color: rgba(255, 255, 255, .25);}
.pagesBan .pagesBread .item:hover,.pagesBan .pagesBread .item:last-child{color: #fff;}
.pagesBan-bg img{width: 100%;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.pagesBan-con .title{animation: banText 1s ease both;}
.pagesBan-con .text{animation: banText 1s ease both .1s;width: max(400px,5.5rem);max-width: 100%;}
.pagesBan .pagesBread{animation: banText 1s ease both .2s;}
@keyframes banText {0%{opacity: 0;transform: translateY(0.5rem);}100%{opacity: 1;transform: translateY(0);}}
/* 联系我们 */
.ctaFlex{justify-content: space-between;align-items: flex-start;}
.ctaLeft{width: 61.5%;}
.ctaForm{justify-content: space-between;}
.ctaForm-item{width: 49%;}
.ctaForm-item.w100{width: 100%;}
.ctaForm-item input{margin-top: 3px;padding: 0 max(12px,0.18rem); width: 100%;height: max(38px,0.5rem);background: #fff;box-shadow: inset 0px 1px 0.1rem 0px rgba(0, 0, 0, 0.1);}
.ctaForm-item input::-webkit-input-placeholder{color: inherit;}
.ctaForm-item textarea{resize: vertical; margin-top: 3px;padding: 12px max(12px,0.18rem); width: 100%;height: max(100px,1.4rem);background: #fff;box-shadow: inset 0px 1px 0.1rem 0px rgba(0, 0, 0, 0.1);}
.ctaForm-item .ctaForm-code{align-items: center;}
.ctaForm-item .ctaForm-code input{width: auto;flex: 1;}
.ctaForm-item .ctaForm-code img{height: max(36px,0.46rem);user-select: none;cursor: pointer;margin-left: 20px;}
.ctaForm-select{user-select: none;cursor: pointer;margin-top: 3px;}
.ctaForm-menu{align-items: center;transition-delay: .25s; justify-content: space-between;padding: 0 max(12px,0.18rem); width: 100%;height: max(38px,0.5rem);background: #fff;box-shadow: inset 0px 1px 0.1rem 0px rgba(0, 0, 0, 0.1);}
.ctaForm-menu::after{content: "\e62e";font-family: 'icon';font-size: 12px;transform: rotate(180deg);display: block;transition: all .4s ease;}
.ctaForm-menu.active{border-bottom-left-radius: 0;border-bottom-right-radius: 0;transition-delay: 0;}
.ctaForm-menu.active::after{transform: rotate(0);}
.ctaForm-drop{position: absolute;left: 0;top: 100%;width: 100%;border-radius: 0 0 8px 8px;max-height: max(190px,2.5rem);overflow-y: auto;display: none;box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);}
.ctaForm-drop .item{background: #fff;padding: 0 max(12px,0.18rem); width: 100%;height: max(38px,0.5rem);border-top: 1px solid #ddd;align-items: center;}
.ctaForm-drop .item:first-child{border-top: unset;}
.ctaForm-drop .item:hover{background: #ddd;}
.ctaTips i{width: 18px;height: 18px;margin-right: 10px;font-size: 10px;border: 1px solid #222;color: transparent;user-select: none;cursor: pointer;}
.ctaTips i.active{border-color: #e4202a;background: #e4202a;color: #fff;}
.ctaTips p{flex: 1;}
.ctaTips p a{text-decoration: underline;transition: all .4s ease;}
.ctaTips p a:hover{color: #e4202a;}
.ctaSubmit{user-select: none;cursor: pointer;width: max(200px,2.5rem);height: max(40px,0.48rem);border-radius: 40px;}
.ctaSubmit:hover{background: #a3060e;}
.ctaRight{padding: 0.35rem 0.4rem 0.7rem; width: 32%;background: #fff;box-shadow: 0px 5px 24px 0px rgba(8, 12, 18, 0.05);}
.ctaRight-data li{align-items: center;}
.ctaRight-data .ico{background: #faf2f3;width: 0.8rem;height: 0.8rem;margin-right: max(14px,0.24rem);}
.ctaRight-data .ico img{max-width: 50%;max-height: 50%;}
.ctaRight-data .desc{flex: 1;}
.ctaRight-data a:hover{color: #e4202a;text-decoration: underline;}
.ctaRight-code{border-top: 1px solid #e5e5e5;}
.ctaRight-code .list{margin-left: -0.3rem;}
.ctaRight-code .item{margin-left: 0.3rem;color: #e5e5e5;}
.ctaRight-code .item:hover{color: #e4202a;}
/* 关于我们 */
.abIntro{background: url('../images/pages/abIntro-bg.jpg') no-repeat center/cover;}
.abIntro-flex{justify-content: space-between;align-items: center;}
.abIntro-con{width: 56%;}
.abIntro-img{width: 41%;}
.abIntro-img .ico{width: 1.3rem;position: absolute;left: -0.5rem;top: -0.5rem;}
.abIntro-img .img img{width: 100%;height: 3.2rem;}
.abIntro-img .btn{user-select: none;cursor: pointer;width: max(40px,0.72rem);height: max(40px,0.72rem);border-radius: 50%;z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 0.05rem 0 0 0.05rem;}
.abIntro-img .btn:hover{transform: translate(-50%,-50%) scale(.9);}
.abIntro-img .btn:active{transform: translate(-50%,calc(-50% + 5px)) scale(.9);}
.abWH-flex{justify-content: space-between;align-items: flex-start;}
.abWH-img{width: 47%;}
.abWH-img .item{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all 1s linear;}
.abWH-img .item img{width: 100%;transform: scale(1.2);transition: all 2s linear 1s;height: 4.7rem;}
.abWH-img .item:first-child{position: relative;}
.abWH-img .item.active{z-index: 2;opacity: 1;}
.abWH-img .item.active img{transform: scale(1);transition-delay: 0s;}
.abWH-list{width: 47%;}
.abWH-item{border-top: 2px solid #e5e5e5;transition: all .4s ease;padding: 0.3rem 0.35rem;position: relative;overflow: hidden;}
.abWH-item:last-child{border-bottom: 2px solid #e5e5e5;}
.abWH-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/pages/abWH-item-bg.jpg') no-repeat center/cover;transition: all .4s ease;opacity: 0;}
.abWH-item>div{position: relative;z-index: 2;}
.abWH-menu{user-select: none;cursor: pointer;align-items: center;justify-content: space-between;}
.abWH-menu .btn{transform: rotate(180deg);transition: transform .4s ease;}
.abWH-drop{display: none;height: 1.8rem;}
.abWH-item:first-child .abWH-drop{display: block;}
.abWH-item.active{border-bottom-color: transparent;border-top: 4px solid #e4202a;box-shadow: 0px 0.05rem 0.24rem 0px rgba(8, 12, 18, 0.1);border-radius: 0 0 max(4px,0.12rem) max(4px,0.12rem);}
.abWH-item.active::after{opacity: 1;}
.abWH-item.active .abWH-menu{color: #e4202a;}
.abWH-item.active .abWH-menu .btn{transform: rotate(0);}
.abFZ{background: #f9f9f9 url('../images/pages/abFZ-bg.jpg') no-repeat center top/100% 83%;}
.abFZ-btn{position: absolute;left: 0;top: 0;z-index: 5;user-select: none;cursor: pointer;opacity: .25;transition: all .4s ease;}
.abFZ-btn.thumbs-next{left: auto;right: 0;transform: rotate(180deg);}
.abFZ-btn:hover{opacity: 1;}
.abFZ-swp{padding: 0 8.5vw;}
.abFZ-thumbs{position: relative;}
.abFZ-thumbs::after{content: "";position: absolute;left: 0;bottom: 16px;width: 100%;height: 2px;background: rgba(255, 255, 255, .1);z-index: 2;}
.abFZ-thumbs-line{transition: all .2s ease; position: absolute;left: 0;bottom: 16px;width: 0;height: 2px;background: #fff;z-index: 3;}
.abFZ-thumbs-year{padding-bottom: 10px;flex-direction: column;opacity: .5;color: #fff;}
.abFZ-thumbs-year i{display: block;position: relative;margin-top: 10px;width: 14px;height: 14px;border-radius: 50%;background: #fff;}
.abFZ-thumbs-year i::after,.abFZ-thumbs-year i::before{animation: fzDot 3s linear infinite; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,50%);width: 230%;height: 230%;background: #fff;border-radius: 50%;}
.abFZ-thumbs-year i::after{animation-delay: 1.5s;}
@keyframes fzDot {0%{opacity: 0;transform: translate(-50%,-50%) scale(.3);}50%{opacity: 1;transform: translate(-50%,-50%) scale(.6);}100%{opacity: 0;transform: translate(-50%,-50%) scale(1);}}
.abFZ-thumbs-year.active{opacity: 1;}
.abFZ-gallery{width: calc(100% + 60px);margin-left: -30px;}
.abFZ-gallery .swiper-slide{padding: 40px 30px;}
.abFZ-gallery-more{padding: 30px 70px;justify-content: space-between;align-items: center; min-height: 240px; border-radius: 12px;box-shadow: 0px 4px 30px 4.4px rgba(9, 35, 77, 0.1);background: #fff;}
.abFZ-gallery-year .big{font-size: 1.6rem;color: #fbf7f8;}
.abFZ-gallery-year .small{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.abFZ-gallery-text{flex: 1;padding-left: 90px;}
.abHonor-swp .swiper-container{overflow: visible;}
.abHonor-slide{padding: 0.47rem 0.15rem 0.3rem;justify-content: flex-start; border-radius: 12px;flex-direction: column; background: #fff;box-shadow: 0px 5px 0.3rem 0px rgba(8, 12, 18, 0.08);}
.abHonor-img{padding-bottom: 20px;}
.abHonor-img::after{transition: all .4s ease; content: "";position: absolute;left: 50%;transform: translateX(-50%); top: calc(100% - 23px);width: 105%;background: url('../images/index/indHonor-shadow.png') no-repeat center top/100% auto;height: 20px;}
.abHonor-img .img{transition: all .4s ease; padding: 0.16rem;background: url('../images/index/indHonor-slide-bg.png') no-repeat center/100% 100%;position: relative;z-index: 2;}
.abHonor-img .img img{width: 100%;height: 2.15rem;}
.abHonor-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all .4s ease;z-index: 5;width: 0.72rem;}
.abHonor-title{padding: 0 15px;}
.abHonor-slide:hover .abHonor-img::after,.abHonor-slide:hover .abHonor-img .img,.abHonor-slide:hover .abHonor-title{opacity: .15;}
.abHonor-slide:hover .abHonor-img .btn{transform: translate(-50%,-50%) scale(1);}
.abFac-list{margin: -0.2rem 0 0 -0.2rem;align-items: flex-start;}
.abFac-list .item{width: calc(25% - 0.2rem);margin: 0.2rem 0 0 0.2rem;}
.abFac-list .item img{width: 100%;height: 2.4rem;}
.abFac-list .item:first-child{width: calc(50% - 0.2rem);}
.abFac-list .item:first-child img{height: 5rem;}
.abFac-list .item:nth-child(4){position: absolute;left: 50%;bottom: 0;}
.abFac-list .item:nth-child(5){position: absolute;right: 0;bottom: 0;}
/* 新产品 */
.newPro-show-bg img{width: 100%;height: 3.2rem;}
.newPro-show-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;padding: 0 0.6rem;}
.newPro-show-con .title{width: max(250px,3.9rem);}
.newPro-show-con .more{width: max(110px,1.42rem);height: max(35px,0.42rem);border-radius: 40px;}
.newPro-show-con .more:hover{background: #a3060e;}
.newPro-show-btn{opacity: 0;pointer-events: none; z-index: 2;position: absolute;left: 0.12rem;top: 50%;transform: translateY(-50%); width: 0.38rem;height: 0.38rem;border-radius: 50%;background: #fff;color: #333;user-select: none;cursor: pointer;}
.newPro-show-btn.next{left: auto;right: 0.12rem;transform: translateY(-50%) rotate(180deg);}
.newPro-show-btn:hover{background: #e4202a;color: #fff;}
.newPro-show-swp:hover .newPro-show-btn{opacity: 1;pointer-events: auto;}
.newPro-show .pages-pagination{z-index: 4;position: absolute;left: 0;bottom: max(10px,0.18rem);width: 100%;}
.newPro-pro-head{justify-content: space-between;align-items: center;}
.newPro-pro-more span{position: relative;display: block;transition: all .4s ease;}
.newPro-pro-more span::after{content: "";position: absolute;right: 0;bottom: 0;width: 100%;height: 2px;background: #222;transition: all .4s ease;}
.newPro-pro-more i{font-size: max(14px,0.18rem);display: block;transform: rotate(180deg);margin-left: 12px;color: #e4202a;transition: all .4s ease;}
.newPro-pro-more:hover span{color: #e4202a;}
.newPro-pro-more:hover span::after{background: #e4202a;}
.newPro-pro-more:hover i{transform: translateX(5px) rotate(180deg);}
.newPro-pro-list{padding: max(8px,0.2rem);background: #f8f8f8;}
.newPro-pro-item{height: 100%;}
.newPro-pro-item .img img{width: 100%;height: 2.1rem;}
.newPro-pro-item .more{ position: absolute;left: 0.12rem;bottom: 0.12rem;border-radius: 50%;background: #fff;box-shadow: 0px 2px 18px 0px rgba(8, 12, 18, 0.1);overflow: hidden;}
.newPro-pro-item .more i{transform: rotate(180deg);transition: all .6s ease;width: max(28px,0.36rem);height: max(28px,0.36rem);}
.newPro-pro-item .more i:nth-child(2){right: 100%;top: 0;position: absolute;}
/* .newPro-pro-item:hover .img img{transform: scale(1.1);} */
.newPro-pro-item:hover .more{background: #e4202a;}
.newPro-pro-item:hover .more i{transform: translateX(100%) rotate(180deg);color: #fff;}
.newPro-pro-item:hover .title{color: #e4202a;}
.newPro-hot-slide{justify-content: space-between;}
.newPro-hot-show{width: calc(66.5% - 3px);}
.newPro-hot-show .img img{width: 100%;height: 3rem;}
.newPro-hot-show .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.9) 100%);}
.newPro-hot-show .con{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.2rem 0.24rem;}
.newPro-hot-show .title i{display: inline-block;transform: rotate(180deg);margin-left: 10px;transition: all .4s ease;}
.newPro-hot-show:hover .img img{transform: scale(1.1);}
.newPro-hot-show:hover .title i{transform: translateX(5px) rotate(180deg);}
.newPro-hot-list{flex-direction: column;width: calc(33.5% - 3px);justify-content: space-between;}
.newPro-hot-list .item{background: #f5f5f5;height: calc(50% - 3px);}
.newPro-hot-list .item img{max-width: 50%;max-height: 70%;}
.newPro-hot-list .item:hover img{transform: scale(1.08);}
.newPro-hot-pagination{position: relative;height: 2px;background: #e5e5e5;}
.newPro-hot-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #333;}
/* 产品-列表 */
.proFlex{justify-content: space-between;align-items: flex-start;}
.proLeft{width: 23.5%;}
.proLeft-top{background: #fff;border: 1px solid #e5e5e5;padding: 0.25rem 0.3rem 0.2rem;}
.proNum{align-items: center;justify-content: space-between;}
.proNum .title{width: 60%;}
.proNum .num{padding: 2px 10px;border-radius: 10px;}
.proSide{border-top: 1px solid #e5e5e5;}
.proSide-menu{height: max(40px,0.5rem);align-items: center;justify-content: space-between;font-family: 'M';}
.proSide-menu .title{width: max(130px,1.6rem);}
.proSide-menu .btn{height: 100%;width: 24px;user-select: none;cursor: pointer;transform: rotate(180deg);transition: all .4s ease;font-size: 10px;}
.proSide-menu .btn:hover,.proSide-menu.active .btn{color: #222;}
.proSide-menu.active .btn{transform: rotate(0);}
.proSide-menu .title:hover,.proSide-menu.active .title{font-family: 'SB';}
.proSide-drop{display: none;position: relative;font-family: 'M';}
.proSide-drop::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e5e5e5;}
.proSide-drop .item:first-child{margin-top: 0;}
.proSide-drop .item i{display: block;opacity: 0; transform: translateX(-5px) rotate(180deg);font-size: 11px;margin-right: max(6px,0.08rem);transition: all .4s ease;color: #e4202a;}
.proSide-drop .item span{transition: all .4s ease;flex: 1;}
.proSide-drop .item:hover span,.proSide-drop .item.active span{color: #e4202a;}
.proSide-drop .item.active i{opacity: 1;transform: translateX(0) rotate(180deg);}
.proRight{width: 74%;}
.proShow .img img{width: 100%;}
.proList-item{background: #fff;padding: 8px;box-shadow: 0px 5px 24px 0px rgba(8, 12, 18, 0.08);}
.proList-img .img{position: relative;z-index: 1;transition: all .4s ease;}
.proList-img .img img{width: 100%;height: 2.3rem;transition: all .6s ease;}
.proList-img .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;opacity: 0;transition: all .4s ease;background: #fff;}
.proList-img .video video{max-height: 100%;}
.proList-img .btn{position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.4rem;transition: all .6s ease;}
.proList-img.play .img img{transform: scale(1.1);}
.proList-img.play .video{opacity: 1;transition-delay: .3s;}
.proList-img.play .btn{opacity: 0;}
.proList-desc{padding: 10px;}
.proList-desc .text:hover{text-decoration: underline;color: #e4202a;}
.proList-desc .more{width: 100%;height: max(30px,0.38rem);border-radius: 40px;border: 1px solid #222;}
.proList-desc .more:hover{color: #fff;border-color: #e4202a;background-color: #e4202a;}
.proLeft-bottom{background: #fff;border: 1px solid #e5e5e5;padding: 0.3rem 0.2rem 0 0.3rem;}
.proHot-swp .swiper-container{height: 470px;}
.proHot-slide{align-items: center;height: 100%;justify-content: space-between;}
.proHot-slide .proList-img{width: 36%;}
.proHot-slide .proList-img .img img{height: 0.96rem;}
.proHot-slide .proList-desc{width: 60%;padding: 0;}
.proHot-btn{border-top: 1px solid #e5e5e5;}
.proHot-btn .btn{width: 50%;height: max(38px,0.48rem);color: #c9c9c9;user-select: none;cursor: pointer;}
.proHot-btn .btn:hover{color: #222;}
.proHot-btn .btn.next{transform: rotate(180deg);}
/* 登录注册 */
.loginBg{background: url('../images/pages/login-bg.jpg') no-repeat center/cover;}
.register-view .contain,.login-view .contain{width: max(450px,6rem);max-width: 92%;}
.forgot-view .contain{width: max(600px,8.75rem);max-width: 92%;}
.loginForm-item input{width: 100%;color: #222;padding: 0 max(12px,0.2rem);height: max(40px,0.48rem); background: #fff;margin-top: 4px;box-shadow: inset 0px 2px 8px 0px rgba(0, 0, 0, 0.12);}
.loginForm-item input::-webkit-input-placeholder{color: #c5c6c7;}
.loginForm-item .loginForm-code,.loginForm-item .loginForm-password{margin-top: 4px;}
.loginForm-item .loginForm-code input{margin-top: 0;padding-right: 200px;}
.loginForm-item .loginForm-code .code-btn{position: absolute;right: 0.28rem;top: 0;height: 100%;display: flex;align-items: center;user-select: none;cursor: pointer;}
.loginForm-item .loginForm-code .code-btn:hover{text-decoration: underline;}
.loginForm-item .loginForm-password input{margin-top: 0;}
.loginForm-item .loginForm-password .password-btn{color: #c5c6c7;position: absolute;right: 18px;top: 0;height: 100%;user-select: none;cursor: pointer;padding-top: 4px;}
.loginForm-item .loginForm-password .password-btn.active i::before{content: "\e665";}
.loginTips i{user-select: none;cursor: pointer;width: 20px;height: 20px;margin-right: 12px;border: 1px solid #e5e5e5;background: #fff;color: transparent;font-size: 12px;}
.loginTips i.active{border-color: #e4202a;background: #e4202a;color: #fff;}
.loginTips p{flex: 1;padding-top: 1px;}
.loginTips p a{text-decoration: underline;}
.loginTips p a:hover{color: #222;}
.loginSubmit{user-select: none;cursor: pointer;height: max(40px,0.48rem);border-radius: 40px;}
.loginSubmit i{display: block;transform: rotate(180deg);font-size: max(16px,0.18rem);margin-right: max(8px,0.12rem);transition: transform .4s ease;}
.loginSubmit:hover{background: #a3060e;}
.loginSubmit:hover i{transform: translateX(5px) rotate(180deg);}
.loginSubmit.short{width: max(170px,2.06rem);}
.loginLink{display: inline-block;}
.loginLink:hover{text-decoration: underline;}
.loginBtm{border-top: 1px solid #e1dfdd;}
.forgotBtm{justify-content: space-between;}
.forgotBtm-link{width: max(130px,2.06rem);height: max(40px,0.48rem);border-radius: 40px;border: 2px solid #e4202a;}
.forgotBtm-link:hover{background: #e4202a;color: #fff;}
.forgotBtm .loginSubmit{width: auto;flex: 1;margin-left: 0.48rem;}
/* 产品-详情 */
.proDet-left{width: 60%;}
.proDet-flex,.proDet-show{justify-content: space-between;align-items: flex-start;}
.proDet-show-swp{width: 55%;flex-direction: column-reverse;align-items: center;}
.proDet-show-gallery-more img{height: 6.3rem;}
.proDet-show-thumbs{width: 50.6%;margin-top: 20px;}
.proDet-show-thumbs-click{border: 2px solid transparent;opacity: .5;}
.proDet-show-thumbs-click img{width: 100%;height: 0.58rem;}
.proDet-show-thumbs-click:hover,.proDet-show-thumbs-click.active{opacity: 1;}
.proDet-show-thumbs-click.active{border-color: #e4202a;}
.proDet-show-gallery{width: 83%;}
.proDet-show-gallery-more img{width: 100%;}
.proDet-show-thumbs-btn{position: absolute;left: -0.68rem;top: 50%;transform: translateY(-50%); user-select: none;cursor: pointer;width: max(38px,0.48rem);height: max(38px,0.48rem);border-radius: 50%;background: #fff;z-index: 2;box-shadow: 0px 2px 18px 0px rgba(8, 12, 18, 0.1);}
.proDet-show-thumbs-btn.next{left: auto;right: -0.68rem;transform: translateY(-50%) rotate(180deg);}
.proDet-show-thumbs-btn:hover{background: #222;color: #fff;}
.proDet-hot-head{justify-content: space-between;align-items: center;}
.proDet-hot-head .pagesTitle{flex: 1;padding-right: 30px;}
.proDet-hot-more{width: max(170px,2.06rem);height: max(38px,0.42rem);border-radius: 40px;border: 2px solid #222;}
.proDet-hot-more:hover{background: #222;color: #fff;}
.proDet-con{width: 55%;}
.proDet-con-menu{border-bottom: 2px solid #e5e5e5;}
.proDet-con-menu .menu-item{align-items: center;padding-bottom: 12px;user-select: none;cursor: pointer;margin-left: max(20px,0.36rem);position: relative;}
.proDet-con-menu .menu-item:first-child{margin-left: 0;}
.proDet-con-menu .menu-item::after{content: "";position: absolute;left: 50%;bottom: -2px;width: 0;height: 2px;transform: translateX(-50%);background: #222;transition: all .4s ease;}
.proDet-con-menu .menu-item .title{color: #999;}
.proDet-con-menu .menu-item .num{width: 25px;height: 25px;margin-left: 10px;border-radius: 50%;background: #eaeaea;}
.proDet-con-menu .menu-item:hover .title,.proDet-con-menu .menu-item.active .title{color: #222;}
.proDet-con-menu .menu-item.active .title{font-family: 'SB';}
.proDet-con-menu .menu-item.active::after{width: 100%;}
.proDet-con-drop{display: none;}
.proDet-con-drop:first-child{display: block;}
.proDet-con-drop table{width: 100%;font-size: max(12px,0.16rem);}
.proDet-con-drop table td{border: 1px solid #ddd;padding: 12px;}
.proDet-con-drop table td:nth-child(2n+1){background: #f4f4f4;}
.proDet-reviews-list li{padding: 0.38rem 0 0.16rem;border-bottom: 1px solid #e5e5e5;}
.proDet-reviews-list .num img{width: max(14px,0.18rem);margin-left: 4px;}
.proDet-reviews-list .num img:first-child{margin-left: 0;}
.proDet-reviews-list .info{align-items: center;}
.proDet-reviews-list .img{border-radius: 50%;overflow: hidden;width: max(30px,0.44rem);height: max(30px,0.44rem);margin-right: max(12px,0.2rem);}
.proDet-reviews-list .img img{width: 100%;height: 100%;}
.proDet-reviews-list .link{flex: 1;text-decoration: underline;transition: all .4s ease;}
.proDet-reviews-list .link:hover{color: #222;}
.proDet-info{width: 41%;}
.proDet-info-list li{border-bottom: 1px solid #e5e5e5;}
.proDet-info-list li:first-child{border-top: 1px solid #e5e5e5;}
.proDet-info-list .text{width: 80%;margin-top: 6px;}
.proDet-info-price .text a{text-decoration: underline;}
.proDet-info-color{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.proDet-info-color .list{margin-left: -10px;}
.proDet-info-color .item{margin: 10px 0 0 10px;width: 48px;height: 48px;border: 2px solid transparent;}
.proDet-info-color .item img{width: 100%;height: 100%;}
.proDet-info-color .item.active{border-color: #222;}
.proDet-info-btn{justify-content: space-between;}
.proDet-info-btn .btn{width: 49%;height: max(40px,0.48rem);border-radius: 40px;}
.proDet-info-btn .btn.popOn:hover{background: #a3060e;}
.proDet-info-btn .btn.cta{border: 2px solid #222;}
.proDet-info-btn .btn.cta:hover{background: #222;color: #fff;}
.proDet-info-why{align-items: center;}
.proDet-info-why .img{width: max(32px,0.42rem);margin-right: max(12px,0.18rem);}
.proDet-info-why .text{flex: 1;}
.proDet-info-menu{align-items: center;justify-content: space-between;user-select: none;cursor: pointer;}
.proDet-info-menu.title{flex: 1;padding-right: 15px;}
.proDet-info-menu .btn{transform: rotate(180deg);font-size: 10px;font-weight: 700;}
.proDet-info-menu.active .btn{transform: rotate(0);}
.proDet-info-drop{display: none;padding-bottom: 30px;}
.pop-box{display: none; z-index: 999999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.pop-con{background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50%;padding: 0.5rem;}
.pop-close{width: 40px;height: 40px;user-select: none;cursor: pointer;opacity: .5;position: absolute;left: 100%;bottom: 100%;}
.pop-close:hover{opacity: 1;transform: rotate(180deg);}
/* 新闻-详情 */
.newsDet-con .contain{width: 12rem;}
.newsDet-date i{display: block;font-size: max(14px,0.16rem);margin-right: max(8px,0.12rem);}
.newsDet-img img{width: 100%;}
.newsDet-edit-box{justify-content: center;}
.newsDet-edit{width: 66.6%;}
.newsDet-menu{justify-content: space-between;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.newsDet-btn{padding: max(10px,0.22rem) 0;}
.newsDet-btn i{display: block;font-size: 10px;margin-right: 10px;}
.newsDet-btn.next{flex-direction: row-reverse;}
.newsDet-btn.next i{transform: rotate(180deg);margin: 0 0 0 10px;}
.newsDet-btn:hover{color: #e4202a;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .abFZ-btn{width: 30px;}
    .abFZ-gallery-more{padding: 25px 50px;}
    .abFac-show img{height: 430px;}
    .abFac-list img{height: calc(430px / 2 - 4px);}
    .abFZ-gallery-more{min-height: 220px;}
    .proHot-swp .swiper-container{height: 360px;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .abFZ-gallery-more{min-height: 200px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .pagesBread{display: none;}
    .pagesBan-bg img{min-height: 300px;}
    .pagesBan-con .text{width: 100%;}
    .ctaLeft{width: 100%;}
    .ctaForm-item{width: 100%;}
    .ctaForm-item .ctaForm-code img{margin-left: 10px;}
    .ctaTips{margin-top: 20px;}
    .ctaTips i{width: 14px;height: 14px;}
    .ctaSubmit{margin: 25px auto 0;}
    .ctaRight{width: 100%;margin-top: 30px;padding: 25px 15px;}
    .ctaRight-data li{margin-top: 14px;}
    .ctaRight-data .ico{width: 40px;height: 40px;}
    .ctaRight-code .list{margin-left: -15px;}
    .ctaRight-code .item{margin-left: 15px;}
    .abFZ-btn{display: none;}
    .abFZ-swp{padding: 0;}
    .abFZ-thumbs-year i{width: 10px;height: 10px;}
    .abFZ-gallery .swiper-slide{padding: 20px 15px;}
    .abFZ-gallery {width: calc(100% + 30px);margin-left: -15px;}
    .abFZ-gallery-more{border-radius: 5px;min-height: unset;padding: 25px 15px;flex-direction: column;align-items: center;box-shadow: 0px 2px 15px 2px rgba(9, 35, 77, 0.1);}
    .abFZ-gallery-text{padding-left: 0;}
    .abFZ-gallery-year .big{font-size: 70px;}
    .abIntro-con{width: 100%;}
    .abIntro-img{width: 100%;margin-top: 20px;}
    .abIntro-img .img img{height: 195px;}
    .abWH-img{width: 100%;}
    .abWH-img .item img{height: 240px;}
    .abWH-list{width: 100%;margin-top: 20px;}
    .abWH-item{padding: 20px;}
    .abWH-drop{height: 110px;font-size: 13px;}
    .abWH-item.active{border-top: 3px solid #e4202a;}
    .abHonor-img .img img{height: 14  0px;}
    .abHonor-slide{border-radius: 5px;padding: 20px 0;}
    .abHonor-title{padding: 0 10px;font-size: 12px;}
    .abHonor-img .btn{width: 30px;}
    .newPro-show-btn{display: none;}
    .newPro-show-bg img{height: 250px;}
    .newPro-pro-more{font-size: 12px;}
    .newPro-pro-list{padding: 15px;}
    .newPro-pro-list .uli.ml20{margin: -15px 0 0 -15px;}
    .newPro-pro-list .uli.ml20.uli6 li{width: calc(100%/2 - 15px);margin: 15px 0 0 15px;}
    .newPro-pro-item .img img{height: 150px;}
    .newPro-pro-item .more{left: 8px;bottom: 8px;font-size: 10px;}
    .newPro-hot-show .img img{height: 226px;}
    .newPro-hot-show .con{padding: 15px 12px;}
    .proLeft{width: 100%;}
    .proLeft-top{padding: 15px;}
    .proSide-drop .item{margin-top: 10px;}
    .proHot-swp .swiper-container{height: auto;}
    .proLeft-bottom{padding: 10px 10px 20px;}
    .proHot-slide .proList-img{width: 100%;}
    .proHot-slide .proList-img .img img{height: 320px;}
    .proHot-slide .proList-desc{width: 100%;margin-top: 15px;}
    .proHot-btn{display: none;}
    .proRight{width: 100%;margin-top: 30px;}
    .proList{margin-top: 20px;}
    .proList-list .uli.ml20{margin: -10px 0 0;}
    .proList-list .uli.ml20.uli4 li{margin: 15px 0 0;width: 100%;}
    .proList-item{padding: 10px;}
    .proList-img .img img{height: 320px;}
    .proList-desc .text{font-size: 14px;line-height: 18px;height: 36px;}
    .proList-desc .price{margin-top: 20px;}
    .proList-desc .more{height: 36px;}
    .loginForm-item .loginForm-code input{padding-right: 0px;}
    .loginForm-item .loginForm-code .code-btn{font-size: 10px;right: 20px;}
    .loginTips i{width: 16px;height: 16px;margin-right: 8px;font-size: 10px;}
    .proDet-show-swp{width: 100%;}
    .proDet-show-gallery{width: 100%;}
    .proDet-show-gallery-more img{height: 345px;}
    .proDet-show-thumbs-btn{display: none;}
    .proDet-show-thumbs{width: 65%;}
    .proDet-show-thumbs-click img{height: 44px;}
    .proDet-info{width: 100%;margin-top: 30px;}
    .proDet-info-list li{padding: 12px 0;}
    .proDet-info-list .text{width: 100%;margin-top: 4px;}
    .proDet-info-price .num{font-size: 20px;}
    .proDet-info-color{padding: 20px 0 25px;}
    .proDet-info-shipping{margin-top: 18px;}
    .proDet-info-color .item{width: 40px;height: 40px;}
    .proDet-info-why{margin-top: 16px;}
    .proDet-info-drop{font-size: 12px;}
    .proDet-con{width: 100%;margin-top: 30px;}
    .proDet-con-menu .menu-item{padding-bottom: 8px;margin-left: 15px;}
    .proDet-con-menu .menu-item .title{font-size: 13px;}
    .proDet-con-menu .menu-item .num{width: 20px;height: 20px;font-size: 10px;margin-left: 6px;}
    .proDet-reviews-list li{padding: 25px 0 15px;}
    .proDet-reviews-list .num img{width: 8px;}
    .proDet-reviews-list .text{margin-top: 10px;}
    .proDet-reviews-list .info{margin-top: 14px;}
    .proDet-hot-head .pagesTitle{flex: unset;padding: 0 0 15px;width: 100%;}
    .pop-con{width: 90%;padding: 30px 15px 25px;}
    .pop-close{font-size: 12px;width: 20px;height: 20px;color: #000;bottom: auto;left: auto;right: 10px;top: 10px;}
    .newsDet-con .contain{width: 92%;}
    .newsDet-edit{width: 100%;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}