@media ( max-width : 978px) {

	
	body{
	background: #F7F9FC;
		
	}
	.T_Banner{
		margin-top: 8vh;
        width: 100%;
    height: auto;
    background-size: contain;
		background-repeat: no-repeat;
        background-image: url(../../images/customers/banner_h5.png);
	}
	.T_Banner_Item{
        width: 100%;
        margin : 0 auto;
        text-align : center;
	}
	.T_Banner_Tit{
        width: 100%;
		height: 40px;
    font-size: 6.5vw;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
        padding-top: 2vh;
        text-align : center;
	}
	.T_Banner_Txt{
        width : 90%;
		min-height: 22px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 22px;
	    padding-top : 20px;
	    padding : 20px 5% 0 ;
	    
	}
	.T_Banner_Btn{
		width: 200px;
		height: 46px;
		display : block;
		background: #2372F9;
		border-radius: 4px;
	    margin-top : 50px;
		font-size: 16px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 46px;
		text-align : center;
    margin: 3vh auto 4.5vh;
	}
	
	.T_Banner_Btn:hover{
	    color: #FFFFFF;
	}
	
	.T_Top{
	    margin : 0 auto;
	    width: 90%;
		height : auto;
	}
	.T_Top .T_Top_title{
		height: 40px;
    font-size: 6vw;
		font-weight: 500;
		color: #323437;
		line-height: 40px;
		text-align : center;
		margin-top : 30px;
	}
	.T_Top .T_Bom_search{
		width: 100%;
		height: 36px;
		background: #F7F9FC;
		border: 0px solid #D4D6D9;
	    float: unset;
	    border-radius: 0;
	    height : 4vh;
	    margin-top  : 2vh
	}
	
	.T_Top .T_Bom_search .form{
        width: 73%;
        height: 36px;
        background: #F7F9FC;
        border: 1px solid #D4D6D9;
        float: left;
        border-radius: 6px;
        height : 4.5vh;
    }
    .screen{
        float : right;
        width : 22%;
		font-size: 14px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 4.5vh;
        height : 4.5vh;
        text-indent : 2vh;
        position: relative;
        
	    background: #2372F9;
	    border-radius: 2px;
    }
    
	
	.screen::after{
	    content: "";
	    position: absolute;
	    top: 1.4vh;
	    right: 11px;
	    
	    width: 14px;
	    height: 14px;
	    background: url(../../images/customers/search_s.png) center no-repeat;
	    background-size: 100%;
	    
	    transition: all 0.3s;
	}
    
	.T_Top .T_Bom_search input.search {
	    width: 80%;
	    height: 4.5vh;
	    background: #F7F9FC;
	    text-indent: 10px;
	    font-size: 16px;
	    border: 0px solid #D4D6D9;
	    border-radius: 6px; 
	    
	}
	input::input-placeholder{color:  red !important;} 
	::-webkit-input-placeholder { /* WebKit browsers */ 
	    color: #C8CACD !important; 
	} 
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	    color: #C8CACD !important; 
	} 
	::-moz-placeholder { /* Mozilla Firefox 19  */ 
	    color: #C8CACD !important; 
	} 
	:-ms-input-placeholder { /* Internet Explorer 10  */ 
	    color: #C8CACD !important; 
	}
	
	
	
	
	.T_Top .T_Bom_search .search_btn {
	    position: relative;
	    top: 2px;
	    left: 2vh;
	    width: 14px;
	    height: 14px;
	    background: url(../../images/customers/search.png) center no-repeat;
	    border: 0;
	    background-size: 100%;
	}
	
	
	.T_List{
		clear : both;
		width : 90%;
		margin : 20px auto 0;
		
	}
	
	.T_Left{
	    float : left;
	    width : 164px;
	}
	.T_Left .S_block	{
		width: 164px;
		margin-top : 16px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #EDEFF2;
	}
	.S_block_title{
		width: 64px;
		height: 24px;
		font-size: 16px;
		font-weight: 500;
		color: #4A4B4D;
		line-height: 24px;
	    padding : 16px 0 0 16px;
	    margin-bottom : 16px;
	}
	.S_block_radio .radio input[type=radio] {
	  position: absolute;
	  opacity: 0;
	}
	.S_block_radio .radio input[type=radio] + .radio-label:before {
	  content: "";
	  background: #F7F9FC;
	  border-radius: 100%;
	  border: 1px solid #D4D6D9;
	  display: inline-block;
	  width: 16px;
	  height: 16px;
	  position: relative;
	  margin-right: 8px;
	  vertical-align: top;
	  cursor: pointer;
	  text-align: center;
	  transition: all 250ms ease;
	}
	.S_block_radio .radio input[type=radio]:checked + .radio-label:before {
	  background-color: #F7F9FC;
	  box-shadow: inset 0 0 0 4px #2372F9;
	  border: 1px solid #2372F9;
	}
	/*
	.radio input[type=radio]:focus + .radio-label:before {
	  outline: none;
	  border-color: #3197EE;
	}
	.radio input[type=radio]:disabled + .radio-label:before {
	  box-shadow: inset 0 0 0 4px #f4f4f4;
	  border-color: #b4b4b4;
	  background: #b4b4b4;
	}
	.radio input[type=radio] + .radio-label:empty:before {
	  margin-right: 0;
	}
	*/
	.S_block_radio{
	    padding-left : 16px;
	}
	.S_block_radio div{
	    margin-bottom : 12px;
	    height: 18px;
	    line-height: 18px;
	}
	
	.T_Right{
	    float : unset;
	    margin-left: 0;
	}
	
    .D_block{
        width: 100%;
        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: 81.5vw;
        height: 25vh;
        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: 13.5vh;
        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 {
    min-height: 4vh;
}
	
	    
    .D_Block_tit {
        font-size: 16px;
        font-weight: 500;
        color: #323437;
        line-height: 24px;
        padding : 16px 16px 0;
    height : auto;
    }
    .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: 0px 35px 0px;
        text-align : right;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #2372F9;
        line-height: 22px;
        clear : both
    }
    
    
.D_Block_btn:after{
    content : " ";
    width: 13px;
    height: 16px;
        top: 1vw;
        right: 5vw;
    position: absolute;
    background-size:cover ;
    background-repeat: no-repeat;
    background-image: url(../../images/customers/r.png);
    

}

    
    
    
    
    
	
	.D_more{
		clear : both;
		width: 184px;
		height: 46px;
		border-radius: 4px;
		border: 1px solid #2372F9;
		margin : 0 auto 5vh;
		text-align : center;
		font-size: 16px;
		font-weight: 400;
		color: #2372F9;
		line-height: 46px;
    margin-top : 0;
	
	}
	
	.T_Bom{
		clear : both;
		margin-top : 60px;
	}
	
	.T_Bom .T_Bom_title{
	    height: 40px;
	    font-size: 28px;
	    font-weight: 500;
	    color: #323437;
	    line-height: 40px;
	    text-align : center;
	    margin-top : 60px;
	}
	
	
	.T_Bom .T_Bom_logo{
		width: 182px;
	height: 182px;
	background: #FFFFFF;
	box-shadow: 0px 4px 22px 0px rgba(210,216,233,0.3);
	}	
		
		

	
	
	
	
    .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;
        text-align : center;
    font-size: 6vw;
    }
    
    .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;
    }
    
    
}