.wrap img{ width: 100%; display: block;}
.wrap{ position: relative; overflow: hidden;}

.navtoplist{ width: 100%; background: #fff;}
.navseaction{ width: 1180px; margin:0 auto; padding:10px 0;position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.navseaction a{ position: relative; display: block; width: 130px;}


.swiperKv{ width: 100%;}
.swiperpage{ width: 100%; display: flex; justify-content: center; height: 45px; align-items: center;}
.wrap .swiperpage span{ opacity: 1; width: 10px; height: 10px; background: #8fbede; border-radius: 50%; margin:0 12px;}
.wrap .swiperpage span.swiper-pagination-bullet-active{ width: 14px; height: 14px; background: #4493c8;}

.morecap{ width:49px; position: absolute; bottom: 0; right: 0;}

.width1180{ width: 1180px; margin:0 auto;}
.cavntip{ margin-top: 20px; margin-bottom: 75px;}
.sectionBlock{ margin-bottom: 100px;}
.capintitle{ font-size: 24px; color: #424242; letter-spacing: 6px; margin-bottom: 32px; position: relative; text-align: center;}
.shopbannertip{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shopbannertip>a{ display: block; width: 270px;}

.newperBlock{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.blockNew{ width: 209px; position: relative;}
.proNimg{ width: 100%; position: relative; margin-bottom: 10px;}
.proimgc{ width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sectionT1{ font-size: 14px; color: #999999; margin-bottom: 5px;}
.sectionT2{ font-size: 16px; color: #000000; font-weight: bold; margin-bottom: 5px;}
.sectionT3{ font-size: 14px; color: #262626;}

.aboutBlock{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutPer{ width: 260px; margin:0 auto;}
.aboutTxt{ font-size: 16px; text-align: center; color: #4c4c4c; margin-top: 12px;}

.bgsapg{ background: #f4f4f4; padding:30px 0;}
.solganpart{ width: 1440px; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.solganpart>a{ width: 155px;}
.news_prv{ width: 900px; margin:0 auto; border-bottom: 1px #d7d9da solid;}
.news_detail{ width: 100%; border-top: 1px #d7d9da solid;}
.news_tips{ display: block; width: 85%; margin:0 auto; padding: 12px 0;}
.newspics{ width: 143px; float: left; margin-right: 30px;}
.newswrod{ width: 560px; float: left; margin-top: 15px;}
.newssec{ font-size: 16px; margin-bottom: 8px;}
.newssec.sec1{ color: #a35ae7;}
.newssec.sec2{ color: #e16f00;}
.newstxt{ font-size: 16px; color: #000000; line-height: 1.6;}
.morenews{ display: block; width: 119px; margin:30px auto;}
.newstimtes{ font-size: 12px; margin-top: 35px; color: #666;}

.topflex{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; position: relative;}
.kv_per1{ width: 56%; margin:0 auto;}
.calwidth{ width: 100%; margin:0 auto;}


.pc_s{ display: block;}
.wrap_s{ display: none;}

@media screen and (max-width:1600px){
.solganpart{ width: 1200px; margin:0 auto; display: flex; justify-content: space-between;}
.solganpart>a{ width: 130px;}



}

@media screen and (max-width:800px){
.pc_s{ display: none;}
.wrap_s{ display: block;}

.calwidth{ min-width: auto;}

.navseaction{ width: 98%; margin:0 auto;}
.width1180{ width: 96%; margin:0 auto;}
.cavntip{ margin-bottom: 25px;}
.sectionBlock{ margin-bottom: 30px;}
.shopbannertip > a{ width: 45%; margin:0 auto 10px;}
.capintitle{ margin-bottom: 16px; font-size: 18px;}
.blockNew{ width: 48%; margin-bottom: 10px;}
.aboutPer{ width: 70%; margin:0 auto 30px;}
.solganpart{ width: 94%; margin:0 auto;}
.solganpart > a{ width: 22.5%; margin-bottom: 10px;}


.news_prv{ width: 96%; margin:0 auto;}
.newspics{ width: 30%; margin-right: 5%;}
.newswrod{ width: 65%; margin-top: 0;}

.kv_per1{ width: 100%;}
.navtoplist{ width: 100%; position: relative; left: 0; margin-left: 0; }
.navseaction{ display: flex; flex-wrap: wrap;}
.navseaction>a{ width: 21%; padding: 2%;}
}