/*banner*/
.yl_banner{position:fixed;overflow:hidden;height:100vh;width:100%;left:0;top:0;}
.yl_banner .ylb_bimg{width:100%;height:100%;position:absolute;left:0;top:0;}
.yl_banner .container{padding-top:80px;}
.yl_banner .ylb_txt{opacity:0;width:calc(100% - 800px);
    -webkit-transform:translateX(-200px);
    -moz-transform:translateX(-200px);
    -ms-transform:translateX(-200px);
    transform:translateX(-200px);
    -webkit-transition:all 1s 0.1s ease;
    -moz-transition:all 1s 0.1s ease;
    transition:all 1s 0.1s ease;
}
.yl_banner .ylb_txt .ylb_tit{color:#FFF;font-size:64px;line-height:84px;font-weight:bold;margin-bottom:16px;}
.yl_banner .ylb_txt p{font-size:20px;color:#FFF;line-height:36px;height:180px;max-width:570px;}
.yl_banner .ylb_txt .ylb_btn{margin-top:17px;width:160px;height:48px;background:#E5252D;border-radius:40px;color:#FFF;line-height:48px;font-size:16px;text-align:center;position:relative;z-index:1;}
.yl_banner .ylb_txt .ylb_btn:hover{opacity:0.8;}
.yl_banner .ylb_txt .ylb_btn:hover:before{content:'';position:absolute;top:-20px;left:-20px;bottom:-20px;right:-20px;background:inherit;border-radius:50px;z-index:-1;opacity:0.5;
    -webkit-transform:scale3d(0.8, 0.5, 1);
    -moz-transform:scale3d(0.8, 0.5, 1);
    transform:scale3d(0.8, 0.5, 1);
    -webkit-animation:sx-scale-fd 1.8s infinite;
    -moz-animation:sx-scale-fd 1.8s infinite;
    animation:sx-scale-fd 1.8s infinite;
}
.yl_banner .ylb_simg{width:800px;height:100%;}
.yl_banner .ylb_simg img{width:100%;height:auto;display:block;opacity:0;
    -webkit-transform:translateX(200px);
    -moz-transform:translateX(200px);
    -ms-transform:translateX(200px);
    transform:translateX(200px);
    -webkit-transition:all 1s cubic-bezier(0.19, 0.12, 0.42, 0.89);
    -moz-transition:all 1s cubic-bezier(0.19, 0.12, 0.42, 0.89);
    transition:all 1s cubic-bezier(0.19, 0.12, 0.42, 0.89);
}
.yl_banner .swiper-slide.ani-slide .ylb_simg img{opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.yl_banner .swiper-slide.ani-slide .ylb_txt{opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.yl_banner .swiper-pagination.swiper-pagination-bullets{left:calc(50% - 700px);bottom:66px;}
.yl_banner .swiper-pagination-bullet{width:12px;height:12px;background:#888;outline:none;margin:0 18px 0 0;opacity:1;}
.yl_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF;}
.yl_banner .ylb_scroll{position:absolute;right:2vw;bottom:0;text-align:center;z-index:2;}
.yl_banner .ylb_scroll span{font-size:14px;color:#FFF;margin-bottom:8px;line-height:20px;}
.yl_banner .ylb_scroll .ylb_xian{height:80px;overflow:hidden;width:4px;}
.yl_banner .ylb_scroll .ylb_xian em{width:2px;height:80px;background:rgba(255,255,255,0.6);position:relative;}
.yl_banner .ylb_scroll .ylb_xian em:before, .yl_banner .ylb_scroll .ylb_xian em:after{content:'';width:4px;height:20px;background:#FFF;position:absolute;left:-1px;top:0;
    -webkit-animation:scroll_r 2.4s linear infinite;
    animation:scroll_r 2.4s linear infinite;
}
.yl_banner .ylb_scroll .ylb_xian em:after{top:-100%;}
/*product*/
.yl_product{padding:72px 0 100px;background:#FFF;position:relative;overflow:hidden;}
.yl_product .ylp_ul{padding-top:55px;gap:24px;}
.yl_product .ylp_ul .ylp_li{width:calc(100%/3 - 16px);height:344px;position:relative;}
.yl_product .ylp_ul .ylp_li:first-child{width:calc(200%/3 - 8px);}
.yl_product .ylp_ul .ylp_li .ylp_img{width:100%;height:100%;position:absolute;left:0;top:0;}
.yl_product .ylp_ul .ylp_li .ylp_txt{position:relative;z-index:1;padding:52px 52px 36px;height:100%;}
.yl_product .ylp_ul .ylp_li .ylp_txt p{font-size:30px;color:#FFF;font-weight:bold;line-height:40px;}
.yl_product .ylp_ul .ylp_li .ylp_txt span{font-size:14px;line-height:18px;color:#FFF;text-transform:uppercase;margin-top:4px;}
.yl_product .ylp_ul .ylp_li .ylp_txt a{color:#000;background:#FFF;border-radius:40px;width:120px;height:40px;}
.yl_product .ylp_ul .ylp_li .ylp_txt a:hover{color:#FFF;}
/*jiejue*/
.yl_jiejue{padding:36px 0 100px;background:#FFF;position:relative;overflow:hidden;}
.yl_jiejue .pb_title{text-align:center;}
.yl_jiejue .pb_p{max-width:1045px;margin:0 auto;}
.yl_jiejue .ylj_con{margin-top:52px;border-radius:12px;overflow:hidden;position:relative;}
.yl_jiejue .ylj_pic{width:100%;height:100%;position:absolute;left:0;top:0;}
.yl_jiejue .ylj_pic .ylj_img{width:100%;height:100%;position:relative;}
.yl_jiejue .ylj_txt{position:relative;z-index:1;}
.yl_jiejue .ylj_txt .ylj_left{width:352px;padding:16px 32px 32px;position:relative;}
.yl_jiejue .ylj_txt .ylj_left:before{content:'';position:absolute;right:0;top:0;width:12px;height:12px;
    background:radial-gradient(circle at 0 100%, transparent 11px, #FFF 12px);
}
.yl_jiejue .ylj_txt .ylj_left:after{content:'';position:absolute;right:0;bottom:0;width:12px;height:12px;
    background:radial-gradient(circle at 0 0, transparent 11px, #FFF 12px);
}
.yl_jiejue .ylj_txt .ylj_left .ylj_li{height:68px;padding:0 16px;border-radius:8px;overflow:hidden;position:relative;}
.yl_jiejue .ylj_txt .ylj_left .ylj_li:before{content:'';width:0;height:100%;position:absolute;left:0;top:0;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), color-stop(92.01%, rgba(255, 255, 255, 0)));
    background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 92.01%);
    background:-moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 92.01%);
    background:linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 92.01%);
}
.yl_jiejue .ylj_txt .ylj_left .ylj_li em{width:24px;height:24px;background:url(../Image/pro_cicon.svg) no-repeat center center;margin-right:10px;opacity:0;
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    transform:translateX(-50px);
    -webkit-transition:all 0.8s 0.1s ease;
    -moz-transition:all 0.8s 0.1s ease;
    transition:all 0.8s 0.1s ease;
}
.yl_jiejue .ylj_txt .ylj_left .ylj_li p{font-size:18px;line-height:24px;color:#FFF;width:calc(100% - 60px);text-align:left;}
.yl_jiejue .ylj_txt .ylj_left .ylj_li i{font-size:16px;color:#FFF;margin-left:10px;}
.yl_jiejue .ylj_txt .ylj_left .swiper-pagination{position:relative;}
.yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet{height:auto;opacity:1;border-radius:0;background:transparent;outline:none;display:block;width:100%;margin-top:16px;}
.yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet.swiper-pagination-bullet-active .ylj_li{
    -webkit-box-shadow: -18px 17px 15px rgba(0, 0, 0, 0.15), -8px 8px 11px rgba(0, 0, 0, 0.19), -2px 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow:-18px 17px 15px rgba(0, 0, 0, 0.15), -8px 8px 11px rgba(0, 0, 0, 0.19), -2px 2px 6px rgba(0, 0, 0, 0.2);
}
.yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet.swiper-pagination-bullet-active .ylj_li:before{width:100%;}
.yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet.swiper-pagination-bullet-active .ylj_li em{opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
.yl_jiejue .ylj_txt .ylj_center{width:22px;background:#FFF;}
.yl_jiejue .ylj_txt .ylj_right{width:calc(100% - 374px);padding:82px 82px 52px;background:rgba(0,0,0,.5);position:relative;}
.yl_jiejue .ylj_txt .ylj_right:before{content:'';position:absolute;left:0;top:0;width:12px;height:12px;
    background:radial-gradient(circle at 100% 100%, transparent 11px, #FFF 12px);
}
.yl_jiejue .ylj_txt .ylj_right:after{content:'';position:absolute;left:0;bottom:0;width:12px;height:12px;
    background:radial-gradient(circle at 100% 0, transparent 11px, #FFF 12px);
}
.yl_jiejue .ylj_txt .ylj_right p{font-size:18px;line-height:28px;color:#FFF;}
.yl_jiejue .ylj_txt .ylj_right p:first-child{font-size:30px;line-height:40px;margin-bottom:24px;}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn{margin-top:15px;}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn a{height:48px;border-radius:48px;padding:0 20px;border:1px solid #FFF;color:#FFF;min-width:150px;margin-left:16px;}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn a:first-child{margin-left:0;border:none;
    background:-webkit-gradient(linear, left top, right top, from(#FABF00), to(#E5252D));
    background:-webkit-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:-moz-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:linear-gradient(90deg, #FABF00 0%, #E5252D 100%);
}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn a:first-child:hover{opacity:0.8;}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn a.pb_btn:before,.yl_jiejue .ylj_txt .ylj_right .ylj_btn a.pb_btn:after{
    background:-webkit-gradient(linear, left top, right top, from(#FABF00), to(#E5252D));
    background:-webkit-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:-moz-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:linear-gradient(90deg, #FABF00 0%, #E5252D 100%);
}
.yl_jiejue .ylj_txt .ylj_right .ylj_btn a.pb_btn:hover{border-color:transparent;}
/*zhidu*/
.yl_zhidu{padding:72px 0 100px;background:#DFE4EA;position:relative;overflow:hidden;}
.yl_zhidu .pb_en{color:#FFF;}
.yl_zhidu .ylz_con{margin-top:80px;}
.yl_zhidu .ylz_con .ylz_left{width:201px;border-radius:20px 0 0 20px;overflow:hidden;margin-top:40px;}
.yl_zhidu .ylz_con .ylz_left .ylzl_tit{border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;color:#FFF;font-size:18px;height:81px;padding:10px 32px;
    background:-webkit-gradient(linear, left top, right top, from(#6FA7E0), to(#2E72B7));
    background:-webkit-linear-gradient(left, #6FA7E0 0%, #2E72B7 100%);
    background:-moz-linear-gradient(left, #6FA7E0 0%, #2E72B7 100%);
    background:linear-gradient(90deg, #6FA7E0 0%, #2E72B7 100%);
}
.yl_zhidu .ylz_con .ylz_left .ylzl_txt{background:#FFF;}
.yl_zhidu .ylz_con .ylz_left .ylzl_txt p{height:81px;padding:10px 32px;border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;color:#2F3542;font-size:16px;}
.yl_zhidu .ylz_con .ylz_left .ylzl_txt p i{font-size:24px;color:#2F3542;margin-right:10px;}
.yl_zhidu .ylz_con .ylz_right{width:calc(100% - 201px);background:#D4E2F0;position:relative;border-radius:20px 20px 20px 0;}
.yl_zhidu .ylz_con .ylz_right .ylzr_shadow{position:absolute;width:20%;left:20%;height:calc(100% + 24px);top:-12px;border-radius:12px;
    background:-webkit-gradient(linear, left top, right top, from(#6FA7E0), to(#2E72B7));
    background:-webkit-linear-gradient(left, #6FA7E0 0%, #2E72B7 100%);
    background:-moz-linear-gradient(left, #6FA7E0 0%, #2E72B7 100%);
    background:linear-gradient(90deg, #6FA7E0 0%, #2E72B7 100%);
    -webkit-box-shadow:46px 46px 39px rgba(0, 20, 61, 0.05), 20px 20px 29px rgba(0, 20, 61, 0.09), 5px 5px 16px rgba(0, 20, 61, 0.1);
    box-shadow:46px 46px 39px rgba(0, 20, 61, 0.05), 20px 20px 29px rgba(0, 20, 61, 0.09), 5px 5px 16px rgba(0, 20, 61, 0.1);
}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul{position:relative;z-index:1;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li{width:20%;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li:last-child{border-radius:0 20px 20px 0;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li:last-child .ylzr_tit{border-radius:0 20px 0 0;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li:last-child .ylzr_txt p:last-child{border-radius:0 0 20px 0;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit{border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;height:121px;padding:10px 32px;position:relative;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit img{width:90px;height:64px;position:absolute;right:40px;top:-36px;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit p{color:#2F3542;font-size:16px;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt{}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt p{height:81px;padding:10px 32px;border-right:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;color:#57606F;font-size:16px;position:relative;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt.ylzr_txt1 p{padding:0;border-right:none;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt.ylzr_txt1 span{border-right:1px solid #F2F2F2;width:50%;height:100%;padding:10px 10px;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_tit{border-right:none;border-bottom:1px solid #FFF;color:#FFF;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_tit img{top:-46px;
    -webkit-transform:scale(1.33);
    -moz-transform:scale(1.33);
    -ms-transform:scale(1.33);
    transform:scale(1.33);
}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_tit p{color:#FFF;font-weight:bold;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_txt p{border-right:none;border-bottom:1px solid #FFF;color:#FFF;font-weight:bold;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_txt.ylzr_txt1 span{border-right:1px solid #FFF;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_txt.ylzr_txt1 span:last-child{border-right:none;}
.yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li:last-child.on .ylzr_txt p:last-child{border-radius:0;}
.yl_zhidu .ylz_p{margin-top:32px;font-size:14px;line-height:18px;color:#57606F;}
.yl_zhidu .ylz_a{margin-top:48px;}
.yl_zhidu .ylz_a a{height:48px;border:1px solid #57606F;border-radius:48px;min-width:160px;font-size:14px;}
.yl_zhidu .ylz_a a:hover{border-color:#E5252D;color:#FFF;}
/*youshi*/
.yl_youshi{position:relative;overflow:hidden;padding-left:calc(50% - 320px);}
.yl_youshi .yls_left{width:381px;padding-top:72px;position:absolute;left:calc(50% - 700px);top:0;height:100%;border-right:1px solid #FFF;z-index:2;padding-right:45px;}
.yl_youshi .yls_left .pb_en{color:#FFF;opacity:0.1;white-space:nowrap;}
.yl_youshi .yls_left .pb_tit{color:#FFF;}
.yl_youshi .yls_left .ylsl_tit{font-size:40px;color:#F5F5F5;font-weight:bold;height:164px;margin-top:38px;}
.yl_youshi .yls_left .ylsl_tit span{font-size:128px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FFF;color:transparent;}
.yl_youshi .yls_left p{font-size:16px;line-height:28px;color:#FFF;margin-top:24px;}
.yl_youshi .yls_left .ylsl_btn{margin-top:45px;}
.yl_youshi .yls_left .ylsl_btn .swiper-button-prev,.yl_youshi .yls_left .ylsl_btn .swiper-button-next{position:relative;top:0;margin-top:0;width:auto;}
.yl_youshi .yls_left .ylsl_btn .swiper-button-prev:after,.yl_youshi .yls_left .ylsl_btn .swiper-button-next:after{content:none;}
.yl_youshi .yls_left .ylsl_btn .swiper-button-prev{left:0;}
.yl_youshi .yls_left .ylsl_btn .swiper-button-next{right:0;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.yl_youshi .yls_left .ylsl_btn .swiper-button-prev i,.yl_youshi .yls_left .ylsl_btn .swiper-button-next i{font-size:60px;color:#FFF;}
.yl_youshi .yly_ul{overflow:hidden;border-left:1px solid #FFF;}
.yl_youshi .yly_ul .parallax-bg{background:url(../Image/youshibg.jpg) no-repeat center center;background-size:cover;width:112%;height:100%;position:absolute;left:0;top:0;}
.yl_youshi .yly_ul .swiper-slide{padding:246px 0 185px;border-right:1px solid #FFF;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.yl_youshi .yly_ul .yly_txt{padding:0 1.5vw 0 5vw;position:relative;}
.yl_youshi .yly_ul .yly_txt:before{content:'';width:4px;height:80px;background:#FFF;position:absolute;left:-1px;top:0;}
.yl_youshi .yly_ul .yly_txt:after{content:'';width:4px;height:0;background:#FFF;position:absolute;left:-1px;top:0;
    background:-webkit-gradient(linear, left top, left bottom, from(#FABF00), to(#E5252D));
    background:-webkit-linear-gradient(top, #FABF00 0%, #E5252D 100%);
    background:-moz-linear-gradient(top, #FABF00 0%, #E5252D 100%);
    background:linear-gradient(180deg, #FABF00 0%, #E5252D 100%);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.yl_youshi .yly_ul .yly_txt p{font-size:14px;color:#FFF;line-height:28px;}
.yl_youshi .yly_ul .yly_txt p:first-child{font-size:20px;margin-bottom:24px;}
.yl_youshi .yly_ul .yly_txt p:nth-child(2){height:180px;}
.yl_youshi .yly_ul .yly_txt i{font-size:48px;color:#FFF;margin-top:16px;display:block;}
.yl_youshi .yly_ul .swiper-slide:hover{background:rgba(0,0,0,.4);}
.yl_youshi .yly_ul .swiper-slide:hover .yly_txt:after{height:80px;}
/*info*/
.yl_info{padding:72px 0 100px;position:relative;overflow:hidden;background:#FFF;}
.yl_info .yli_con{margin-top:90px;border-radius:32px;padding:104px 0 60px 80px;position:relative;
    background:-webkit-linear-gradient(7deg, #56BFCC 3.22%, #AEE8F0 100%);
    background:-moz-linear-gradient(7deg, #56BFCC 3.22%, #AEE8F0 100%);
    background:linear-gradient(83deg, #56BFCC 3.22%, #AEE8F0 100%);
}
.yl_info .yli_con .yli_left{width:492px;position:relative;z-index:1;}
.yl_info .yli_con .yli_left p{font-size:14px;color:#FFF;line-height:28px;}
.yl_info .yli_con .yli_left p:first-child{font-size:26px;font-weight:bold;margin-bottom:24px;}
.yl_info .yli_con .yli_left p:nth-child(2){height:196px;}
.yl_info .yli_con .yli_left a{margin-top:18px;height:48px;border:1px solid #FFF;border-radius:48px;min-width:116px;font-size:14px;color:#FFF;}
.yl_info .yli_con .yli_left a:hover{border-color:#E5252D;color:#FFF;}
.yl_info .yli_con .yli_right{width:100%;position:absolute;right:0;bottom:0;height:601px;overflow:hidden;}
.yl_info .yli_con .yli_right .yli_img{width:100%;height:100%;position:relative;border-radius:0 0 32px 0;overflow:hidden;}
.yl_info .yli_con .yli_right .yli_img img{width:100%;height:100%;display:block;
    -webkit-animation:upDown 5s infinite;
    -moz-animation:upDown 5s infinite;
    animation:upDown 5s infinite;
}
.yl_info .yli_num{margin-top:80px;}
.yl_info .yli_num .yli_li{width:207px;margin-left:172px;}
.yl_info .yli_num .yli_li:first-child{margin-left:0;}
.yl_info .yli_num .yli_li .yli_n{}
.yl_info .yli_num .yli_li .yli_n span{font-size:48px;color:#2F3542;font-weight:bold;}
.yl_info .yli_num .yli_li p{font-size:14px;color:#57606F;line-height:18px;}
.yl_info .yli_num .yli_li p:nth-child(2){font-size:16px;line-height:21px;margin:12px 0;color:#555;font-weight:bold;}
/*case*/
.yl_case{padding:36px 0 100px;position:relative;overflow:hidden;background:#F5F5F5;}
.yl_case .pb_title{text-align:center;}
.yl_case .pb_en{color:#FFF;}
.yl_case .ylc_ul{margin-top:52px;position:relative;}
.yl_case .ylc_ul .ylc_li{overflow:hidden;}
.yl_case .ylc_ul .ylc_li .swiper-slide{border:1px solid #DFE4EA;background:#FFF;padding:11px;height:auto;}
.yl_case .ylc_ul .ylc_li .swiper-slide:before{content:'';width:0;height:4px;background:#F00;position:absolute;left:50%;margin-left:-60px;bottom:-1px;z-index:1;}
.yl_case .ylc_ul .ylc_li .swiper-slide:after{content:'';width:120px;height:4px;background:#DFE4EA;position:absolute;left:50%;margin-left:-60px;bottom:-1px;}
.yl_case .ylc_ul .ylc_li .ylc_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;}
.yl_case .ylc_ul .ylc_li .ylc_p{padding:24px 0 12px;}
.yl_case .ylc_ul .ylc_li .ylc_p p{color:#2F3542;font-size:16px;line-height:21px;text-align:center;}
.yl_case .ylc_ul .ylc_li .swiper-slide:hover:before{width:120px;}
.yl_case .ylc_ul .swiper-button-prev,.yl_case .ylc_ul .swiper-button-next{width:auto;height:auto;outline:none;}
.yl_case .ylc_ul .swiper-button-prev:after,.yl_case .ylc_ul .swiper-button-next:after{content:none;}
.yl_case .ylc_ul .swiper-button-prev{left:-80px;}
.yl_case .ylc_ul .swiper-button-next{right:-80px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.yl_case .ylc_ul .swiper-button-prev i,.yl_case .ylc_ul .swiper-button-next i{font-size:60px;color:#57606F;}
.yl_case .ylc_ul .swiper-button-prev.swiper-button-disabled,.yl_case .ylc_ul .swiper-button-next.swiper-button-disabled{opacity:1;}
.yl_case .ylc_ul .swiper-button-prev.swiper-button-disabled i,.yl_case .ylc_ul .swiper-button-next.swiper-button-disabled i{color:#DFE4EA;}
.yl_case .ylc_a{margin-top:52px;}
.yl_case .ylc_a a{height:48px;border:1px solid #57606F;border-radius:48px;min-width:160px;font-size:14px;}
.yl_case .ylc_a a:hover{border-color:#E5252D;color:#FFF;}
/*news*/
.yl_news{padding:73px 0 100px;position:relative;overflow:hidden;background:#FFF;}
.yl_news .yln_con{margin-top:52px;}
.yl_news .yln_con .yln_first{width:765px;position:relative;}
.yl_news .yln_con .yln_first .yln_img{width:100%;height:100%;position:relative;overflow:hidden;}
.yl_news .yln_con .yln_first .yln_img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(70.14%, rgba(0, 0, 0, 0)), to(#000));
    background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 70.14%, #000 100%);
    background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 70.14%, #000 100%);
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 70.14%, #000 100%);
}
.yl_news .yln_con .yln_first .yln_img:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:rgba(0,0,0,.1);}
.yl_news .yln_con .yln_first .yln_txt{position:absolute;left:0;bottom:0;padding:0 40px 40px;z-index:2;width:100%;}
.yl_news .yln_con .yln_first .yln_txt span{font-size:16px;color:#FFF;line-height:24px;}
.yl_news .yln_con .yln_first .yln_txt span i{font-size:24px;color:#FFF;margin-right:12px;}
.yl_news .yln_con .yln_first .yln_txt p{font-size:16px;line-height:32px;color:#FFF;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yl_news .yln_con .yln_ul{width:calc(100% - 765px);padding-left:40px;}
.yl_news .yln_con .yln_ul .yln_li{padding:26px 0 25px;border-bottom:1px solid #DFE4EA;margin-top:12px;}
.yl_news .yln_con .yln_ul .yln_li:first-child{margin-top:0;}
.yl_news .yln_con .yln_ul .yln_li .yln_n{width:calc(100% - 80px);}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_d{width:55px;}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_d span{font-size:14px;line-height:18px;color:#57606F;text-align:center;}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_d span:first-child{font-size:32px;font-weight:bold;line-height:42px;}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_t{width:calc(100% - 55px);padding-left:32px;}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_t p{font-size:14px;line-height:24px;color:#57606F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yl_news .yln_con .yln_ul .yln_li .yln_n .yln_t p:first-child{font-weight:bold;margin-bottom:4px;font-size:15px;}
.yl_news .yln_con .yln_ul .yln_li i{font-size:32px;color:#57606F;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.yl_news .yln_con .yln_ul .yln_li:hover .yln_n .yln_t p{color:#E5252D;}
.yl_news .yln_con .yln_ul .yln_li:hover i{color:#E5252D;margin-right:10px;}
.yl_news .yln_a{margin-top:52px;}
.yl_news .yln_a a{height:48px;border:1px solid #57606F;border-radius:48px;min-width:160px;font-size:14px;}
.yl_news .yln_a a:hover{border-color:#E5252D;color:#FFF;}
/*lianxi*/
:root{
    --x:50%;
    --y:50%;
}
.yl_lianxi_wai{position:relative;}
.yl_lianxi_nei{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.yl_lianxi{padding:105px 0 94px;position:relative;
    background:-webkit-linear-gradient(3deg, #3C3A3C 0%, #807573 100%);
    background:-moz-linear-gradient(3deg, #3C3A3C 0%, #807573 100%);
    background:linear-gradient(87deg, #3C3A3C 0%, #807573 100%);
    overflow:hidden;
}
.yl_lianxi:before{content:'';width:0;height:0;position:absolute;background:url(../Image/light.png) no-repeat center center;background-size:100% 100%;left:var(--x);top:var(--y);opacity:0;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-transition:width 0.3s ease, height 0.3s ease;
    -moz-transition:width 0.3s ease, height 0.3s ease;
    transition:width 0.3s ease, height 0.3s ease;
}
.yl_lianxi_nei:hover + .yl_lianxi:before{width:670px;height:670px;opacity:1;}
.yl_lianxi .yll_txt{max-width:450px;}
.yl_lianxi .yll_txt p{font-size:16px;line-height:32px;color:#F5F5F5;}
.yl_lianxi .yll_txt p:nth-child(2){font-size:32px;line-height:42px;font-weight:bold;}
.yl_lianxi .yll_txt span{margin-top:53px;font-size:20px;font-weight:bold;line-height:26px;height:52px;border:2px solid #FFF;border-radius:52px;padding:0 20px;color:#FFF;}
.yl_lianxi .yll_txt span i{font-size:20px;color:#FFF;margin-right:10px;}
.yl_lianxi .yll_txt span:hover{background:#E5252D;border-color:#E5252D;}
.yl_lianxi_wai .yll_right{width:39.5%;position:absolute;right:0;bottom:0;height:498px;overflow:hidden;}
.yl_lianxi_wai .yll_right img{width:auto;height:100%;display:block;}

@media screen and (max-width:1599px){
    .yl_banner .ylb_txt{width:calc(100% - 680px);}
    .yl_banner .ylb_txt .ylb_tit{font-size:56px;line-height:70px;margin-bottom:13px;}
    .yl_banner .ylb_txt p{font-size:18px;line-height:32px;height:160px;}
    .yl_banner .ylb_txt .ylb_btn{margin-top:14px;height:45px;line-height:45px;font-size:15px;width:152px;}
    .yl_banner .ylb_simg{width:680px;}
    .yl_banner .swiper-pagination.swiper-pagination-bullets{left:calc(50% - 600px);bottom:52px;}
    .yl_product{padding:50px 0 60px;}
    .yl_product .ylp_ul{padding-top:40px;gap:18px;}
    .yl_product .ylp_ul .ylp_li{height:295px;width:calc(100%/3 - 12px);}
    .yl_product .ylp_ul .ylp_li:first-child{width:calc(200%/3 - 6px);}
    .yl_product .ylp_ul .ylp_li .ylp_txt{padding:40px 40px 30px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt p{font-size:26px;line-height:36px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt span{font-size:13px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt a{height:38px;width:115px;font-size:15px;}
    .yl_jiejue{padding:30px 0 60px;}
    .yl_jiejue .pb_p{max-width:975px;}
    .yl_jiejue .ylj_con{margin-top:40px;border-radius:10px;}
    .yl_jiejue .ylj_txt .ylj_left{width:300px;padding:10px 25px 25px;}
    .yl_jiejue .ylj_txt .ylj_left:before{width:10px;height:10px;background:radial-gradient(circle at 0 100%, transparent 9px, #FFF 10px);}
    .yl_jiejue .ylj_txt .ylj_left:after{width:10px;height:10px;background:radial-gradient(circle at 0 0, transparent 9px, #FFF 10px);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet{margin-top:13px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li{height:62px;padding:0 13px;border-radius:6px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li em{width:22px;height:22px;margin-right:8px;background-size:100% 100%;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li p{font-size:16px;line-height:22px;width:calc(100% - 53px);}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li i{font-size:15px;margin-left:8px;}
    .yl_jiejue .ylj_txt .ylj_center{width:16px;}
    .yl_jiejue .ylj_txt .ylj_right{width:calc(100% - 316px);padding:60px 60px 35px;}
    .yl_jiejue .ylj_txt .ylj_right:before{width:10px;height:10px;background:radial-gradient(circle at 100% 100%, transparent 9px, #FFF 10px);}
    .yl_jiejue .ylj_txt .ylj_right:after{width:10px;height:10px;background:radial-gradient(circle at 100% 0, transparent 9px, #FFF 10px);}
    .yl_jiejue .ylj_txt .ylj_right p{font-size:16px;line-height:26px;}
    .yl_jiejue .ylj_txt .ylj_right p:first-child{font-size:28px;line-height:38px;margin-bottom:20px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn{margin-top:13px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn a{min-width:140px;height:45px;line-height:45px;padding:0 16px;margin-left:13px;font-size:15px;}
    .yl_zhidu{padding:50px 0 60px;}
    .yl_zhidu .ylz_con{margin-top:68px;}
    .yl_zhidu .ylz_con .ylz_left{width:173px;border-radius:15px 0 0 15px;margin-top:30px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_tit{height:71px;padding:8px 21px;font-size:17px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_txt p{height:71px;padding:8px 21px;font-size:15px;}
    .yl_zhidu .ylz_con .ylz_right{width:calc(100% - 173px);border-radius:15px 15px 15px 0;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_shadow{height:calc(100% + 20px);top:-10px;border-radius:10px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit{height:101px;padding:8px 21px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit img{width:82px;height:58px;top:-30px;right:30px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit p{font-size:15px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt p{height:71px;padding:8px 21px;font-size:15px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt.ylzr_txt1 span{font-size:15px;padding:8px 5px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_tit img{top:-40px;}
    .yl_zhidu .ylz_p{margin-top:26px;}
    .yl_zhidu .ylz_a{margin-top:36px;}
    .yl_zhidu .ylz_a a{min-width:150px;height:44px;}
    .yl_youshi{padding-left:calc(50% - 273px);}
    .yl_youshi .yls_left{left:calc(50% - 600px);width:327px;padding-right:30px;padding-top:60px;}
    .yl_youshi .yls_left .ylsl_tit{font-size:32px;margin-top:30px;height:140px;}
    .yl_youshi .yls_left .ylsl_tit span{font-size:110px;}
    .yl_youshi .yls_left p{font-size:15px;line-height:26px;margin-top:20px;}
    .yl_youshi .yls_left .ylsl_btn{margin-top:35px;}
    .yl_youshi .yls_left .ylsl_btn .swiper-button-prev i,.yl_youshi .yls_left .ylsl_btn .swiper-button-next i{font-size:52px;}
    .yl_youshi .yly_ul .swiper-slide{padding:200px 0 140px;}
    .yl_youshi .yly_ul .yly_txt{padding:0 1vw 0 3.5vw;}
    .yl_youshi .yly_ul .yly_txt:before{height:70px;}
    .yl_youshi .yly_ul .yly_txt p{line-height:26px;}
    .yl_youshi .yly_ul .yly_txt p:first-child{font-size:18px;margin-bottom:20px;}
    .yl_youshi .yly_ul .yly_txt p:nth-child(2){height:156px;}
    .yl_youshi .yly_ul .yly_txt i{font-size:42px;margin-top:13px;}
    .yl_youshi .yly_ul .swiper-slide:hover .yly_txt:after{height:70px;}
    .yl_info{padding:50px 0 60px;}
    .yl_info .yli_con{margin-top:70px;border-radius:25px;padding:80px 0 40px 60px;}
    .yl_info .yli_con .yli_left{width:420px;}
    .yl_info .yli_con .yli_left p{line-height:26px;}
    .yl_info .yli_con .yli_left p:first-child{font-size:22px;margin-bottom:20px;}
    .yl_info .yli_con .yli_left p:nth-child(2){height:182px;}
    .yl_info .yli_con .yli_left a{margin-top:14px;height:44px;border-radius:44px;min-width:100px;}
    .yl_info .yli_con .yli_right{height:515px;}
    .yl_info .yli_num{margin-top:50px;}
    .yl_info .yli_num .yli_li{margin-left:140px;}
    .yl_info .yli_num .yli_li .yli_n span{font-size:42px;}
    .yl_info .yli_num .yli_li p:nth-child(2){font-size:15px;line-height:20px;margin:10px 0;}
    .yl_case{padding:30px 0 60px;}
    .yl_case .ylc_ul{margin-top:40px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide{padding:9px;}
    .yl_case .ylc_ul .ylc_li .ylc_p{padding:20px 0 10px;}
    .yl_case .ylc_ul .ylc_li .ylc_p p{font-size:15px;}
    .yl_case .ylc_ul .swiper-button-prev i,.yl_case .ylc_ul .swiper-button-next i{font-size:50px;}
    .yl_case .ylc_ul .swiper-button-prev{left:-70px;}
    .yl_case .ylc_ul .swiper-button-next{right:-70px;}
    .yl_case .ylc_a{margin-top:40px;}
    .yl_case .ylc_a a{height:44px;line-height:44px;min-width:150px;}
    .yl_news{padding:50px 0 60px;}
    .yl_news .yln_con{margin-top:35px;}
    .yl_news .yln_con .yln_first{width:655px;}
    .yl_news .yln_con .yln_first .yln_txt{padding:0 30px 30px;}
    .yl_news .yln_con .yln_first .yln_txt span{font-size:15px;line-height:22px;}
    .yl_news .yln_con .yln_first .yln_txt span i{font-size:22px;margin-right:10px;}
    .yl_news .yln_con .yln_first .yln_txt p{line-height:30px;margin-top:7px;}
    .yl_news .yln_con .yln_ul{width:calc(100% - 655px);padding-left:30px;}
    .yl_news .yln_con .yln_ul .yln_li{padding:20px 0;margin-top:10px;}
    .yl_news .yln_con .yln_ul .yln_li .yln_n{width:calc(100% - 70px);}
    .yl_news .yln_con .yln_ul .yln_li .yln_n .yln_d span:first-child{font-size:28px;line-height:38px;}
    .yl_news .yln_con .yln_ul .yln_li .yln_n .yln_t{padding-left:26px;}
    .yl_news .yln_con .yln_ul .yln_li i{font-size:28px;}
    .yl_news .yln_a{margin-top:35px;}
    .yl_news .yln_a a{min-width:150px;height:44px;line-height:44px;}
    .yl_lianxi{padding:65px 0 60px;}
    .yl_lianxi .yll_txt p{font-size:15px;line-height:30px;}
    .yl_lianxi .yll_txt p:nth-child(2){font-size:26px;line-height:36px;}
    .yl_lianxi .yll_txt span{margin-top:35px;font-size:18px;height:48px;line-height:24px;padding:0 16px;}
    .yl_lianxi .yll_txt span i{font-size:18px;margin-right:8px;}
    .yl_lianxi_wai .yll_right{height:380px;}
    .yl_lianxi_nei:hover + .yl_lianxi:before{width:600px;height:600px;}
}

@media screen and (max-width:1359px){
    .yl_banner .ylb_txt{width:calc(100% - 560px);}
    .yl_banner .ylb_txt .ylb_tit{font-size:46px;line-height:58px;margin-bottom:10px;}
    .yl_banner .ylb_txt p{font-size:16px;line-height:26px;height:130px;max-width:550px;}
    .yl_banner .ylb_txt .ylb_btn{margin-top:13px;height:42px;line-height:42px;font-size:14px;width:145px;}
    .yl_banner .ylb_simg{width:560px;}
    .yl_banner .swiper-pagination.swiper-pagination-bullets{left:calc(50% - 497px);bottom:40px;}
    .yl_banner .swiper-pagination-bullet{width:10px;height:10px;}
    .yl_product{padding:30px 0 40px;}
    .yl_product .ylp_ul{padding-top:25px;gap:15px;}
    .yl_product .ylp_ul .ylp_li{height:244px;width:calc(100%/3 - 10px);}
    .yl_product .ylp_ul .ylp_li:first-child{width:calc(200%/3 - 5px);}
    .yl_product .ylp_ul .ylp_li .ylp_txt{padding:25px 25px 20px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt p{font-size:22px;line-height:32px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt span{font-size:12px;line-height:16px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt a{height:35px;width:108px;font-size:14px;}
    .yl_jiejue{padding:20px 0 40px;}
    .yl_jiejue .pb_p{max-width:910px;}
    .yl_jiejue .ylj_con{margin-top:25px;border-radius:8px;}
    .yl_jiejue .ylj_txt .ylj_left{width:250px;padding:5px 15px 15px;}
    .yl_jiejue .ylj_txt .ylj_left:before{width:8px;height:8px;background:radial-gradient(circle at 0 100%, transparent 7px, #FFF 8px);}
    .yl_jiejue .ylj_txt .ylj_left:after{width:8px;height:8px;background:radial-gradient(circle at 0 0, transparent 7px, #FFF 8px);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet{margin-top:10px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li{height:56px;padding:0 10px;border-radius:5px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li em{width:20px;height:20px;margin-right:6px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li p{font-size:15px;line-height:20px;width:calc(100% - 46px);}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li i{font-size:14px;margin-left:6px;}
    .yl_jiejue .ylj_txt .ylj_center{width:12px;}
    .yl_jiejue .ylj_txt .ylj_right{width:calc(100% - 262px);padding:30px 30px 25px;}
    .yl_jiejue .ylj_txt .ylj_right:before{width:8px;height:8px;background:radial-gradient(circle at 100% 100%, transparent 7px, #FFF 8px);}
    .yl_jiejue .ylj_txt .ylj_right:after{width:8px;height:8px;background:radial-gradient(circle at 100% 0, transparent 7px, #FFF 8px);}
    .yl_jiejue .ylj_txt .ylj_right p{font-size:15px;line-height:24px;}
    .yl_jiejue .ylj_txt .ylj_right p:first-child{font-size:24px;line-height:34px;margin-bottom:15px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn{margin-top:10px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn a{min-width:130px;height:42px;line-height:42px;padding:0 13px;margin-left:10px;font-size:14px;}
    .yl_zhidu{padding:30px 0 40px;}
    .yl_zhidu .ylz_con{margin-top:40px;}
    .yl_zhidu .ylz_con .ylz_left{width:143px;border-radius:12px 0 0 12px;margin-top:20px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_tit{height:61px;padding:6px 14px;font-size:16px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_txt p{height:61px;padding:6px 14px;font-size:14px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_txt p i{font-size:18px;margin-right:8px;}
    .yl_zhidu .ylz_con .ylz_right{width:calc(100% - 143px);border-radius:12px 12px 12px 0;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_shadow{height:calc(100% + 16px);top:-8px;border-radius:8px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit{height:81px;padding:6px 14px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit img{width:72px;height:51px;top:-25px;right:25px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit p{font-size:14px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt p{height:61px;padding:6px 14px;font-size:14px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt.ylzr_txt1 span{font-size:14px;padding:6px 2px;text-align:center;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li.on .ylzr_tit img{top:-30px;}
    .yl_zhidu .ylz_p{margin-top:20px;}
    .yl_zhidu .ylz_a{margin-top:28px;}
    .yl_zhidu .ylz_a a{min-width:140px;height:40px;}
    .yl_youshi{padding-left:calc(50% - 226px);}
    .yl_youshi .yls_left{left:calc(50% - 497px);width:271px;padding-right:20px;padding-top:40px;}
    .yl_youshi .yls_left .ylsl_tit{font-size:26px;margin-top:20px;height:110px;}
    .yl_youshi .yls_left .ylsl_tit span{font-size:80px;}
    .yl_youshi .yls_left p{font-size:14px;line-height:24px;margin-top:15px;}
    .yl_youshi .yls_left .ylsl_btn{margin-top:25px;}
    .yl_youshi .yls_left .ylsl_btn .swiper-button-prev i,.yl_youshi .yls_left .ylsl_btn .swiper-button-next i{font-size:46px;}
    .yl_youshi .yly_ul .swiper-slide{padding:160px 0 120px;}
    .yl_youshi .yly_ul .yly_txt{padding:0 10px 0 20px;}
    .yl_youshi .yly_ul .yly_txt:before{height:60px;width:3px;}
    .yl_youshi .yly_ul .yly_txt:after{width:3px;}
    .yl_youshi .yly_ul .yly_txt p{line-height:24px;}
    .yl_youshi .yly_ul .yly_txt p:first-child{font-size:16px;margin-bottom:15px;}
    .yl_youshi .yly_ul .yly_txt p:nth-child(2){height:144px;}
    .yl_youshi .yly_ul .yly_txt i{font-size:36px;margin-top:10px;}
    .yl_youshi .yly_ul .swiper-slide:hover .yly_txt:after{height:60px;}
    .yl_info{padding:30px 0 40px;}
    .yl_info .yli_con{margin-top:40px;border-radius:20px;padding:50px 0 25px 30px;}
    .yl_info .yli_con .yli_left{width:360px;}
    .yl_info .yli_con .yli_left p{line-height:26px;}
    .yl_info .yli_con .yli_left p:first-child{font-size:22px;margin-bottom:20px;}
    .yl_info .yli_con .yli_left p:nth-child(2){height:182px;}
    .yl_info .yli_con .yli_left a{margin-top:14px;height:44px;border-radius:44px;min-width:100px;}
    .yl_info .yli_con .yli_right{height:427px;}
    .yl_info .yli_num{margin-top:30px;}
    .yl_info .yli_num .yli_li{margin-left:100px;}
    .yl_info .yli_num .yli_li .yli_n span{font-size:36px;}
    .yl_info .yli_num .yli_li p:nth-child(2){margin:8px 0;}
    .yl_case{padding:20px 0 40px;}
    .yl_case .ylc_ul{margin-top:25px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide{padding:7px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:before{height:3px;margin-left:-50px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:after{width:100px;height:3px;margin-left:-50px;}
    .yl_case .ylc_ul .ylc_li .ylc_p{padding:15px 0 10px;}
    .yl_case .ylc_ul .ylc_li .ylc_p p{font-size:14px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:hover:before{width:100px;}
    .yl_case .ylc_ul .swiper-button-prev i,.yl_case .ylc_ul .swiper-button-next i{font-size:44px;color:#FFF;}
    .yl_case .ylc_ul .swiper-button-prev{left:3px;}
    .yl_case .ylc_ul .swiper-button-next{right:3px;}
    .yl_case .ylc_a{margin-top:25px;}
    .yl_case .ylc_a a{height:40px;line-height:40px;min-width:140px;}
    .yl_news{padding:30px 0 40px;}
    .yl_news .yln_con{margin-top:25px;}
    .yl_news .yln_con .yln_first{width:543px;}
    .yl_news .yln_con .yln_first .yln_txt{padding:0 20px 20px;}
    .yl_news .yln_con .yln_first .yln_txt span{font-size:14px;line-height:20px;}
    .yl_news .yln_con .yln_first .yln_txt span i{font-size:20px;margin-right:8px;}
    .yl_news .yln_con .yln_first .yln_txt p{line-height:28px;margin-top:6px;}
    .yl_news .yln_con .yln_ul{width:calc(100% - 543px);padding-left:20px;}
    .yl_news .yln_con .yln_ul .yln_li{padding:15px 0;margin-top:8px;}
    .yl_news .yln_con .yln_ul .yln_li .yln_n{width:calc(100% - 60px);}
    .yl_news .yln_con .yln_ul .yln_li .yln_n .yln_d span:first-child{font-size:25px;line-height:34px;}
    .yl_news .yln_con .yln_ul .yln_li .yln_n .yln_t{padding-left:15px;}
    .yl_news .yln_con .yln_ul .yln_li i{font-size:24px;}
    .yl_news .yln_a{margin-top:25px;}
    .yl_news .yln_a a{min-width:140px;height:40px;line-height:40px;}
    .yl_lianxi{padding:40px 0;}
    .yl_lianxi .yll_txt p{font-size:14px;line-height:26px;}
    .yl_lianxi .yll_txt p:nth-child(2){font-size:22px;line-height:30px;}
    .yl_lianxi .yll_txt span{margin-top:25px;font-size:16px;height:44px;line-height:22px;padding:0 13px;}
    .yl_lianxi .yll_txt span i{font-size:16px;margin-right:6px;}
    .yl_lianxi_wai .yll_right{height:300px;}
    .yl_lianxi_nei:hover + .yl_lianxi:before{width:400px;height:400px;}
}

@media screen and (max-width:1023px){
    .yl_banner{position:relative;height:auto;}
    .yl_banner .container{padding-top:0;}
    .yl_banner .ylb_txt{width:50%;padding-right:15px;}
    .yl_banner .ylb_txt .ylb_tit{font-size:34px;line-height:46px;margin-bottom:8px;}
    .yl_banner .ylb_txt p{font-size:14px;line-height:24px;height:auto;max-width:none;}
    .yl_banner .ylb_txt .ylb_btn{margin-top:11px;height:40px;line-height:40px;font-size:14px;width:136px;}
    .yl_banner .ylb_simg{width:50%;}
    .yl_banner .swiper-pagination.swiper-pagination-bullets{left:calc(50% - 497px);bottom:40px;}
    .yl_banner .swiper-pagination-bullet{width:10px;height:10px;}
    .yl_banner .ylb_scroll{display:none;}
    .yl_product{padding:20px 0 30px;}
    .yl_product .ylp_ul{padding-top:15px;gap:12px;}
    .yl_product .ylp_ul .ylp_li{height:154px;width:calc(100%/3 - 8px);}
    .yl_product .ylp_ul .ylp_li:first-child{width:calc(200%/3 - 4px);}
    .yl_product .ylp_ul .ylp_li .ylp_txt{padding:18px 18px 15px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt p{font-size:18px;line-height:26px;}
    .yl_product .ylp_ul .ylp_li .ylp_txt a{font-size:13px;height:32px;width:90px;}
    .yl_jiejue{padding:10px 0 30px;}
    .yl_jiejue .pb_p{max-width:none;}
    .yl_jiejue .ylj_con{margin-top:15px;border-radius:6px;}
    .yl_jiejue .ylj_txt .ylj_left{width:200px;padding:5px 10px 10px;}
    .yl_jiejue .ylj_txt .ylj_left:before{width:6px;height:6px;background:radial-gradient(circle at 0 100%, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_left:after{width:6px;height:6px;background:radial-gradient(circle at 0 0, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet{margin-top:8px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li{height:52px;padding:0 8px;border-radius:3px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li em{width:18px;height:18px;margin-right:5px;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li p{font-size:14px;line-height:18px;width:calc(100% - 41px);}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li i{font-size:13px;margin-left:5px;}
    .yl_jiejue .ylj_txt .ylj_center{width:10px;}
    .yl_jiejue .ylj_txt .ylj_right{width:calc(100% - 210px);padding:20px 20px 15px;}
    .yl_jiejue .ylj_txt .ylj_right:before{width:6px;height:6px;background:radial-gradient(circle at 100% 100%, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_right:after{width:6px;height:6px;background:radial-gradient(circle at 100% 0, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_right p{font-size:14px;line-height:22px;max-width:none;}
    .yl_jiejue .ylj_txt .ylj_right p:first-child{font-size:20px;line-height:28px;margin-bottom:11px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn{margin-top:10px;}
    .yl_jiejue .ylj_txt .ylj_right .ylj_btn a{min-width:120px;height:38px;line-height:38px;padding:0 10px;margin-left:8px;font-size:13px;}
    .yl_zhidu{padding:20px 0 30px;}
    .yl_zhidu .ylz_wrap{width:100%;overflow-x:auto;}
    .yl_zhidu .ylz_wrap::-webkit-scrollbar-track-piece{width:4px;background-color:#ccc;}
    .yl_zhidu .ylz_wrap::-webkit-scrollbar{width:4px;height:4px}
    .yl_zhidu .ylz_wrap::-webkit-scrollbar-thumb{height:30px;background-color:#2E72B7 ;}
    .yl_zhidu .ylz_con{margin-top:35px;min-width:1100px;padding-bottom:15px;}
    .yl_zhidu .ylz_con .ylz_left{width:143px;border-radius:10px 0 0 10px;margin-top:15px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_tit{height:51px;padding:5px 10px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_txt p{height:51px;padding:5px 10px;}
    .yl_zhidu .ylz_con .ylz_left .ylzl_txt p i{font-size:18px;margin-right:8px;}
    .yl_zhidu .ylz_con .ylz_right{width:calc(100% - 143px);border-radius:10px 10px 10px 0;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_shadow{height:calc(100% + 10px);top:-5px;border-radius:6px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_tit{height:66px;padding:5px 10px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt p{height:51px;padding:5px 10px;}
    .yl_zhidu .ylz_con .ylz_right .ylzr_ul .ylzr_li .ylzr_txt.ylzr_txt1 span{padding:5px 2px;}
    .yl_zhidu .ylz_p{margin-top:15px;}
    .yl_zhidu .ylz_a{margin-top:20px;}
    .yl_zhidu .ylz_a a{font-size:13px;}
    .yl_youshi{padding-left:calc(50% - 149px);}
    .yl_youshi .yls_left{left:15px;width:220px;padding-right:15px;padding-top:30px;}
    .yl_youshi .yls_left .ylsl_tit{font-size:20px;margin-top:15px;height:90px;}
    .yl_youshi .yls_left .ylsl_tit span{font-size:70px;}
    .yl_youshi .yls_left p{font-size:14px;line-height:24px;margin-top:12px;}
    .yl_youshi .yls_left .ylsl_btn{margin-top:20px;}
    .yl_youshi .yls_left .ylsl_btn .swiper-button-prev i,.yl_youshi .yls_left .ylsl_btn .swiper-button-next i{font-size:40px;}
    .yl_youshi .yly_ul .swiper-slide{padding:120px 0 100px;}
    .yl_youshi .yly_ul .yly_txt{padding:0 10px 0 12px;}
    .yl_youshi .yly_ul .yly_txt:before{height:50px;width:2px;}
    .yl_youshi .yly_ul .yly_txt:after{width:2px;}
    .yl_youshi .yly_ul .yly_txt p:first-child{font-size:16px;margin-bottom:15px;}
    .yl_youshi .yly_ul .yly_txt p:nth-child(2){height:144px;}
    .yl_youshi .yly_ul .yly_txt i{font-size:32px;}
    .yl_youshi .yly_ul .swiper-slide:hover .yly_txt:after{height:50px;}
    .yl_info{padding:20px 0 30px;}
    .yl_info .yli_con{margin-top:30px;border-radius:15px;padding:30px 0 16px 20px;}
    .yl_info .yli_con .yli_left{width:360px;}
    .yl_info .yli_con .yli_left p{line-height:22px;}
    .yl_info .yli_con .yli_left p:first-child{font-size:19px;margin-bottom:15px;}
    .yl_info .yli_con .yli_left p:nth-child(2){height:auto;}
    .yl_info .yli_con .yli_left a{height:40px;border-radius:40px;}
    .yl_info .yli_con .yli_right{height:317px;}
    .yl_info .yli_num{margin-top:20px;}
    .yl_info .yli_num .yli_li{margin-left:30px;}
    .yl_info .yli_num .yli_li .yli_n span{font-size:32px;}
    .yl_info .yli_num .yli_li p:nth-child(2){margin:6px 0;}
    .yl_case{padding:15px 0 30px;}
    .yl_case .ylc_ul{margin-top:15px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide{padding:5px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:before{height:2px;margin-left:-40px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:after{width:80px;height:2px;margin-left:-40px;}
    .yl_case .ylc_ul .ylc_li .swiper-slide:hover:before{width:80px;}
    .yl_case .ylc_ul .swiper-button-prev i,.yl_case .ylc_ul .swiper-button-next i{font-size:40px;}
    .yl_case .ylc_a{margin-top:20px;}
    .yl_case .ylc_a a{height:36px;line-height:36px;min-width:120px;}
    .yl_news{padding:20px 0 30px;}
    .yl_news .yln_con{margin-top:15px;}
    .yl_news .yln_con .yln_first{width:50%;}
    .yl_news .yln_con .yln_first .yln_txt{padding:0 15px 15px;}
    .yl_news .yln_con .yln_ul{width:50%;padding-left:15px;}
    .yl_news .yln_con .yln_ul .yln_li{padding:12px 0;margin-top:6px;}
    .yl_news .yln_a{margin-top:20px;}
    .yl_news .yln_a a{min-width:120px;height:36px;line-height:36px;}
    .yl_lianxi{padding:30px 0;}
    .yl_lianxi .yll_txt{max-width:400px;}
    .yl_lianxi .yll_txt p{line-height:24px;}
    .yl_lianxi .yll_txt p:nth-child(2){font-size:20px;line-height:28px;}
    .yl_lianxi_wai .yll_right{height:250px;}
    .yl_lianxi_nei:hover + .yl_lianxi:before{width:260px;height:260px;}
}

@media screen and (max-width:767px){
    .yl_banner .container{flex-direction:column-reverse;}
    .yl_banner .ylb_txt{width:100%;padding-bottom:40px;padding-right:0;}
    .yl_banner .ylb_txt .ylb_tit{font-size:26px;line-height:32px;}
    .yl_banner .ylb_simg{width:100%;justify-content:center;}
    .yl_banner .ylb_simg img{max-width:80%;}
    .yl_banner .swiper-pagination.swiper-pagination-bullets{left:15px;bottom:15px;}
    .yl_product .ylp_ul{padding-top:15px;gap:10px;}
    .yl_product .ylp_ul .ylp_li{height:auto;width:100%;}
    .yl_product .ylp_ul .ylp_li:first-child{width:100%;}
    .yl_product .ylp_ul .ylp_li .ylp_img{padding-bottom:76%;position:relative;height:auto;}
    .yl_product .ylp_ul .ylp_li:first-child .ylp_img{padding-bottom:37.15%;}
    .yl_product .ylp_ul .ylp_li .ylp_txt{padding:15px 15px 12px;position:absolute;width:100%;height:100%;left:0;top:0;}
    .yl_jiejue .ylj_txt .ylj_left{width:100%;padding:0;}
    .yl_jiejue .ylj_txt .ylj_left:before{left:0;right:auto;top:auto;bottom:0;background:radial-gradient(circle at 100% 0, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination{display:flex;flex-wrap:wrap;}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet{margin-top:0;width:25%;border-right:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet:nth-child(4n+4){border-right:none;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li{margin-top:0;height:50px;border-radius:0;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li:before{content:none;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li em{display:none;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li p{width:100%;text-align:center;}
    .yl_jiejue .ylj_txt .ylj_left .ylj_li i{display:none;}
    .yl_jiejue .ylj_txt .ylj_center{width:100%;height:7px;}
    .yl_jiejue .ylj_txt .ylj_right{width:100%;padding:12px 12px;min-height:230px;}
    .yl_jiejue .ylj_txt .ylj_right:after{left:auto;right:0;top:0;bottom:auto;background:radial-gradient(circle at 0 100%, transparent 5px, #FFF 6px);}
    .yl_jiejue .ylj_txt .ylj_left .swiper-pagination-bullet.swiper-pagination-bullet-active .ylj_li{box-shadow:none;background:linear-gradient(90deg, #FABF00 0%, #E5252D 100%);}
    .yl_youshi{padding:20px 0 0 0;}
    .yl_youshi .yls_left{left:0;width:100%;position:relative;padding:0 15px;border-right:none;}
    .yl_youshi .yls_left .pb_tit br{display:none;}
    .yl_youshi .yls_left .ylsl_tit{font-size:18px;margin-top:10px;height:60px;}
    .yl_youshi .yls_left .ylsl_tit span{font-size:50px;}
    .yl_youshi .yls_left p{margin-top:10px;}
    .yl_youshi .yls_left .ylsl_btn{margin-top:15px;}
    .yl_youshi .yls_left .ylsl_btn .swiper-button-prev i,.yl_youshi .yls_left .ylsl_btn .swiper-button-next i{font-size:36px;}
    .yl_youshi .yly_ul{margin-top:20px;}
    .yl_youshi .yly_ul .swiper-slide{padding:40px 0 30px;height:auto;background:rgba(0,0,0,.6);border-right:none;}
    .yl_youshi .yly_ul .yly_txt{padding:0 10px 0 12px;display:flex;flex-flow:column;height:100%;}
    .yl_youshi .yly_ul .yly_txt:before{content:none;}
    .yl_youshi .yly_ul .yly_txt:after{content:none;}
    .yl_youshi .yly_ul .yly_txt p:first-child{font-weight:bold;}
    .yl_youshi .yly_ul .yly_txt p:nth-child(2){height:auto;flex:1;}
    .yl_info .yli_con{margin-top:20px;border-radius:10px;padding:20px 15px 15px;}
    .yl_info .yli_con .yli_left{width:100%;}
    .yl_info .yli_con .yli_right{display:none;}
    .yl_info .yli_num{margin-top:15px;}
    .yl_info .yli_num .yli_li{margin-left:21px;width:calc(100%/3 - 14px);}
    .yl_info .yli_num .yli_li .yli_n span{font-size:26px;}
    .yl_info .yli_num .yli_li p{text-align:center;font-size:12px;}
    .yl_info .yli_num .yli_li p:nth-child(2){margin:6px 0;}
    .yl_news .yln_con{margin-top:15px;}
    .yl_news .yln_con .yln_first{width:100%;}
    .yl_news .yln_con .yln_first .yln_img{padding-bottom:75%;position:relative;}
    .yl_news .yln_con .yln_first .yln_txt{padding:0 15px 15px;}
    .yl_news .yln_con .yln_ul{width:100%;padding-left:0;margin-top:15px;}
    .yl_news .yln_con .yln_ul .yln_li{padding:12px 0;margin-top:6px;}
    .yl_news .yln_a{margin-top:20px;}
    .yl_news .yln_a a{min-width:120px;height:36px;line-height:36px;}
    .yl_lianxi{padding:20px 0;}
    .yl_lianxi .yll_txt{max-width:none;}
    .yl_lianxi .yll_txt span{margin-top:15px;}
    .yl_lianxi_wai .yll_right{display:none;}
}