@charset "UTF-8";

.main-content-box03 {position:relative;}
.main-content-box03:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-height:calc(100% - 40px - 64px - 20px);background-color:#fff;}
.main-content-box03 .main-mini-wrap{padding:20px 0 0;}

.main-content-box03 .main-mini-wrap .main-mini-box{position:relative;display:flex;background-color:#fff;}
.main-content-box03 .mini-tit-box{padding: 0 20px 40px;width: 100%;max-width:25%;min-width:280px;border-bottom:1px solid #ccc;box-sizing:border-box;}
.main-content-box03 .main-tab-box > ul{position:relative;padding:0 0 35px 0;font-size:0;text-align:left;/*white-space: nowrap;overflow:auto;*/}
.main-content-box03 .main-tab-box > ul > li{display:inline-block;width:auto;height:auto;border:0;background:none;box-sizing:border-box;opacity:1;}
.main-content-box03 .main-tab-box > ul > li:last-of-type{margin:0 !important;}
.main-content-box03 .main-tab-box > ul > li.active{position:relative;}

.main-content-box03 .main-tab-box > ul > li .mini-tab{display:block;padding:10px 30px;border-radius:4px;font-size:17px;color:#333333;line-height:1.4em;font-weight:600;}
.main-content-box03 .main-tab-box > ul > li .mini-tab:hover{}
.main-content-box03 .main-tab-box > ul > li.active .mini-tab{background-color:#008AD8;color:#fff;}
.main-content-box03 .main-tab-box > ul > li .main-notice-swiper{display:none;}
.main-content-box03 .main-tab-box > ul > li .main-notice-swiper .tab-content{display:none;position:relative;}
.main-content-box03 .main-tab-box > ul > li.active .main-notice-swiper{display:block;position:absolute;top:100%;left:0;width:100%;}
.main-content-box03 .main-tab-box > ul > li.active .main-notice-swiper .tab-content{display:flex;}

/*.scrollert>.scrollert-content{position:relative;}*/

.main-content-box03 .control-wrap{position:absolute;bottom:40px;left:20px;}
.main-content-box03 .mini-board-content ul li.active .control-wrap{display:flex;align-items:center;height:64px;border:1px solid rgba(0,0,0,0.2);border-radius: 10px;}
.main-content-box03 .control-wrap > div{width: 90px;text-align: center;cursor:pointer;}
.main-content-box03 .control-wrap > div:last-of-type{margin:0;}
.main-content-box03 .control-wrap .btn-prev{padding:0 20px;width:24px;height: 100%;border-right:1px solid rgba(0,0,0,0.2);background:url(../img/main/btn-notice-arrl.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next{padding:0 20px;width:24px;height: 100%;border-left:1px solid rgba(0,0,0,0.2);background:url(../img/main/btn-notice-arrr.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next.swiper-button-lock,
.main-content-box03 .control-wrap .btn-prev.swiper-button-lock{display:block;}

.main-content-box03 .control-wrap .btn-prev-gallery{padding:0 20px;width:24px;height: 100%;border-right:1px solid rgba(0,0,0,0.2);background:url(../img/main/btn-notice-arrl.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next-gallery{padding:0 20px;width:24px;height: 100%;border-left:1px solid rgba(0,0,0,0.2);background:url(../img/main/btn-notice-arrr.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next-gallery.swiper-button-lock,
.main-content-box03 .control-wrap .btn-prev-gallery.swiper-button-lock{display:block;}

.main-content-box03 .btn-more{display:none;position:absolute;top:10px;right:0;width:24px;height:24px;background:url(../img/main/btn-mini-viewmore.png) no-repeat;background-size:100%;}
.main-content-box03 li.active .btn-more{display:block;}

.main-content-box03 .mini-primary-box{width: 100%;max-width:75%;}
.main-content-box03 .mini-board-content ul li.active .swiper-pagination-fraction{display:inline-block;font-size:1rem;}
.main-content-box03 .swiper-pagination-fraction {display: none;width:auto;}
/*
.main-content-box03 .mini-tit-box ul li{display:none;position:relative;padding: 14px 0 0;font-size: 36px;}
.main-content-box03 .mini-tit-box ul li.active{display:block;}
.main-content-box03 .mini-tit-box ul li:before{content:'';display:block;position:absolute;top:-2px;left:0;width:60px;height:5px;background:#008AD8;}
*/
.main-content-box03 .mini-tit-box .main-title{position:relative;padding: 14px 0 0;font-size: 28px;line-height: 1.4em;}
.main-content-box03 .mini-tit-box .main-title:before{content:'';display:block;position:absolute;top:-2px;left:0;width:60px;height:5px;background:#008AD8;}
.main-content-box03 .mini-tit-box p{display:none;font-size:16px;color:#666666;}





@media screen and (max-width:1024.98px) {
	.main-content-box03 .main-mini-wrap{padding:80px 30px 0 0;}
}

@media screen and (max-width:768px) {
	.main-content-box03{background-color:#fff;}
	.main-content-box03:before{display:none;}
	.main-content-box03 .main-mini-wrap{padding:30px 0 40px;}
	.main-content-box03 .main-mini-wrap .main-mini-box .btn-more{top:29px;right:10px;}

	
	.main-content-box03 .main-tab-box > ul{padding:3px 0 20px;}
	.main-content-box03 .main-tab-box > ul > li.active:before{top:-3px;width:20px;height:2px;}
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 24px;}

	
	
	.main-content-box03 .main-mini-wrap .main-mini-box{display:block;}
	.main-content-box03 .mini-tit-box{max-width:100%;min-width:0;border-bottom:0;}
	.main-content-box03 .mini-primary-box{position: relative;padding: 20px 0 0;max-width:100%;border-top: 1px solid #ccc;}
	.main-content-box03 .mini-tit-box p{display:block;}
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:65%;}
	
	.main-content-box03 .control-wrap{bottom:auto;top:auto;bottom: calc(100% + 40px);left:0px;}
	.main-content-box03 .mini-tit-box {	padding: 0 0px 174px}
	
	
	
}

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


	.main-content-box03 .main-tab-box > ul > li .mini-tab{line-height:1.4em;}
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:60%;}
	.main-content-box03 .mini-board-content ul li.active .control-wrap{display:none;}
	.main-content-box03 .mini-tit-box{padding: 0 0 100px;}
	

}
@media screen and (max-width:360px){
	
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:50%;}
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 20px;}
	.main-content-box03 .main-mini-wrap .main-mini-box .btn-more{right:0;}


}

@media screen and (max-width:320px){
	
	
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 14px;}
	
	
	
	

}