

.indexF {padding:90px 0;background:url(../yet_product/images/ibg1.jpg) no-repeat center top;position:relative}
.indexF .tit {text-align:center;position:relative;z-index:20}
.indexF .tit h3 {font-size:60px;line-height:1;font-weight:700;color:#000;text-transform:uppercase}
.indexF .tit h3 span {color:#e0010b}
.indexF .tit p {font-size:18px;color:#373737;max-width:1000px;margin:25px auto 0}
.indexF .tit .more {margin:40px auto 0;width:200px;height:50px;line-height:50px;background:#FFC510;display:block;text-align:center;font-size:18px;color:#000}
.indexF .tit .more:hover {background:#FFC510}
.indexF .list {position:relative;z-index:20;margin:60px 0 0}
.indexF .swiper-slide {padding:30px 0 44px;position:relative;}
.indexF .swiper-slide .box {padding:0 26px 50px;position:relative;z-index:20}
.indexF .swiper-slide .box::after {content:"";background:#ffc510;position:absolute;right:0;left:0;top:30px;width:100%;height:calc(100% - 30px);z-index:-1}
.indexF .swiper-slide .pic {margin-top:-30px;width:100%;overflow:hidden;height:370px;background:#fff;display:inline-flex;justify-content:center;align-items:center}
.indexF .swiper-slide .pic img {box-sizing:border-box;display:block;transition:all .5s ease 0s;max-width:95%;max-height:95%}
.indexF .swiper-slide h6 {font-weight:700;margin:15px 0 0;font-size:19px;color:#000;text-align:center;font-weight:700;line-height:24px;height:48px;overflow:hidden;}
.indexF .swiper-slide .more {position:absolute;left:calc(50% - 44px);bottom:-44px;width:88px;height:88px;line-height:88px;background:#FFC510;border-radius:50%;display:block;text-align:center;font-size:18px;color:#fff}
.indexF .swiper-slide .more i {color:#fff;font-size:30px}
.indexF .swiper-slide .more:hover {background:#FFC510}
.indexF .swiper-slide:hover .pic img {transform:scale(1.04);-webkit-transform:scale(1.04)}


.indexF .swiper-pagination-bullets{position:static;font-size:0;margin-top:30px}
.indexF .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;text-align:center;opacity:1;background:#FFC510;}
.indexF .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#edd796;}




@media screen and (max-width:1680px){
.indexF {padding:80px 0;}
.indexF .tit h3 {font-size:56px;}
.indexF .swiper-slide .pic {height:360px;}
}

@media screen and (max-width:1550px){
.indexF {padding:75px 0;}
.indexF .tit h3 {font-size:52px;}
.indexF .swiper-slide .pic {height:340px;}
}

@media screen and (max-width:1441px) {
.indexF {padding:70px 0;}
.indexF .tit h3 {font-size:48px;}
.indexF .swiper-slide .pic {height:320px;}
.indexF .swiper-slide h6{font-size:18px;}
}

@media screen and (max-width:1367px) {
.indexF {padding:65px 0;}
.indexF .tit h3 {font-size:44px;}
.indexF .swiper-slide .pic {height:280px;}
}

@media screen and (max-width:1281px){
.indexF {padding:60px 0;}
.indexF .tit h3 {font-size:40px;}
.indexF .tit p{font-size:17px;margin:20px auto 0;}
.indexF .tit .more{margin:30px auto 0;width:180px;height:46px;line-height:46px;font-size:17px;}
.indexF .swiper-slide .pic {height:250px;}
}

@media screen and (max-width:1171px){
.indexF {padding:50px 0;}
.indexF .tit h3 {font-size:36px;}

.indexF .swiper-slide{padding:0;}
.indexF .swiper-slide .box{padding:2px 2px 10px;background:#ffc510;}
.indexF .swiper-slide .more{display:none;}
.indexF .swiper-slide .pic{height:auto;margin-top:0;}
.indexF .swiper-slide .pic img{max-width:100%;max-height:100%;}
.indexF .swiper-slide h6{margin:10px 0 0;font-size:17px;line-height:22px;height:44px;}

}

@media screen and (max-width:992px){
.indexF {padding:40px 0;}
.indexF .tit h3 {font-size:32px;}
}

@media screen and (max-width:768px){
.indexF {padding:30px 0;}
.indexF .tit h3 {font-size:30px;}
.indexF .tit p{font-size:16px;margin:15px auto 0;}
.indexF .tit .more {
	margin: 20px auto 0;
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.indexF .list{margin: 30px 0 0;}  
}

@media screen and (max-width:576px) {
.indexF .tit h3 {font-size:27px;}

}

@media screen and (max-width:480px) {
.indexF .tit h3 {font-size:24px;}

}	


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


}


