.hom_banner{max-width: 1920px; margin: auto;}
.hom_banner .swiper-container {width: 100%;height: 100%;}
.hom_banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.hom_banner .swiper-slide img{display: block; width: 100%; height: auto;}
.hom_banner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;}
.hom_banner .swiper-pagination-bullet-active {opacity: 1;background: #fbc801 !important; width: 12px;height: 12px;border-radius: 6px;}
.hom_banner .swiper-pagination-bullet {background: #fff;}
.hom_banner .swiper-pagination-bullets {bottom: 20px;}

.fluke_biaoyu_bg{width: 100%; background: #fff;}
.fluke_biaoyu{max-width: 1200px; margin: auto; padding: 60px 0px;}
.fluke_biaoyu h1{font-size: 36px; color: #000; font-weight: bold; padding-bottom: 10px; text-align: center;}
.fluke_biaoyu h2{font-size: 30px; color: #999; text-align: center; margin-bottom: 50px;}
.fluke_biaoyu_three li{width: 30%;float: left;margin-right: 5%; background: #fabf01; min-height: 350px;}
.fluke_biaoyu_three li:nth-child(3n){margin-right: 0;}
.fluke_biaoyu_two li{width: 47.5%;float: left;margin-right: 5%; background: #fabf01; min-height: 310px;}
.fluke_biaoyu_two li:nth-child(2n){margin-right: 0;}
.fluke_by_text{padding: 30px;}
.fluke_by_text h3{font-size: 24px; color: #333; text-align: center; line-height: 40px; margin-bottom: 20px;}
    .fluke_by_text p {
        font-size: 16px;
        color: #333;
        line-height: 30px;
        text-align: left;
    }

.fluke_fenlei_bg{width: 100%; line-height: 50px; background: #fabf01;}
.fluke_fenlei{max-width: 1200px; margin: auto;}
.fluke_fenlei li{display: inline-block; vertical-align: middle;}
.fluke_fenlei li a{font-size: 20px; padding-right: 50px; color: #333;}
.fluke_fenlei li a:hover{color: #ff0000;}
.fluke_fenlei .active a{color: #ff0000;}

.fluke_cpzs{max-width: 1200px; margin: 60px auto 30px;}
.fluke_cpzs li{width: 30%;float: left;margin-right: 5%;margin-bottom: 30px;}
.fluke_cpzs li:nth-child(3n){margin-right: 0;}
.fluke_cpzs .fluke_pic{position: relative;cursor: pointer; border: 1px solid #ccc;}
.fluke_img_bg{position: absolute; top: 0; left: 0; z-index: 9; background-image: url('../images/img_bg.png'); text-align: center; font-size: 18px; color: #ff0000; width: 90px; line-height: 30px; height: 40px;}
.fluke_cpzs .fluke_pic .fluke_img{position: absolute;top: 0;left: 0;transition: opacity .5s}
.fluke_cpzs .fluke_pic:hover .fluke_img{opacity: 0;}
.fluke_cpzs .fluke_pic:focus .fluke_img{opacity: 0;}
.fluke_pic img{width: 100%; height: auto; display: block;}
.fluke_con{padding: 0px 20px 20px; background: #fff;}
.fluke_title{font-size: 16px; line-height: 24px; color: #333; padding: 10px 0px; border-bottom: 1px solid #eee; text-align: center;}	
.fluke_text h3{font-size: 14px; color: #333; margin: 5px 0px; font-weight: bold;}
.fluke_text{width: 100%; height: 120px; margin-top: 10px; overflow: hidden;}
.fluke_text p{line-height: 18px; font-size: 14px; color: #666; padding-right: 10px;}
.fluke_text p span{color: #fabf01;}
.fluke_button{float: right;}
.fluke_button a{display: block; width: 120px; line-height: 30px; border: 1px solid #fabf01; border-radius: 15px; text-align: center; font-size: 14px; color: #333; margin: 20px 20px 0px 0px;}
.fluke_button a:hover{color: #ff0000;}
.fluke_button img{display: inline-block; vertical-align: middle;}

.piaofu{width: 200px; height: 200px; position: fixed; top: 200px; right: 0px; z-index: 9;}
.piaofu span{position: absolute; top: 10px; right: 10px; font-size: 18px; color: #fff; cursor:pointer;}

@media (max-width: 768px){
.hom_banner{height: auto; margin-top: 60px;}
.fluke_fenlei_bg{line-height: 40px; }
.fluke_fenlei{margin: 0px 20px;}
.fluke_fenlei li a{font-size: 16px; padding-right: 20px;}
.fluke_cpzs{margin: 30px 20px 30px;}
.fluke_cpzs li{width: 100%;float: none;margin-right: 0;margin-bottom: 30px;}
.fluke_text{width: 100%; height: 120px; margin-top: 10px; overflow: hidden; overflow-y: auto; z-index: 1;}

.hom_banner .swiper-pagination-bullet {width: 10px;height: 10px;}
.hom_banner .swiper-pagination-bullet-active {width: 10px;height: 10px;border-radius: 5px;}
.hom_banner .swiper-pagination-bullets {bottom: 10px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    left: auto;
    width: 100%;
    right: 20px;
}
.swiper-pagination {text-align: right;}

.fluke_biaoyu{margin: 0px 20px; padding: 40px 0px;}
.fluke_biaoyu h1{font-size: 24px;}
.fluke_biaoyu h2{font-size: 18px; margin-bottom: 30px;}
.fluke_biaoyu_three li{width: 100%;float: none; margin-right: 0; min-height: auto; margin-bottom: 20px;}
.fluke_biaoyu_two li{width: 100%;float: none; margin-right: 0; min-height: auto; margin-bottom: 20px;}
.fluke_by_text{padding: 20px;}
.fluke_by_text h3{font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.fluke_by_text p{font-size: 14px; line-height: 24px;}

.piaofu{display: none;}
.xiazai{position: fixed; bottom: 0; left: 0; right: 0; line-height: 40px; height: 40px; background: #fabf01; z-index: 9; border-top: 2px solid #fff;}
.xiazai a{display: block; text-align: center; font-size: 18px; color: #333; font-weight: bold;}
.footer {padding-bottom: 50px;}
}