[id*="p_"]{
  scroll-margin-top:100px;
}
/*list*/
.swn_plist{padding:80px 0;position:relative;overflow:hidden;background:var(--backgroundColor);}
.swn_plist .swnpl_item{padding-top:1px;}
.swn_plist .swnpl_con{margin-top:52px;}
.swn_plist .swnpl_con .swnpl_top{background:var(--logoColor);padding:72px;position:relative;min-height:400px;}
.swn_plist .swnpl_con .swnpl_top .swnpl_circle{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;}
.swn_plist .swnpl_con .swnpl_top .swnpl_quan{position:absolute;right:100px;width:598px;height:598px;top:50%;margin-top:-299px;background:rgba(192,255,85,.2);border-radius:50%;
	-webkit-animation: spin 80s infinite linear;
    -moz-animation: spin 80s infinite linear;
    animation: spin 80s infinite linear;
}
.swn_plist .swnpl_con .swnpl_top .swnpl_txt{max-width:617px;position:relative;z-index:1;}
.swn_plist .swnpl_con .swnpl_top .swnpl_txt i{height:80px;background:url(../Image/mark.svg) no-repeat left center;background-size:auto 100%;margin-bottom:26px;}
.swn_plist .swnpl_con .swnpl_top .swnpl_txt p{font-size:16px;line-height:1.75;color:#FFF;}
.swn_plist .swnpl_con .swnpl_top .swnpl_txt p:nth-child(2){font-size:24px;color:#FFF;margin-bottom:24px;}
.swn_plist .swnpl_con .swnpl_top .swnpl_pic{position:absolute;width:598px;height:100%;right:100px;bottom:-20px;z-index:1;}
.swn_plist .swnpl_con .swnpl_top .swnpl_img{padding:0 40px;position:relative;}
.swn_plist .swnpl_con .swnpl_top .swnpl_img img{display:block;max-width:100%;}
.swn_plist .swnpl_con .swnpl_ul{}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li{margin-top:36px;width:calc(25% - 27px);margin-left:36px;position:relative;}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li:nth-child(4n+1){margin-left:0;}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_pimg{width:100%;padding-bottom:75%;position:relative;overflow:hidden;background:#FFF;}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt{background:#FFF;padding:12px 15px;text-align:center;position:relative;z-index:1;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:var(--logoColor);opacity:0;z-index:-1;
    -webkit-transform:rotateX(50deg);
    -moz-transform:rotateX(50deg);
    transform:rotateX(50deg);
    -webkit-transform-origin:left bottom;
    -moz-transform-origin:left bottom;
    -ms-transform-origin:left bottom;
    transform-origin:left bottom;
}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt p{font-size:18px;color:var(--titleColor);line-height:1.6;}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li:hover .swnpl_txt:before{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    transform:rotateX(0);
}
.swn_plist .swnpl_con .swnpl_ul .swnpl_li:hover .swnpl_txt p{color:#FFF;}
.swn_plist .swnpl_con:nth-child(even) .swnpl_top{
	-webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}
.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_quan{left:100px;right:auto;}
.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_pic{left:100px;right:auto;}
.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_txt i{background-position:right center;}
.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_txt p{text-align:right;}
/*slist*/
.swn_slist{padding:80px 0 50px;position:relative;background:url(../Image/pro_sbg.webp) no-repeat center center;background-size:cover;overflow:hidden;}
.swn_slist:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;
	background:-webkit-linear-gradient(352deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.91) 54.71%);
	background:-moz-linear-gradient(352deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.91) 54.71%);
	background:linear-gradient(352deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.91) 54.71%)
}
.swn_slist .container{z-index:1;}
.swn_slist em{position:absolute;left:0;top:91px;font-size:257px;font-weight:bold;color:var(--titleColor);opacity:0.1;z-index:-1;}
.swn_slist .swns_left{width:592px;}
.swn_slist .swns_left .swns_img{width:100%;padding-bottom:75%;position:relative;}
.swn_slist .swns_right{width:calc(100% - 592px);padding-left:100px;}
.swn_slist .swns_right .pb_tit{color:var(--logoColor);}
.swn_slist .swns_right .swns_p{margin-top:31px;}
.swn_slist .swns_right .swns_p p{padding:10px;}
.swn_slist .swns_right .swns_p p i{font-size:18px;color:var(--logoColor);margin-right:10px;}
.swn_slist .swns_right .swns_p p span{font-size:14px;line-height:28px;color:var(--fontColor);}
.swn_slist .swns_right .pb_btn{margin-top:50px;border-color:var(--logoColor);background:var(--logoColor);}

