/*top*/
.xy_ptop{padding:50px 0 70px;position:relative;overflow:hidden;}
.xy_ptop .xypt_h{font-size:34px;font-weight:bold;color:var(--titleColor);}
.xy_ptop .xypt_con{margin-top:40px;}
.xy_ptop .xypt_left{width:600px;}
.xy_ptop .xypt_left .xypt_img{width:100%;padding-bottom:75%;position:relative;background:var(--backgroundColor);border-radius:6px;overflow:hidden;}
.xy_ptop .xypt_right{padding-left:60px;max-height:450px;}
.xy_ptop .xypt_right .xypt_t{font-size:26px;color:#1F1F1F;font-weight:normal;padding:12px 15px;background:var(--backgroundColor);border-left:3px solid var(--logoColor);}
.xy_ptop .xypt_right .xyt_p{margin-top:20px;overflow-y:auto;}
.xy_ptop .xypt_right .xyt_p p{font-size:16px;line-height:1.8;color:var(--fontColor);}
.xy_ptop .xypt_right .xyt_p::-webkit-scrollbar-track-piece{width:4px;background-color:#DDD;}
.xy_ptop .xypt_right .xyt_p::-webkit-scrollbar{width:4px;height:4px}
.xy_ptop .xypt_right .xyt_p::-webkit-scrollbar-thumb{height:30px;background-color:var(--logoColor);}
.xy_ptop .xypt_right .xyt_btn{margin-top:30px;}
.xy_ptop .xypt_right .xyt_btn a{height:50px;color:#FFF;margin-right:20px;font-size:16px;border-radius:5px;background:var(--logoColor);padding:0 25px;text-transform:uppercase;}
.xy_ptop .xypt_right .xyt_btn a:last-child{background:#333;}
.xy_ptop .xypt_right .xyt_btn a i{margin-right:8px;font-size:22px;margin-top:2px;}
.xy_ptop .xypt_right .xyt_btn a:hover{opacity:0.8;}
.xy_ptop .xypt_right .xyt_btn a:hover{opacity:.9;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);
	box-shadow:0 0 15px rgba(0,0,0,.5);
}
/*nav*/
.xy_nav{position:relative;overflow:hidden;}
.xy_nav .container{background:var(--backgroundColor);}
.xy_nav .xyn_li{height:70px;padding:0 30px;font-size:16px;color:var(--fontColor);text-transform:capitalize;position:relative;cursor:pointer;max-width:300px;border-right:2px solid #FFF;text-align:center;}
.xy_nav .xyn_li.on{background:var(--logoColor);color:#FFF;}
/*content*/
.xy_item{padding:10px 0 80px;position:relative;overflow:hidden;}
.xy_content{}
.xy_content .xyt_tit{font-size:32px;color:#1F1F1F;line-height:1.33;}
.xy_content .xyt_table{margin-top:30px;font-size:16px;line-height:1.65;}
.xy_content .xyt_table>*+*{margin-top:1em;}
.xy_content .xyt_table img{margin:0 auto;width:auto;max-width:100%;height:auto;display:block;}
.xy_content .xyt_table h2{font-size:20px;color:#333;}
.xy_content .xyt_table h3{font-size:18px;color:#555;}
/*list*/
.xy_rlist{background:var(--backgroundColor);padding:80px 0;position:relative;overflow:hidden;}
.xy_rlist .xyrl_ul{margin-top:35px;overflow:hidden;}
.xy_rlist .xyrl_ul .swiper-slide{height:auto;}
.xy_rlist .xyrl_ul .xyrl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.xy_rlist .xyrl_ul .xyrl_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(255,255,255,.1);z-index:1;}
.xy_rlist .xyrl_ul .xyrl_txt{background:#FFF;padding:16px 10px;;position:relative;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
.xy_rlist .xyrl_ul .xyrl_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 top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
}
.xy_rlist .xyrl_ul .xyrl_txt p{font-size:18px;font-weight:bold;color:var(--titleColor);position:relative;z-index:2;}
.xy_rlist .xyrl_ul .swiper-slide:hover .xyrl_img:before{top:-100%;opacity:0;}
.xy_rlist .xyrl_ul .swiper-slide:hover .xyrl_txt:before{opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    transform:rotateX(0);
}
.xy_rlist .xyrl_ul .swiper-slide:hover .xyrl_txt p{color:#FFF;}
.xy_rlist .xyrl_ul .swiper-scrollbar{position:relative;bottom:0;width:30%;margin:30px auto 0;height:6px;background:#EEE;}
.xy_rlist .xyrl_ul .swiper-scrollbar .swiper-scrollbar-drag{background:var(--logoColor);}

@media screen and (max-width:1599px){
	.xy_ptop{padding:40px 0 60px;}
	.xy_ptop .xypt_h{font-size:30px;}
	.xy_ptop .xypt_con{margin-top:30px;}
	.xy_ptop .xypt_left{width:540px;}
	.xy_ptop .xypt_right{padding-left:50px;max-height:405px;}
	.xy_ptop .xypt_right .xypt_t{font-size:22px;padding:11px 14px;}
	.xy_ptop .xypt_right .xypt_t i{width:32px;height:32px;margin-right:9px;}
	.xy_ptop .xypt_right .xypt_t i::after,.xy_ptop .xypt_right .xypt_t i::before{width:4px;height:4px;}
	.xy_ptop .xypt_right .xyt_p{margin-top:16px;}
	.xy_ptop .xypt_right .xyt_p p{font-size:15px;line-height:1.71;}
	.xy_ptop .xypt_right .xyt_btn{margin-top:25px;}
	.xy_ptop .xypt_right .xyt_btn a{height:46px;margin-right:15px;font-size:15px;border-radius:4px;padding:0 21px;}
	.xy_ptop .xypt_right .xyt_btn a i{margin-right:7px;font-size:20px;margin-top:2px;}
	.xy_nav .xyn_li{height:48px;font-size:15px;padding:0 16px;min-width:110px;margin-right:9px;border-radius:5px 5px 0 0;}
	.xy_item{padding:8px 0 50px;}
	.xy_content .xyt_tit{font-size:26px;}
	.xy_content .xyt_table{font-size:15px;margin-top:25px;}
	.xy_rlist{padding:50px 0;}
	.xy_rlist .xyrl_ul{margin-top:30px;}
	.xy_rlist .xyrl_ul .xyrl_txt{padding:14px 9px;}
	.xy_rlist .xyrl_ul .xyrl_txt p{font-size:17px;}
	.xy_rlist .xyrl_ul .swiper-scrollbar{margin-top:26px;height:5px;}
}

@media screen and (max-width:1399px){
	.xy_ptop{padding:30px 0 50px;}
	.xy_ptop .xypt_h{font-size:26px;}
	.xy_ptop .xypt_con{margin-top:22px;}
	.xy_ptop .xypt_left{width:480px;}
	.xy_ptop .xypt_right{padding-left:35px;max-height:360px;}
	.xy_ptop .xypt_right .xypt_t{font-size:20px;padding:10px 13px;}
	.xy_ptop .xypt_right .xypt_t i{width:28px;height:28px;margin-right:8px;}
	.xy_ptop .xypt_right .xyt_p{margin-top:13px;}
	.xy_ptop .xypt_right .xyt_p p{font-size:14px;line-height:1.65;}
	.xy_ptop .xypt_right .xyt_btn{margin-top:20px;}
	.xy_ptop .xypt_right .xyt_btn a{height:44px;margin-right:13px;font-size:14px;padding:0 16px;}
	.xy_ptop .xypt_right .xyt_btn a i{margin-right:6px;font-size:18px;margin-top:1px;}
	.xy_nav .xyn_li{height:44px;font-size:14px;padding:0 13px;min-width:100px;margin-right:8px;border-radius:4px 4px 0 0;}
	.xy_item{padding:7px 0 40px;}
	.xy_content .xyt_table{font-size:14px;margin-top:20px;}
	.xy_content .xyt_tit{font-size:22px;}
	.xy_rlist{padding:40px 0;}
	.xy_rlist .xyrl_ul{margin-top:22px;}
	.xy_rlist .xyrl_ul .xyrl_txt{padding:13px 8px;}
	.xy_rlist .xyrl_ul .xyrl_txt p{font-size:16px;}
	.xy_rlist .xyrl_ul .swiper-scrollbar{margin-top:22px;height:4px;}
}

@media screen and (max-width:1023px){
	.xy_ptop{padding:25px 0 40px;}
	.xy_ptop .xypt_h{font-size:22px;}
	.xy_ptop .xypt_con{margin-top:18px;}
	.xy_ptop .xypt_left{width:100%;}
	.xy_ptop .xypt_right{padding-left:0;max-height:none;width:100%;flex:auto;margin-top:20px;}
	.xy_nav .xyn_li{height:40px;padding:0 10px;min-width:80px;margin-right:6px;}
	.xy_item{padding:5px 0 30px;}
	.xy_content .xyt_table{margin-top:15px;}
	.xy_content .xyt_tit{font-size:20px;}
	.xy_rlist{padding:30px 0;}
	.xy_rlist .xyrl_ul{margin-top:16px;}
	.xy_rlist .xyrl_ul .xyrl_txt{padding:12px 7px;}
	.xy_rlist .xyrl_ul .xyrl_txt p{font-size:15px;}
	.xy_rlist .xyrl_ul .swiper-scrollbar{margin-top:20px;height:3px;}
}

@media screen and (max-width:767px){
	.xy_ptop{padding:25px 0 30px;}
	.xy_nav{overflow-x:auto;}
	.xy_nav .xyn_li{white-space:nowrap;}
}