.sy-banner{width: 100%;position: relative;overflow: hidden;}
.sy-banner .swiper-slide{position:relative;}
.sy-banner img{display:block;width:100%;height:auto;}
.sy-banner .sy-banner-page{position: absolute;left: 0;bottom: 0;}
.sy-banner .swiper-button-next:after, .sy-banner .swiper-button-prev:after{display: none;}
.sy-banner .swiper-button-prev,.sy-banner .swiper-button-next{width: 87px;height: 86px;background:var(--logoColor);text-align:center;line-height:86px;position: relative;left: auto !important;right: auto !important;background-size: 100% 100% !important;}
.sy-banner .swiper-button-prev{background: url('../images/f_prev.jpg') center center no-repeat;}
.sy-banner .swiper-button-next{background: url('../images/f_next.jpg') center center no-repeat;}

.sy_product{width: 100%;position: relative;padding: 65px 0 98px 0;}
.sy_product_c{width: 100%;position: relative;margin-top: 41px;}
.sy_product_c ul{width: 100%;position: relative;}
.sy_product_c ul li{width: calc(25% - 24px);}
.sy_product_c ul li a{display: block;width: 100%;height: 100%;position: relative;}
.sy_product_c ul li a:before{content: '';width: 100%;height: 78%;border: 1px solid #dfdfdf;position: absolute;left: 0;bottom: 0;transition: all 0.5s ease-in-out;z-index: -1;}
.sy_product_c ul li a .positionimg{padding-bottom: 75%;}
.sy_product_c ul li a .positionimg img{width: calc(100% - 30px);margin-left: 15px;}
.sy_product_c ul li a .sy_text{padding: 30px 25px 44px 25px;text-align: center;line-height: 1;}
.sy_product_c ul li a .sy_text .sy-tit{font-size: 25px;color: #00011b;}
.sy_product_c ul li a .sy_text p{font-size: 15px;color: #666;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-align: justify;text-justify: inter-word;height: 120px;margin: 21px 0 22px 0;}
.sy_product_c ul li a .sy_text span{width: 158px;line-height: 36px;border: 1px solid #d0d0d0;color: #747474;font-size: 16px;display: inline-block;font-weight: bold;text-decoration: none;text-align: left;padding-left: 20px;background-repeat: no-repeat;background-position: right 15px center;background-image: url(../images/p_icon.png);}
.sy_product_c ul li a .sy_text span:hover {color: #FFF;border-color: #f0b84e;background-color: #f0b84e;background-image: url(../images/p_icon_hover.png);}
.sy_product_c ul li a:hover:before{-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .1);-moz-box-shadow: 0 3px 4px rgba(0,0,0,.1);-o-box-shadow: 0 3px 4px rgba(0,0,0,.1);box-shadow: 0 3px 4px rgba(0, 0, 0, .1);}

.sy_choose{width: 100%;padding: 111px 0 109px 0;background: url(../images/youshibg.jpg) no-repeat center center;background-size: cover;position: relative;z-index: 1;}
.sy_choose_c{width: 100%;position: relative;}
.sy_choose_c:before{content: '';width: 697px;height: 368px;position: absolute;left: -131px;bottom: -210px;background: url(../images/shengyuan-image.png) no-repeat center center;background-size: cover;}
.sy_choose_l{width: calc(100% - 772px);}
.sy_choose_l .sy_choose_title{width: 100%;position: relative;line-height: 1;gap: 30px;}
.sy_choose_l .sy_choose_title .sy_tit{font-size: 65px;font-family: Impact;color: #f0b84e;position: relative;}
.sy_choose_l .sy_choose_title .sy_line{width: 53px;height: 2px;background: #f0b84e;}
.sy_choose_l .sy_choose_title .sy_dec{font-size: 32px;color: #FFF;}
.sy_choose_l .sy_choose_title a{display: inline-block;width: 148px;line-height: 46px;background: url(../images/ys_icon.png) no-repeat right 22px center #ababab;font-size: 16px;color: #FFF;font-weight: bold;text-decoration: none;padding-left: 20px;}
.sy_choose_l .sy_choose_title a:hover {-webkit-box-shadow: 0 0 4px rgba(255, 255, 255, .5);-moz-box-shadow: 0 0 4px rgba(255,255,255,.5);-o-box-shadow: 0 0 4px rgba(255,255,255,.5);box-shadow: 0 0 4px rgba(255, 255, 255, .5);}
.sy_choose_r{width: 772px;}
.sy_choose_r ul{width: 100%;position: relative;margin-top: 12px;}
.sy_choose_r ul li{width: calc(50% - 12px);background: #ffffff;padding: 66px 40px 64px;}
.sy_choose_r ul li i{display: inline-block;width: 60px;height: 60px;background-size: 100% auto !important;}
.sy_choose_r ul li i.icon1{background: url(../images/high-performance.png) center center no-repeat;}
.sy_choose_r ul li i.icon2{background: url(../images/info_icon2_r2_c2.png) center center no-repeat;}
.sy_choose_r ul li .sy_tit{position: relative;font-size: 26px;line-height: 1;color: #222;margin-bottom: 29px;margin-top: 38px;}
.sy_choose_r ul li p{font-size: 16px;line-height: 22px;color: #666;}

.sy_case{width: 100%;position: relative;padding: 81px 0 73px;background: #F5F5F5;}
.sy_case_c{width: 100%;position: relative;margin-top: 50px;}
.sy_case_c .swiper-slide a{display: block;width: 100%;position: relative;}
.sy_case_c .swiper-slide a:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/case_icon.png) no-repeat center 45% rgba(0, 0, 0, .4);z-index: 1;opacity: 0;-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;}
.sy_case_c .swiper-slide a .positionimg{padding-bottom: 83%;}
.sy_case_c .swiper-slide a p{margin: 0;width: 100%;position: absolute;left: 0;bottom: 0;padding: 45px 0;z-index: 2;background: -moz-linear-gradient(top,transparent 0%,#000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000000));background: -webkit-linear-gradient(top, transparent 0%, #000000 100%);background: -o-linear-gradient(top,transparent 0%,#000000 100%);background: -ms-linear-gradient(top,transparent 0%,#000000 100%);background: linear-gradient(to bottom, transparent 0%, #000000 100%);}
.sy_case_c .swiper-slide a p span{display: inline-block;font-size: 26px;color: #f0b84e;font-weight: bold;margin-left: 55px;padding-right: 15%;background: url(../images/case_icon1.png) no-repeat right center;background-position-x: 90%;}
.sy_case_c .swiper-slide a:hover:before {opacity: 1;}
.sy_case .sy_case_more{width: 100%;margin-top: 39px;text-align: center;}
.sy_case .sy_case_more a{display: inline-block;font-size: 14px;color: #ffffff;width: 180px;background: #f5ca00;border-radius: 22px;}
.sy_case .sy_case_more a span{display: inline-block;height: 45px;line-height: 45px;padding-right: 36px;color: #21212c;background: url(../images/case_btnicon.png) no-repeat right center;}
.sy_case .sy_case_more a:hover {opacity: 0.9;}

.sy_sales{width: 100%;position: relative;padding: 54px 0 79px;}
.sy_sales_c{width: 100%;position: relative;margin-top: 54px;}
.sy_sales_l{width: 523px;}
.sy_sales_l .sy_tit{margin: 34px 0;font-size: 24px;line-height: 1;color: #030000;text-align: center;}
.sy_sales_l .sy_pic{width: 100%;}
.sy_sales_l .sy_pic img{width: 100%;height: auto;}
.sy_sales_r{width: calc(100% - 523px);padding-left: 15px;}
.sy_sales_r .sy_global{width: 100%;margin: 0 34px;}
.sy_sales_r .sy_global .sy_global_c{width: 100%;position: relative;}
.sy_sales_r .sy_global .sy_global_c img{width: 100%;height: auto;}
.sy_global_c .hotspot{width: 12px;height: 12px;position: absolute;}
.sy_global_c .hotspot.hotspot01{top: 33.8%;left: 50.5%;}
.sy_global_c .hotspot.hotspot02{top: 37.7%;left: 55.6%;}
.sy_global_c .hotspot.hotspot03{top: 25.1%;left: 60.2%;}
.sy_global_c .hotspot.hotspot04{top: 42.6%;left: 86.5%;}
.sy_global_c .hotspot.hotspot05{top: 58.2%;left: 76.1%;}
.sy_global_c .hotspot.hotspot06{top: 35.9%;left: 86.3%;}
.sy_global_c .hotspot.hotspot07{top: 32.8%;left: 53.9%;}
.sy_global_c .hotspot.hotspot08{top: 30.8%;left: 48.4%;}
.sy_global_c .hotspot.hotspot09{top: 40.9%;left: 48.3%;}
.sy_global_c .hotspot.hotspot10{top: 41.4%;left: 26.2%;}
.sy_global_c .hotspot.hotspot11{top: 38%;left: 18.1%;}
.sy_global_c .hotspot.hotspot12{top: 76.3%;left: 83.5%;}
.sy_global_c .hotspot.hotspot13{top: 79.6%;left: 56%;}
.sy_global_c .hotspot.hotspot14{top: 47.5%;left: 46.9%;}
.sy_global_c .hotspot.hotspot15{top: 59.7%;left: 51.5%;}
.sy_global_c .hotspot .hotspot_inner{display: block;border-radius: 100px;position: absolute;height: 100%;width: 100%;background-color: #000d51;z-index: 2;cursor: pointer;text-decoration: none;overflow: hidden;}
.sy_global_c .hotspot .hotspot_pulse{display: block;background-color: #000d51;border-radius: 50%;position: absolute;width: 26px;height: 26px;top: -7px;left: -7px;-webkit-animation: av_pulsate 2s ease-out infinite;animation: av_pulsate 2s linear infinite;z-index: 1;}

.sy_fenge{width: 100%;position: relative;background: url(../images/fengebg.jpg) no-repeat center center;background-size: cover;padding: 75px 0 79px;}
.sy_fenge_c{width: 100%;position: relative;}
.sy_fenge_c .sy_tit{font-size: 36px;line-height: 1;font-weight: bold;color: #FFF;}
.sy_fenge_c .sy_more{width: 208px;position: relative;}
.sy_fenge_c .sy_more a{display: block;width: 100%;background: url(../images/fenge_btn.jpg) no-repeat center center;line-height: 46px;font-size: 17px;color: #373737;text-align: left;padding-left: 24px;font-weight: bold;}
.sy_fenge_c .sy_more a span{font-weight: bold;}
.sy_fenge_c .sy_more a:hover {opacity: 0.9;}

.sy_news{width: 100%;position: relative;padding: 53px 0 73px;}
.sy_news_c{width: 100%;position: relative;margin-top: 32px;}
.sy_news_c li{width: calc(33.33% - 32px);position: relative;}
.sy_news_c li a{display: block;position: relative;}
.sy_news_c li a .positionimg{padding-bottom: 67.627%;}
.sy_news_c li a .positionimg span{display: block;width: 154px;line-height: 41px;position: absolute;right: 0;bottom: 0;font-size: 16px;color: #030000;z-index: 10;background: url(../images/news_datebg.png) no-repeat center center;padding-left: 28px;font-weight: bold;text-align: center;}
.sy_news_c li a .sy_text{width: 100%;position: relative;padding-top: 30px;gap: 20px;}
.sy_news_c li a .sy_text .sy_tit{font-size: 18px;line-height: 24px;text-align: left;color: #222;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_news_c li a .sy_text p{font-size: 16px;line-height: 26px;color: #666;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.sy_news_c li a .sy_text .sy_tit:hover{opacity: 0.7;}

@media screen and (max-width:1699px){

    .sy-banner .swiper-button-prev, .sy-banner .swiper-button-next{width: 80px;height: 80px;}

    .sy_product{padding: 50px 0 70px;}
    .sy_product_c{margin-top: 36px;}
    .sy_product_c ul li a .sy_text{padding: 20px 20px 30px 20px;}
    .sy_product_c ul li a .sy_text .sy-tit{font-size: 22px;}
    .sy_product_c ul li a .sy_text p{font-size: 14px;margin: 15px 0 15px 0;}
    .sy_product_c ul li a .sy_text span{font-size: 15px;}

    .sy_choose{padding: 90px 0 90px 0;}
    .sy_choose_l {width: calc(100% - 712px);}
    .sy_choose_l .sy_choose_title{gap: 26px;}
    .sy_choose_l .sy_choose_title .sy_tit{font-size: 56px;}
    .sy_choose_l .sy_choose_title .sy_dec{font-size: 28px;}
    .sy_choose_l .sy_choose_title a{font-size: 15px;line-height: 42px;}
    .sy_choose_r {width: 712px;}
    .sy_choose_r ul li{padding: 50px 30px;}
    .sy_choose_r ul li .sy_tit{font-size: 22px;margin: 30px 0 20px 0;}
    .sy_choose_r ul li p{font-size: 15px;}
    .sy_choose_c:before{width: 640px;height: 347px;left: -93px;bottom: -189px;}
    
    .sy_case{padding: 60px 0 50px;}
    .sy_case_c{margin-top: 50px;}
    .sy_case_c .swiper-slide a p{padding: 36px 0;}
    .sy_case_c .swiper-slide a p span{font-size: 22px;margin-left: 40px;}
    .sy_case .sy_case_more{margin-top: 30px;}

    .sy_sales{padding: 40px 0 60px;}
    .sy_sales_c{margin-top: 40px;}
    .sy_sales_l{width: 500px;}
    .sy_sales_l .sy_tit{margin: 26px 0;}
    .sy_sales_r{width: calc(100% - 500px);padding-left: 10px;}
    .sy_sales_r .sy_global{margin: 0;}
    
    .sy_fenge{padding: 60px 0;}
    .sy_fenge_c .sy_tit{font-size: 30px;}
    .sy_fenge_c .sy_more{width: 180px;}
    .sy_fenge_c .sy_more a{line-height: 40px;font-size: 16px;padding-left: 13px;background-size: 100% 100%;}

    .sy_news{padding: 40px 0 50px;}
    .sy_news_c{margin-top: 26px;}
    .sy_news_c li{width: calc(33.33% - 20px);}
    .sy_news_c li a .sy_text{gap: 15px;padding-top: 15px;}

}

@media screen and (max-width:1499px){

    .sy-banner .swiper-button-prev, .sy-banner .swiper-button-next{width: 60px;height: 60px;}

    .sy_product{padding: 30px 0 40px;}
    .sy_product_c{margin-top: 26px;}
    .sy_product_c ul li{width: calc(25% - 15px);}
    .sy_product_c ul li a:before{height: 75%;}
    .sy_product_c ul li a .sy_text{padding: 15px 10px 20px 10px;}
    .sy_product_c ul li a .sy_text .sy-tit{font-size: 20px;}
    .sy_product_c ul li a .sy_text p{margin: 10px 0 10px 0;}
    .sy_product_c ul li a .sy_text span{width: 143px;font-size: 14px;}

    .sy_choose{padding: 50px 0 50px 0;}
    .sy_choose_l {width: calc(100% - 615px);}
    .sy_choose_l .sy_choose_title{gap: 15px;}
    .sy_choose_l .sy_choose_title .sy_tit{font-size: 40px;}
    .sy_choose_l .sy_choose_title .sy_dec{font-size: 22px;}
    .sy_choose_l .sy_choose_title a{font-size: 14px;line-height: 40px;}
    .sy_choose_r {width: 615px;}
    .sy_choose_r ul{margin-top: 0;}
    .sy_choose_r ul li{width: calc(50% - 7.5px);padding: 30px 20px;}
    .sy_choose_r ul li .sy_tit{font-size: 20px;margin: 20px 0 15px 0;}
    .sy_choose_r ul li p{font-size: 14px;line-height: 20px;}
    .sy_choose_c:before{width: 500px;height: 264px;left: -84px;bottom: -135px;}
    
    .sy_case{padding: 50px 0;}
    .sy_case_c{margin-top: 26px;}
    .sy_case_c .swiper-slide a p{padding: 20px 0;}
    .sy_case_c .swiper-slide a p span{font-size: 20px;margin-left: 30px;background-size: auto 14px;}
    .sy_case .sy_case_more{margin-top: 20px;}

    .sy_sales{padding: 30px 0;}
    .sy_sales_c{margin-top: 26px;}
    .sy_sales_l{width: 400px;}
    .sy_sales_l .sy_tit{margin: 16px 0;}
    .sy_sales_r{width: calc(100% - 400px);padding-left: 8px;}
    
    .sy_fenge{padding: 40px 0;}

    .sy_news{padding: 30px 0;}
    .sy_news_c{margin-top: 20px;}
    .sy_news_c li{width: calc(33.33% - 10px);}
    .sy_news_c li a .sy_text{gap: 12px;padding-top: 12px;}
    
}

@media screen and (max-width:1299px){

    .sy-banner .swiper-button-prev, .sy-banner .swiper-button-next{width: 40px;height: 40px;}

    .sy_product{padding: 20px 0;}
    .sy_product_c{margin-top: 15px;}
    .sy_product_c ul li{width: calc(25% - 9px);}
    .sy_product_c ul li a .sy_text{padding: 10px 8px 15px 8px;}
    .sy_product_c ul li a .sy_text .sy-tit{font-size: 18px;}
    .sy_product_c ul li a .sy_text p{font-size: 13px;line-height: 18px;height: 126px;-webkit-line-clamp: 7;margin: 6px 0 10px 0;}
    .sy_product_c ul li a .sy_text span{width: 136px;line-height: 32px;font-size: 13px;}

    .sy_choose{padding: 30px 0;}
    .sy_choose_l {width: calc(100% - 530px);}
    .sy_choose_l .sy_choose_title{gap: 10px;}
    .sy_choose_l .sy_choose_title .sy_tit{font-size: 30px;}
    .sy_choose_l .sy_choose_title .sy_dec{font-size: 20px;}
    .sy_choose_l .sy_choose_title a{width: 135px;font-size: 13px;line-height: 36px;}
    .sy_choose_r {width: 530px;}
    .sy_choose_r ul{margin-top: 0;}
    .sy_choose_r ul li{width: calc(50% - 5px);padding: 20px 10px;}
    .sy_choose_r ul li .sy_tit{font-size: 18px;margin: 15px 0 10px 0;}
    .sy_choose_r ul li i{width: 50px;height: 50px;}
    .sy_choose_c:before{width: 360px;height: 190px;left: -25px;bottom: -83px;}
    
    .sy_case{padding: 30px 0;}
    .sy_case_c{margin-top: 15px;}
    .sy_case_c .swiper-slide a p{padding: 15px 0;}
    .sy_case_c .swiper-slide a p span{font-size: 18px;margin-left: 20px;background-size: auto 12px;}

    .sy_sales_c{margin-top: 15px;}
    .sy_sales_l .sy_tit{margin: 0 0 10px;}
    .sy_sales_r{padding-left: 5px;}
    
    .sy_fenge{padding: 30px 0;}
    .sy_fenge_c .sy_tit{font-size: 24px;}

    .sy_news{padding: 20px 0;}
    .sy_news_c{margin-top: 15px;}
    .sy_news_c li a .sy_text{gap: 8px;padding-top: 8px;}
    .sy_news_c li a .positionimg span{width: 140px;line-height: 32px;padding-left: 24px;font-size: 14px;}
    .sy_news_c li a .sy_text .sy_tit{font-size: 16px;}
    .sy_news_c li a .sy_text p{font-size: 14px;line-height: 22px;height: 66px;}

}

@media screen and (max-width:1023px){
    .sy-banner{padding-top: 70px;}
    .sy-banner .swiper-button-prev, .sy-banner .swiper-button-next{width: 30px;height: 30px;}

    .sy_product_c{margin-top: 12px;}
    .sy_product_c ul li{width: calc(50% - 8px);}
    .sy_product_c ul li a .positionimg {padding-bottom: 70%;}
    .sy_product_c ul li a .sy_text{padding: 10px 8px 12px 8px;}
    .sy_product_c ul li a .sy_text p{height: 90px;-webkit-line-clamp: 5;}

    .sy_choose_l {width: 100%;}
    .sy_choose_l .sy_choose_title{text-align: center;align-items:center;}
    .sy_choose_l .sy_choose_title a{display: none;}
    .sy_choose_r {width: 100%;margin-top: 15px;}
    .sy_choose_r ul li{width: calc(50% - 8px);}
    .sy_choose_r ul li p{line-height: 18px;}
    .sy_choose_c:before{display: none;}
    
    .sy_case{padding: 20px 0;}

    .sy_sales_l{width: 300px;}
    .sy_sales_l .sy_tit{font-size: 20px;line-height: 24px;}
    .sy_sales_r{width: calc(100% - 300px);padding-left: 5px;}
    
    .sy_fenge{padding: 20px 0;}
    .sy_fenge_c .sy_tit{width: 100%;font-size: 18px;line-height: 24px;text-align: center;}
    .sy_fenge_c .sy_more{width: 100%;text-align: center;margin-top: 15px;}
    .sy_fenge_c .sy_more a{max-width: 180px;display: inline-block;}
    
    .sy_news_c{gap: 15px 16px;}
    .sy_news_c li {width: calc(50% - 8px);}
    .sy_news_c li a .positionimg span{width: 140px;line-height: 32px;padding-left: 24px;font-size: 14px;}
    .sy_news_c li a .sy_text p{line-height: 20px;height: 60px;}

}

@media screen and (max-width:767px){
    
    .sy_product_c ul{gap: 15px;}
    .sy_product_c ul li{width: 100%;}
    .sy_product_c ul li a .positionimg {padding-bottom: 50%;}
    .sy_product_c ul li a:before{height: 100%;}
    .sy_product_c ul li a .positionimg img{width: 60%;margin-left: 20%;}
    .sy_product_c ul li a .sy_text p{height: auto;}
    
    .sy_choose {padding: 20px 0;}
    .sy_choose_l .sy_choose_title .sy_tit{font-size: 24px;}
    .sy_choose_l .sy_choose_title .sy_dec{font-size: 15px;}
    .sy_choose_r ul{gap: 15px;}
    .sy_choose_r ul li{width: 100%;padding: 15px 10px;}
    .sy_choose_r ul li p{height: auto;}
    
    .sy_sales{padding: 20px 0;}
    .sy_sales_l{width: 100%;}
    .sy_sales_r{width: 100%;padding-left: 0;margin-top: 20px;}
    
    .sy_news_c{gap: 15px;}
    .sy_news_c li {width: 100%;}

}