@media screen and (max-width:1599px){
    [id*="p_"]{
        scroll-margin-top:90px;
    }
	.swn_plist{padding:60px 0;}
	.swn_plist .swnpl_con{margin-top:40px;}
	.swn_plist .swnpl_con .swnpl_top{padding:55px;min-height:350px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_quan{right:70px;width:512px;height:512px;margin-top:-256px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt{max-width:520px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt i{height:70px;margin-bottom:20px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt p{font-size:15px;line-height:1.65;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt p:nth-child(2){font-size:20px;margin-bottom:18px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_pic{width:512px;right:70px;bottom:-15px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_img{padding:0 32px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li{margin-top:28px;width:calc(25% - 21px);margin-left:28px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt{padding:11px 13px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt p{font-size:17px;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_quan{left:70px;right:auto;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_pic{left:70px;right:auto;}
	.swn_slist{padding:50px 0 40px;}
	.swn_slist em{top:78px;font-size:220px;}
	.swn_slist .swns_left{width:507px;}
	.swn_slist .swns_right{width:calc(100% - 507px);padding-left:70px;}
	.swn_slist .swns_right .swns_p{margin-top:25px;}
	.swn_slist .swns_right .swns_p p{padding:9px;}
	.swn_slist .swns_right .swns_p p i{font-size:17px;margin-right:9px;}
	.swn_slist .swns_right .swns_p p span{font-size:14px;line-height:26px;}
	.swn_slist .swns_right .pb_btn{margin-top:40px;}
}

@media screen and (max-width:1399px){
    [id*="p_"]{
        scroll-margin-top:80px;
    }
	.swn_plist{padding:40px 0;}
	.swn_plist .swnpl_con{margin-top:30px;}
	.swn_plist .swnpl_con .swnpl_top{padding:40px;min-height:290px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_quan{right:50px;width:422px;height:422px;margin-top:-211px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt{max-width:460px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt i{height:60px;margin-bottom:15px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt p{font-size:14px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt p:nth-child(2){font-size:18px;margin-bottom:13px;font-weight:bold;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_pic{width:422px;right:50px;bottom:-10px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_img{padding:0 25px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li{margin-top:20px;width:calc(25% - 15px);margin-left:20px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt{padding:10px 11px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt p{font-size:16px;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_quan{left:50px;right:auto;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_pic{left:50px;right:auto;}
	.swn_slist{padding:40px 0 30px;}
	.swn_slist em{top:58px;font-size:182px;}
	.swn_slist .swns_left{width:420px;}
	.swn_slist .swns_right{width:calc(100% - 420px);padding-left:50px;}
	.swn_slist .swns_right .swns_p{margin-top:20px;}
	.swn_slist .swns_right .swns_p p{padding:8px;}
	.swn_slist .swns_right .swns_p p i{font-size:16px;margin-right:8px;}
	.swn_slist .swns_right .swns_p p span{line-height:24px;}
	.swn_slist .swns_right .pb_btn{margin-top:30px;}
}

@media screen and (max-width:1023px){
    [id*="p_"]{
        scroll-margin-top:70px;
    }
	.swn_plist{padding:30px 0;}
	.swn_plist .swnpl_con{margin-top:20px;}
	.swn_plist .swnpl_con .swnpl_top{padding:25px;min-height:256px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_quan{right:30px;width:316px;height:316px;margin-top:-158px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt{max-width:380px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt i{height:44px;margin-bottom:10px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt p:nth-child(2){font-size:16px;margin-bottom:10px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_pic{width:316px;right:30px;bottom:-5px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_img{padding:0 15px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li{margin-top:15px;width:calc(100%/3 - 10px);margin-left:15px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li:nth-child(4n+1){margin-left:15px;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li:nth-child(3n+1){margin-left:0;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li .swnpl_txt p{font-size:14px;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_quan{left:30px;right:auto;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_pic{left:30px;right:auto;}
	.swn_slist{padding:30px 0 20px;}
	.swn_slist em{top:46px;font-size:135px;}
	.swn_slist .swns_left{width:312px;}
	.swn_slist .swns_right{width:calc(100% - 312px);padding-left:30px;}
	.swn_slist .swns_right .swns_p{margin-top:15px;}
	.swn_slist .swns_right .swns_p p{padding:5px;}
	.swn_slist .swns_right .pb_btn{margin-top:20px;}
}
@media screen and (max-width:767px){
	.swn_plist .swnpl_con .swnpl_top{padding:15px;min-height:auto;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_circle{display:none;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt{max-width:none;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_txt i{height:32px;margin-bottom:8px;}
	.swn_plist .swnpl_con .swnpl_top .swnpl_pic{display:none;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li{width:100%;margin-left:0;}
	.swn_plist .swnpl_con .swnpl_ul .swnpl_li:nth-child(4n+1){margin-left:0;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_txt i{background-position:left center;}
	.swn_plist .swnpl_con:nth-child(even) .swnpl_top .swnpl_txt p{text-align:left;}
	.swn_slist{padding:20px 0 20px;}
	.swn_slist em{top:49vw;font-size:17vw;}
	.swn_slist .swns_left{width:100%;}
	.swn_slist .swns_right{width:100%;padding-left:0;margin-top:20px;}
	.swn_slist .swns_right .swns_p{margin-top:10px;}
	.swn_slist .swns_right .swns_p p{padding:5px;}
	.swn_slist .swns_right .pb_btn{margin-top:15px;}
}