@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;
    }
	
	/**视频位 2区**/
	.prd_fl2{
		margin-top : 0;
	}
	.prd_video_fl2{
		width : 100%;
		margin : 0 auto;
	}
	.prd_fl2_v{
		float : unset ;
		width : 90%;
	    height: 100%;
	    position: relative;
	    background : #fff;
	    box-shadow: 0px 0px 9px 1px rgba(215,217,225,0.5);
	    text-align: center;
	    border-radius: 6px;
	    margin : 0 auto;
	    padding : 5% 0 ;
	}
	
	.prd_fl2_v   video {
	    position: absolute;
	    top: 2%;
	    bottom: 5%;
	    left: 2%;
	    right: 0;
	    height: 96%;
	    width: 96%;
	    object-fit: cover;
	    border-radius: 6px;
	}
	
	.prd_fl2_v   img {
	    width: 96%;
	    height: auto;
        padding :  1% 0 ;
	}
	
	.prd_fl2_v  .PlayIcon {
	    width: 20vw;
	    height: 20vw;
	    position: absolute;
	    left: 50%;
	    margin-left: -30px;
	    top: 50%;
	    margin-top: -45px;
	    background: url(../../images/new_prd/video-play.png) center no-repeat;
	    background-size: 100% 100%;
	    cursor: pointer;
	    z-index: 1;
	}
	
	.prd_fl2_v  .CloseVideo{
	    width: 16px;
	    height: 16px;
	    position: absolute;
	    right: 15px;
	    top: 15px;
	    background: url(../../images/new_prd/video-close.svg);
	    background-size: 100% 100%;
	    cursor: pointer;
	    z-index: 1;
	    display: none;
	}
	
	.prd_fl2_cont{
	    float : unset ;
	    margin-left : 0;
	    margin : 0 auto;
	    width : 90%;
	}
	
	.prd_fl2_cont .prd_fl2_title{
		height: auto;
		font-size: 6vw;
		font-weight: 600;
		color: #222222;
		line-height: 8vw;
		margin-top : 0;
    text-align: center;
	}
	
	.prd_fl2_cont .prd_fl2_desc{
		font-size: 4vw;
		font-weight: 400;
		color: #616161;
		line-height: 6vw;
		margin-top : 1vh;
    text-align: center;

	}
	
	.prd_fl2_cont .prd_fl2_a{
		display : block;
	    margin-top : 1vh;
		font-size: 3.5vw;
		font-weight: 400;
		color: #2372F9;
		line-height: 3.5vw;
		margin-bottom : 1vh;
    text-align: center;
	}
	.prd_fl2_cont .prd_fl2_a:hover{
	    color: #5D92EE;
	}
	
	/**3区**/
	.head_title{
	    width: auto;
	    font-size: 5vw;
	    font-weight: 600;
	    color: #222;
	    line-height: 28px;
	    text-align: center;
	}
	.head_desc {
	    height: auto;
	    font-size: 3.5vw;
	    font-weight: 400;
	    color: #616161;
	    line-height: 20px;
	    text-align: center;
	    margin-top: 2vh;
	    white-space: pre-line;
	    width : 90%;
	}
	.index_fl2_list {
	    width: 100%;
	    margin-top: 3vh;
	}

	.index_fl2_list div{
	    margin-bottom: 3vh;
        padding-left: 0;
		}
	.index_fl2_list div span:nth-child(2) {
	    margin: 3vw auto 0;
        text-indent: 0;
	}

	.index_fl2_list div span:nth-child(3) {
	    text-indent: 0;
	    width: 68%;
        margin: 0.5vh auto 0;
	    margin-left: 26vw;
	}
	.index_fl2_list div img {
	    width: 30%;
	    height: auto;
	    float: left;
	}

	/***4区**/
	
	.prd_fl4{
        margin-top: 12vw;
	}
	
	.prd_wrap_fl4{
		width : 90%;
		margin : 0 auto;
	}
	
	.prd_fl4_list{
	    margin-top : 6vw;
	    padding-bottom : 0;
	}
	.prd_wrap_fl4 .prd_fl4_block,
    .prd_wrap_fl4 .prd_fl4_block:nth-child(3n){
		float : unset;
		width: 88%;
    padding-left: 12vw;
		height: auto;
		background: none;
		border-radius: 4px;
	    margin-right : 0;
	    margin-bottom : 0;
        margin : 0 auto 2vh;
	}
		
		
	.prd_wrap_fl4 .prd_fl4_block:hover{
	    box-shadow: none;
	    transform: unset;
	    background: unset;
	}

	
	.prd_wrap_fl4 .prd_fl4_block.block_4{
	    width: auto;
	}
	
	.prd_wrap_fl4 .prd_fl4_block.block_4:nth-child(3n) { 
	    margin-right : 0;
	}
	.prd_wrap_fl4 .prd_fl4_block.block_4:nth-child(2n) { 
	    margin-right : 0;
	}
	
	
	
	.prd_wrap_fl4 .prd_fl4_block .prd_fl4_title{
	    padding : 2vh  0 0 0 ;
		font-size: 4vw;
		font-weight: 500;
		color: #323437;
		line-height: 4.5vw;
	    position: relative;
	}
	
	
	.prd_wrap_fl4 .prd_fl4_block .prd_fl4_title:after {
	    content: " ";
	    top: 1.8vh;
	    left : -10% ;
	    position: absolute;
	    width: 6vw;
	    height: 5.35vw;
	    background: url(../../images/new_prd/prd_4.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	.prd_wrap_fl4 .prd_fl4_block .prd_fl4_desc{
		margin-top : 1vh;
		width : 95%;
		font-size: 3vw;
		font-weight: 400;
		color: #323437;
		line-height: 4vw;
		
	}
    .prd_fl4_list_btn{
       text-align : center;
    }
	.prd_fl4_list_btn2 {
		margin: 0 auto;
		width: auto;
		display: inline-block !important;
		display: inline;
		font-size: 3.5vw;
		font-weight: 400;
		color: #2372F9;
		line-height: 20px;
		position: relative;
	}
    .prd_fl4_list_btn.up1 .prd_fl4_list_btn2:after {
        content: " ";
        top: -0.3vw;
	    right: -5vw;
	    position: absolute;
	    width: 5vw;
	    height: 5vw;
        background: url(../../images/product/xia.png) center no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .prd_fl4_list_btn.up2   .prd_fl4_list_btn2:after {
        content: " ";
        top: -0.2vw;
        right: -5vw;
        position: absolute;
        width: 5vw;
        height: 5vw;
        background: url(../../images/product/shang.png) center no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
    }
	/***5区***/
	.prd_fl5{
		width : 100%;
		height: auto;
		background: linear-gradient(122deg, #EDF2F9 0%, #F1F6FA 100%);
		padding-top : 12vw;
        margin-top: 12vw;
        padding-bottom : 6vw;
	}
	
	.prd_fl5 .prd_fl4_list {
	    margin-top: 0vh;
	}
	
	/* 6区**/
	.index_fl3_wall{
		margin-top : 5vh;
	}
	.fl3_btn_a{
		display : block;
		width:fit-content;
		width:-webkit-fit-content;
		width:-moz-fit-content;
		margin : 26px auto 0;
	    color: #2372F9;
	}
	.fl3_btn_a:hover{
	    color: #5D92EE;
	}
	
	
	/**7区**/
	
	
	.prd_fl7{
	    margin-top : 12vw;
	}
	
	.prd_wrap_fl7{
	    width : 100%;
	    margin : 0 auto;
	}
	
	.prd_fl7_list{
	    margin-top : 6vw;
	    padding-bottom : 0px;
	    width: 90%;
	    margin: 2vh auto 0;
	}
	.prd_wrap_fl7 .prd_fl7_block{
	    float : unset;
	    width: 90%;
		height : 22vh;
		background: #FFFFFF;
	    box-shadow: 0px 0px 9px 1px rgba(215,217,225,0.5);
		border-radius: 8px;
	    margin-right : 21px;
	    position: relative;
	    transition: all .3s ease-out;
	    margin : 0 auto 4vh;
	
	}
	.prd_wrap_fl7 .prd_fl7_block:hover {
        box-shadow: 0px 0px 9px 1px rgba(215,217,225,0.5);
	    transform: translateY(-0px);
		background: #FDFEFF;
	    
	}
	/**移动端不需要**/
	.prd_wrap_fl7 .prd_fl7_block:hover:after {
	    content: "";
	    bottom: 0;
	    right: 0;
	    position: absolute;
	    width: 167.5px;
	    height: 150.5px;
	    background: none;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_wrap_fl7 .prd_fl7_block:nth-child(3n) { 
        margin : 0 auto 2vh;
	}
	
	.prd_wrap_fl7 .prd_fl7_block .prd_fl7_title{
		    width: 70vw;
    height: 6vh;
    background: linear-gradient(90deg, #E5EFFE 0%, rgba(255,255,255,0.8) 100%);
    border-radius: 8px 8px 0px 0px;
    font-size: 4.5vw;
    font-weight: 500;
    color: #323437;
    line-height: 8vw;
    vertical-align: middle;
    padding-left: 17vw;
    padding-top: 2vh;
    position: relative;
    display: block;
	}
	
	
	.prd_wrap_fl7 .prd_fl7_block .prd_fl7_title:after {
	    content: " ";
    top: 4vw;
    left: 4vw;
	    position: absolute;
    width: 10vw;
    height: 10vw;
	    background: url(../../images/new_prd/7_1.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_wrap_fl7 .prd_fl7_block:nth-child(2) .prd_fl7_title:after {
	    background: url(../../images/new_prd/7_2.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_wrap_fl7 .prd_fl7_block:nth-child(3) .prd_fl7_title:after {
	    background: url(../../images/new_prd/7_3.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	
	
	.prd_wrap_fl7 .prd_fl7_block .prd_fl7_desc{
		width: 89%;
		height: 12vh;
		font-size: 3.5vw;
		font-weight: 400;
		color: #646669;
		line-height: 5vw;
		margin : 4vw auto 0;
			
	    overflow: hidden;
	    /*
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    word-break: break-all;
        */
	}
	
	.prd_wrap_fl7 .prd_fl7_block .prd_fl7_btn{
	    bottom : 1vh;
	    right : 6vw;
	    position: absolute;
	    display : block;
	    color: #2372F9;
	    z-index:2;
	    font-size : 3.3vw;
	}
	
	.prd_wrap_fl7 .prd_fl7_block .prd_fl7_btn:hover{
	    color: #5D92EE;
	}
	
	
	
	
	
	
	/**8区**/
	.index_fl6_anl {
	    margin-top: 15vw;
	}
	.index_wrap_fl6 {
	    width: 90%;
	    border: 0px solid #f00;
	    padding-bottom: 0;
	}
	
	.fl6-digSwiper ul{
		margin-top : 5vw;
	}
	.fl6-digSwiper ul li {
	    float: left;
	    background-color: #fff;
	    margin: 0 15px;
	    width: 318px;
	    height: 348px;
	    position: relative;
	    overflow: hidden;
	    border: 0px solid #f00;
	    background: #FFFFFF;
	    box-shadow: none;
	    border-radius: 8px;
	    transition: all .3s ease-out;
	    cursor : pointer;
	   box-shadow: 0px 2px 14px 0px rgba(81,115,174,0.08);
	}
	.fl6-digSwiper ul li:hover {
		background: #FDFEFF;
		box-shadow: 0px 2px 20px 0px rgba(81,115,174,0.2);
		border-radius: 12px;
	}
	.D_more {
	    clear: both;
	    width: 184px;
	    height: 46px;
	    border-radius: 4px;
	    border: 0px solid #2372F9;
	    margin: 0 auto 5vh;
	    text-align: center;
	    font-size: 16px;
	    font-weight: 400;
	    color: #2372F9;
	    line-height: 46px;
	    margin-top: 0;
	}

	
	.D_block .D_block_list:hover{
		
	    transition: all 0.3s;
	    box-shadow: unset;
	    color: #fff;
	    margin-top: 0;
	}
	
	
	/**9区***/
	.prd_fl9{
		padding-top : 12vw;
	}
	
	.prd_fl9_list{
		width : 100%;
		margin : 0 auto;
		padding-top : 5vw;
	}
	
	.prd_fl9_list .prd_fl9_block,
    .prd_fl9_list .prd_fl9_block:nth-child(2n){
	    width: 90%;
		height: auto;
		background: #FFFFFF;
		box-shadow: 0px 0px 9px 1px rgba(215,217,225,0.5);
		border-radius: 8px;
		float : unset ; 
		padding-left : 0;
		padding-top : 0;
        margin-right : 0;
	    margin-bottom : 0;
	    display : block;
	    margin : 0 auto 3vh;
        padding-bottom: 1.5vh;
	}
	
	
	.prd_fl9_list .prd_fl9_block .prd_fl9_title{
	    font-size: 4.5vw;
	    width: 74%;
	    font-weight: 500;
	    color: #323437;
		line-height: 5.5vw;
	    position: relative;
        padding-left : 18vw;
        padding-top : 3vw;	
        position: relative;
    }
    
    
    .prd_fl9_list .prd_fl9_block .prd_fl9_title:before {
        content: " ";
    top: 3vw;
    right: -3vw;
    position: absolute;
    width: 5vw;
    height: 5vw;
        background: url(../../images/new_prd/r.png) center no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
    }
	
	.prd_fl9_list .prd_fl9_block .prd_fl9_title:after {
	    content: " ";
	    top: 3vw;
	    left: 5vw;
	    position: absolute;
	    width: 10vw;
	    height: 10vw;
	    background: url(../../images/new_prd/9_1.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	
	.prd_fl9_list .prd_fl9_block:nth-child(2) .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_2.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_fl9_list .prd_fl9_block:nth-child(3) .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_3.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_fl9_list .prd_fl9_block:nth-child(4) .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_4.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	
	
	
	.prd_fl9_list .prd_fl9_block .prd_fl9_desc{
	    width: 70vw;
	    font-size: 3.5vw;
	    font-weight: 400;
	    color: #646669;
	    line-height: 5vw;
	    margin-top: 3vw;
	    height: auto;
	    padding-left: 18vw;
	    overflow: hidden;
        display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    word-break: break-all; 
	}
	.prd_fl9_list .prd_fl9_block .prd_fl9_btn{
		font-size: 14px;
		font-weight: 400;
		color: #0B61F4;
		line-height: 20px;
	    margin-top : 16px;
	    width:fit-content;
	    width:-webkit-fit-content;
	    width:-moz-fit-content;
	    position: relative;
	}
	
	
	.prd_fl9_list .prd_fl9_block .prd_fl9_btn:after {
	    content: " ";
	    top: 0px;
	    right : -20px;
	    position: absolute;
	    width: 16px;
	    height: 16px;
	    background: url(../../images/new_prd/r.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	
	
	.prd_fl9_list .prd_fl9_block:hover{
	    background: linear-gradient(144deg, #307AF7 0%, #1D67E6 100%);
	    box-shadow: 0px 2px 11px 0px rgba(219,226,235,0.03);
	    border-radius: 8px;
	}
	.prd_fl9_list .prd_fl9_block:hover .prd_fl9_title,
	.prd_fl9_list .prd_fl9_block:hover .prd_fl9_desc,
	.prd_fl9_list .prd_fl9_block:hover .prd_fl9_btn{
	    color : #fff
	}
	
	.prd_fl9_list .prd_fl9_block:nth-child(1):hover .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_1_h.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	.prd_fl9_list .prd_fl9_block:nth-child(2):hover .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_2_h.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_fl9_list .prd_fl9_block:nth-child(3):hover .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_3_h.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	.prd_fl9_list .prd_fl9_block:nth-child(4):hover .prd_fl9_title:after {
	    background: url(../../images/new_prd/9_4_h.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	.prd_fl9_list .prd_fl9_block:hover .prd_fl9_btn:after {
	    background: url(../../images/new_prd/r_h.png) center no-repeat;
	    background-size: cover;
	    background-repeat: no-repeat;
	}
	
	
	
	
	
	
	
	
	
	
	/**10区*/
	.index_fl8_wall{
	    margin-top: 12vw;
	    background-color: #fff;
	    
	}
	
}