/*
 * area 高新店铺认定八大领域
 */

.area-swiper-container{width:100%}


.area-hot-pro li{ float: left; width:20%; padding: 0 0 1rem 2rem;}

.area-hot-pro li a{ display: block; text-align: center; position: relative; transition:all 0.5s; color:#fff; }

/*.area-hot-pro li .area-img-cover{ padding-top: 100%; }*/

.area-hot-pro li .icon{ display: none; }

.area-hot-pro li .area-text{position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:7rem;display: flex; justify-content: center;align-items: center;}

.area-hot-pro li h2{ margin: 0; font-size:27px; font-weight:normal; }

.area-hot-pro li p{ margin: 0; }

.area-hot-pro li a:hover{ transform: scale(1.1); z-index: 99; }

.area-hot-pro li a:hover .icon{ display: block; }

.area-hot-pro li a div span{ height: 7rem; }


.area-section-title{text-align:center;  color: #000000;  font-size:38px; margin-bottom: 20px; }

.area-section-title strong{ font-weight: normal;}

.area-section-title strong span{ color:#dc372b;}

.area-section-title p{ font-size:22px; color:#6262628f; margin-top:10px; position:relative;}

.area-section-title p:before,.area-section-title p:after{ content:""; width:110px; position:relative; top:-5px; background:#dcdcdc; height:1px; margin:0 10px;}


.area-partner li a:hover .area-text{background: rgba(99, 130, 237,0);}


.area-img-cover{height: 7rem;overflow:hidden;position:relative}

.area-img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}




/*
 * our 我们的服务
 */

.our-swiper-container{width:100%}

.our-swiper-container{margin-top: 25rem}



.our-hot-pro li{ float: left; width:24%; padding-left: 0.5rem;}

.our-hot-pro li a{ display: block; text-align: center; position: relative; transition:all 0.5s; color:#fff; }

.our-hot-pro li .our-img-cover{ padding-top: 100%; }

.our-hot-pro li .icon{ display: none; }

.our-hot-pro li .our-text{position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%;display: flex; justify-content: center;align-items: center;}

.our-hot-pro li h2{ margin: 0; font-size:27px; font-weight:normal; }

.our-hot-pro li p{ margin: 0; }

.our-hot-pro li a:hover{ transform: scale(1.1); z-index: 99; }

.our-hot-pro li a:hover .icon{ display: block; }


.our-section-title{text-align:center;  color: #000000;  font-size:38px; margin-bottom: 20px; }

.our-section-title strong{ font-weight: normal;}

.our-section-title strong span{ color:#dc372b;}

.our-section-title p{ font-size:22px; color:#6262628f; margin-top:10px; position:relative;}

.our-section-title p:before,.our-section-title p:after{ content:""; width:110px; position:relative; top:-5px; background:#dcdcdc; height:1px; margin:0 10px;}


.our-partner li a:hover .our-text{background: rgba(99, 130, 237,0);}


.our-img-cover{overflow:hidden;position:relative}

.our-img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}



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

    /*高新店铺认定八大领域*/
    .area-swiper-container {
        width: auto;
    }

    .area-section-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .area-section-title p {
        font-size: 18px;
        margin-top: 0px;
    }

    .area-hot-pro li {
        width: 46%;
        padding: 0.1rem 0 0 0.5rem;
    }

    .area-img-cover{
        padding-top: 2rem;
        height: 10rem;
        aspect-ratio: 16 / 9; /* 或者 1 / 1, 4 / 3 视情况调整 */
        height: auto;
    }

    /*我们的服务*/
    .our-swiper-container {
        width: auto;
        padding-top: 5rem;
    }

    .our-section-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .our-section-title p {
        font-size: 18px;
        margin-top: 0px;
    }

    .our-hot-pro li {
        width: 46%;
        padding-top: 0.5rem;
    }


}










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

    .our-swiper-container {
        width: auto;
    }

    .our-section-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .our-section-title p {
        font-size: 18px;
        margin-top: 0px;
    }

    .our-hot-pro li {
        width: 46%;
        padding-top: 0.5rem;
    }

}