@charset "utf-8";
.sy-tit .sy-t-line{width: 8px;flex: none;margin-right: 5px;height: 25px;background: #D70705;border-radius: 4px;}
.sy-tit .sy-t-name{font-weight: bold;line-height: 32px;font-size: 30px;margin-right: 20px;color: #333333;}
.sy-tit .sy-t-name span{color: #D70705;}
.sy-tit .sy-t-btn{margin-left: auto;font-weight: 400;font-size: 20px;color: #DA2D2B;}
.sy-box1 .swiper-slide{width: 100%;position: relative;overflow: hidden;padding-bottom: 36.7%;} /*原来是46.7%*/
.sy-box1 .swiper-slide img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.sy-box1 .swiper-button-prev,
.sy-box1 .swiper-button-next{transition: all 0.4s;width: 83px;height: 83px;background: rgba(255, 240, 206, 0.51);border-radius: 50%;box-sizing: border-box;}
.sy-box1 .swiper-button-prev{left: 54px;}
.sy-box1 .swiper-button-next{right: 54px;}
.sy-box1 .swiper-button-prev:after,
.sy-box1 .swiper-button-next:after{color: #D70705;font-weight: 900;font-size: 38px;transition: all 0.4s;}
.sy-box2{padding-top: 50px;padding-bottom: 50px;}
.sy-box2 .b2-tit{font-weight: bold;font-size: 32px;color: #333333;text-align: center;width: 80%;}
.sy-box2 .b2-main{flex-direction: column;}
.sy-box2 .b2-t-txt{font-weight: 400;margin-top: 13px;font-size: 17px;color: #999999;max-width: 90%;}
.sy-box2 .b2-t-txt p:last-child{color: #666666;flex: none;margin-left: 40px;}
.sy-box2 .b2-left{position: relative;width: 611px;height: 413px;flex: none;}
.sy-box2 .b2-pic{position: absolute;left: -42px;width: 52px;display: block;top: 0;}
.sy-box2 .b2-bot{width: 100%;margin-top: 38px;}
.sy-box2 .mySwiper2 img{width: 100%;height: 100%;display: block;object-fit: cover;}
.sy-box2 .swiper-slide{position: relative;display: block;}
.sy-box2 .b2-frame{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 59px;background: rgba(51, 51, 51, 0.3);box-sizing: border-box;padding: 0 110px 0 15px;font-weight: 400;font-size: 16px;color: #FFFFFF;}
.sy-box2 .swiper-pagination-bullets{width: max-content;left: auto;right: 15px;height: 59px;box-sizing: border-box;bottom: 0;}
.sy-box2 .swiper-pagination-bullet{width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%;opacity: 1;}
.sy-box2 .swiper-pagination-bullet-active{background: #D70705;}
.sy-box2 .b2-right{flex: 1;margin-left: 65px;overflow: hidden;}
.sy-box2 .b2-r-tit{border-bottom: 1px solid #C6C6C6;height: 41px;}
.sy-box2 .b2-r-name{font-weight: bold;margin-top: 6px;padding-bottom: 10px;box-sizing: border-box;font-size: 24px;color: #CA362C;border-bottom: 7px solid #D70705;width: max-content;margin-top: 3px;}
.sy-box2 .b2-info{font-weight: 400;margin-top: 22px;font-size: 16px;color: #333333;line-height: 30px;}
.sy-box2 .b2-btn{font-weight: 400;font-size: 17px;color: #BF0302;transition: all 0.2s;}
.sy-box3{background: url('../img/sy_bg1.png')no-repeat;background-size: cover;padding: 50px 0 26px 0;}
.sy-box3 .b3-f-l{width: calc(100% - 507px);}
.sy-box3 .b3-first{margin: 50px 0;}
.sy-box3 .b3-f-r{width: 437px;flex: none;margin-left: 70px;flex-wrap: wrap;}
.sy-box3 .b3-fr-tit{background: url('../img/sy_bg2.png')no-repeat;background-size: cover;width: 100%;height: 60px;font-weight: bold;font-size: 24px;margin-bottom: 5px;color: #FFFFFF;}
.sy-box3 .b3-fr-list{width: 48.51%;height: 57px;background: #BF0302;box-sizing: border-box;border-left: 6px solid #FFCD1F;margin-top: 4px;
font-weight: 500;font-size: 18px;color: #FFFFFF;padding-left: 15px;}
.sy-box3 .b3-tab-item{-webkit-backface-visibility: hidden;color: #666;
	-moz-osx-font-smoothing: grayscale;width: 31.31%;margin-right: 3.035%;height: 39px;border: 1px solid #BF0302;box-sizing: border-box;font-weight: 400;font-size: 18px;cursor: pointer;}
.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #BF0302;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button {
	color: #37474f;
	border-color: #37474f;
	position: relative;
	z-index: 1;
}
.button--ujarak:hover {
	color: #fff;
	border-color: #BF0302;
	background: #BF0302;
	
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.sy-box3 .b3-tab-item:last-child{margin-right: 0;}
.sy-box3 .b3-tab-active{color: #fff !important;background: #BF0302;}
.sy-box3 .b3-f-item{font-weight: 400;margin-top: 16px;font-size: 16px;color: #333333;}
.sy-box3 .b3-f-dot{width: 7px;height: 7px;background: #F60607;border-radius: 50%;flex: none;}
.sy-box3 .b3-f-name{flex: 1;margin: 0 35px 0 15px;}
.sy-box3 .b3-f-item span{flex: none;}
.sy-box3 .b3-tab{margin-top: 10px;padding-bottom: 5px;}
.sy-box3 .b3-second{flex-wrap: wrap;}
.sy-box3 .b3-s-list{width: 23.75%;margin-right: 1.66%;margin-bottom: 24px;}
.sy-box3 .b3-s-list:nth-child(4n){margin-right: 0;}
.sy-box3 .b3-s-pic{width: 100%;height: 0;padding-bottom: 57%;overflow: hidden;position: relative;}
.sy-box3 .b3-s-pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.sy-box3 .b3-s-name{transition: all 0.4s;height: 44px;box-sizing: border-box;padding: 0 10px;background: #F2F2F2;font-weight: 400;font-size: 19px;color: #333333;width: 100%;display: block;line-height: 44px;text-align: center;}
.sy-box4{background: #FAFAFA;padding: 50px 0;}
.sy-box4 .b4-first{background: #fff;box-sizing: border-box;padding: 25px 40px;}
.sy-box4 .b4-first{margin-top: 30px;}
.sy-box4 .b4-f-list{width: 13.84%;margin-right: 3.392%;flex-direction: column;}
.sy-box4 .b4-f-list:last-child{margin-right: 0;}
.sy-box4 .b4-f-pic{width: 112px;height: 112px;background: #D70705;border-radius: 50%;transition: all 0.8s;}
.sy-box4 .b4-f-pic:hover{transform: rotate(-360deg);transition: all 0.8s;box-shadow: 7px 1px 14px 0px rgb(179 179 179);}
.sy-box4 .b4-f-pic img{width: 70px;display: block;}
.sy-box4 .b4-f-name{font-weight: 400;margin: 13px 0 10px 0;display: block;font-size: 16px;color: #333333;text-align: center;}
.sy-box4 .b4-f-info{font-weight: 400;font-size: 14px;color: #999999;line-height: 20px;}
.sy-box4 .b4-second{margin-top: 15px;}   /*原来是38px*/
.sy-box4 .swiper-slide{flex-direction: column;background: #F2F2F2;}
.sy-box4 .b4-s-pic{width: 100%;position: relative;overflow: hidden;height: 0;padding-bottom: 56%;}
.sy-box4 .b4-s-pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.sy-box4 .b4-s-info{transition: all 0.4s;height: 45px;width: 100%;box-sizing: border-box;padding: 0 10px;font-weight: 400;font-size: 14px;color: #333333;}
.sy-box4 .swiper-button-next,
.sy-box4 .swiper-button-prev{width: 30px;height: 30px;background: #C62424;border-radius: 50%;}
.sy-box4 .swiper-button-next:after,
.sy-box4 .swiper-button-prev:after{color: #fff;font-size: 12px;font-weight: bold}
.sy-box5{padding-top: 30px;padding-bottom: 50px;}
.sy-box5 .b5-pic{width: 100%;position: relative;height: 0;overflow: hidden;padding-bottom: 15.4%;display: block;}
.sy-box5 .b5-pic img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.sy-box10{background: #FAFAFA;padding: 21px 0;}
.sy-box10 .b10-tit{font-weight: bold;font-size: 16px;color: #B50009;flex: none;}
.sy-box10 .b10-right{flex-wrap: wrap;}
.sy-box10 .b10-link{font-weight: 400;font-size: 16px;color: #333333;margin-left: 40px;}



/*飘窗样式*/



 .float-box {
            display: none;
            position: fixed;
            right: 30px;
            bottom: 200px;
            z-index: 9999;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

        /* PC端显示 */
        @media (min-width: 769px) {
            .float-box {
                display: block;
                width: 188px;
            }
        }

        /* 悬浮图片 */
        .float-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            cursor: pointer;
            transition: 0.3s;
        }

        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            right: -10px;
            top: -10px;
            width: 25px;
            height: 25px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 18px;
            color: #666;
        }

        .close-btn:hover {
            background: #ff4d4f;
            color: white;
        }


/*飘窗样式*/