/*list*/
.xy_plist{padding:40px 0 70px;position:relative;}
.xy_plist .xypl_left{width:280px;padding:10px 20px;border:1px solid var(--borderColor);height:100%;position:sticky;top:110px;}
.xy_plist .xypl_left .xypl_t{border-bottom:1px solid var(--borderColor);height:50px;line-height:50px;font-size:18px;color:var(--titleColor);text-transform:uppercase;font-weight:bold;}
.xy_plist .xypl_left .plt_ul{}
.xy_plist .xypl_left .plt_ul .plt_li{position:relative;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_c{padding:10px 0;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_c a{line-height:28px;font-size:14px;color:var(--titleColor);margin-right:15px;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_c i{font-size:16px;color:var(--titleColor);cursor:pointer;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.xy_plist .xypl_left .plt_ul .plt_li .plt_a{padding-left:20px;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_a a{padding:10px 0;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_a a span{font-size:14px;color:var(--fontColor);line-height:20px;}
.xy_plist .xypl_left .plt_ul .plt_li .plt_a a.on span{color:var(--logoColor);}
.xy_plist .xypl_left .plt_ul .plt_li.on .plt_c a{color:var(--logoColor);}
.xy_plist .xypl_left .plt_ul .plt_li.on .plt_c i{color:var(--logoColor);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.xy_plist .xypl_right{padding-left:40px;}
.xy_plist .xypl_right .xypl_tit{font-size:20px;font-weight:bold;color:var(--titleColor);line-height:1.5;}
.xy_plist .xypl_right .xypl_tit i{font-size:24px;margin-right:10px;}
.xy_plist .xypl_right .xypl_ul{}
.xy_plist .xypl_right .xypl_li{width:calc(100%/3 - 20px);margin-left:30px;margin-top:30px;border:1px solid var(--borderColor);}
.xy_plist .xypl_right .xypl_li:nth-child(3n+1){margin-left:0;}
.xy_plist .xypl_right .xypl_pic{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.xy_plist .xypl_right .xypl_img{position:absolute;width:100%;height:100%;}
.xy_plist .xypl_right .xypl_btn{position:absolute;right:0;bottom:20px;height:36px;width:max-content;line-height:36px;background:#373b49;padding:0 10px 0 15px;border-top-left-radius:18px;border-bottom-left-radius:18px;cursor:pointer;
    -webkit-transform:translateX(-webkit-calc(100% - 43px));
    -moz-transform:translateX(-moz-calc(100% - 43px));
    -ms-transform:translateX(calc(100% - 43px));
    transform:translateX(calc(100% - 43px));
}
.xy_plist .xypl_right .xypl_btn i{font-size:18px;color:#FFF;}
.xy_plist .xypl_right .xypl_btn span{font-size:14px;color:#FFF;margin-left:10px;}
.xy_plist .xypl_right .xypl_btn:hover{background:var(--logoColor);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.xy_plist .xypl_right .xypl_txt{background:var(--borderColor);padding:13px 15px;text-align:center;position:relative;z-index:1;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
.xy_plist .xypl_right .xypl_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;
}
.xy_plist .xypl_right .xypl_txt p{font-size:18px;color:var(--titleColor);}
.xy_plist .xypl_right .xypl_ul .xypl_li:hover .xypl_txt:before{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    transform:rotateX(0);
}
.xy_plist .xypl_right .xypl_ul .xypl_li:hover .xypl_txt p{color:#FFF;}
.xy_plist .xypl_right .manu{margin-top:40px;}

@media screen and (max-width:1599px){
	.xy_plist{padding:30px 0 50px;}
	.xy_plist .xypl_left{width:240px;padding:9px 16px;top:100px;}
	.xy_plist .xypl_left .xypl_t{height:46px;font-size:16px;line-height:46px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c{padding:9px 0;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c a{line-height:26px;margin-right:12px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c i{font-size:15px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a{padding-left:16px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a a{padding:9px 0;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a a span{line-height:18px;}
	.xy_plist .xypl_right{padding-left:32px;}
	.xy_plist .xypl_right .xypl_tit{font-size:18px;}
	.xy_plist .xypl_right .xypl_tit i{font-size:22px;margin-right:9px;}
	.xy_plist .xypl_right .xypl_li{width:calc(100%/3 - 16px);margin-left:24px;margin-top:25px;}
	.xy_plist .xypl_right .xypl_btn{bottom:15px;height:34px;line-height:34px;padding:0 8px 0 13px;
        -webkit-transform:translateX(-webkit-calc(100% - 37px));
        -moz-transform:translateX(-moz-calc(100% - 37px));
        -ms-transform:translateX(calc(100% - 37px));
        transform:translateX(calc(100% - 37px));
    }
	.xy_plist .xypl_right .xypl_btn i{font-size:16px;}
	.xy_plist .xypl_right .xypl_btn span{margin-left:8px;}
	.xy_plist .xypl_right .xypl_txt{padding:11px 13px;}
	.xy_plist .xypl_right .xypl_txt p{font-size:16px;}
	.xy_plist .xypl_right .manu{margin-top:35px;}
}

@media screen and (max-width:1399px){
	.xy_plist{padding:25px 0 40px;}
	.xy_plist .xypl_left{width:200px;padding:8px 13px;top:90px;}
	.xy_plist .xypl_left .xypl_t{height:42px;font-size:14px;line-height:42px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c{padding:8px 0;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c a{line-height:22px;margin-right:10px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c i{font-size:14px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a{padding-left:10px;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a a{padding:8px 0;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a a span{line-height:18px;}
	.xy_plist .xypl_right{padding-left:20px;}
	.xy_plist .xypl_right .xypl_tit{font-size:16px;}
	.xy_plist .xypl_right .xypl_tit i{font-size:22px;margin-right:9px;}
	.xy_plist .xypl_right .xypl_li{width:calc(100%/3 - 10px);margin-left:15px;margin-top:15px;}
	.xy_plist .xypl_right .xypl_btn{bottom:10px;height:30px;line-height:30px;padding:0 5px 0 10px;
        -webkit-transform:translateX(-webkit-calc(100% - 30px));
        -moz-transform:translateX(-moz-calc(100% - 30px));
        -ms-transform:translateX(calc(100% - 30px));
        transform:translateX(calc(100% - 30px));
    }
	.xy_plist .xypl_right .xypl_btn i{font-size:15px;}
	.xy_plist .xypl_right .xypl_btn span{margin-left:5px;font-size:12px;}
	.xy_plist .xypl_right .xypl_txt{padding:10px 14px;}
	.xy_plist .xypl_right .xypl_txt p{font-size:15px;}
	.xy_plist .xypl_right .manu{margin-top:30px;}
}

@media screen and (max-width:1023px){
	.xy_plist{padding:20px 0 30px;}
	.xy_plist .xypl_left{width:100%;padding:8px 13px;top:0;position:relative;}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c a{color:var(--logoColor);}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_c i{color:var(--logoColor);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.xy_plist .xypl_left .plt_ul .plt_li .plt_a{display:none;}
	.xy_plist .xypl_left .plt_ul .plt_li.on .plt_c a{color:var(--titleColor);}
	.xy_plist .xypl_left .plt_ul .plt_li.on .plt_c i{color:var(--titleColor);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.xy_plist .xypl_right{padding-left:0;margin-top:20px;}
	.xy_plist .xypl_right .manu{margin-top:25px;}
}

@media screen and (max-width:767px){
	.xy_plist .xypl_left{padding:8px 10px;}
	.xy_plist .xypl_right .xypl_li{width:100%;margin-left:0;margin-top:10px;}
	.xy_plist .xypl_right .xypl_li:nth-child(3n+1){margin-left:0;}
}