@media ( max-width : 978px) {
	body{
    background: #FFFFFF;
	}
	.T_Banner{
		width: 100%;
		height: 210px;
		background-size:cover ;
		background-repeat: no-repeat;
		background-image: url(../../images/resource/pc/banner.jpg);
		
	}
	.T_Banner_Item{
		width : 100%;
		margin : 0 auto;
        text-align : center;
	}
	.T_Banner_Tit{
		width: 100%;
        margin : 0 auto;
		height: 31px;
    font-size: 6.5vw;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
		padding-top : 60px;
		
		font-weight: 500;
		color: #FFFFFF;
		line-height: 31px;
        padding-left : 0;

	}
	.T_Banner_Txt{
		width : 90%;
        margin : 0 auto;
		min-height: 22px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 22px;
	    padding-top : 20px;
	    padding-left : 0;
	}
	
	
	.T_Show{
	    width: 100%;
		margin : 0 auto;
	    position: unset;
	}
	.T_Show_block{
	    position: unset;
		width: 100%;
		height: 100%;
background: linear-gradient(180deg, #E9F1FF 0%, #F0F6FE 52%, #FFFFFF 100%);
box-shadow: 0px 2px 16px 0px rgba(81,115,174,0.15);
		border-radius: 0;
		border: 0px solid #FFFFFF;
        padding-bottom: 20px;
        
        
        
	}
	.Show_left{
		float : unset;
		margin-top : 0;
		padding-left : 0;
        padding : 30px 5% 0;
        width : auto;
	}
	.show_tag{
		height : 44px;
	}
	.show_tag .tags{
	    float : left;
		background: rgba(67,111,227,0.1);
		border-radius: 2px;
		font-size: 10px;
		font-weight: 400;
		color: #436FE3;
		line-height: 22px;
		padding : 4px 12px;
		margin-left : 2px;
		margin-top : 6px;
    margin-bottom: 0px;
	}
    .show_tag .tag_img{ 
       width : 44px;
       height : 44px;
       float : left;
        width: 20%;
        padding-top :1vh
    }
    .show_tag .tag_img img{ 
        width : 44px;
        height : 44px;
        background : none;
    }
    .tag_list{
        float : right;
    width: 80%;
    }
	.show_title{
		clear : both;
		width: 100%;
		font-size: 16px;
		font-weight: 500;
		color: #323437;
		line-height: 25px;
        margin-top : 15px;
        margin-bottom : 12px;
	}
	
    .show_other{
        margin-top : 12px;
    height: 4vh;
    }
    
    .show_other div{
        float : left;
        margin-right : 18px;
        margin-left : 15px;
        position: relative;
        padding-left : 3px;
        
        font-size: 14px;
        font-weight: 400;
        color: #646669;
        line-height: 22px;
    margin-top: 0.5vh;
    
    }
    .show_other div::after{
        content: "";
        position: absolute;
        top: 4px;
        left: -15px;
        
        
        width: 14px;
        height: 14px;
    background: url(../../images/customers/show_1.png) center no-repeat;
        background-size: 100%;
        
        transition: all 0.3s;
        
        
	   }
	    
		
	.show_other div span{
	    display : block; 
	    float : left;
	    margin-right : 2vh
	}
	
	
	
	
	.T_List{
		clear : both;
		width : 100%;
		margin : 10px auto 0;
		
	}
	
	.T_Left{
	    float : left;
	    width : 90%;
	    padding-bottom : 30px;
	    margin-left : 0;
	    padding : 0 5%;
	}
	.show_tit{
		width: 80px;
		height: 28px;
		font-size: 16px;
		font-weight: 500;
		color: #323437;
		line-height: 28px;
		margin-top : 24px;
		padding-left : 0;
	}
	.show_desc{
		font-size: 14px;
		font-weight: 400;
		color: #525252;
		line-height: 25px;
	    margin-top : 12px;
	}
	
	
	
		
		
	/**show center customer***/
	.show_customer{
	    width : 100%;
	    height: 180px;
	    background: #F2F4F7;
	    border-radius: 8px;
	    margin-top : 25px;
	}
	.show_customer_img{
	    float : left;
        width : 10%;
        height : auto;
	    margin-top : 15% ;
	    margin-left : 5%;
	}
	.show_customer_img img{
	    width : 100%;
	    height : 100%;
	}
	.show_customer_txt{
	    float : left;
	    margin-left : 5%;
	    width : 75%;
	}
	.show_customer_title{
	    padding-top : 20px;
	    font-size: 12px;
	    font-weight: 400;
	    color: #323437;
	    line-height: 20px;
	}
	.show_customer_user{
	    font-size: 12px;
	    font-weight: 400;
	    color: #323437;
	    line-height: 20px;
	    text-align : right;
	    margin-top : 20px;
	}
	
	/**show center customer***/
	
		
	/**show 3 block***/
	.show_block{
	    margin-top : 24px;
	}
	.show_list{
	    float : left;
	    width: 32%;
	    height: auto;
	    background: #F4F7FA;
	    border-radius: 4px;
	    text-align : center;
	    margin-right : 2%;
    padding: 1vh 0 0.5vh 0;
	}
	.show_list:nth-child(3){
	    margin-right : 0;
	}
	.show_list_tit{
    font-size: 18px;
    font-weight: bold;
	    color: #436FE3;
	    line-height: 15px;
	    margin-top : 6%;
	}
	.show_list_desc{
	        font-size: 3vw;
	        font-size: 3vw;
    font-weight: 400;
    color: #646669;
    line-height: 3.8vw;
    height: 3vh;
    padding: 0 1vw 1vh;
    margin-top: 1.5vw;
	}
	
	/**show 3 block***/

	.T_Right{
	    float : left;
	    margin-left: 66px;
	    margin-top: 32px;
	}
	.T_Right .T_Admin_Pos img{
		width : 274px;
		height : 436px;
	}
	
	.T_Admin_Pos.Fixed {
	    position: fixed;
	    top: 150px;
	}
	.T_Admin_Pos.Abs {
	    position: absolute;
	    top: 0;
	}
	
	.T_Bom{
		clear : both;
	    background: #F7F9FC;
	    margin : 0 auto;
	    padding-top : 30px;
	    padding-bottom : 30px;
	}
	
	.T_Bom .T_Bom_title{
	    height: 40px;
	    font-size: 18px;
	    font-weight: 500;
	    color: #323437;
	    line-height: 40px;
	    text-align : center;
        margin-bottom: 20px;
	}
	
	
		
		
	.D_block{
	    width : 90%;
	    margin : 0px auto;
	}
		
	
    
     .D_block .D_block_list{
        width: 100%;
        height: 100%;
        /*
        background: linear-gradient(180deg, #B4D0FA 0%, #EFF5FE 85%, #F7FBFF 100%);
        box-shadow: 2px 4px 16px 0px rgba(175,199,232,0.3);
        */
        
background: #FDFEFF;
    border-radius: 12px;
box-shadow: 0px 2px 14px 0px rgba(81,115,174,0.08);

        border-radius: 12px;
        border: 1px solid #FFFFFF;
        float : unset;
        margin-right : 0;
        margin-bottom : 20px;
      transition: all 250ms ease;
      padding-bottom :5%
    }
    .D_block .D_block_list:nth-child(3n){
        margin-right : 0;
    }
    .D_block .D_block_list:hover{
        box-shadow: none;
    }
    
    
    .D_Block_img{
        width : 90%;
        height : auto;
        padding : 16px 16px 0;
        margin : 0 auto;
        position: relative;
    }
            
    .D_Block_img:after{
        content : " ";
        width: 91%;
    height: 60%;
    top: 39%;
    left : 16px;
    position: absolute;
/*
    background-size:cover ;
    background-repeat: no-repeat;
    background-image: url(../../images/customers/flex.png);
    
    */
    
background: linear-gradient(180deg, rgba(41,51,94,0) 0%, rgba(39,49,91,0.16) 9%, rgba(19,25,51,0.55) 34%, #121730 100%);
border-radius: 0px 0px 8px 8px;

    transition: all 0.3s;
    border-radius: 8px;
    
    opacity: 0.8;
    
    
    }
    
    .D_Block_img img{
        width: 100%;
        height: 100%;  
        position: relative;
    }
    
    
    
    .D_Block_img div{
        width : 100%;
        height : auto;
        position: absolute;
        z-index : 9;
    }
    .D_Block_img div span{

        font-size: 8vw;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 4vh;
        display: block;
        margin-top: 15vh;
        margin-left: 3vw;
    }
    .D_Block_img div span:nth-child(2){
        font-size: 14px;
        width: 80%;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 22px;
        display: block;
        margin-top: 1vw;
    }
    
	.D_Block_tit {
	    font-size: 16px;
	    font-weight: 500;
	    color: #323437;
	    line-height: 24px;
	    padding : 16px 16px 0;
	}
	.D_Block_desc {
	    width: 90%;
	    height: 48px;
	    font-size: 16px;
	    font-weight: 400;
	    color: #646669;
	    line-height: 24px;
	    padding : 10px 16px 0;
	}
	.D_Block_btn{
	    padding : 20px 16px 0;
	    text-align : right;
	    height: 22px;
	    font-size: 16px;
	    font-weight: 400;
	    color: #2372F9;
	    line-height: 22px;
	
	}
	
	
.D_Block_btn:after{
    content : " ";
    width: 13px;
    height: 16px;
    top: 5.9vw;
    right: 1vw;
    position: absolute;
    background-size:cover ;
    background-repeat: no-repeat;
    background-image: url(../../images/customers/r.png);
    

}

	
	
	
	
	
	
	
	
	
	
	
    
    
    .index_fl8_wall {
            background-image: url(../../images/index_new/fl8_m_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
        
    z-index: 9;
    position: relative;
    top:0;
    height: auto;
    }
    
    .index_wrap_fl8 {
        padding-bottom: 8vw;
        width : auto;
            
        margin: 0 auto;
        padding-top: 0;
        padding-left: 0;
    }
    
    .index_wrap_fl8 .head_title {
        padding-top: 8vw;
        color: #FFFFFF;
    font-size: 6vw;
        text-align : center;
    }
    
    .index_wrap_fl8 .head_desc {
        color: #FFFFFF;
        width: 80%;
        margin: 3vw auto 0;
        height: auto;
        font-size: 3.5vw;
        line-height: 5vw;
        text-align : center;
    }
    
    .fl8_btn_list {
        margin: 0 auto;
        width: fit-content;
        width: -webkit-fit-content;
        width: -moz-fit-content;
    }
    
    .fl8_btn {
        float: left;
        margin: 5vw 2vw 0;
        height: 10vw;
        background: #fff;
        border-radius: 4px;
        font-size: 4vw;
        font-weight: 400;
color: #2372F9;
        line-height: 10vw;
        display: block;
        text-align: center;
        padding: 0 3vw;
        border: 1px solid #fff;
    }
    
    .fl8_btn:nth-child(2) {
        background: none;
        border-radius: 4px;
        border: 1px solid #FFFFFF;
    }
    .fl8_btn:nth-child(2):hover{
        color: #FFFFFF;
        background: none;
        border-radius: 4px;
        border: 1px solid #FFFFFF;
    }
    
		
}