body{overflow-x: hidden !important;}
p{margin: 0;}
h2{margin-bottom: 0;}
ul{padding-left: 0;margin-bottom: 0;}
.syj-banner{position: relative;}
.syj-banner > img{width: 100%;vertical-align: middle;}
.syj-banner .container{display: flex;}
.syj-banner .container .banner-wen{display: flex;flex-direction: column;padding-left: 15%;position: absolute;top: 12%;}
.syj-banner .container .banner-wen > img{width: 40%;vertical-align: middle;}
.syj-banner .container .banner-wen .banner-shop{margin-top: 10px;}
.syj-banner .container .banner-wen .banner-shop p{display: flex;align-items: center;}
.syj-banner .container .banner-wen .banner-shop p img{width:8px}
.syj-banner .container .banner-wen .banner-shop p a{font-size: 16px;line-height: 30px;color: #333;padding-left: 1%;}
.syj-banner .container .banner-wen .banner-shop p a:hover{color: #ff6803;text-decoration: underline;}

.oneparta .titico h2{font-size: 24px;text-align:center;color: #333;}
.titico{overflow: hidden;}
.oneparta p{font-size: 16px;color: #666;line-height: 24px;text-align: justify;}
.oneparta .titico{display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.oneparta .onepartaR img{width: 100%;vertical-align: middle;}
.oneparta .onepartaL p{margin: 10px 0;padding: 0 15px;}

.onepartb .partblist h4{font-size: 20px;color: #ff6803;font-weight: bold;margin-bottom: 0;}
.onepartb .partblist p{font-size: 16px;line-height: 22px;color: #666;}
.onepartb .partblist{margin-top: 20px;}
.list1{background: url(../img/syj/01.png) no-repeat 15px 10px;padding: 15px 30px;box-shadow: 0 0 6px 0 rgba(123, 121, 121, 0.17);border: solid 1px #f4f4f4;}
.list2{background: url(../img/syj/02.png) no-repeat 15px 10px;padding: 15px 30px;box-shadow: 0 0 6px 0 rgba(123, 121, 121, 0.17);border: solid 1px #f4f4f4;}
.partb-foot{margin:15px 0 30px 0;}
.partb-foot p.partb-foot-des{text-align: start;font-size: 16px;color: #2a2a2a;line-height: 24px;margin-bottom: 10px;}
.hotmate{display: flex;flex-wrap: wrap;gap: 6px;justify-content: space-between;overflow: hidden;}
.hotmate a{display: block;position: relative;padding: 0;text-align: center;width: 24%;}
.hotmate a img{vertical-align: middle;width: 100%;}
.hotmate p{width:100%;height:100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;font-size: 20px;}
.hotmate p span{color: white;}
.hotmate p:hover{font-size: 22px;}

.twoparta .titico{display: flex;justify-content: center;align-items: center;font-size: 24px;}
.twoparta .titico h2{font-size: 24px;text-align:center;color: #333;}
.twoblist{margin: 0;}
.twopartbL{position: relative;overflow: hidden;padding: 0;}
.lashenH{height: 100%;}
.mySwiper1 .swiper-slide{display:flex;justify-content:center;align-items:center;}
.mySwiper1 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.mySwiper1 .swiper-button-next, .swiper-button-prev{position: absolute;bottom: 0 !important;top: auto;background-color: #ffb192;}
.mySwiper1 .swiper-button-next:hover, .swiper-button-prev:hover{background-color: #fa5312;}
.mySwiper1 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;background-color: #fa5312;}
.twopartbR{display: flex;flex-direction: column;justify-content: space-between;background: white;}
.twopartbR div{color: #666;border-bottom: 1px solid #e3e3e3;padding-bottom: 8px;margin-top: 10px;}
.twopartbR div:last-child{border-bottom: 0;}
.twopartbR div strong{color: #333;font-size: 20px;}
.twopartbR div span{vertical-align: text-bottom;padding-right: 10px;}
.twopartbR div p{padding-left: 26px;font-size: 16px;line-height: 24px;}
.twopartbR div span img{width: 15px;}


.syjthree{background: url(../img/syj/probg.png) center/contain;padding: 22px 0;}
.threeparta .titico{display: flex;justify-content: center;align-items: center;padding-bottom: 15px;}
.threeparta .titico h2{font-size: 24px;text-align:center;color: #333;}
.threepartb .row div {margin: 5px 0;}
.row.threeblistL{align-items: center;}
.shopimg,.threeblistL-l {width: 48%;}
.shopimg{text-align: center;}
.shopimg a{display: block;}
.threeblistL-l h4.shoptit{font-size: 22px;color: #333;font-weight: bold;line-height: 26px;}
.threeblistL-l p.tedian{font-size: 20px;color: #666;line-height: 30px;}
.threeblistL-l .shopdes{margin: 15px 0 !important;}
.threeblistL-l .shopdes h4{color: #666;font-size: 18px;line-height: 30px;margin-bottom: 0;}
.threeblistL-l .shopdes p{font-size: 16px;padding-left: 10px;line-height: 30px;}
.threeblistL-l .shopdes p::before{content: '';width: 10px;height: 10px;background: #ff6803;display: inline-block;border-radius: 50%;position: relative;right: 10px;}
.threeblistL-l p.kefu{background: #ff6803;display: inline-block;padding:8px 15px;border-radius: 5px;}
.threeblistL-l p.kefu:hover{border-radius: 0;transition: .8s;}
.threeblistL-l p.kefu:hover a{text-decoration: underline;}
.threeblistL-l p.kefu a img{vertical-align: middle;padding-right: 10px;width: 35px;}
.threeblistL-l p.kefu a{color: white;font-size: 20px;}

.syjfour{background-color: #3c4457;padding: 25px 0;}
.foura .titico{display: flex;justify-content: center;align-items: center;}
.foura .titico h2{font-size: 24px;text-align:center;color: white;}
.fourb .casebg{display: flex;flex-direction: column;align-items: initial;}
.fourb .casebg>a {text-align: center;}
.fourb{margin-top: 25px;}
.fourb .casebg img{vertical-align: middle;}
.fourb .casebg .casedes{padding: 15px 40px;}
.fourb .casebg .casedes h4 a{font-size: 22px;color: white;font-weight: bold;display: inline-block;}
.fourb .casebg .casedes b{color: white;font-size: 16px;letter-spacing: 1px;}
.fourb .casebg .casedes p{font-size: 16px;color: white;line-height: 24px;}

.fourc{margin: 0 10px;}
.fourclist{margin: 0 auto;}
.fourc h4{text-align: center;font-size: 24px;text-align:center;color: #333;font-weight: bold;margin-top: 30px;}
.fourc p{text-align: center;font-size: 18px;color: #666;margin-bottom: 10px;}
.fourc ul{display: flex;justify-content: space-between;margin: auto;margin: 0 2px;}
.fourc ul li a img{vertical-align: middle;width: 100%;padding: 0 2px;}
.fourc p.casebutton{margin-top: 40px;margin-bottom: 0;}
.fourc p.casebutton a{background-color: #ff6803;padding: 0 25px;color: white;border-radius: 50px;display: inline-block;line-height: 62.5px;font-size: 23px;}
.fourc p.casebutton a img{vertical-align: middle;padding-left: 25px;width: 45px;}
.mySwiper2{overflow: hidden;}
.mySwiper2 a img{width: 100%;}

.syjfive .fiveb{margin: 20px auto;}
.fivea .titico{display: flex;justify-content: center;align-items: center;margin: 30px 0 10px;}
.fivea .titico h2{font-size: 24px;text-align:center;color: #333;text-align: center;}
.fivea p{font-size: 16px;color: #666;line-height: 26px;padding:  0 15px;}
.fiveb img{width: 100%;vertical-align: middle;}
.fiveblist{display: flex;justify-content: space-between;gap: 10px;}
.blistR{display: flex;flex-direction: column;justify-content: space-between;}
.blistR ul{display: flex;justify-content: space-between;gap: 10px;}

.formBox .main h1{font-size: 24px;}
.formBox .main p{font-size: 18px;margin-top: 0;line-height: 24px;}

@media (min-width: 576px) {
	.shopwidth {max-width: max-content;}
}
@media (max-width:768px){
	.syj-banner .container .banner-wen{padding-left: 5%;}
	.hotmate a {padding: 0;width: 48%;margin: 5px auto;}
}
@media (max-width: 576px) {
	.syj-banner .container .banner-wen{padding-left:15%;}
	.syj-banner .container .banner-wen .banner-shop{margin-top:5px;}
	.syj-banner .container .banner-wen .banner-shop p img{width:4px;}
	.syj-banner .container .banner-wen .banner-shop p a{font-size:14px;line-height:20px;}
	.row.threeblistL {flex-direction: row;}
	.titico img{display: none;}
	.partb-foot p.partb-foot-des{box-shadow: 0 0 6px 0 rgba(123, 121, 121, 0.17);
	border: solid 1px #f4f4f4;padding: 20px;}
	.threeblistL-l h4.shoptit{font-size: 19px;line-height: 30px;}
	.threeblistL-l p.tedian{font-size: 16px;line-height: 22px;}
	.threeblistL-l .shopdes h4{font-size: 18px;line-height: 22px;}
	.threeblistL-l .shopdes p{font-size: 16px;line-height: 22px;}
	.threeblistL-l p.kefu a{font-size: 20px;}
	.threeblistL-l p.kefu{border-radius: 12px;}
}
@media (max-width: 500px) {
	.threeblistL-l h4.shoptit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

@media (max-width: 460px) {
	.fourb .casebg .casedes h4 a{font-size: 22px;}
	.fourb .casebg .casedes b{font-size: 20px;}
	.fourb .casebg .casedes p{font-size: 18px;line-height: 30px;}
	.fourc h4{font-size: 22px;}
	.fourc p{font-size: 18px;line-height: 26px;}
	.fourc p.casebutton a{font-size: 20px;}
	.syj-banner .container .banner-wen{padding-left:12%;}
	.syj-banner .container .banner-wen .banner-shop p a{font-size:12px;line-height:20px;}
}

@media (max-width: 412px) {
	.shopimg,.threeblistL-l {width: 100%;}
	.threeblistL-l {padding: 20px;}
	.fourc p.casebutton a{font-size: 16px;line-height: 50px;}
	.fourc p.casebutton a img{display: none;}
	.threeblistL-l h4.shoptit{font-size: 22px;line-height: 36px;}
	.threeblistL-l p.tedian{font-size: 18px;line-height: 28px;}
	.threeblistL-l .shopdes h4{font-size: 20px;line-height: 28px;}
	.threeblistL-l .shopdes p{font-size: 18px;line-height: 28px;}
	.threeblistL-l p.kefu a{font-size: 22px;}
	.threeblistL-l p.kefu{border-radius: 12px;}
	.fourb .casebg .casedes{padding: 15px 10px;}
}