@charset "utf-8";

/* =====================内页样式======================== */

/* 分页 */

.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}

.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}

.paging-menu a{width: 50px;box-shadow: 0px 18px 54px 0px rgba(50, 106, 102, 0.14);height: 50px;line-height: 50px;margin: 4px;font-size: 16px;color: #888;transition: all .4s ease;border-radius: 50%;background-color: #fff;}

.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #68cfc8;background-color: #68cfc8;color: #fff;}

.paging-skip{margin-left: 8px;}

.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}

.paging-hint:first-of-type{margin: 0;}

.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}

.paging-skip input:focus{border-color: #68cfc8;}

.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}

.paging-skip button:hover{background-color: #68cfc8;color: #fff;border-color: #68cfc8;}

.paging-hint span{color: #68cfc8;}

@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;box-shadow: 0px 10px 30px 0px rgba(50, 106, 102, 0.14);width: 38px;height: 38px;line-height: 38px;font-size: 14px;}.paging-skip{width: 100%;margin-left: 0;};}

/* 搜索页面 */

.search{width: 100%;}

.search-result{font-size: 14px;color: #68cfc8;line-height: 1.1;}

.search-result span{margin-left: 6px;}

.search-info{width: 100%;line-height: 1.1;color: #333;}

.search-info span{color: #68cfc8;font-weight: 700;flex: 1;}

.search-list{width: 100%;}

.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}

.search-link:not(:first-child){margin-top: 16px;}

.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: #68cfc8 !important;}

.search-link:hover h2{color: #68cfc8;}

@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}

/* 隐私协议 */

.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: 24px;}

.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #68cfc8;}

.webmap-list{width: 100%;}

.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}

.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;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: #68cfc8;}

.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}

.webmap-list>ul>li>.drop{margin-top: 16px;}

.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}

.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}

.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}

@media all and (max-width:1270px) {

    .webmap-list>ul{margin: -24px 0 0 -24px;}

    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}

    .webmap-list>ul>li>.menu {font-size: 18px;}

    .webmap-list>ul>li>.drop a {font-size: 16px;}

    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}

    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}

}

@media all and (max-width: 680px) {

    .webmap-title {padding-bottom: 16px;}

    .webmap-title::after {width: 44px;height: 3px;}

    .webmap-list>ul{margin: -14px 0 0;}

    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}

    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}

    .webmap-list>ul>li>.drop{margin-top: 10px;}

    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}

    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}

}

/* 内页公共 */

.pagesBan-bg{overflow: hidden;}

.pagesBan-bg img{width: 100%;}

.pagesBan-marsk{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 999;}

.pagesNav-item{margin-left: 34px;}

.pagesNav-item:first-child{margin-left: 0;}

