@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{}
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.container img{max-width:100%;display:block;}
.banner{width:100%;height:886px;overflow:hidden;position:relative;}
.bannerInfo{width:1920px;height:886px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo .swiper-slide,.bannerInfo .swiper-slide img{width:1920px;height:886px;}
.bannerInfo .swiper-slide{position:relative;}
.bannerInfo .pagination{text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
.bannerInfo .pagination span{width:15px;height:15px;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 15px;display:inline-block;vertical-align:top;}
.bannerInfo .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}

.bannerWap{display:none;}
.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:65px 0 68px;}
.itemTie span.ioc1{width:999px;height:149px;background:url(/style/images/yszj/tie_01.png) no-repeat;display:block;margin: 0 auto;}

.f1Bg{padding-bottom:50px;}
.f1Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.f1Box dl{float:left;width:386px;}
.f1Box dt,.f1Box dt img{width:386px;height:437px;}
.f1Box dd{text-align:center;line-height:50px;font-size:35px;color:#545353;padding:10px 0 100px;}
.f1Box dd span{line-height:60px;font-size:48px;color:#22a8a9;display:block;}
.f1BoxList{width:100%;height:100%;background-color:rgba(0,0,0,.3);overflow:hidden;position:fixed;left:0;top:0;z-index:5;display:none;}
.f1BoxCon{width:1200px;height:675px;position:absolute;left:50%;top:50%;margin:-337px 0 0 -600px}
.f1BoxCon li,.f1BoxCon li img{width:1200px;height:675px;}
.f1BoxCon i.colse{width:73px;height:73px;background:url(/style/images/yszj/colse.png) no-repeat;display:block;position:absolute;right:20px;top:20px;}
.f1Bg a.btn{width:400px;height:70px;line-height:70px;text-align:center;font-size:24px;color:#fff;background-color:#ff8e3a;border-radius:10px;display:block;margin:0 auto;}

.f5Box{padding-bottom:50px;}
.f5Box .tab{overflow:hidden;}
.f5Box .tab span{float:left;width:600px;height:58px;text-align:center;line-height:58px;font-size:28px;color:#fff;background-color:#ff8e3a;display:block;}
.f5Box .tab span.active{background-color:#22a8a9;}
.f5Box .tabBox{margin-bottom:50px;}
.f5Box .tabCon{box-shadow:rgba(0,0,0,.2) 0 0 10px;}
.f5Box .tabCon,.f5Box .tabCon img{width:1200px;height:417px;}
.f5Box a.btn{width:400px;height:70px;line-height:70px;text-align:center;font-size:24px;color:#fff;background-color:#ff8e3a;border-radius:10px;display:block;margin:0 auto;}

@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}
@media only screen and (max-width: 750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{background-color:#fff;padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	.item{width:auto;}
	
	.banner{display:none;}
	.bannerWap{position:relative;width:100%;overflow:hidden;display:block;}
	.bannerWap .swiper-slide{position:relative;}
	.bannerWap .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1;}
	.bannerWap .pagination span{width:.1rem;height:.1rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
	.bannerWap .pagination .swiper-pagination-bullet-active{background-color:#24d2b6;}
	
	.itemTie{padding:.6rem 0 .6rem;}
    .itemTie span.ioc1{width:6rem;height:.9rem;background:url(/style/images/yszj/tie_01.png) no-repeat;background-size:100% auto;display:block;margin: 0 auto;}
    .f1Bg{padding-bottom:.5rem;}
	.f1Box{padding:0 .2rem;}
	.f1Box dl{float:left;width:2.2rem;}
	.f1Box dt,.f1Box dt img{width:100%;height:auto;}
	.f1Box dd{text-align:center;line-height:.3rem;font-size:.22rem;padding:.1rem 0 .5rem;}
	.f1Box dd span{line-height:.5rem;font-size:.36rem;}
	
	.f1BoxList{width:100%;height:100%;background-color:rgba(0,0,0,.3);overflow:hidden;position:fixed;left:0;top:0;z-index:5;display:none;}
	.f1BoxCon{width:7rem;height:auto;margin:0;transform: translate(-50%,-50%);}
	.f1BoxCon li,.f1BoxCon li img{width:7rem;height:auto;}
	.f1BoxCon i.colse{width:.73rem;height:.73rem;background:url(/style/images/yszj/colse.png) no-repeat;background-size:100% 100%;right:.2rem;top:.2rem;}
	.f1Bg a.btn{width:3rem;height:.7rem;line-height:.7rem;font-size:.28rem;border-radius:.1rem;}
	
	.f5Box{padding:0 .2rem .5rem;}
	.f5Box .tab span{float:left;width:50%;height:.6rem;line-height:.6rem;font-size:.28rem;}
	.f5Box .tabBox{margin-bottom:.5rem;}
	.f5Box .tabCon{box-shadow:rgba(0,0,0,.2) 0 0 10px;}
	.f5Box .tabCon,.f5Box .tabCon img{width:100%;height:auto;}
	.f5Box a.btn{width:3rem;height:.7rem;line-height:.7rem;font-size:.28rem;border-radius:.1rem;}
}