.swiper-wrapper{
    display: flex;
    flex-direction: row;
    justify-self: center;
    align-items: center;
}
.hot-services .service-box{
    border: 1px solid #eee;
}
.hot-services .service-box:hover{
    border: 1px solid #1266e3;
}
.hot-services .btn{
    margin-top: 15px;
    padding: 5px 10px !important;
    font-size: 12px;
}
.hot-services .hot-title{			
    margin-top:20px;
    margin-left:20px
}	
.hot-services .hot-icon{
    margin-right: 20px;
    /* margin-bottom: 40px; */
}
.hot-services .service-box img{
    width: 40%;
    height: 40%;			
}
@media screen and (max-width: 480px) {
    .service-box{
        height: 150px;
        display: flex;
        justify-content: center;/*实现水平居中*/
        align-items:center; /*实现垂直居中*/
    }
    .hot-services .hot-title{			
        margin-top:10px;
        margin-left:10px
    }	
    .hot-services .service-box img{
        width: 30px;
        height: 30px;			
    }
    .hot-services .btn{
        margin-top: 0px;
        padding: 2px 10px !important;
        font-size: 12px;
    }
}
.more-service-left{
    text-align: center;
    height: 400px;			
    border-radius: 20px;
    color: #ffffff;
    background-color: #1266e3;
    padding-top: 50px;

}
.more-service-right{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.more-service-right .item-50{
    width: 50%;
    border-radius: 20px;			
    box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 20%);
    height: 190px;
    padding: 35px 25px 35px 35px;
    margin-left: 18px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: nowrap;

}

.more-service-right .item-33{
    width: 33.33%;
    border-radius: 20px;
    box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 20%);
    height: 190px;
    padding: 35px 25px 35px 35px;
    margin-left: 18px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.item-50 .sub-item-70{
    width: 70%;
}
.item-50 .sub-item-30{
    width: 30%;
}

.item-33 .sub-item-70{
    width: 70%;
}
.item-33 .sub-item-30{
    width: 30%;
}


.pc-pagination{    
    position: absolute;
    text-align: center;    
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom:-5px;
}
.pc-pagination .swiper-pagination-bullet{
    width: 12px !important;
    height: 12px !important;
    border-radius: 100px !important
}
.pc-pagination .swiper-pagination-bullet-active{
    width: 30px !important;
    height: 12px !important;
    border-radius: 25px !important;
    background-color: #ffffff !important;
}




/* 案例 */

#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
    border-radius: 20px;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #1266e3;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url('/v1/static/assets/img/icon/wm_button_icon.png') no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url('/v1/static/assets/img/icon/wm_button_icon.png') no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

#certify .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: none !important;
}
#certify  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content: none !important;
}

.flex-case-box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    padding: 10px;
    padding-top:20px;
}
.flex-left-item{
    width: 60%;
    margin-top:30px;
}
.flex-right-item{
    width: 40%;
}

#certify .fr-grid-info ul li {
    padding: 0px;
}

/* 新闻列表 */
#myNewsTabContent{
    margin-bottom: 20px;
}
.news-ul{
    margin: 10px; 
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content:space-around;
    align-self: center;    
    grid-row-gap: 10px;
    grid-column-gap: 10px;      
    padding-bottom: 10px;

}
.news-li-item{
    width: 50% !important;
    margin: 20px;
}
.news-li-item a{
    font-size: 16px !important;
}


.nav-tabs .nav-link{
    background: #ffffff !important;
    color: #333333 !important;
}
.nav-tabs .nav-link.active{
    background: #1266e3 !important;
    color: #ffffff !important;
}