.pagesNav-item::before{content: "";display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: #d7d7d7;margin-right: 10px;transition: all .4s ease;}

.pagesNav-item:hover,.pagesNav-item.active{color: #68cfc8;}

.pagesNav-item.active::before{background: #68cfc8;}

.pagesBg{background-size: cover;background-position: center top;background-repeat: no-repeat;overflow: hidden;margin-top: -205px;position: relative;z-index: 2;}

.supIntro{padding-top: 420px;}

.shopOn{padding-top: 325px;}

.patentIntro{padding-top: 320px;}

.abIntro{padding-top: 400px;}

.homeIntro{padding-top: 280px;}

.chunye{z-index: 3;}

.home,.period,.yyj{position: relative; z-index: 2;}

.oem{padding-top: 350px;}

.join{padding-top: 340px;margin-top: -240px;}

.service{padding-top: 320px;margin-top: -220px;}

.periodIntro{padding-top: 340px;}

.yyjIntro{padding-top: 240px;margin-top: -220px;}

.newsDet,.news{padding-top: 210px;background-size: 100% auto;}

.false-box{padding-top: 250px;}

/* '新闻中心 */

.newsShow{justify-content: space-between;}

.newsShow-swp{width: 66%;}

.newsShow-swp .swiper-container{height: 100%;}

.newsShow-slide{border-radius: 15px;height: 100%;}

.newsShow-slide img{width: 100%;height: 100%;transition: all .6s ease;max-height: 476px;}

.newsShow-slide:hover img{transform: scale(1.08);}

.newsShow-list{width: 32%; background: #fff;border-radius: 15px;box-shadow: 0px 18px 54px 0px rgba(50, 106, 102, 0.14);padding: 0 40px;}

.newsShow-item{padding: 40px 0 25px;position: relative;border-bottom: 1px solid #e4e4e4;}

.newsShow-item:last-child{border-bottom: unset;}

.newsShow-item:last-child::after{display: none;}

.newsShow-item::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #68cfc8;transition: all .6s ease;}

.newsShow-item:hover .newsShow-title,.newsShow-item.active .newsShow-title{color: #68cfc8;}

.newsShow-item:hover::after,.newsShow-item.active::after{width: 100%;}

.newsSearch{justify-content: space-between;}

.newsSear-select{width: calc(21% - 17px);cursor: pointer;}

.newsSear-menu{justify-content: space-between;align-items: center;padding: 0 21px;transition: all .4s ease;height: 65px;border: 1px solid #e4e4e4;border-radius: 15px;}

.newsSear-menu::after{margin-top: 8px; transition: all .4s ease; content: "";display: inline-block;width: 11px;height: 7px;border: 7px solid transparent;border-top-color: #b5b5b5;}

.newsSear-menu:hover{color: #68cfc8;}

.newsSear-menu:hover::after{border-top-color: #68cfc8;}

.newsSear-drop{position: absolute;left: 0;top: 100%;width: 100%;z-index: 5;display: none;}

.newsSear-drop li{height: 65px;display: flex;align-items: center;padding: 0 21px;background: #fefefe;transition: all .4s ease;border-bottom: 1px solid #e4e4e4;}

.newsSear-drop li:hover{color: #68cfc8;}

.newsSear-input{width: 79%;}

.newsSear-input input{border-radius: 15px; font-size: 16px;color: #999;height: 65px;padding-left: 21px;border: 1px solid #e4e4e4;width: 98%;}

.newsSear-input input::-webkit-input-placeholder{color: #999;font-size: 16px;}

.newsSear-input button{display: flex;align-items: center;justify-content: center;position: absolute;cursor: pointer; right: 0;top: 0;width: 120px;height: 65px;border-radius: 15px;color: #fff;background: #68cfc8;transition: all .4s ease;}

.newsSear-input button::after{content: "\e649";font-family: icon;display: inline-block;font-size: 26px;}

.newsSear-input button:hover{background: #33a49c;}

.newsList-img{width: 29%;border-radius: 15px;}

.newsList-img img{width: 100%;height: 240px;transition: all .4s ease;}

.newsList-text{width: calc(71% - 25px);margin-left: 25px;border-bottom: 1px solid #e4e4e4;}

.newsList-text .date{margin-top: 9px;}

.newsList-item:hover .newsList-img img{transform: scale(1.08);}

.newsList-item:hover .newsList-text .title{color: #68cfc8;}

/* 新闻详情 */

.newsDet-con .contain{border-top: 1px solid #e0e0e0;padding: 45px 10% 0;}

.newsDet-header{border-bottom: 1px solid #e0e0e0;}

.newsDet-file p{line-height: inherit;}

.newsDet-file img{display: block;margin: 0 auto;}

.newsDet-file h1,.newsDet-file h2,.newsDet-file h3,.newsDet-file h4,.newsDet-file h5,.newsDet-file h6{color: #333;font-size: 20px;margin-bottom: 15px;}

.newsDet-switch a{padding: 22px 35px;border-bottom: 1px solid #e0e0e0;}

.newsDet-switch a:first-child{border-top: 1px solid #e0e0e0;}

.newsDet-switch a .title{display: flex;align-items: center;}

.newsDet-switch a .title::after{content: "\e61e";color: #68cfc8; font-family: "icon";display: inline-block;margin-left: 11px;}

.newsDet-switch a.next::after{content: "\e622";}

.newsDet-switch a .text{flex: 1;padding-left: 35px;transition: all .4s ease;}

.newsDet-switch a:hover .text{color: #68cfc8;}

.newsDet-back{margin: 50px auto 0;width: 152px;height: 60px;border-radius: 30px;position: relative;overflow: hidden;}

.newsDet-back p{position: relative;z-index: 2;}

.newsDet-back p::after{content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1px;background: #fff;transition: all .4s ease;}

.newsDet-back::after,.newsDet-back::before{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 30px;background: #68cfc8;transition: all .6s ease;}

.newsDet-back::before{left: -150%;}

.newsDet-back:hover::before{transform: translateX(150%);}

.newsDet-back:hover::after{transform: translateX(100%);}

.newsDet-back:hover p::after{transition-delay: .2s;width: 100%;}

.newsDet-hot{background: url('../images/pages/newsDet-hot-bg.png') no-repeat center top/cover;}

.newsDet-hot-list{justify-content: space-between;}

.newsDet-hot-list::after{content: "";width: 32%;}

.newsDet-hot-item{padding-bottom: 230px; width: 32%;border-radius: 15px;overflow: hidden;}

.newsDet-hot-img img{width: 100%;height: 260px;}

.newsDet-hot-con{padding: 40px; position: absolute;left: 0;bottom: 0;width: 100%;background: #fff;min-height: 230px;}

.newsDet-hot-con .text{height: 0;overflow: hidden;transition: all .4s ease;}

.newsDet-hot-item:hover .newsDet-hot-con .title{color: #68cfc8;}

.newsDet-hot-item:hover .newsDet-hot-con .text{height: 72px;}

/* 真伪查询 */

.false{width: 900px;margin: 0 auto;}

.pagesTitle{align-items: center;display: flex;}

.pagesTitle.center{justify-content: center;}

.pagesTitle::after{content: "";width: 9px;height: 9px;border-radius: 50%;background: #68cfc8;margin-left: 5px;}

.false-search{border-radius: 30px;overflow: hidden;border: 1px solid #f7f7f7;}

.falseSear-icon{width: 50px;height: 60px;position: relative;}

.falseSear-icon::after{content: "";position: absolute;right: 2px;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background: #f7f7f7;}

.false-search input{width: calc(100% - 50px);height: 60px;padding-left: 13px;color: #888;font-size: 16px;}

.false-search input::-webkit-input-placeholder{font-size: 16px;color: #888;}

.falseSear-btn{position: absolute;right: 0;top: 0; width: 200px;height: 100%;border-radius: 30px;background: #95e3df;font-size: 20px;transition: all .4s ease;cursor: pointer;}

.falseSear-btn:hover{background: #6fccc7;}

/* 人才招聘 */

.joinHeader{justify-content: space-between;}

.joinHeader-select{margin-left: 50px;cursor: pointer;}

.joinHeader-select:first-child{margin-left: 0;}

.joinHeader-menu{width: 310px;height: 70px;align-items: center;padding: 0 35px;background: #fff;border-radius: 40px;justify-content: space-between;}

.joinHeader-menu::after{content: "\e61f";font-family: "icon";display: inline-block;font-size: 13px;transition: all .4s ease;}

.joinHeader-drop{position: absolute;left: 0;top: 100%;width: 100%;background: #fff;z-index: 2;display: none;}

.joinHeader-drop li{height: 70px;display: flex;align-items: center; padding: 0 35px;transition: all .4s ease;border-bottom: 1px solid #eee;}

.joinHeader-drop li:hover{color: #68cfc8;}

.joinHeader-input{margin-left: 50px;position: relative;}

.joinHeader-input input{width: 310px;border-radius: 40px;background: #fff;padding-left: 35px;height: 70px;font-size: 18px;color: #888;}

.joinHeader-input input::-webkit-input-placeholder{color: #888;font-size: 18px;}

.joinHeader-input::after{content: "";position: absolute;right: 33px;top: 50%;transform: translateY(-50%);width: 16px;height: 17px;background: url('../images/pages/join-icon.png') no-repeat center/100% auto;}

.joinHeader-btn{width: 200px;height: 70px;border-radius: 40px;background: #68cfc8;cursor: pointer;transition: all .4s ease;}

.joinHeader-btn::after{content: "";display: inline-block;width: 16px;height: 17px;background: url('../images/pages/join-iconH.png') no-repeat center/100% auto;margin-left: 19px;}

.joinHeader-btn:hover{background: #5cb0aa;}

.joinList li{background: #fff;border-radius: 50px;}

.joinList-menu{cursor: pointer; justify-content: space-between;align-items: center;padding: 0 58px;height: 80px;}

.joinList-menu .title{align-items: center;transition: all .4s ease;}

.joinList-menu .title::before{content: "";display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: #68cfc8;margin-right: 20px;}

.joinList-menu .more{align-items: center;}

.joinList-menu .more::after{content: "\e622";font-family: "icon";display: inline-block;margin-left: 30px;transition: all .4s ease;}

.joinList-menu:hover .title{color: #68cfc8;}

.joinList-menu.active .more::after{transform: rotate(90deg);}

.joinList-drop{padding: 0 58px 58px;display: none;}

.joinList-drop-item:first-child{border-top: 1px solid #eee;}

.joinList-drop-title{justify-content: space-between;}

.joinList-drop-text p{line-height: inherit;}

.joinList-drop-btn{cursor: pointer;transition: all .4s ease; width: 180px;height: 59px;border-radius: 40px;box-shadow: 0 15px 30px -10px rgba(97, 97, 97, 0.15);border: 1px solid #68cfc8;}

.joinList-drop-btn:hover{color: #fff;background: #68cfc8}

.joinSwp .swiper-slide{border-radius: 30px;overflow: hidden;}

.joinSwp .swiper-slide img{width: 100%;height: 570px;}

.joinSwp-prev,.joinSwp-next{position: absolute;right: 7%;top: 50%;cursor: pointer; transform: translateY(-50%);width: 75px;height: 75px;border-radius: 50%;background: #fff;z-index: 2;}

.joinSwp-prev{right: auto;left: 7%;}

.joinSwp-prev::before,.joinSwp-next::before{font-size: 18px;}

.joinSwp-prev:hover,.joinSwp-next:hover{color: #fff;background: #68cfc8;}

.joinSwp-pagination .swiper-pagination-bullet{background: #d2d2d0;opacity: 1; width: 8px;height: 8px;border-radius: 50%;margin-left: 8px;}

.joinSwp-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}

.joinSwp-pagination .swiper-pagination-bullet-active{background: #68cfc8;}

/* 弹窗 */

/* 弹窗 */

.add-popup{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 99999;background: rgba(0, 0, 0, .56);}

.addP-con{width: 500px; text-align: center; padding: 50px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;}

.addP-con .title{color: #595662;font-weight: 700;}

.addP-con input{background: #f2f2f2;}

.addP-con input,.addP-con button{padding: 15px;}

.addP-con button{cursor: pointer; border-radius: 5px; background: #68cfc8;color: #fff;}

.addP-phone,.addP-btn{width: 100%;}

.addP-code input{width: 60%;}

.addP-code button,.addP-code-img{width: 40%;}

.addP-con .text{text-align: right;}

.addP-con .text a{color: #68cfc8;}

.addP-close{cursor: pointer; position: absolute;right: 5px;top: 5px;width: 40px;height: 40px;}

.addP-close::after{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}

.addP-close::before{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);}

.addP-scroll{height: 100%;overflow: hidden;}

.addP-resume{display: flex;}

.addP-resume input{width: 78%;}

.addP-resume button{width: 22%;}

.addP-resume-list li{cursor: pointer; position: relative; display: flex;align-items: center;}

.addP-resume-index{transition: all .4s ease; width: 23px;height: 23px;border-radius: 50%;background: #b0b0b0;color: #fff;text-align: center;line-height: 23px;}

.addP-resume-text{color: #777;margin-left: 10px;}

.addP-resume-list li::after{transition: all .4s ease;position: absolute; content: "";top: 50%;right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(45deg);}

.addP-resume-list li::before{content: "";top: 50%;transition: all .4s ease;position: absolute; right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(-45deg);}

.addP-resume-list li:hover .addP-resume-index,.addP-resume-list li:hover::after,.addP-resume-list li:hover::before{background: #68cfc8;}

.addP-code-img{padding-left: 10px;overflow: hidden;}

.addP-code-img img{width: 100%;border-radius: 5px;}

.addP-position input::-webkit-input-placeholder{font-size: 14px;}

.add-popup,.addP-con{display: none;}

.add-sort-mbBtn{display: none; padding: 8px 30px 8px 8px;position: relative;margin-top: 20px;background: #f0f3f6;color: #333;}

.add-sort-mbBtn::after{content: "";position: absolute;right: 11px;top: 50%;transform: translateY(-40%);width: 11px;height: 15px;background: url('../images/pages/sort-mbBtn.png') no-repeat center/100% auto;}

@keyframes banAnimation{0%{transform:scale(1);}50%{transform: scale(1.1);}100%{transform: scale(1.2);}}

@keyframes abBanAnimation{0%{transform:scale(1.2);}50%{transform: scale(1.1);}100%{transform: scale(1);}}

/* oem & 分销商加盟 */

.oem{padding-bottom: 300px;background-size: 100% auto;}

.oem-circle{position: absolute;border-radius: 50%;border: 1px solid #68cfc8;}

.oem-circle.circle1{width: 35vw;height: 35vw;left: 0;bottom: 0;transform: translate(-50%,50%);}

.oem-circle.circle2{width: 50vw;height:50vw;right: 0;top: 0;transform: translate(50%,-30%);}

.oem-circle.circle3{width: 60vw;height: 60vw;right: 0;bottom: 0;transform: translate(40%,60%);}

.oem .contain{width: 1120px;justify-content: space-between;align-items: flex-start;}

.oemCon{width: 46%;}

.oemText p{line-height: inherit;}

.oemPhone{align-items: center;}

.oemPhone-title{align-items: center;padding-right: 50px;border-right: 1px solid #68cfc8;}

.oemPhone-title .text{line-height: 1.1;}

.oemPhone-icon{margin-right: 13px;}

.oemPhone-num{margin-left:40px ;}

.oemImg{position: relative;}

.oemImg .big{width: 460px;height: 460px;border-radius: 50%;position: relative;z-index: 2;}

.oemImg .small{width: 260px;height: 260px;border-radius: 50%;position: absolute;left: 0;bottom: 0;transform: translate(-20%,70%);}

/* 消费者反馈 */

.serBg{width: 30vw;position: absolute;right: 0;top: 0;transform: translate(10%,-40%);}

.serBg img{width: 100%;}

.service .contain{position: relative;z-index: 2;flex-direction: column;align-items: center;text-align: center;}

/* 在线购买 */

/* .shopOn{background: url('../images/pages/shopOn-bg2.png') no-repeat center bottom/cover;} */

.shopOn-bg{position: absolute;right: 0;width: 30vw;top: 0;transform: translate(0,-30%);}

.shopOn-bg img{width: 100%;}

.shopOn .contain{position: relative;z-index: 2;}

.shopOn-list{justify-content: space-between;}

.shopOn-list li{padding: 60px 65px 70px 50px; display: flex;justify-content: space-between;background: #fff;width: 49%;border-bottom-right-radius: 70px;}

.shopOn-img{width: 28%;}

/* .shopOn-img img{width: 100%;} */

.shopOn-con{width: 62%;}

.shopOn-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 25px;height: 3px;background: #68cfc8;}

.shopOn-link{justify-content: space-between;margin-top: 8px;}

.shopOn-item{width: calc(50% - 6px);margin: 12px 0 0;height: 50px;border-radius: 30px;border: 2px solid #d1f1ee;}

.shopOn-item::after{margin-left: 10px; content: "";display: inline-block;width: 10px;height: 11px;background: url('../images/pages/shopOn-more.png') no-repeat center/100% auto;transition: all .4s ease;}

.shopOn-item:hover{background: #68cfc8;border-color: #68cfc8;color: #fff;}

.shopOn-item:hover::after{background-image: url('../images/pages/shopOn-moreH.png');}

.shopOn-tips a{color: #68cfc8;}

.shopOn-tips a:hover{text-decoration: underline;}

.shopDown-text p{line-height: inherit;margin-top: 25px;}

.shopDown-text p:first-child{margin-top: 0;}

.shopDown-logo li{width: 20%;}

.shopDown-logo-img{border-left: 1px solid #dedede;border-top: 1px solid #dedede;height: 156px;}

.shopDown-logo li:first-child .shopDown-logo-img{border-left: unset;}

.shopDown-logo li:nth-child(n+6) .shopDown-logo-img{border-top: unset;}

.shopDown-logo-img img{max-width: 70%;max-height: 70%;}

.shopDown-logo-text{height: 66px;border-left: 1px solid #dedede;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}

.shopDown-logo li:nth-child(5n+1) .shopDown-logo-text{border-left: unset;}

/* 舒莱家庭健康 */

.proBan .swiper-slide img{width: 100%;height: auto;}

.proBan .swiper-slide{overflow: hidden;}

.proBan-btn{position: absolute;left: 0;bottom: 5%;width: 100%;justify-content: flex-end;z-index: 10;align-items: center;padding: 0 4%;}

.proBan-btn .btn{width: 46px;height: 46px;border-radius: 50%;cursor: pointer;transition: all .4s ease;border: 2px solid transparent;}

.proBan-btn .proBan-prev{margin-right: 5px;}

.proBan-btn .proBan-next{margin:0 8px;}

.proBan-btn .proBan-stop{border-color: #68cfc8;}

.proBan-btn .proBan-stop.active::before{content: "\e653";}

.proBan-pagination{width: auto !important;font-weight: 300;}

.home .contain{width: 1470px;}

.homeIntro .contain{justify-content: space-between;align-items: center;}

.homeIntro-img{width: 60%;}

.homeIntro-img img{width: 100%;}

.homeIntro-con{width: 34%;}

.homeIntro-title-en{text-transform: uppercase;opacity: .5;color: #d21073;}

.homeIntro-title{color: #d21073;}

.homeIntro-title::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 35px;height: 4px;border-radius: 5px;background: #d21073;}

.homeIntro-text p{line-height: inherit;}

.homePro-bg{position: absolute;right: 0;top: 50px;width: 40vw;transform: translateX(50%);}

.homePro-bg img{width: 100%;}

.homePro-nav{border-bottom: 1px solid #f4f4f4;position: relative;z-index: 3;}

.homePro-nav .contain{margin-top: 15px;}

.homePro-nav .contain:first-child{margin-top: 0;}

.homePro-nav-title{margin-top: 8px;width: 90px;}

.homePro-nav-list{flex: 1;;margin-top: -15px;color: #bbb;}

.homePro-nav-list a{display: block;margin:15px 0 0;padding: 8px 24px;transition: all .4s ease;border-radius: 30px;}

.homePro-nav-list a:hover{color: #d21073;}

.homePro-nav-list a.active{color: #fff;background: #d21073;}

.homePro-swp{position: relative;z-index: 2;padding-top: 0;}

.homePro-swp .swiper-slide{padding-top: 40px;}

.homePro-slide{border: 1px solid #eee;transition: all .4s ease;padding: 0 35px;height: 500px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}

.homePro-img{height: 60%;display: flex;align-items: center;justify-content: center;}

.homePro-img img{max-height: 100%;}

.homePro-text .text{margin-top: 5px;}

.homePro-slide:hover{border-color: #d21073;transform: translateY(-30px);box-shadow: 0 10px 12px rgba(210, 16, 115, .2);}

/* .homePro-slide:hover .homePro-text .title{color: #d21073;}

.homePro-slide:hover .homePro-text .text{color: #e9a5c1;} */

.homePro-pagination{position: relative !important;background: #bfbfbf !important;height: 2px;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #d21073 !important;}

.homePro-logo{margin-top: 160px;}

.homePro-logo .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50vw;}

.homePro-logo .logo{position: relative;z-index: 2;}

/* 纯也 */

.chunye .homeIntro-img{width: 52%;}

.chunye .homeIntro-title-en,.chunye .homeIntro-title,.chunye .homeIntro-title-small,.chunye .homeIntro-text{color: #7bb072;}

.chunye .homeIntro-title::after{background: #7bb072;}

.chunye .homeIntro-con{width: 39%;}

.chunye .homePro-bg{width: 20vw;transform: unset;top: 0;}

.chunye .homePro .homeIntro-title{color: #333;}

.chunye .homePro-nav-list a.active{background: #7bb072;}

.chunye .homePro-nav-list a:hover{color: #7bb072;}

.chunye .homePro-nav-list a.active:hover{color: #fff;}

.chunye .homePro-slide:hover{border-color: #7bb072;;box-shadow: 0 10px 12px rgba(123, 176, 114, .2);}

/* .chunye .homePro-slide:hover .homePro-text .title{color: #7bb072;}

.chunye .homePro-slide:hover .homePro-text .text{color: #b6d3b1;} */

.chunye .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #7bb072 !important;}

.chunye .homePro-logo .bg{width: 40vw;}

/* 经期健康 */

.proBan-btn.color .proBan-stop{border-color: #68cfc8;}

.period .homeIntro-title{color: #61c5bd;position: relative;z-index: 2;;}

.period .homeIntro-title::after{background: #61c5bd;}

.period .homeIntro-title::before{content: "";width: 220px;height: 200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;background: url('../images/pages/periodTitle-bg.png') no-repeat center/100% auto;}

.period .homePro-bg{width: 25vw;transform: translateX(40%);}

.period .homePro-text .title{color: #61c5bd;}

.period .homePro-slide:hover{border-color: #61c5bd;box-shadow: 0 10px 12px rgba(97, 197, 189, .2);}

/* .homePro-slide:hover .homePro-text .title{color: #d21073;}

.homePro-slide:hover .homePro-text .text{color: #ca8fad;} */

.period .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #61c5bd !important;}

.period .homePro-nav-list a:hover{color: #61c5bd;}

.period .homePro-nav-list a.active{background: #61c5bd;}

.period .homePro-nav-list a.active:hover{color: #fff;}

.period .homePro::after{content: "";position: absolute;width: 68px;height: 62px;background: url('../images/pages/periodPro-bg1.png') no-repeat center/100% auto;}

.period .homePro::after{right: 16%;top: 11%;}

.periodIntro .homeIntro-con{width: 558px;margin: 0 auto;position: relative;z-index: 2;}

.periodIntro .homeIntro-title-en,.periodIntro .homeIntro-title-small,.periodIntro .homeIntro-text{color: #61c5bd;}

.period .periodIntro .homeIntro-title::before{top: 20%;}

.period-icon .bg{animation:rotate1 10s linear infinite;}

.period-icon .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.periodIntro-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.periodIntro-img>div{position: absolute;}

.periodIntro-img img{border-radius: 50%;}

.periodIntro-img .img1{left: 60px;top: 300px;width: 355px;height: 355px;}

.periodIntro-img .img2{right: -80px;top: 200px;width: 440px;height: 440px;}

.periodIntro-img .img3{right: 15%;bottom: 60px;}

@keyframes rotate1 {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}

/* .periodDev-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);} */

.periodDev-bg img{width: 100%;}

.periodDev-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: flex-end;}

.periodDev-btn .btn{width: 54px;height: 54px;border-radius: 50%;border: 2px solid #fff;transition: all .4s ease;cursor: pointer;margin-right: 10px;}

.periodDev-btn .btn:hover{background: #68cfc8;border-color: #68cfc8;}

.periodDev-con .year{line-height: 1.2;}

.period-develop .time-tab{position: absolute;left: 50%;top: 50%;height: 124px;z-index: 3;margin-top: -62px;}

.period-develop .time-tab img{height: 100%;max-width: unset;}

.period-develop .time-tab .item{position: absolute;width: 8px;height: 8px;margin: -4px 0 0 -4px;cursor: pointer;}

.period-develop .time-tab .item:nth-child(1){top: 72px;left: 0;}

.period-develop .time-tab .item:nth-child(2){top: 20px;left: 500px;}

.period-develop .time-tab .item:nth-child(3){top: 2px;left: 1000px;}

.period-develop .time-tab .item:nth-child(4){top: 6px;left: 1500px;}

.period-develop .time-tab .item:nth-child(5){top: 28px;left: 2000px;}

.period-develop .time-tab .item:nth-child(6){top: 66px;left: 2500px;}

.period-develop .time-tab .item:nth-child(7){top: 102px;left: 3000px;}

.period-develop .time-tab .item:nth-child(8){top: 120px;left: 3500px;}

.period-develop .time-tab .item:nth-child(9){top: 122px;left: 4000px;}

.period-develop .time-tab .item:nth-child(10){top: 115px;left: 4500px;}

.period-develop .time-tab .item:nth-child(11){top: 102px;left: 5000px;}

.period-develop .time-tab .item:nth-child(12){top: 84px;left: 5500px;}

.period-develop .time-tab .item:nth-child(13){top: 68px;left: 6000px;}

.period-develop .time-tab .item:nth-child(14){top: 50px;left: 6500px;}

.period-develop .time-tab .item:nth-child(15){top: 35px;left: 7000px;}

.period-develop .time-tab .item:nth-child(16){top: 32px;left: 7500px;}

.period-develop .time-tab .item:nth-child(17){top: 64px;left: 8000px;}

.period-develop .time-tab .item:nth-child(18){top: 112px;left: 8500px;}

.period-develop .time-tab .item:nth-child(19){top: 110px;left: 9000px;}

.period-develop .time-tab .item:nth-child(20){top: 90px;left: 9500px;}

.period-develop .time-tab .item .point{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: #fff;border-radius: 100%}

.period-develop .time-tab .item .point:before,

.period-develop .time-tab .item .point:after{content: "";position: absolute;left: 50%;top: 50%;z-index: -1;transform: translate(-50%, -50%);width: 20px;height: 20px;border-radius: 50%;background: rgba(104, 207, 200, 0.2);opacity: 0}

@keyframes pointAni {0% {transform: translate(-50%, -50%) scale(1);opacity: 0}20% {opacity: 1}75% {transform: translate(-50%, -50%) scale(2);opacity: 0}100% {opacity: 0}}

.period-develop .time-tab .item .year{position: absolute;left: 50%;bottom: 0;font-size: 14px;transform:translateX(-50%);white-space: nowrap;color: #fff;padding-bottom: .8rem;transition: all .3s;}

.period-develop .time-tab .item.cur .year{opacity: 0;}

.period-develop .time-tab .item.cur .point{background-color: #68cfc8;}

.period-develop .time-tab .item.cur .point:before,

.period-develop .time-tab .item.cur .point:after{opacity: 1;}

.period-develop .time-tab .item.cur .point:before {animation: pointAni 3s .75s infinite;}

.period-develop .time-tab .item.cur .point:after {animation: pointAni 3s infinite;}

/* 优月季 */

.yyjIntro .homeIntro-con{width: 745px;height: 745px;border-radius: 50%;margin: 0 auto;position: relative;z-index: 2;background: #d4edec;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}

.yyjIntro-img1{position: absolute;right: 63%;bottom: -20px;width: 70%;}

.yyjIntro-img2{position: absolute;top: 10px;left: 87%;width: 32%;z-index: -1;transform: rotate(-11deg);}

.yyjIntro .homeIntro-title-en,.yyjIntro .homeIntro-title,.yyjIntro .homeIntro-text,.yyjIntro .homeIntro-title-small{color: #60c1bd;}

.yyjIntro .homeIntro-title::after{background: #60c1bd;}

/* 产品详情 */

.proDet-show-img{width: 50%;}

.proDet-show-img img{width: 100%;height: 100%;}

.proDet-show-con{padding:130px 140px 0; width: 50%;background: url('../images/pages/proDet-show-bg.jpg') no-repeat center/cover;}

.proDet-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 35px;height: 4px;border-radius: 3px;background: #68cfc8;}

.proDet-title.center::after{left: 50%;transform: translateX(-50%);}

.proDet-list p{padding-left: 10px;position: relative;}

.proDet-list p::after{content: "";position: absolute;left: 0;top: 16px;width: 4px;height: 4px;border-radius: 50%;background: #68cfc8;}

.proDet-more{width: 184px;height: 54px;border-radius: 30px;background: #68cfc8;transition: all .4s ease;}

.proDet-more::before{content: "";display: inline-block;margin-right: 10px; width: 20px;height: 19px;background: url('../images/pages/proDet-show-icon.png') no-repeat center/100% auto;}

.proDet-more:hover{box-shadow: 0px 0px 24px 0px rgba(104, 208, 201, 0.5);}

.proDet-con{background: #f5f5f5;}

.proDet-file p{line-height: inherit;}

.proDet-file img,.proDet-file video{display: block;margin: 0 auto;}

.proDet-more.back{margin: 0 auto;}

.proDet-more.back::before{background-image: url('../images/pages/proDet-back.png');}

/* 专利与资质 */

.patentIntro .contain{width: 910px;}

.petentIntro-text{padding: 0 8%;}

.patentIntro-list li{text-align: center;padding-bottom: 22px;position: relative;}

.patentIntro-list li::after{content: "";position: absolute;left: 50%;bottom: 0; transform: translateX(-50%);width: 30px;height: 1px;background: #8ed9d4;}

.patentIntro-list{justify-content: space-between;}

.patentIntro-list .num{line-height: 1.1;}

.patentZZ-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.patentZZ-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .45);}

.patentZZ-bg img{width: 100%;height: 100%;}

.patentZZ-con{z-index: 2;}

.patentZZ-list{width: 45%;margin: 35px auto 0;}

.patentZZ-list li{margin-top: 6px;height: 50px;padding-left: 36px;background: rgba(255, 255, 255, .1);align-items: center;font-weight: 300;}

.patentZZ-list li::after{content: "";position: absolute;left: 0;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 14px;height: 3px;}

.patentJS{background: #f5f5f5;}

.patentJS-swp .swiper-slide{height: auto;}

.patentJS-slide{padding:50px 50px 50px 0;background: #fff;height: 100%;}

.patentJS-img{width: 68%;transform: translateX(-50px);}

.patentJS-img img{width: 100%;height: 100%;}

.patentJS-con{width: 32%;padding: 25px 0;}

.patentJS-label{background: #71c3c5;border-radius: 3px;padding: 7px 15px;display: inline-block;}

.patentJS-pagination .swiper-pagination-bullet{margin: 0 6px;position: relative;opacity: 1;background: transparent;width: 16px;height: 16px;}

.patentJS-pagination .swiper-pagination-bullet::before{content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;background: #fff;border: 2px solid #75c5c6;transition: all .4s ease;transform: scale(0);position: relative;z-index: 2;}

.patentJS-pagination .swiper-pagination-bullet::after{width: 50%;height: 50%; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;transition: all .4s ease;background: #cecece;}

.patentJS-pagination .swiper-pagination-bullet-active::before{transform: scale(1);}

.patentJS-pagination .swiper-pagination-bullet-active::after{opacity: 0;}

/* 关于我们 */

.abIntro-bg{position: absolute;right: 0;top: 0;width: 30%;}

.abIntro-bg img{width: 100%;}

.abIntro .contain{width: 56%;text-align: center;position: relative;z-index: 2;}

.abIntro-text{padding: 0 10%;}

.abText{background: #61c5bc;}

.abText .contain{border-top-left-radius: 85px;border-bottom-right-radius: 85px; border: 1px solid rgba(255, 255, 255, .3); flex-direction: column;align-items: center;justify-content: center;height: 440px;}

.abText .title,.abText .text{width: 70%;}

.abText-line{position: absolute;background: rgba(255, 255, 255, .3);}

.abText-line.line1{right: 0;bottom: 100%;width: 1px;height: 90px;}

.abText-line.line2{left: 100%;top: 0; width: 260px;height: 1px;}

.abText-line.line3{left: 0;top: 100%;width: 1px;height: 90px;}

.abText-line.line4{right: 100%;bottom: 0; width: 260px;height: 1px;}

.abText-border1{position: absolute;left: -6px;top: -6px;}

.abText-border2{position: absolute;right: -6px;bottom: -6px;}

.abSM-img img{width: 100%;}

.abSM-text{box-shadow: 0px 20px 35px 0px rgba(50, 106, 102, 0.14);padding-left: 60px; position: absolute;right: 0;bottom: 0;width: 90%;height: 196px;background: #fff;transform: translateY(50%);display: flex;flex-direction: column;justify-content: center;}

.abSM-text .page{position: absolute;right: 50px;top: 50%;transform: translateY(-50%);color: #e1e1e1;}

.abSM-title-en{font-size: 140px;-webkit-text-stroke: 1px rgba(104, 207, 200, .31);font-weight: 700;color: transparent;line-height: .8;padding-bottom: 30px;}

.abSM-pagination{display: flex;flex-direction: column;position: absolute;right: 20%;top: 25%;z-index: 2;}

.abSM-pagination .swiper-pagination-bullet{width: 14px;margin-top: 16px; height: 14px;border-radius: 50%;background: transparent;border: 2px solid #dfdfdf;opacity: 1;}

.abSM-pagination .swiper-pagination-bullet:first-child{margin-top: 0;}

.abSM-pagination .swiper-pagination-bullet-active{border-color: #68cfc8;background: #68cfc8;}

.abSM-page{position: absolute;left: 20%;top: 25%;z-index: 2;}

.abSM-page .current{font-size: 36px;}

.abSM-page .total{margin:10px 0 0 62px;font-size: 24px;}

.abSM-page .line{width: 1px;height: 60px;position: absolute;left: 55%; background: #efefef;top: 25%;transform: rotate(45deg);}

.abImg-bg img{width: 100%;}

.abImg-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.abImg-line{width: 70%;}

.abImg-line img{width: 100%;}

.abImg-dot{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.abImg-dot li{position: absolute;display: flex;flex-direction: column;align-items: center;}

.abImg-dot .year{margin-bottom: 10px;color: #04f3e3;}

.abImg-dot .dot{width: 20px;height: 20px;border-radius: 50%;position: relative;}

.abImg-dot .dot::after{content: "";position: relative;z-index: 2; display: inline-block;width: 100%;height: 100%;border-radius: 50%;background: #04f3e3;}

.abImg-dot .dot::before{content: ""; animation:dotAni 2s linear infinite; position: absolute;left: 50%;top: 50%;width: 150%;opacity: .7; height: 150%;border-radius: 50%;background: #68cfc8;transform: translate(-50%,-50%);}

@keyframes dotAni {0%{transform: translate(-50%,-50%) scale(.7);opacity: 1;}100%{transform: translate(-50%,-50%) scale(1.3);opacity: 0;}}

.abImg-dot li:nth-child(1){left: 0;top: 0;}

.abImg-dot li:nth-child(2){left: 35%;top: 8%;}

.abDev-btn{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);z-index: 4;}

.abDev-btn .btn{content: "";transition: all .4s ease; width: 60px;height: 60px;border-radius: 50%;background: #cccccc;cursor: pointer;margin-left: 30px;}

.abDev-btn .prev{margin-left: 0;}

.abDev-btn .btn::before{font-weight: 700;font-size: 22px;}

.abDev-btn .btn:hover{background: #68cfc8;}

.abDevelop-box{height: 920px;position: relative;}

.abDevelop{position: absolute;margin-left: 250px; left: 0;top: 0;height: 100%;display: flex;align-items: center;}

.abDev-year{position: absolute;right: 80px;top: -90px;flex-direction: column;}

.abDev-year .dot{width: 20px;height: 20px;border-radius: 50%;background: #68cfc8;}

.abDev-loop{position: absolute;left: 100px;top: 0;height: 100%;width: 7800px;}

.abDev-line img{display: block;}

.abDev-list{position: absolute;left: 530px;top: 15%;flex-wrap: nowrap;align-items: flex-start;}

.abDev-img img{width: 380px;height: 290px;}

.abDev-list li{margin-left: 380px;display: flex;flex-direction: column;margin-top: 200px;width: 420px;}

.abDev-list li:first-child{margin-left: 0;}

.abDev-list-text{margin-top: 25px;}

.abDev-list li:nth-child(2n){flex-direction: column-reverse;margin-top: 0;}

.abDev-list li:nth-child(2n) .abDev-list-text{margin-top: 0;margin-bottom: 25px;}

.abDev-list li:nth-child(4){margin-top: 250px;}

/* 供应链 */

.supJS-bg img{width: 100%;}

.supJS-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;}

.supJS-con .text{width: 590px;}

.supSbsj{background: url('../images/pages/supSbsj-bg.jpg') no-repeat center/cover;}

.supSbsj .contain{align-items: center;justify-content: space-between;}

.supSbsj-img{width: 680px;height: 680px;border-radius: 50%;}

.supSbsj-con{width: 43%;}

/* 荣誉 */

.supHonor{background: url('../images/pages/supHonor-bg.jpg') no-repeat center/cover;}

.cfzSwp{position: relative;}

.cfzSwp::after{content: "";width: 100vw;height: 1px;position: absolute;left: 50%;transform: translateX(-50%); bottom: 50%;background:rgba(255, 255, 255, .1);}

.cfzSwp .swiper-slide{width: 600px;padding-left: 4px;}

.cfzSwp .swiper-slide.active{opacity: 0;}

.cfzSwp-slide{padding-left: 15px; height: 150px; justify-content: space-between;position: relative;}

.cfzSwp-slide::before{content: "";position: absolute;left: 0;bottom: 0;width: 1px;height: 120px;background: rgba(255, 255, 255, .1);}

.cfzSwp-slide::after{content: "";position: absolute;left: -3px;bottom: 115px;width: 7px;height: 7px;border-radius: 50%;background: #68cfc8;z-index: 2;}

.cfzSwp-text{width: 70%;}

.cfzSwp-text .text{margin-top: 10px;}

.cfzSwp .swiper-slide:nth-child(n+2){margin-left: -280px;}

.cfzSwp .swiper-slide:nth-child(2n){margin-top: 150px;}

.cfzSwp .swiper-slide:nth-child(2n) .cfzSwp-slide{align-items: flex-end;}

.cfzSwp .swiper-slide:nth-child(2n) .cfzSwp-slide::before{bottom: auto;top: 0;}

.cfzSwp .swiper-slide:nth-child(2n) .cfzSwp-slide::after{bottom: auto;top: 115px;}

.cfzSwp-prev,.cfzSwp-next{transition: all .4s ease; width: 50px;height: 50px;position: absolute;right: -100px;top: 50%;transform: translateY(-50%); border: 2px solid rgba(255, 255, 255, .4);border-radius: 50%; display: flex;align-items: center;justify-content: center;cursor: pointer;user-select: none;}

.cfzSwp-prev{transform: translateY(-50%) rotate(180deg);right: auto;left: -100px;}

.cfzSwp-prev::after,.cfzSwp-next::after{transition: all .4s ease; content: "\e622";color: #fff; font-size: 16px;display: inline-block;font-family: "icon";}

.cfzSwp-prev:hover,.cfzSwp-next:hover{border-color: #68cfc8;}

.cfzSwp-prev:hover::after,.cfzSwp-next:hover::after{color: #68cfc8;}

.supLogo{padding-bottom: 290px;background: url('../images/pages/supLogo-bg.jpg') no-repeat center bottom/cover;}

.supLogo .pagesTitle,.supLogo-text{position: relative;z-index: 2;}

.supLogo-bg{width: 27%;margin: 30px auto 0;position: relative;}

.supLogo-bg .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: unset;}

.supLogo-bg .bg1{width: 60%;animation: rotateAni1 20s linear infinite;}

.supLogo-bg .bg2{animation: rotateAni3 50s linear infinite;}

.supLogo-bg .bg3{width: 170%;animation: rotateAni1 40s linear infinite;}

.supLogo-bg .bg4{width: 250%;animation: rotateAni2 30s linear infinite;}

.supLogo-bg .bg5{width: 330%;animation: rotateAni1 20s linear infinite;}

@keyframes rotateAni1 {0%{transform: translate(-50%,-50%) rotate(0deg);}100%{transform: translate(-50%,-50%) rotate(360deg);}}

@keyframes rotateAni2 {0%{transform: translate(-50%,-50%) rotate(0deg);}100%{transform: translate(-50%,-50%) rotate(-360deg);}}

@keyframes rotateAni3 {0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}

.supLogo-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.supLogo-img li{position: absolute;border-radius: 50%;}

@keyframes supLogo {0%{transform: translateY(0);}100%{transform: translateY(-10px);}}

.supLogo-box{background: #fff;border: 1px dashed #d2d2d2;animation: supLogo 1s linear infinite alternate;width: 100%;height: 100%;border-radius: 50%;}

.supLogo-img li img{max-width: 90%;max-height: 80%;}

.supLogo-img li:nth-child(1){left: 1%;top: 26%;width: 115px;height: 115px;}

.supLogo-img li:nth-child(2){left: 15%;top: -7%;width: 102px;height: 102px;}

.supLogo-img li:nth-child(3){left: 13%;top: 78%;width: 164px;height: 164px;}

.supLogo-img li:nth-child(4){left: 24%;top: 38%;width: 115px;height: 115px;}

.supLogo-img li:nth-child(5){left: 32%;top: 98%;width: 130px;height: 130px;}

.supLogo-img li:nth-child(6){left: 59%;top: 112%;width: 100px;height: 100px;}

.supLogo-img li:nth-child(7){left: 68%;top: 34%;width: 115px;height: 115px;}

.supLogo-img li:nth-child(8){left: 75%;top: 74%;width: 182px;height: 182px;}

.supLogo-img li:nth-child(9){left: 90%;top: -7%;width: 110px;height: 110px;}

.supLogo-img li:nth-child(2) .supLogo-box,.supLogo-img li:nth-child(6) .supLogo-box{animation-delay: -0.2s;}

.supLogo-img li:nth-child(3) .supLogo-box,.supLogo-img li:nth-child(5) .supLogo-box{animation-delay: -0.1s;}

.supLogo-img li:nth-child(5) .supLogo-box,.supLogo-img li:nth-child(9) .supLogo-box{animation-delay: -0.4s;}

.supLogo-img li:nth-child(7) .supLogo-box,.supLogo-img li:nth-child(8) .supLogo-box{animation-delay: -0.3s;}

.supIntro-bg{position: absolute;right: 0;top: 0;width: 25vw;}

.supIntro-bg img{width: 100%;}

.supIntro .contain{position: relative;z-index: 2;}

.supIntro-text{width: 45%;}

.supIntro-list li{margin-left: 120px;}

.supIntro-list li:first-child{margin-left: 0;}

.supIntro-num{align-items: flex-end;}

.supIntro-num span{display: inline-block;margin-right: 3px;}

.supIntro-btn .btn{width: 70px;height: 70px;border-radius: 50%;background: #fff;cursor: pointer;margin-left: 30px;box-shadow: 0 15px 30px rgba(0, 0, 0, .1);}

.supIntro-btn .btn:first-child{margin-left: 0;}

.supIntro-btn .btn:hover{background: #68cfc8;color: #fff;}

.supIntro-swp{position: absolute;transition: all .6s linear; z-index: 5; right: 45px;top: 50%;transform: translate(50%,-50%);width: 900px;height: 900px;border-radius: 50%;border: 2px solid #e5e5e5;}

.supIntro-swp li{cursor: pointer; left: calc(50% - 6px);top: calc(50% - 6px);width: 12px;height: 12px;border-radius: 50%;background: #68cfc8;position: absolute;}

.supIntro-swp-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);width: 30vw;height: 30vw;transition: all .4s ease}

.supIntro-swp li.active .supIntro-swp-img{transform: translate(-50%,-50%) scale(1);transition-delay: .6s;}

/* 凸凸棉 */

.noScale .proBan-btn{bottom: 140px;color: #fff;}

.noScale .proBan-btn .btn{border-color: #946845;background: #946845;}

.noScale .proBan-btn  .proBan-stop{color: #946845;background: transparent;}

.noScale .proBan-pagination{color: #946845;}

.ttIntro{background-size: cover;background-repeat: no-repeat;background-position: 100% auto;}

.tt .homeIntro-con{width: 570px;margin: 0 auto;}

.tt .homeIntro-title-en,.tt .homeIntro-title,.tt .homeIntro-title-small,.tt .homeIntro-text{color: #946845;}

.tt .homeIntro-title::after{background: #946845;}

.ttVideo{background: url('../images/pages/ttVideo-bg.jpg') no-repeat center/100% auto;}

.ttVideo-img{width: 100%;}

.ttVideo-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .4s ease;user-select: none;cursor: pointer;}

.ttVideo-btn:hover{transform: translate(-50%,-50%) scale(.95);}

.tt .homeIntro-title::before {content: "";width: 380px;height: 210px;position: absolute;left: 50%;top: 10%;transform: translate(-50%,-50%);background: url('../images/pages/ttIntro-title-bg.png') no-repeat center/100% auto;}

.tt .homePro .homeIntro-title::before{top: 30%;}

.tt .homePro-nav-list a.active{background: #946845;}

.tt .homePro-nav-list a:hover{color: #946845;}

.tt .homePro-nav-list a.active:hover{color: #fff;}

.tt  .homePro-slide:hover{border-color: #946845;}

.tt   .homePro-slide:hover .homePro-text .title,.tt .homePro-text .title{color: #946845;}

.tt   .homePro-slide:hover .homePro-text .text{color: #d5b397;}

.tt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #946845 !important;}

.tt .swiper-pagination-progressbar::after{content: "";position: absolute;bottom: -15px;left: -5px;transform: translateX(-100%);width: 94px;height: 85px;background: url('../images/pages/ttPro-swp-icon.png') no-repeat center/100% auto;}

.tt .periodDev-con{padding-bottom: 150px;}

.periodDev-title::after{content: "";position: absolute;left: 5%;top: 0;width: 68px;height: 62px;background: url('../images/pages/periodPro-bg1.png') no-repeat center/100% auto;}

.tt .periodDev-title::after{background-image: url('../images/pages/ttBg-icon2.png');top: auto;bottom: 0;left: 20px;width: 220px;height: 200px;}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900) */

}

@media all and (max-width:1590px) {

    /* 1440 × (700)  */

    .newsShow-list{padding: 0 30px;}

    .newsShow-item{padding: 30px 0 18px;}

    .newsList-img img{height: 210px;}

    .newsDet-hot-img img{height: 230px;}

    .newsDet-hot-con{padding: 30px;min-height: 190px;}

    .newsDet-hot-item{padding-bottom: 190px;}

    .joinHeader-select,.joinHeader-input{margin-left: 35px;}

    .joinHeader-menu,.joinHeader-input input{width: 280px;}

    .joinHeader-btn{width: 190px;}

    .joinSwp .swiper-slide img{height: 410px;}

    .shopOn-list li{padding: 40px 50px 50px 40px;}

    .shopDown-logo-img{height: 140px;}

    .shopDown-logo-text{height: 55px;}

    .home .contain{width: 1250px;}

    .homePro-nav-list a{padding: 6px 20px;}

    .homePro-slide{padding: 0 25px;height: 400px;}

    .proDet-show-con{padding: 100px 110px 0;}

    .patentJS-slide{padding: 40px 40px 40px 0;}

    .patentJS-img{transform: translateX(-40px);}

    .abIntro-text{padding: 0 30px;}

    .abDevelop-box{height: 800px;}

    .abDevelop{margin-left: 110px;}

    .abDev-list{left: 450px;top: 10%;}

    .abDev-btn{bottom: 7%;}

    .abDevelop{padding-top: 120px;}

    .abSM-title-en{font-size: 120px;}

    .abSM-text{padding-left: 45px;height: 180px;}

    .abSM-text .page{right: 30px;}

    .cfzSwp .swiper-slide{width: 420px;}

    .cfzSwp-slide{padding: 0 50px 10px 30px;}

    .cfzSwp .swiper-slide:nth-child(n+2){margin-left: -220px;}

    .cfzSwp .swiper-slide:nth-child(2n) .cfzSwp-slide {padding: 60px 50px 0 30px;}

    .cfzSwp-prev, .cfzSwp-next{width: 50px;height: 50px;}

    .cfzSwp-next{right: -80px;}

    .cfzSwp-prev{left: -80px;}

    .procList-text{height: 270px;}

    .procList-text::after{width: 70px;height: 60px;}

    .supIntro-swp{width: 650px;height: 650px;}

    .supSbsj-img{width: 500px;height: 500px;}

    .cfzSwp-text{width: 90%;}

    .cfzSwp-text .title{font-size: 18px;}

    .periodIntro-img .img1{width: 300px;height: 300px;}

    .periodIntro-img .img2{width: 400px;height: 400px;}

    .periodIntro-img .img3{width: 230px;height: 230px;}

    .false-box {padding-top: 200px;}

    .newsDet, .news{padding-top: 150px;}

    .periodIntro,.oem{padding-top: 300px;}

    .service,.join,.patentIntro,.shopOn{padding-top: 250px;}

    .abIntro{padding-top: 300px;}

    .supIntro{padding-top: 350px;}

    .noScale .proBan-btn{bottom: 90px;}

    .proBan-btn{padding: 0 2%;}

    .abImg-con .contain{width: 1075px;}

    .abImg-dot li:nth-child(2){top: 7%;}

    .abDev-year{top: -94px;}

}

@media all and (max-width:1430px) {

    /* 1360 */

}

@media all and (max-width:1350px) {

    /* 1280 */

}

@media all and (max-width:1270px) {

    /* 1152 × (700) */

    .newsSear-menu{padding: 0 15px;height: 56px;}

    .newsSear-input input{padding-left: 15px;height: 56px;}

    .newsSear-input button{height: 100%;width: 100px;}

    .newsSear-input button::after{font-size: 22px;}

    .newsList-img img{height: 190px;}

    .newsDet-hot-img img{height: 200px;}

    .newsDet-hot-con {padding: 20px;min-height: 170px;}

    .newsDet-hot-item{padding-bottom: 170px;}

    .newsDet-hot-item:hover .newsDet-hot-con .text{height: 69px;}

    .joinSwp .swiper-slide img{height: 330px;}

    .joinSwp-prev, .joinSwp-next{width: 60px;height: 60px;}

    .joinHeader-select,.joinHeader-input{margin-left: 25px;}

    .joinHeader-menu,.joinHeader-input input{width: 230px;height: 60px;}

    .joinHeader-btn{width: 150px;height: 60px;}

    .joinHeader-input::after{right: 20px;}

    .joinHeader-input input{font-size: 15px;padding-left: 20px;}

    .joinHeader-input input::-webkit-input-placeholder{font-size: 15px;}

    .joinHeader-menu{padding: 0 20px;}

    .joinList-menu{height: 70px;padding: 0 40px;}

    .joinList-menu .title::before{margin-right: 10px;}

    .joinList-menu .more::after{margin-left: 15px;font-size: 14px;}

    .joinList-drop{padding: 0 40px 40px;}

    .oem .contain{width: 900px;}

    .oemImg .big{width: 350px;height: 350px;}

    .oemImg .small{width: 200px;height: 200px;}

    .oemPhone-title{padding-right: 20px;}

    .oemPhone-num{margin-left: 20px;}

    .shopOn-item{font-size: 14px;height: 42px;}

    .shopOn-list li{padding: 30px;}

    .shopOn-con{width: 65%;}

    .shopDown-logo-img{height: 120px;}

    .shopDown-logo-text{height: 50px;}

    .home .contain{width: 990px;}

    /* .homePro-nav-list{padding-left: 10px;margin-top: -20px;} */

    .homePro-nav-list a{padding: 4px 15px;font-size: 14px;}

    .homePro-nav-title{font-size: 14px;width: 74px;margin-top: 5px;}

    .yyjIntro .homeIntro-con{width: 600px;height: 600px;}

    .yyjIntro-img1{right: 68%;}

    .yyjIntro-img2{top: 0;left: 91%;transform: rotate(-4deg);}

    .proDet-show-con {padding: 50px 60px;}

    .proDet-list p::after{top: 12px;}

    .patentIntro .contain{width: 800px;}

    .patentIntro-list li{padding-bottom: 15px;}

    .patentZZ-list{width: 55%;}

    .abIntro-text{padding: 0;}

    .abSM-page{left: 18%;}

    .abSM-pagination{right: 21%;}

    .abSM-text{padding-left: 25px;height: 160px;}

    .abSM-text .page{right: 10px;}

    .abSM-title-en{font-size: 100px;}

    .supSbsj-img{width: 400px;height: 400px;}

    .supIntro-swp{width: 550px;height: 550px;}

    .periodIntro-img .img1{left: 30px;top: 150px;width: 240px;height: 240px;}

    .periodIntro-img .img2{width: 320px;height: 320px;}

    .periodIntro-img .img3{bottom: 30px;width: 160px;height: 160px;}

    .false-box{padding-top: 150px;}

    .newsDet, .news{padding-top: 100px;}

    .oem{padding-top: 250px;padding-bottom: 200px;}

    .service,.join,.abIntro,.patentIntro,.shopOn{padding-top: 200px;}

    .abImg-con .contain {width: 990px;}

}

/* ------------------------平板端-------------------------- */

@media all and (max-width:1100px) {

    /* 1024 横屏 */

    .home .contain{width: 92%;}

}

@media all and (max-width:1000px) {

    /* 720 竖屏 */

}

/* ------------------------手机端-------------------------- */

@media all and (max-width:680px) {

    /* 移动终端 360 适配 */

    .cfzSwp .swiper-slide{width: 100%;margin: 0 !important;opacity: 1 !important;}

    .cfzSwp-slide{padding: 0 !important;}

    .cfzSwp-img{width: 50%;margin: 0 auto;}

    .cfzSwp-text{width: 100%;margin-top: 20px;}

    .cfzSwp-prev, .cfzSwp-next,.cfzSwp-slide::after,.cfzSwp-slide::before{display: none;}

    .cfzSwp{padding-bottom: 15px;}

    .cfzSwp::after{bottom: 0;background-size: auto 10px;}

}