*{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
body { font-family:"Microsoft YaHei"; font-size:12px; margin: 0;background:#f8f8f8; }
i,em{font-style: normal;}
.bg { background:#fff; }
.bx{ width: 1200px; margin: 0 auto; position: relative;}
.w{width:1200px;margin:0 auto}
.w2{width:1350px;margin:0 auto}
.fl{ float: left; }
.fr{ float: right}
.dl{display: inline-block;}
.hidden{display:none}
.block{display:block !important}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
a{color: #3c8b90;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.clear{clear:both}
.clearfix{ *zoom:1; }
.clearfix:after{ content: ""; display: block; clear: both; }
.fixed{position:fixed}
.white{background:#fff;}
.black{background:#000}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}


/*iconfont*/
@font-face {
  font-family: "iconfont"; /* Project id 4546517 */
  src: url('/skin/font/iconfont.woff2?t=1747668148866') format('woff2'),
       url('/skin/font/iconfont.woff?t=1747668148866') format('woff'),
       url('/skin/font/iconfont.ttf?t=1747668148866') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jingdong:before {
  content: "\e93a";
}

.icon-weixin:before {
  content: "\e65f";
}

.icon-douyin1:before {
  content: "\e673";
}

.icon-changyonglogo27:before {
  content: "\e714";
}

.icon-a-042_shipinhao:before {
  content: "\e6dd";
}

.icon-instagram:before {
  content: "\e87f";
}

.icon-xiaohongshu:before {
  content: "\e609";
}

.icon-kefu:before {
  content: "\e608";
}

.icon-dianhua:before {
  content: "\e74c";
}

.icon-dizhi:before {
  content: "\e615";
}

.icon-gongzhonghao:before {
  content: "\e63e";
}

.icon-facebookfacebook11:before {
  content: "\e735";
}

.icon-shang:before {
  content: "\e63c";
}

.icon-you:before {
  content: "\e627";
}

.icon-youxiang:before {
  content: "\e610";
}

.icon-youtube:before {
  content: "\e711";
}

.icon-douyin:before {
  content: "\e60c";
}





/*基础自适应*
 *by7
 */
@media screen and (max-width:479px){
.w{width:97%;}
.w2{width:100%;}
.mySwiper,.mySwiper2{width:95% !important;}
.col-2{width:100%;}
.col-2-7{width:100%;}
.col-2-3{width:100%;}
.col-2-8{width:100%;}
.col-2-2{width:100%;}
.col-2-6{width:100%;}
.col-2-4{width:100%;}
.col-3{width:50%;}
.col-4{width:50%;}
.col-5{width:50%;}
.col-6{width:33.333%;}
.imgbox:hover img{transform:none}
.slogan{font-size:12px !important;box-shadow:none !important}
.topnav{display:none;}
.header .logo{margin:5px 0 !important}
.header .logo img{width:150px !important;padding:0px 0 0 10px !important}
.header .fixed .logo img{width:150px !important}
.menubtn{display:block;margin-top:5px !important}
.topicon{display:none}
.topnav{width:100%;margin-top:0 !important;text-align:center;position: fixed;top: 50px;background: #fff;left: 0;height:100%}
.topnav ul li .sub-menu{position:static !important}
.header .fixed .topnav{top:58px}
.topnav ul li{float:none !important;border-bottom:1px solid #eee}
.topnav ul li a{display:block !important;padding:0 !important}
#banner{height:auto !important}
.swiper-container{width:100% !important;height:200px !important;position:relative !important;left:0 !important;margin-left:0 !important;}
.swiper-container img{width:550px;height:auto;}
.swiper-slide .detail{height:auto !important}
.swiper-slide .detail h3,.swiper-slide .detail p{width:95% !important;font-size:14px !important;margin:5px auto !important;height:18px !important;overflow:hidden}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none !important}

.swiper-pagination-bullet{width:10px !important;height:10px !important;}
.title1{font-size:18px !important;text-align:center !important;margin:0px auto !important;line-height:50px !important;height:25px !important}
.title1 h2{font-size:22px !important;margin:10px auto}
.zhishi .title1 h3,.protitle2 .title1 h3,.fenlei .title1 h3{padding-left:10px;}
.casetitle{text-align:center !important;font-size:16px !important}
.casecon{margin-top:0 !important;text-align:center}
.casecon ul li{margin-bottom:0 !important;}

.pronav ul li{display:inline-block !important;margin-bottom:0}
.prolist ul li.col-3{width:100%}
.prolist ul li h4{margin:10px 20px 0 10px !important;text-align:left;font-size:16px !important;line-height:24px !important;height:auto !important}
.prolist ul li p{margin:10px 20px 10px 10px !important;text-align:left;height:auto !important;line-height:20px !important;font-size:14px !important;}
.pronav ul li a{margin-right:10px !important;font-size:14px !important}
.pronav span{display: block !important;
        margin-right: 0 !important;
        text-align: left;
        border-bottom: 1px solid #ccc;
        background: none !important;
        color: #3c8b90 !important;
        font-size:18px !important;
        margin-bottom:10px;
        margin-left:0 !important;
    }
.pro-description{font-size:14px !important}
.casecon ul li em{display:block;text-align:center;float:none;margin-top:5px;margin-right:0!important}
.prohidden{position:static !important;margin-bo/ttom:15px !important;he/ight:145px !important}
.prolist ul li .probox{text-align:center}
.prolist ul li.col-4{width:100% !important}
.advcon{margin-top:20px}
.advcon ul li h4{text-align:center !important;font-size:16px !important}
.advcon ul li p{height:auto !important;font-size:12px !important;line-height:26px !important}
.advcon ul li img{width:60% !important}
.product-group .imgbox {    width: 95%;}
.footer .col-3{width:100%;}
.logo2{float:none;margin:0 auto;text-align:center;display:block}
.search{fl/oat:none;margin:5px 0 0 10px !important;text-align:center}
.search .key{width:70px !important}
.footer .col-{float:left;margin-right:0 !important;margin-bottom:20px;width:50%}
.footer .dizhi{width:95% !important;float:none;margin:10px auto !important}
.footer .dizhi .contact{width:100%;margin:0 !important}
.footer .col-:nth-child(4){width:100% !important}
.footer .contact{margin:0 10px !important}
.footer .contact p.jj{margin-right:0px !important;margin-top:20px}
.footer .ewm .col-2{width:50%;}
.footer .ewm{marg/in:20px auto !important;wi/dth:80% !important;float:none}
.footerinfo{width:90% !important;line-height:24px !important;padding:10px 0;text-align:center}
.footerinfo .fl,.footerinfo .fr{float:none}
.footerinfo em{padding:0 !important; margin-right:10px;di/splay:block}
.footer .smallicon span,.footer .smallicon span:before{width:45px !important;height:45px !important}
.footer .kefu img{
    right:210px !important;
    bottom: 93px !important;
    height: 150px !important;}
.decor-btm-white .casetitle{font-size:20px !important;padding-top:34px !important}
.toppic{margin-top:50px;height:auto !important}
.toppic img{position:static !important;width:100% !important;height:auto;margin-left:0 !important;}
.toppic h1{top:10% !important;font-size:22px !important;margin-left:0 !important;left:5% !important}
.toppic p{top:35% !important;font-size:14px !important;margin-left:0 !important;left:5% !important;width:auto !important;margin-right:5%}
.protitle{dis/play:none;font-size:16px;}
.casecontentL .content{margin:0 10px 0 !important}
.casecontentR .area{margin-top:0 !important}
.content p{font-size:16px !important}
.contentR h1{font-size:20px !important;margin:20px 10px 10px !important}
.newstime{font-size:16px !important;margin:0 10px 0 !important;color:#666}
.molist{margin-top:30px !important}
.molist ul li a{margin:0 10px 10px !important;}
.newscon ul li{width:100% !important}
.newscon ul li a{width:97%;margin:0 !important}
.newslist ul li h4{margin:20px 10px !important}
.newslist ul li p{margin:10px 10px 0 !important}
.newscon .swiper-slide a{box-shadow:none !important;border-radius:0 !important}
.paiban h4{margin-top:10px !important;margin-left:10px !important}
.paiban p{margin-right:10px !important;margin-left:10px !important;margin-bottom:10px !important;}
.paiban a{text-align:center}
.paiban a img{margin:0 auto;width:95%;}
.paiban a.more span{left:30px !important;bottom:-230px !important}
.paiban a.more2 span{transform: scaleX(-1);left:30px !important;bottom:-200px !important}
.contactbox{display:none}
.contactcon div{width:33.3333% !important;height:auto !important;padding-bottom:20px;text-align:center}
.contactcon span{margin:20px auto 10px !important}
.contactcon em{display:none !important;font-size:14px !important;margin:0px auto !important}
.contactcon b{display:none}
.contactcon p{margin:10px !important;height:20px;}
.contactcon p.contactbtn{display:block !important;margin:0px !important;padding:0 !important;height:30px;line-height:30px;background:none !important}
.contactcon p.contacttxt{display:none}
.play-btn{width:40px !important;height:40px !important;}
.play-btn:after{border-width: 8px 0 8px 14px !important;}
.contactcon .col-3:nth-child(2) p{color:#fff !important}
.contactcon span.iconmin{display:none}
.numbercon{width:auto;margin:10px 15px;}
.numbercon>div{margin:40px 0 !important;border-radius:10px !important;}
.numbercon>div>div{margin:10px 0 !important;width:100%}
.numbercon p{font-size:14px !important;}
.numbercon b{font-size:18px !important;}
.numbercon em{font-size:24px !important;}
.aboutlist h4{margin-top:20px !important;margin-bottom:20px !important;margin-left:10px !important;font-size:18px !important}
.aboutlist p{margin:0 10px 10px !important;font-size:14px !important}
.aboutlist .imgbox{margin:0px 10px !important}
.aboutlist ul{margin-bottom:10px}
.aboutlist ul li{margin-left:30px !important}
.aboutlist .dgbtn{
    display: block;
    position: static !important;
    margin: 20px 10px 10px;
    line-height: 40px;
    text-align: center;}
.ditu h4{margin-top: 20px !important;
        margin-bottom: 20px !important;
        margin-left: 10px !important;}
.ditu p{margin: 0 10px 20px !important;}
.prolisttop{padding:0 !important;border-bottom:0 !important}
.term_description{margin:0 10px;}
.term_description ul li{font-size:16px}
.downloadbtn2{float:none !important;margin-top:0 !important;margin-bottom:20px}
.downloadbtn3{top:-38px !important}
.procontent{mar/gin:0 10px !important}
.protitle2{margin-bottom:20px;}
.procontent table,.procontent p{font-size:12px !important;}
.casecon ul li span, .newscon ul li span, .newscon .swiper-slide span, .procon span{display:none}
.position ul{float:none !important}
.fenlei{displ/ay:none;margin-left:10px;margin-right:10px;}
.proconR{margin-top:30px}
.proconR .bfixed{position:static}
.proconRbox2{width:auto !important}
.prolist ul li .probox2{height:auto}
.dingzhi{display:block;marg/in-left:0}
.fenlei ul li{float: left;width: 50%;margin: 0 !important;text-align: center;}
.fenlei ul li a{padding-left:0;line-height:60px;border-bottom:0 !important}
.searchtop{position:fixed;margin-top:70px !important;right:20px;z-index:101}
#searchtopbtn{display:block !important;position:absolute;right:70px;top:17px;}
#searchtopbtn span{font-size:30px;color:#3c8b90}
.header{position:fixed;top:0;width:100%;z-index:999}
.header .fixed #searchtopbtn{top:17px}
.searchright{display:none}
.footer .search{display:none}
.footer .col-3:first-child{margin:10px auto 0 !important}
.product-group > a{width:50% !important}
.newscon ul li h4, .newscon .swiper-slide h4{margin:5px 5px !important;font-size:14px !important;line-height:20px !important;height:38px !important;overflow:hidden}
.product-group .imgbox img{ma/x-width:95% !important}
.newscon ul li p, .newscon .swiper-slide p{margin:5px !important}
.procontentL .proSwiper{margin-right:0 !important}
.procontentR h1{font-size:18px !important }
.zhishi .title1 h3, .protitle2 .title1 h3, .fenlei .title1 h3{font-size:18px !important}
.newscon .swiper-slide span{display:none !important}

.pronav ul{margin-right:0 !important}
.pronav ul li a{margin:0 5px !important;padding:0 10px;border-bottom:0 !important}
.pronav ul li.current-menu-item a, .pronav ul li.current-category-ancestor a{background:#3c8b90 !important;color:#fff !important}
.pro-description .dgbtn{float:none !important;margin:10px auto 0;display:block;text-align:center}
.casetitle h1{font-size:18px !important}
.casecontitle{position:static !important;margin-top:10px !important}
.procontentR .toptxt{height:auto !important}
.content{margin:10px;}
}
@media screen and (min-width:480px) and (max-width:1024px){
.w {width: 98%;}
.w2{width:98%}
.col-2{width:100%;}
.col-2-6{width:60%;}
.col-2-4{width:40%;}
.col-2-7{width:70%;}
.col-2-3{width:30%;}
.col-2-8{width:80%;}
.col-2-2{width:20%;}
.col-3{width:50%;}
.col-4{width:50%;}
.col-5{width:50%;}
.col-6{width:33.333%;}
.topnav{dis/play:none;}
.headerbox .logo{margin:6px !important}
.headerbox .logo img{width:150px !important;padding:10px 0 0 10px !important}
.search{margin-top:10px !important}
.header .fixed .logo img{width:150px !important}
.topicon{margin-top:14px !important}
.menubtn{display:none}
.topnav{width:100%;margin-top:0 !important;text-align:center;pos/ition: fixed;t/op: 55px;background: #fff;left: 0;}

.topnav ul li a{font-size:16px !important}

.headerbox .fixed .topnav{top:0px !important}

.mySwiper, .mySwiper2{width:95% !important}
.footer .col-{float:left;margin-right:0 !important;margin-bottom:20px;wid/th:25% !important}

.footer .dizhi .contact{width:100%;}
.footer .col-3{float:none;width:100%}
.ewm .col-2{width:50%}
.paiban .col-2{width:50% !important}
.paiban h4{margin-top:10px !important;margin-bottom:10px !important;}
.paiban a.more, .paiban a.more2{bottom:-0 !important}
.paiban a.more span, .paiban a.more2 span{ri/ght:-0 !important}
.paiban .col-2-8{width:94% !important}
.toppic{height:auto !important;}
.toppic img{position: initial !important;
        width: 100% !important;
        margin-left: 0 !important;}
.toppic h1{left:10% !important;margin-left:0 !important;font-size:30px !important;}
.toppic p{left:10% !important;margin-left:0 !important;font-size:16px !important}
.contactcon div {
width: 33.3333% !important;
height: auto !important;
padding-bottom: 20px;
text-align: center;}
.contactcon p{height:38px}
.contactbtn{height:20px !important}
.numbercon>div>div {
margin: 10px 0 !important;
width: 33.3333%;}

.pronav span{display:block !important;margin:10px 0 0;font-size:16px !important}
.casetitle h1,.casetitle h2,
.pronav ul li a{font-size:16px !important}
.aboutlist h4{margin-top:0 !important}


}
@media screen and (min-width:1025px){
.w {width: 1200px;}
.col-2{width:50%;}
.col-2-6{width:60%;}
.col-2-4{width:40%;}
.col-2-7{width:70%;}
.col-2-3{width:30%;}
.col-2-8{width:80%;}
.col-2-2{width:20%;}
.col-3{width:33.333%}
.col-4{width:25%;}
.col-5{width:20%;}
.col-6{width:33.333%;}
.menubtn{display:none}
.toppic img{position:initial !important;width:100% !important;margin-left:0 !important}	




}

/*index CSS*/
.imgbox{display: block;overflow: hidden;padding:0;text-align: center}
.imgbox img{width:100%;height:auto;aspect-ratio: 4 / 3;vertical-align:middle;-webkit-transition:0.5s ease;transition:0.5s ease;ba/ckground:#eee}
.imgbox:hover img{transform:scale(1.05)}

.imgbox2 img{width:100%;height:auto;aspect-ratio: 1 / 1;}

/*top*/
.header{box-shadow:0 0 10px #eee}
.slogan{background:#fff;font-size:14px;color:#444;line-he/ight:30px;box-shadow: 3px -3px 3px #eee inset;}
.header .logo{margi/n:20px 0;-webkit-transition:0.5s ease;transition:0.5s ease;}
.header .logo img{po/sition: fixed;
    width: 180px;
    z-index: 100;
    background: #fff;
    padding: 20px 0;
-webkit-transition:0.5s ease;transition:0.5s ease;}
.weixin_iconbox{position:relative;display:inline-block}
.weixin_iconbox img{display:none;position:absolute;top:30px;left:50%;margin-left:-50px;width:120px;hei/ght:80px;paddi/ng:10px;z-index:999;background: #fff;box-shadow: 0 0 10px #ccc;border-radius: 5px;}
.weixin_iconbox:hover img{display:block;}

.topinfo{height:30px;font-size:14px;}
.topnav{ma/rgin-top:16px;backgr/ound:#f8f8f8;-webkit-transition:0.5s ease;transition:0.5s ease;z-index:999}
.topnav ul li{float:left;position:relative;mar/gin:0 3px}
.topnav ul li a{display:inline-block;padding:0 20px;line-height:50px;font-size:20px;border-b/ottom:5px solid #fff}
.topnav ul li>a:hover{background:#3c8b90;color:#fff;}
.topnav ul li .sub-menu{display:none;position:absolute;left:0;top:50px;padding:8px 0;z-index:100;background:#eee;border-radius:0 0 10px 10px}
.topnav ul li:hover .sub-menu{display:block;}
.topnav ul li.menu-item-has-children:hover {color:#fff;di/splay:block;}
.topnav ul li .sub-menu li{width:100%;text-align:center}
.topnav ul li .sub-menu a{display:block;line-height:24px;font-size:14px;padding:10px;border:0;color:#3c8b90}
.topnav ul li .sub-menu a:hover{color:#fff}
.topicon{font-size:20px;margin-top:28px;color:#3c8b90}
.topicon span{line-height:30px;display:inline-block;mar/gin-top:3px;}
.dashicons-phone:before,.dashicons-smartphone:before{line-height:30px}
.gtranslate_wrapper{position:fixed;right:0;z-index:99999}

.topnav .navbox .navlist li:hover>a,
.topnav .current-post-ancestor a,
.topnav .current-menu-item a,
.topnav .current_page_parent a,
/*header .current-category-parent a,*/
.topnav .current-category-ancestor a,
.topnav .current-menu-parent a
{color:#c00;}



.menu-item-has-children:after{content: "⯆";position:absolute;top:18px;right:5px;color:#3c8b90}
.menubtn{positi/on:absolute;right:0;margin: 10px 0 0 10px;width: 40px;height: 40px;color:#3c8b90;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.menubtn span:before{font-size:40px;}
.header .fixed{top:0;left:0;width:100%;z-index:999;box-shadow:0 0 10px #ccc}
.header .fixed .logo img{width:180px;padding:10px 0}

.header .fixed .menubtn{width:40px;height:40px;}
.header .fixed .topicon{margin-top:18px;}
.header .fixed .search{margin-top:10px}

.header .searchtop,.header #searchtopbtn{display:none}

/*part1*/

.title1{font-size:22px;color:#3c8b90;line-height:30px;margin:40px auto;text-ali/gn:center;}
.title1 h2{display:inline-block;font-size:24px;font-weight:500}
.title1 p{font-size:16px;color:#999}
.title1 .dashicons{font-size:30px;width:40px;height:40px;margin-top:10px;}
.procon ul li{float:left;height:auto;}
.procon ul li>a{display:inline-block;margin:10px auto;width:95%;box-shadow:0 7px 15px rgba(0,0,0,0.2)}
.procon ul li:hover a{color:#fff;background:#c00}
.procon ul li:hover em{color:#fff}
.protitle{text-align:center;font-si/ze:24px;margin:10px 0;line-height:22px;font-weight:500;font-size:20px}

.protitle .dashicons-arrow-right-alt2:before{line-height: 24px;}
.proinfo{font-size:16px;margin:0 20px 20px;color:#999}
.proinfo em:after{ content: "/"; display:inline-block;padding:0 3px;color:#eee}

.mySwiper,.mySwiper2{width:1200px;margin:0 auto;overflow:hidden;position:relative;padding-bottom:20px}
.swiper-slide {
text-align: center;
font-size: 18px;

}
.swiper-slide .imgbox{
background:#fff;
border-radius:10px;
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.2);
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{width:50px;height:60px;margin-top:-108px;border-radius:10px;background:#ffffff85;color:#3c8b90}

/*part2*/
.casetitle h1,.casetitle h2{font-size: 22px;
    color: #3c8b90;
    line-height: 24px;
    text-align: left;
    font-weight:500;
bor/er-left:10px solid #ccc;padding-left:10px;}
.casecon ul li{position:relative;float:left;height:auto;margin-bot/tom:20px;}
.casecon ul li a{display:block;margin:5px auto;width:95%;}
.casecon ul li em{margin-right:10px;font-size:14px;color:#999}
.casecon ul li span,
.newscon ul li span,
.newscon .swiper-slide span,
.procon span{position:absolute;bottom:30px;left:30px;background: #f0f0f0;border-radius: 30px;padding: 10px;width:20px;height:20px}
.casecon ul li .imgbox{width:100%;border-radius:10px;box-shadow: 0 7px 15px rgba(0,0,0,0.2);}
.casecon ul li img{
    transform: rotateY(0deg);
    transition: all 0.5s ease 0s;
    backface-visibility: hidden;}
.casecon ul li:hover img{
    transform: rotateY(180deg);}
.casecon ul li:hover .casecontitle{
    z-index: 1;
    
}
   
.casecon ul li:hover span,
.newscon ul li:hover span,
.newscon .swiper-slide a:hover span,
.procon .swiper-slide a:hover span{background:#c00;color:#fff}
.casecon ul li:hover .casecontitle,
.newscon .swiper-slide:hover .casecontitle,
.procon .swiper-slide:hover .casecontitle{color:#c00}
.casecontitle{position:absolute;top:50%;width:100%;margin-top:-8px;font-size: 16px;z-index:-1;transition: all 0.8s ease 0s;}

/*part4*/
.about{background:#eee;box-sha/dow:0 0 10px #ccc inset;
    background: url(/skin/images/Content_Stage_Website_Header2.jpg) center repeat-y;
    background-attachment: fixed;}
.abouttitle{display:inline-block;padding:10px 20px;margin:20px 0 0;font-size:22px;color:#fff;background:#d7102d;border-radius:10px 10px 0 0;box-shadow:0 0 10px #444}
.aboutcon{background:rgb(255 255 255 / 90%);padding:20px;border-radius:0 10px 10px 10px;box-shadow:0 0 10px #444}
.aboutcon p{margin-bottom:10px;font-size:16px;line-height:30px;color:#444}
.about h2{font-size:40px;color:#fff;text-shadow:0 0 10px #444;letter-spacing:10px}
.about a{font-size:16px;color:#c00}
.zhishi .title1 h2,.zhishi .title1 h3,.protitle2 .title1 h2,.fenlei .title1 h3{font-size:24px;font-weight:500;background:#f8f8f8;display:inline-block;padding-right:10px;}
.fenlei .title1 h3{}
.zhishi .title1,.protitle2 .title1{height:18px;border-bottom:2px solid #3c8b90}
.newscon ul li,.newscon .swiper-slide{margin-bottom:20px;position:relative}
.newscon ul li a,.newscon .swiper-slide a{display:inline-block;margin:0 10px;border-radius:10px ;box-shadow: 0 7px 15px rgba(0,0,0,0.2);overflow:hidden}
.newscon .swiper-slide a{margin:0}
.newscon ul li .newstext,,.newscon .swiper-slide .newstext{posit/ion:absolute;bott/om:0;padding-bottom:5px;width:92.5%;he/ight:35px;font-size:16px;line-height:30px;background:#f8f8f8;border-radius:0 0 10px 10px;overflow:hidden;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.newscon ul li:hover .newstext{he/ight:100px}
.newscon ul li:hover h4,.newscon .swiper-slide:hover h4{border-bottom:2px solid #ccc;}
.newscon ul li h4,.newscon .swiper-slide h4{margin:5px 20px;padding-bottom:5px;height:60px;font-size:18px;line-height:30px;font-weight:500;border-bottom:2px solid #ccc;}
/*.newscon ul li h4 em{float:right;display:inline-block;font-size:12px;}*/
.newscon ul li p,.newscon .swiper-slide p{margin:20px;font-size:14px;line-height:24px;height:48px;overflow:hidden}
.newscon ul li em,.newscon .swiper-slide em{position:absolute;left:50%;bottom:-20px;margin-left:-30px;display:inline-block;padding:0 10px;color:#fff;background:#444;line-height:30px;border-radius:15px;}
.newscon .swiper-slide .imgbox{border-radius:0;box-shadow:none}
.newscon ul li .imgbox:hover img,
.newscon .swiper-slide .imgbox:hover img{transform:none}
.zhishi ul li{margin-bottom:40px}
.news .swiper-button-next,.news .swiper-button-prev{top:50% !important;margin-top:-40px;z-index:100}
.index-more{text-align:center}
.index-more a{display:inline-block;margin:10px auto 0;padding:0 20px;text-align:center;line-height:40px;font-size:16px;border:3px solid #3c8b90;border-radius:30px;}
.index-more a:hover{background:#3c8b90;color:#fff}
.aboutlist .more2{display:inline-block;padding:0 20px;border-radius:40px;line-height:40px;text-align:center;background:#3c8b90;color:#fff}
.aboutlist .more2:hover{background:#c00}
/*part3*/
.adv{background:#daeffd}
.advcon ul li{float:left;height:auto}
.advcon ul li span:before{width:80px;height:80px;font-size:60px;line-height:60px;color:#d7102d}
.advcon ul li h4{font-size:20px;font-weight:500;line-height:50px;color:#3c8b90;text-align:left}
.advcon ul li p{height:120px;font-size:16px;line-height:30px;color:#444;text-align:left}
.advcon ul li img{width:50%;filter: hue-rotate(330deg);}
.advcon ul li:hover img{transform: rotateY(-360deg);
    transition: all 0.5s ease 0s;
    backface-visibility: hidden;}

/*part5*/
.servicecon{padding:20px}
.formtitle{font-size:16px;line-height:30px}


/*news*/
.mySwiper3 {
    width: 100%;
    height: auto; /* 高度自适应 */
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px; /* 为分页器预留空间 */
}

.mySwiper3 .swiper-slide {
    text-align: center;
    font-size: 18px;
    backgr/ound: #fff;
    /* 移除固定高度 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-group > a {
    width: 32.2%; /* 6个产品分为两行，每行3个 */
    margin-bottom: 20px !important;
    text-decoration: none;
    color: inherit;
    position: relative;
}
.newscon .swiper-slide span{
    display: block;
}
.product-group .imgbox {
    wid/th: 95%;
    hei/ght: 200px; /* 根据需要调整图片高度 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.product-group .imgbox img {
    max-width: 100%;
    max-height: 100%;
}

.product-group .dashicons-before {
    display: none; /* 如果不需要箭头图标，可以隐藏 */
}
.product-group .newstext {
    text-align: left;
}

.product-group h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.product-group p {
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #555;
}



/*footer*/
.footer{position:relative;background:#3c8b90;color:#fff;bord/er-top:5px solid #d7102d}
.search{position:relative;margin-top:25px;margin-right:20px;}
.search .key{width:160px;padding:0 20px;line-height:40px;border:0;border-radius:20px;box-shadow:0 0 10px #999 inset}
.search .sub{position:absolute;right:0;width:50px;height:40px;line-height:40px;border:0;border-radius:0 20px 20px 0;background:none;color:#fff;z-index:101}
.search .sub:hover{cursor:pointer;}

.search .dashicons{position:absolute;right:20px;top:6px;font-size:30px;color:#3c8b90;z-index:100}
.followicon span{margin-right:0px}
.iconbox{position:relative;display:inline-block}
.smallicon img{width:25px;height:25px;margin-top:5px;}
.bigicon{position:absolute;right:-60px;bottom:55px;padding-bottom:10px;display:none;back/ground:#fff;border-radius:5px}
.bigicon img{width:100px;height:100px;border-radius:5px ;padding:10px;background:#fff;}

.bigicon p{margin-top:-15px;padding-bottom:5px;line-height:24px;width:120px;border-radius:0 0 5px 5px;background:#fff}
.bigicon div{margin-top:-15px;padding-bottom:5px;line-height:24px;width:120px;background:#fff}
.iconbox:hover .bigicon{display:block;}
.xiajiantou{
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #fff; 
bottom:3px;
position: absolute;
left:24px;
}
.youjiantou{
width: 0;
height: 0;
border-left: 8px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
top:50%;
right:2px;
margin-top:-8px;
}
.footlist{margin-left:0 !important;padding-right:40px;bor/der-right:1px solid #999;}
.footlist ul{m/argin:10px 0}
.footlist ul>li{float:left;width:90px;line-height:30px;font-size:16px;}
.footlist ul li a{color:#fff;}
.footlist .sub-menu{margin-top:10px;font-size:14px;}
.footer .contact{margin:20px 0 0 0px;}
.footer .contact p.jj{margin-right:20px}

.footer .contact p{posi/tion:relative;font-size:14px;line-height:24px;margin:10px 0;text-align:left}
.footer .contact p b{margin-bottom:5px;padding-top:5px;padding-bottom:5px;font-size:18px;font-weight:500;display:inline-block;width:150px;border-bott/om:1px solid #999;}
.footer .contact a{color:#fff}
.footer .contact span{float:left;width:24px;margin-right:5px}
.footer .contact span:before{display:inline-block;width:24px;height:24px;font-size: 24px;margin-top: 0px;c/olor:#999}
.footerinfo{position:relative;margin-top:20px;border-top:1px solid #76a6a9;col/or:#999;line-height:40px;font-size:14px}
.footerinfo a{color:#fff}
.footerinfo em{padding-right:10px}

.footer .col-{margin-right:50px;}
.footer .col-:nth-child(3){width:316px}
.footer .col-:nth-child(4){margin-right:0}
.footer .smallicon span{width:50px;height:50px;margin-right:3px;border-radius:25px;background:#fff;color:#3c8b90;text-align:center}
.footer .smallicon span:before{width:50px;height:50px;font-size:32px !important;line-height:50px;margin:0 auto}
.footer .ewm{margin:30px 0 0 0;text-align:center}
.footer .ewm .fl{display:inline-block;float:none}
.footer .ewm img{margin:0 10px;pad/ding:5px;background:#fff;border-radius:5px;}
.footer .kefu{po/sition: relative;}
/*.footer .kefu img{position: absolute;right: -70px;bottom:-230px;height: 350px;}*/
.footer .kefu img{position: absolute;right: 160px;bottom:41px;height: 310px;}
.flink{background:#444}
.flink ul li{float:left;margin-right:10px}
.flink ul li,.flink ul li a{line-height:30px;color:#999;}

/*sidebar*/
.sidebar{position:fixed;right:5px;top:45%;background:#fff;width: 50px;height: auto;z-index: 999;text-align: center;
box-shadow:0 0 5px #ccc;padd/ing:0 5px;border-radius:5px}
.sidebar ul li {position:relative;width:50px;height:50px;border-bo/ttom: 1px solid #ccc;border-top:1px solid #99999987;color:#3c8b90}
.sidebar ul li a{display:block}
.sidebar ul li:first-child{border-top:0}
.sidebar ul li:last-child{display:none;border-bottom:0}
.sidebar ul li:hover{cursor:pointer}
.sidebar ul li:hover span{color:#d7102d}
.sidebar ul li span{display:block;height:50px;}
.sidebar ul li span:before{font-size:30px;line-height:50px}
.sidebar ul li .bigicon{position:absolute;right:50px;bottom:-50px;marg/in-bottom:-40px;padding-right:10px;padding-bottom:0}
.sidebar ul li .iconbox{margin:0 5px;}

/*prolist*/
.toppic{position:relative;height:400px;overflow:hidden;color:#fff;text-shadow:0 0 10px #444}
.toppic img{position:absolute;width:1750px;left:50%;margin-left:-875px}
.toppic h1{position:absolute;left:50%;top:30%;margin-left:-600px;z-index:100;font-size:40px;text-align:left;letter-spacing: 6px;}
.toppic p{position:absolute;left:50%;top:50%;margin-left:-600px;z-index:100;font-size:20px;text-align:left;width:40%}
.toppic p:after {
    content: "\20";
    display: block;
    margin: 10px 0;
    line-height: 30px;
    border-bottom: 2px solid #c00;
    width: 30px;
}

.pronav ul{margin-right:20px;display:inline-block}
.pronav span{display: inline-block;
    margin-right: 10px;
    margin-left:10px;
    font-size: 18px;
    color: #fff;
    background: #3c8b90;
    padding: 3px 10px;}
.pronav ul li{display:inline-block;margin-bottom:5px}
.pronav ul li a{display:block;paddi/ng:0 5px;margin-left:10px;font-size:18px;line-height:32px;color:#444;border-bottom:3px solid #f8f8f8}
.pronav ul li.current-menu-item a,
.pronav ul li.current-category-ancestor a
{color:#3c8b90;border-bottom:3px solid #3c8b90}
.pronav ul li:hover a{color:#3c8b90;border-bottom:3px solid #3c8b90}
.pronav ul li.current-menu-item:hover,
.pronav ul li.current-category-ancestor:hover{border-bottom:0}
.paiban .col-2 a{display:block}
.paiban .col-2{position:relative;}
.paiban h4{margin-top:70px;margin-bottom:20px;font-size:18px;line-height:24px}
.paiban p{font-size:16px;line-height:24px}
.paiban a.more span,.paiban a.more2 span{position:absolute;bottom:-60px;right:40px;width:20px;height:20px;line-height:50px;background:#3c8b90;border-radius:30px;padding:10px;color:#fff;z-index:100}
.paiban a.more span:hover,.paiban a.more span:hover{background:#c00}
.paiban a.more2 span{left:40px}
.prolisttop{margin-bottom:30px;padding:0px 0 10px;border-bottom:1px solid #ccc}
.prolisttop .protitle{font-size:22px;}
.prolisttop .proinfo{font-size:16px}
.prolist ul li{position:relative;margin-bottom:20px;}
.prolist ul li .probox{margin:0 10px;paddi/ng-bottom:10px;display:block;border:1px solid #ccc;border-radius:5px;background:#eee;overflow:hidden}
.prolist ul li .probox:hover{border-color:#3c8b90}
.prolist ul li .probox2{margin:0 10px;paddi/ng-bottom:10px;height:370px;display:block;border:1px solid #ccc;border-radius:10px;background:#eee;overflow:hidden}
.prolist ul li h4{font-size:16px;text-align:left;font-wei/ght:500;margin:10px 20px;line-height:24px;height:48px;font-weig/ht:500}
.prolist ul li p{margin:0 20px 20px;font-size:14px;line-height:24px;height:48px;display: -webkit-box;
  -webkit-line-clamp: 2; /* 超过 2 行显示省略号 */
  -webkit-box-orient: vertical;overflow:hidden}
.prolist ul li span.more,.prolist ul li span.more2{display:none;position: absolute;top: 50%;right: 50%;margin-top: -30px;margin-right: -30px;width:60px;height:60px;} 
.prolist ul li:hover span.more,.prolist ul li:hover span.more2{display:block;color:#fff;text-shadow:0 0 10px #3c8b90}
.prolist ul li:hover a{background:#eee;}
.prolist ul li:hover img{opacity:.5}
.prolist ul li span.more:before{font-size:60px;font-weight:700;width:60px;height:60px;display:block}
.prolist ul li span.more2:before{font-size:40px;font-weight:700;width:60px;height:60px;display:block}
.prohidden{position:absolute;bottom:0;overflow:hidden;height:113px;margin-bottom:20px;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.downloadbtn2{
	display: inline-block;
	background: #444;
	padding: 5px 10px 2px;
	color: #fff;
	border-radius: 16px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.downloadbtn2 a{color:#fff}
.prolist ul li .downloadbtn2:hover {background:#c00;}
.prolist ul li:hover .downloadbtn2 a{background:none;}
.prolist ul li:hover .prohidden{height:140px;}
.pro-description{position:relative;margin:10px;padding:20px;font-size:16px;color:#444;background:#eee;line-height:40px;}
.pro-description span{margin:2px 5px 0 0;color:#ccc}
.pro-description p{display:inline;line-height:26px}
.pro-description .dgbtn{posi/tion:absolute;float:right;background:#3c8b90;color:#fff;padding:0 10px;font-size:16px;border-radius:30px}


/*分页*/
#wp_page_numbers{margin-bottom:30px;background:#f8f8f8}
#wp_page_numbers ul{text-align:center;}
#wp_page_numbers ul li{display:inline-block;float:none;}
#wp_page_numbers ul li a,#wp_page_numbers ul li span{display:inline-block;line-height:30px;padding:0 10px;
	color:#ccc;
	border:1px solid #eee;}
#wp_page_numbers ul li a{color:#c00;background:#fff}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a{background:#f8f8f8}

/*caselist*/
.decor-btm-white .casetitle{font-size:32px;color: #fff;text-shadow: 0 0 10px #000;padding-top: 130px;margin-top: 0;}
.us_custom_59359a70 {
	position: relative;
	height:300px;
	paddi/ng-top: 160px;
	paddin/g-bottom: 130px;
	/*background: #c00!important;*/
	background:url(/skin/images/20200911152055056152.jpg);
}
.decor-btm-black:before, .decor-btm-white:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	border-style: solid;
	border-color: transparent #f8f8f8;
	border-width: 5vw 0 0 50vw;
}

.decor-btm-black:after, .decor-btm-white:after {
	content: '';
	position: absolute;
	bottom: -1px;
	right: 0;
	border-style: solid;
	border-color: transparent #f8f8f8;
	border-width: 5vw 50vw 0 0;
}

/*news*/
.newslist ul{margin-top:20px;}
.newslist ul li{background:#fff;padding:10px 0}
.newslist ul li h4{font-size:20px;margin:10px;}
.newslist ul li p{font-size:16px;margin:20px 10px 0;line-height:30px}
.newslist ul li .imgbox{margin:0 10px}

/*newscon*/
.contentR h1{font-size:30px;text-align:left;letter-spac/ing:3px;color:#444}
.pages{font-size:16px;color:#444}
.pages>div{margin-bottom:10px;}
.newstime{text-align:left;font-size:14px;color:#666;margin:10px auto;border-bottom:1px solid #ccc;padding-bottom:10px}
.newscon ul li span{bottom:184px;}
.newscon .swiper-slide span{left:20px;bottom:184px;}

/*casecon*/
.casecontentL h1{font-size:28px;font-weight:500;color:#3c8b90}
.casecontentL .content{margin:60px 0 0 18px}
.casecontentL .content ul li{list-style:circle;margin-left:20px;margin-bottom:10px}
.casecontentR .area{margin:84px 18px 20px 20px;padding:20px 15px;font-size:18px;background:#eee}
.casecontentR ul{padding-top:20px;}
.casecontentR ul li{margin-left:20px;font-size:16px;color:#3c8b90;line-height:30px;list-style:circle}
.molist{margin:80px auto;}
.molist ul li{margin-bottom:10px;}
.molist ul li a{margin:0 20px;display:block;border:1px solid #ccc;border-radius:5px}
.molist .imgbox{margin:0 auto;}
.molist ul li p{margin:0 auto;background:rgb(48 85 125 / 58%);font-size:14px;color:#fff;line-height:40px;}

/*proconten*/
.position{font-size:14px;color:#3c8b90;}
.position a{font-size:14px;}
.position span{font-size:14px;color:#999;line-height:30px}
.dashicons-admin-home:before{margin-top:4px;}
.icons .renzheng{font-size:18px;margin:10px 0 15px;color:#3c8b90}
.icons img{display:inline-block;margin-right:10px;overflow:hidden}
.icons img:hover{background-color:#ccc}
.procontentL .imgbox img{aspect-ratio: 16 / 9;}
.procontentL video{height:420px;width:100%;aspect-ratio: 16 / 9;border-radius:10px;background:#eee}
.procontentR h1{font-size:30px;font-weight:500;col/or:#3c8b90}
.procontentR .ms{font-size:18px;co/lor:#3c8b90}
.procontentR h4,.procontentR h3{margin-top:18px;margin-bottom:10px;font-size:18px;color:#3c8b90;font-weight:500}
.procontentR .toptxt{margin-top:20px;height: 265px;overflow-y: overlay;color:#444}
.procontentR .toptxt ul li,.procontentR .toptxt p{margin-left:20px;margin-bottom:10px;list-style:circle;line-height:26px;font-size:16px;}
.procontentR .toptxt p{margin-left:0;}
.downloadbtn{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0;margin:30px 0 0;}
.downloadbtn a{font-size:16px;color:#c00;display:inline-block;margin-right:40px;}
.downloadbtn span:before{font-size:26px;padding-right:10px;}
.downloadbtn3{position:absolute;right:0;top:-50px;border:none}
.downloadbtn3 a{margin-right:0}
.procontent table{font-size:14px;text-align:center}
.procontent table thead{background:#ccc;border:0}
.procontent table thead th{font-weight:500}

/* 核心：隔行变色逻辑 */
/* 偶数行（2、4、6...）背景色 */
.procontent table tbody tr:nth-child(even) {
    background-color: #f9f9f9; 
}

/* 奇数行（1、3、5...）背景色（可选，默认继承白色，可自定义） */
.procontent table tbody tr:nth-child(odd) {
    background-color: #ffffff; 
}

/* 可选：鼠标悬停行高亮 */
.procontent table tbody tr:hover {
    background-color: #f1f1f1;
}

.proconL p{font-size:16px !important;line-height:26px;margin:5px 0;
}

.wp-element-caption{font-size:14px;text-align:right;line-height:30px;}
.protitle2{position:relative}
.callbtn a{display:inline-block;margin-top:20px;margin-right:10px;padding:0 20px;line-height:40px;background:#c00;color:#fff;border-radius:10px;font-size:16px}
.callbtn a:hover{background:#3c8b90}
.callbtn a:nth-child(2){background:#3c8b90}
.proother{border-top:1px solid #ccc;}
.fenlei,.dingzhi{widt/h:220px;padding-bottom:10px;background:#3c8b90;border-radius:10px}
.fenlei .title1{margin:0 0 0 20px;color:#fff;}
.fenlei .title1 h3{margin:10px 0;background:none}
.fenlei ul{background:#eee}
.fenlei ul li{margin:0 10px;}
.fenlei ul li a{display:block;padding-left:10px;font-size:16px;line-height:40px;border-bottom:1px solid #ccc;}
.fenlei ul li:hover a{padding-left:15px;color:#c00}
.fenlei ul li:last-child a{border:none}
.dingzhi{background:#3c8b90;}
.dingzhi .title1{margin-left:0 !important;text-align:center !important;font-size:16px !important}
.dingzhi p{font-size:14px;color:#fff}
.proconR .search{margin:0 0 20px 20px !important}

.proconRbox2 {width:220px;}

.bfixed {
    position: fixed;
    top: 80px;
    margin: 0;
    transition: all .5s;}
    
/*support*/
.term_description{margin-top:20px;font-size:16px;line-height:30px}
.term_description p{margin:15px auto}
.term_description h2{font-size:20px;font-weight:500;margin:30px auto 10px;}
.term_description ul li{list-style: disc;margin-left:20px;}
.term_description ul li ul li{list-style: circle;}

/*about*/
.numbercon>div{margin:20px 0px;padding:20px 0;background:#3c8b90;color:#fff;border-radius:50px;}
.numbercon b{display:inline-block;font-size:20px;font-weight:500}
.numbercon p{font-size:16px;margin:10px 60px}
.numbercon em{font-size:34px;font-weight:700;padding:0 3px}

.aboutlist h4{margin-top:80px;margin-left:40px;font-size:22px;color:#3c8b90;font-weight:500}
.aboutlist p{margin-top:10px;margin-left:40px;margin-right:40px;font-size:16px;line-height:28px;color:#444;}
.aboutlist .imgbox{margin:40px;border-radius:10px;}
.aboutlist ul{margin-top:10px}
.aboutlist ul li{list-style:circle;margin-left:60px;margin-bottom:5px;font-size:16px;color:#444}
.aboutlist .dgbtn{position:absolute;right:40px;bottom:0;background:#3c8b90;color:#fff;padding:5px 10px;font-size:16px;border-radius:30px}
.aboutlist .dgbtn:hover{background:#c00}
.contactbox{margin-top:-5px;width:100%;}
.contactcon{color:#fff;background:#3c8b90}
.contactcon div{height:200px}
.contactcon div:nth-child(1){background:#3c8b90}
.contactcon div:nth-child(2){background:#32373c}
.contactcon div:nth-child(3){background:#3c8b90}
.contactcon span{margin:30px 0 20px 30px;width:30px;height:30px;}
.contactcon .col-3:nth-child(1) span{color:#fff}
.contactcon .col-3:nth-child(2) span{co/lor:#3c8b90}
.contactcon .col-3:nth-child(3) span{color:#fff}
.contactcon .col-3:nth-child(2) p{col/or:#3c8b90}
.contactcon .col-3:nth-child(2) .contactbtn{background:#3c8b90;co/lor:#fff;}
.contactcon .col-3:nth-child(1) .contactbtn{background:#32373c}
.contactcon span:before{font-size:30px}
.contactcon span.iconmin{float:left;margin:0 5px 0 0;width:20px;height:20px;}
.contactcon span.iconmin:before{font-size:20px;color:#fff}
.contactcon em{display:inline-block;font-size:20px;margin:30px 0 20px 10px;font-weight:700}
.contactcon p{font-size:14px;margin:0 30px 30px 30px;}
.contactcon p.contactbtn{display:inline-block;padding:10px;}
.contactcon .contactbtn a{color:#fff}

/* 视频容器：控制视频尺寸，设置相对定位（用于按钮绝对定位） */
.video-container {
    position: relative;
    width: 100%; /* 视频宽度，可按需调整 */
    height: auto; /* 视频高度（16:9比例），可按需调整 */
    mar/gin: 50px auto; /* 居中显示 */
    overflow: hidden;
    bor/der-radius: 8px; /* 可选：视频圆角 */
    box-sh/adow: 0 2px 10px rgba(0,0,0,0.1); /* 可选：阴影效果 */
}

/* 视频样式：填满容器 */
.custom-video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持视频比例，填满容器（避免黑边） */
}

/* 圆形播放按钮：定位在视频中央 */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 精准居中 */
    width: 80px; /* 按钮大小 */
    height: 80px;
    border-radius: 50%; /* 圆形 */
    background-color: rgba(255,255,255,0.8); /* 白色半透明背景 */
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* 过渡动画 */
    z-index: 10; /* 确保按钮在视频上方 */
}

/* 播放按钮图标（三角形）：用CSS绘制，无需图片 */
.play-btn::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 30px; /* 三角形尺寸 */
    border-color: transparent transparent transparent #000; /* 黑色三角形（播放图标） */
    margin-left: 5px; /* 微调图标位置，使其视觉居中 */
}

/* 按钮hover效果：放大+加深背景 */
.play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background-color: rgba(255,255,255,1);
}

/* 视频播放时隐藏按钮 */
.play-btn.hidden {
    display: none;
}


.ditu{margin-top:10px}
.ditu h4{margin-bottom: 20px;
    margin-left: 40px;
    font-size: 22px;
    color: #3c8b90;
    font-weight: 500;}
.ditu p{margin-top: 10px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 16px;
    line-height: 28px;
    color: #444;}

/*privaly*/
.content{pad/ding:20px 0;}
.content h2{font-size:22px;margin:30px 0 20px}
.content h4,.content p strong{displ/ay:block;font-size:16px;margin:30px 0 20px}
.content h3{font-size:20px;margin:30px 0 20px;}
.content p{font-size:16px;line-height:30px;margin:10px 0;}
.content ul li,.content ol li{font-size:16px;line-height:30px;margin-bottom:10px;text-decoration:1em}
.content_title{font-size:30px;margin:0 0 30px}

.content strong {
    background: -webkit-gradient(linear, left top, right top, from(var(--markAnswerBg)), to(var(--markAnswerBg))) no-repeat center bottom;
    background-size: 100% 9px;
    padding: 0 3px 3px;
    --markAnswerBg:#3c8b904a;
}



/*编辑器*/
.wp-block-media-text .wp-block-media-text__content{padding:0 5% 0 0;align-self: auto;}
.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self: auto;}

.wp-block-image {margin:20px auto;text-align:center}
.wp-block-image img{width:100%;ma/rgin:10px auto}

.wp-block-query{background:#eee;padding:20px;border-radius:10px;}
.wp-block-query:hover{background-color:#f1d6d6}
.wp-block-column{margin:0 10px}

/* 图集容器样式（确保前后端列数、间距一致） */
.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em; /* 图片间距，与后台预览一致 */
  margin: 2em 0;
}

/* 单张图片样式（适配多列布局） */
.wp-block-gallery .wp-block-image {
  flex: 1 1 calc(33.333% - 1em); /* 3列布局，可根据后台设置调整比例 */
  margin: 0;
}

/* 响应式适配（可选，确保移动端布局同步） */
@media (max-width: 768px) {
  .wp-block-gallery .wp-block-image {
    flex: 1 1 100%; /* 移动端单列 */
  }
}