/* 通用 */
.section1{margin-top: 20px;}
.flex1 {display: flex;justify-content: center;max-width: 1260px;margin: auto;gap: 20px;align-items: center;}
.flex1 figcaption{text-align: center;}
/* card1 *********************************************** *********************************** *********************************** *********************************** */
.card1 {display: flex;flex-direction: column;background-color: var(--background-san);padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);gap: 10px;}
.card1>h3{color: #696981;font-weight: bold;}
.card1-div1 {display: flex;gap: 10px;}
.card1-div1>img {width: 50px;height: 100%;}
.card1-div1>div{display: flex;flex-direction: column;gap: 5px;}
.card1-div1>div h4{font-size: 18px;}
.card1-div1>div span{color: #696981;font-size: 14px;}
.card1-div2 {display: flex;align-items: center;gap: 5px;}
.card1-div3 {display: flex;gap: 5px;}
.card1-div3 img{width: 30px;filter: var(--filter2);}
/* card2 *********************************************** *********************************** *********************************** ************************************ */
.card2,.card4,.card3,.img1 {display: flex;flex-direction: column;background-color: white;padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);gap: 10px;position: relative;}
.card2>h3,.img1>h3{color: #696981;font-weight: bold;}
.card2>h2,.img1>h2 {color: #696981;font-weight: bold;font-size: 20px;}
.card2-count {margin-top: 10px;display: flex;justify-content: center;gap: 10px;}
.card2-count li {display: flex;width: 6px;height: 6px;border-radius: 50%;justify-content: center;align-items: center;background: var(--text-color);opacity: 1;transition: .25s;cursor: pointer;position: relative;overflow: hidden;}
.card2-count li.current {width: 20px;border-radius: 5px;}
.card2-left {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;left: -25px;opacity: 0;transition: opacity 1s ease;}
.card2-right {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;right: -25px;opacity: 0;transition: opacity 1s ease;}
.card2:hover .card2-left,.card2:hover .card2-right{opacity: 1;}
.card2-list {position: relative;}
.card2-list li.current{position:unset;opacity: 1;}
.card2-list li{position: absolute;opacity: 0;top: 0;display: flex;width: 100%;}
.card2-list li > div {padding: 20px;display: flex;flex-direction: column;gap: 15px;border-radius: 10px;color: white;}
.card2-list li:nth-child(1) > div{background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url('../img/default.webp');background-size: cover;}
.card2-list li:nth-child(2) > div{background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url('../img/default2.webp');background-size: cover;}
.card2-list li:nth-child(3) > div{background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url('../img/default3.webp');background-size: cover;}
.card2-list img {width: 100%;display: block;height: auto;filter: brightness(80%) contrast(120%);}
.card2-list li h4,.card2-list li h3 {font-size: 18px;color: white;}
.card2 p{color: white;}
/* card3 *********************************************** *********************************** *********************************** ************************************ */
.card3 {align-items:center;}
.card3.im1 {background:url('../img/card1.webp');background-size:cover;}
.card3.im2 {background:url('../img/card2.webp');background-size:cover;}
.card3.im3 {background:url('../img/card3.webp');background-size:cover;}
.card3.im4 {background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url('../img/card4.webp');background-size:cover;}
.card3.im5 {background:url('../img/card5.webp');background-size:cover;}
.card3.im6 {background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url('../img/card7.webp');background-size:cover;}
.card3 h3 {color:white;}
.card3 h2 {color:white;font-size: 20px;}
.card3 p {color:white;}
.card3>img {width:40px;}
.card3>i {width:40px;height:40px;}
.card3.im1 i {background:url('../img/xin1.png');background-size:cover;}
.card3.im2 i {background:url('../img/xin2.png');background-size:cover;}
.card3.im3 i {background:url('../img/xin3.png');background-size:cover;}
.card3.im4 i {background:url('../img/xin4.png');background-size:cover;}
.card3.im5 i {background:url('../img/xin5.png');background-size:cover;}
.card3.im6 i {background:url('../img/xin6.png');background-size:cover;}
/* card4 *********************************************** *********************************** *********************************** ************************************ */
.card4>span {width:40px;height:40px;}
.card4 h2{font-size: 20px;}
.card4.im1 span {background:url('../img/xin7.png');background-size:cover;}
.card4.im2 span {background:url('../img/xin8.png');background-size:cover;}
.card4.im3 span {background:url('../img/xin9.png');background-size:cover;}
.card4.im4 span {background:url('../img/xin10.png');background-size:cover;}
.card4.im5 span {background:url('../img/xin11.png');background-size:cover;}
.card4.im6 span {background:url('../img/xin12.png');background-size:cover;}
/* listw1 *********************************************** *********************************** *********************************** ************************************ */
.listw1 {display: flex;flex-direction: column;gap: 30px;background-color: var(--background-san);padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);position: relative;}
.listw1 h3{color: #696981;font-weight: bold;}
.listw1-ul{display: flex;flex-direction: column;gap: 20px;}
.listw1-li{display: flex;gap: 10px;align-items: center;}
.listw1-li img{width: 100px;height: 50px;object-fit: cover;object-position: center;}
.listw1-title{font-size: 18px;}
.listw1-des{color: var(--text-color2);}
.listw1-more {display: flex;justify-content: center;align-items: center;font-size: 14px;background-color: #fd7759;color: white;padding: 5px 10px;border-radius: 10px;}
.listw1-more:hover{color: white;box-shadow: var(--shadow-soft);}
/* listw2 *********************************************** *********************************** *********************************** ************************************ */
.listw2 {display: flex;flex-direction: column;gap: 30px;background-color: #fff;padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);}
.listw2 h3 {color: #696981;font-weight: bold;}
.listw2-ul {display: flex;gap: 2%;width: 100%;}
.listw2-ul.li2 li{display: flex;flex-direction: column;gap: 10px;}
.listw2-ul.li3 li{width: 32%;display: flex;flex-direction: column;gap: 10px;}
.listw2-ul img {width: 100%;object-fit: cover;}
.listw2-title{font-size: 18px;color: var(--text-color);}
.listw2-des {color: var(--text-color2);font-size: 16px;}
.listw2-more {font-size: 14px;background-color: #fd7759;padding: 5px 10px;color: white;width: fit-content;border-radius: 5px;}.listw2-more:hover{color: white;box-shadow: var(--shadow-soft);}
/* listw3  *********************************************** *********************************** *********************************** ************************************ */
.listw3,.img1 {display: flex;flex-direction: column;background-color: var(--background-san);padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);gap: 10px;position: relative;background-color: white;}
.listw3>h3,.img1>h3{color: #696981;font-weight: bold;}
.listw3>h2,.img1>h2 {color: #696981;font-weight: bold;font-size: 20px;}
.listw3-count {margin-top: 10px;display: flex;justify-content: center;gap: 10px;}
.listw3-count li {display: flex;width: 6px;height: 6px;border-radius: 50%;justify-content: center;align-items: center;background: var(--text-color);opacity: 1;transition: .25s;cursor: pointer;position: relative;overflow: hidden;}
.listw3-count li.current {width: 20px;border-radius: 5px;}
.listw3-left {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;left: -25px;opacity: 0;transition: opacity 1s ease;}
.listw3-right {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;right: -25px;opacity: 0;transition: opacity 1s ease;}
.listw3:hover .listw3-left,.listw3:hover .listw3-right{opacity: 1;}
.listw3-list {position: relative;}
.listw3-list li.current{position:unset;opacity: 1;}
.listw3-list li{position: absolute;opacity: 0;top: 0;display: flex;width: 100%;flex-direction: column;border-radius: 10px;padding: 20px;gap: 15px;}
.listw3-list li:nth-child(1) {background:#FDC830;background:-webkit-linear-gradient(to right, #F37335, #FDC830);background:linear-gradient(to right, #F37335, #FDC830);}
.listw3-list li:nth-child(2) {background:#EDBF39;background:-webkit-linear-gradient(to right, #EDBF39, #C9C75C);background:linear-gradient(135deg, #EDBF39, #C9C75C);}
.listw3-list li:nth-child(3) {background:#E9A07E;background:-webkit-linear-gradient(to right, #E9A07E, #F7C336);background:linear-gradient(135deg, #E9A07E, #F7C336);}
.listw3-title a {color:white;font-size:18px;font-weight:bold;}
.listw3-list p {color:rgb(8 8 8);}
.listw3-list li>a {color:white;font-size:14px;width:fit-content;padding:5px 10px;border-radius:5px;background-color:var(--background-san);box-shadow:var(--shadow-soft);}
/* listw4  *********************************************** *********************************** *********************************** ************************************ */
.listw4 {display:flex;flex-direction:column;background-color:var(--background-san);padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);}
.listw4 h3 {color:#696981;font-weight:bold;margin-bottom:30px;}
.listw4-ul {display:flex;flex-direction:column;gap:40px 0;}
.listw4-li {display:flex;align-items:center;}
.listw4-li > a img {width:50px;margin-right:10px;height:50px;object-fit:cover;object-position:center;}
.listw4-title {font-size:14px;margin-bottom:10px;}
.listw4-div {display:flex;align-items:center;gap:10px;margin-top:10px;}
.listw4-div span {display:flex;align-items:center;color:var(--text-color2);}
.listw4-div span img {width:20px;margin-right:5px;}
/* img1 单图轮播 *********************************************** *********************************** *********************************** ************************************ */
.img1-list {position: relative;}
.img1-list li {position: absolute;opacity: 0;top: 0;display: flex;width: 100%;}
.img1-list li.current {position: unset;opacity: 1;}
.img1-list figure{width: 100%;}
.img1-list figcaption{text-align: center;}
.img1-count {margin-top: 10px;display: flex;justify-content: center;gap: 10px;}
.img1-count li {display: flex;width: 6px;height: 6px;border-radius: 50%;justify-content: center;align-items: center;background: var(--text-color);opacity: 1;transition: .25s;cursor: pointer;position: relative;overflow: hidden;}
.img1-count li.current {width: 20px;border-radius: 5px;}
.img1-left {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;left: -15px;opacity: 0;transition: opacity 1s ease;}
.img1-right {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;right: -15px;opacity: 0;transition: opacity 1s ease;}
.img1:hover .img1-left,.img1:hover .img1-right{opacity: 1;}
.img1 img{width: 100%;}
/* img2  *********************************************** *********************************** *********************************** ************************************ */
.img2 {display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:20px;box-shadow:var(--shadow-soft);gap:10px;}
.img2 h3 {color:#696981;font-weight:bold;}
.img2-list2 {display:flex;gap:2%;}
.img2-list3 {display:flex;gap:2%;}
.img2-list3 li {width:32%;}
.img2 img {width:100%;object-fit:cover;}
.img2 figcaption {font-size:14px;}
/* pinglun1 单图轮播 *********************************************** *********************************** *********************************** ************************************ */
.pinglun1,.pinglun2 {display: flex;flex-direction: column;background-color: var(--background-san);padding: 20px;border-radius: 20px;box-shadow: var(--shadow-soft);gap: 10px;position: relative;}
.pinglun1>h3,.pinglun2>h3{color: #696981;font-weight: bold;}
.pinglun1>h2,.pinglun2>h2{color: #696981;font-weight: bold;font-size: 20px;}
.pinglun1-count {margin-top: 10px;display: flex;justify-content: center;gap: 10px;}
.pinglun1-count li {display: flex;width: 6px;height: 6px;border-radius: 50%;justify-content: center;align-items: center;background: var(--text-color);opacity: 1;transition: .25s;cursor: pointer;position: relative;overflow: hidden;}
.pinglun1-count li.current {width: 20px;border-radius: 5px;}
.pinglun1-left {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;left: -25px;opacity: 0;transition: opacity 1s ease;}
.pinglun1-right {position: absolute;top: 40%;cursor: pointer;background-color: white;box-shadow: var(--shadow-soft);border-radius: 5px;display: flex;align-items: center;padding: 5px;right: -25px;opacity: 0;transition: opacity 1s ease;}
.pinglun1:hover .card2-left,.card2:hover .card2-right{opacity: 1;}
.pinglun1-ul {position: relative;}
.pinglun1-ul li.current{position:unset;opacity: 1;}
.pinglun1-ul li{position: absolute;opacity: 0;top: 0;display: flex;width: 100%;flex-direction: column;align-items: center;gap: 20px;}
.pinglun1-ul img{border-radius: 50%;width: 100px;height: 100px;}
.pinglun1-ul figure{display: flex;align-items: center;flex-direction: column;gap: 10px;}
.pinglun1:hover .pinglun1-left,.pinglun1:hover .pinglun1-right{opacity: 1;}
/* pinglun2 2与3图 *********************************************** *********************************** *********************************** ************************************ */
.pinglun2-ul {display: flex;}
.pinglun2-ul{gap:20px;}
.pinglun2-ul.li2{gap:20px;}
.pinglun2-ul.li3{gap:2%;}
.pinglun2-ul.li3 li{width:32%;}
.pinglun2-ul li{display: flex;flex-direction: column;gap: 20px;}
.pinglun2-ul figure{display: flex;align-items: center;flex-direction: column;gap: 10px;}
.pinglun2-ul img{width: 100px;border-radius: 50%;height: 100px;}
.pinglun2-ul figcaption{font-size: 14px;}
/* FAQ *********************************************** *********************************** *********************************** ************************************ */
.FAQ {display:flex;flex-direction:column;background-color:var(--background-san);padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);}
.FAQ ul {display:flex;flex-direction:column;gap:20px;}
.faqlist {cursor:pointer;}
.faqlist>div {padding:20px;font-size:16px;margin:auto;display:flex;gap:20px;justify-content:space-between;border-radius:10px;box-shadow:var(--shadow-soft);background-color:var(--bg-color);}
.faqlist>p {padding:20px;box-shadow:var(--shadow-soft);border-radius:10px;color:var(--text-color4);display:none;}
.faqlist.active h3 {color:#fd7759;}
.faqlist.active p {display:block;}
/* video1 *********************************************** *********************************** *********************************** ************************************ */
.video1 {display:flex;flex-direction:column;background-color:var(--background-san);padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);}
.video1 figure{display: flex;flex-direction: column;align-items: center;gap: 20px;}
.video1 iframe{width: 100%;height: 315px;}
/* table1 *********************************************** *********************************** *********************************** ************************************ */
.table1 {display:flex;flex-direction:column;background-color:var(--background-san);padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);}
.table1>h3{color: #696981;font-weight: bold;}
.table1>h2{color: #696981;font-weight: bold;font-size: 20px;}
/* chart1 *********************************************** *********************************** *********************************** ************************************ */
.chart1 {display:flex;flex-direction:column;background-color:var(--background-san);padding:30px;border-radius:20px;box-shadow:var(--shadow-soft);width: 50%;}


/* 手机端 *********************************************** *********************************** *********************************** ************************************ */
@media screen and (max-width: 768px){
.section1{margin-top: 20px;}
.flex1{flex-direction: column;}
.img2,.card1,.card2,.card3,.card4,.listw1,.listw2,.listw3,.listw4,.img1,.pinglun1,.pinglun2,.FAQ,.video1,.table1,.chart1{gap: 20px;}
/* card2 *********************************************** */
.card2-left,.pinglun1-left,listw3-left,.img1-left{opacity: 1;}
.card2-right,.pinglun1-right,listw3-right,.img1-right{opacity: 1;}
/* card2 *********************************************** */

/* listw1 *********************************************** */
.listw1-li {flex-direction: column;}
.listw1-ul{gap: 40px;}
.listw1-li img {width: 100%;height: 150px;}
/* listw2 ***********************************************  */
.listw2-ul{flex-direction: column;gap: 40px;}
.listw2-ul li{width: 100% !important;}
/* pinglun2 2与3图 ***********************************************  */
.pinglun2-ul {flex-direction: column;gap: 40px !important;}
.pinglun2-ul li{width: 100% !important;}
/* img2 2与3图 ***********************************************  */
.img2-list2{flex-direction: column;gap: 40px;}
/* chart 图表 ***********************************************  */
.chart1{width: 100%;}
/* 表格 ***********************************************  */
.table1{padding:unset;box-shadow:unset;}
/* FAQS ***********************************************  */
.FAQ{padding: 20px;}
.FAQ h3{font-size: 16px;}
}