@media ( max-width : 978px) {	
	
    .header{
        top : 0
    }
    
    .com-banner{
        padding-top: 8vh;
    }
    .com-banner .tit{
        padding-top: 0;
    }
    .com-banner .disc {
        max-width: 450px;
    }
    .com-banner{
        background: url(../../images/new_prd/prd_m_bg.png) center no-repeat;
        background-size: cover;
    }
    .swiper-slide-block{
        background-image: unset;
    }
    .com-banner .tit{
        margin-top : 5vh;
font-weight: 600;
font-size: 24px;
color: #2B2C2F;
line-height: 33px;
text-align: center;
font-style: normal;
    }
    
	
	
	
	.prof_body{
		width : 100%;
		margin : 0 auto;
	}
	.prof_div{
		width : 92%;
		padding-left : 0;
		float : none;
		margin : 0 auto;
	}
	
	.pro_flex{
		margin-top : 5%;
		float : left;
		padding-left : 10%;
		display : none ;
	}
	
	.pro_flex_left{
		position: fixed; top: 90px; bottom: auto;
	}
	
	.pro_flex_left_bottom{
	    position: absolute;  bottom: 1087px;
	}
	.color_text_primary_dark{
		font-weight: 500;
		font-size: 18px;
		color: #323437;
		line-height: 28px;
		text-align: left;
		font-style: normal;
		margin-bottom : 25px;
	}
	
	.pro_flex .list{
		
	}
	.pro_flex .list ul{
	}
	
	.pro_flex .list ul li{
	    position: relative;
	    padding : 5px 0;
	    cursor : pointer;
	}
	.pro_flex .list ul li:after {
	    content: " ";
	    top: -16px;
	    left: -14px;
	    position: absolute;
	    width: 4px;
	    height: 60px;
	    background: #EFF0F6;
	}
	
	.pro_flex .list li.tit1{
	    font-weight: 400;
	    font-size: 16px;
	    color: #666666;
	    line-height: 28px;
	    text-align: left;
	    font-style: normal;
	    position: relative;
	}
	.pro_flex .list li.selected:before {
	    content: " ";
	    top : 0px;
	    left: -14px;
	    position: absolute;
	    width: 4px;
	    height: 30px;
	    background: #0B61F4;
	    z-index: 10;
	}
	
	.pro_flex .list li.tit2{
		font-weight: 400;
		font-size: 16px;
		color: #666666;
		line-height: 28px;
		text-align: left;
		font-style: normal;
		padding-left : 2vw;
	}
	.pro_flex .list li.selected{
	    font-weight: 500;
	}
	#list_1{
		margin-top : 5vw;
	}
	.prof_list{
		margin-bottom : 5vw;
	}
	#list_2,#list_3,#list_4,#list_5,#list_8{
	    margin-bottom : 4vw;
	}
	
	
	.prof_list .prof_list_tit {
		margin : 0 auto 1%;
	}
	.prof_list .prof_list_tit span{
		font-weight: 600;
		font-size: 22px;
		color: #323437;
		line-height: 32px;
		text-align: left;
	}
	.prof_list .prof_list_tit a{
		font-weight: 400;
		font-size: 14px;
		color: #2372F9;
		line-height: 20px;
		text-align: center;
		margin-left : 10px;
        float: right;
	}
	.prof_list .prof_list_tab{
		font-weight: 600;
		font-size: 16px;
		color: #323437;
		line-height: 22px;
	    padding-left : 16px;
	    margin-bottom : 10px;
	    position: relative;
	}
	.prof_list .prof_list_tab:after {
	    content: " ";
	    top: 6px;
	    left: 3px;
	    position: absolute;
	    width: 8px;
	    height: 8px;
	    background: #0B61F4;
	    border-radius: 100%;
	}
	
	.prof_list .prof_list_desc{
		width: 100%;
		font-weight: 400;
		font-size: 14px;
		color: #555555;
		line-height: 20px;
		text-align: justify;
	    margin-bottom : 16px;
	}
	
.prof_list .prof_list_tit .prof_list_desc_span{
font-weight: 400;
font-size: 14px;
color: #96989B;
line-height: 20px;
text-align: justify;
font-style: normal;
    margin-left: 0;
    display: block;
}
	/*
	切换门
	*/
	.prof_list_tab_tit{
	    border-bottom : 1px solid #EFF0F6;
	    margin-bottom: 16px;
	}
	.prof_list_tab_tit span{
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		font-style: normal;
		color: #323437;
		cursor : pointer;
		padding : 0 10px;
		line-height : 35px;
	}
	.prof_list_tab_tit span.act{
	    color: #2372F9;
	    position: relative;
	    transition: all 0.3s;
	}
	
	.prof_list_tab_tit span.act:after {
	    content: " ";
	    bottom : -10px;
	    left: 3px;
	    position: absolute;
		width: 70px;
		height: 4px;
	    background: #2372F9;
	    transition: all 0.3s;
	}
	
	
	/***
	模块化排序
	**/
	
	.prof_list_block_list .prof_list_block_list_new{
		width : 100%;
	    float : none;
	    height: auto;
	    margin : 0 auto;
	    
		
	}
	
	.prof_list_block_list .prof_list_block{
		width: 100%;
        height: auto;
		background: #F7FBFF;
		border-radius: 0;
        padding-bottom: 4vw;
		
	}
	
	.prof_list_block_list .prof_list_block_list_new:nth-child(3n){
	}
	
	.prof_list_block_list .prof_list_block:hover{
		background: #F0F4FC;
		transition: all 0.3s;
	    margin-top: -3px;
	}
	
	
	.prof_list_block_list .prof_list_block span:nth-child(1){
		font-weight: 500;
		font-size: 16px;
		color: #03264A;
		line-height: 22px;
		text-align: left;
	    padding: 20px 20px 8px 20px;
	    display: block;
	}
	
	.prof_list_block_list .prof_list_block span:nth-child(2){
		display :block;
		height: 72px;
		font-weight: 400;
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		text-align: left;
		
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    padding: 0px 20px 0 20px;
	    display: block;
	    
	}
	
	
	.prof_a , 
	.prof_b{
		display : none;
	}
	.prof_show {
		display : block;
	}


}