.container.gnu{all:unset}

	@keyframes spread {
	  0% {width: 10%;height: 10%;opacity: 0;}  
	  20% {opacity: 0.8;}
	  100% {width: 120%;height: 120%;opacity: 0;}
	}

/*_pc*/
@media all and (min-width:1201px) {	    

    .btn-more{margin:50px 0}
    .btn-more a{display:inline-block;position:relative;height:50px;line-height:48px;border:1px solid #333;border-radius:50px;padding:0 60px 0 25px;font-size:20px;font-weight:600;background:#fff;overflow:hidden;transition:0.3s}      
    .btn-more a:after{content:'';display:block;position:absolute;right:4px;top:4px;;width:40px;height:40px;border-radius:50%;background:url('/dblack/images/ico_arrow-next-w.png') no-repeat 55% center #333;transition:0.3s}
    .btn-more a:hover:after{background-color:var(--main-color);background-position:55% center}
    .btn-more.w a{border-color:#fff;background:none;color:#fff}
    .btn-more.w a:after{background:url('/dblack/images/ico_arrow-next.png') no-repeat 55% center #fff}
    .btn-more.w a:hover:after{background-color:var(--main-color);background-position:55% center}
	.btn-more.hidden {opacity: 0}
    
    
    .md-tit{font-size:46px;font-weight:700;line-height:1.3;margin:30px 0;word-break:keep-all}
    .md-tit.ico:before{content:'';display:block;width:30px;height:5px;border-radius:5px;background:var(--main-color);transform:rotate(-45deg);margin:20px 0}     
    .md-tit.w{color:#fff}
    .md-tit.center.ico:before{margin-left:auto;margin-right:auto}
    
    .md-desc{font-size:18px;margin:30px 0;line-height:1.6;word-break:keep-all;color:#333}
    .md-desc.w{color:#fff}
    
    .desc{line-height:1.5}
    
    

    .msec1{}
    .msec1 .swiper-container{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{transform:scale(1.1);height:100%;transition:10s}
    .msec1 .swiper-slide.s1 .bg{background:url('/dblack/images/ms1_img1.jpg') no-repeat center /cover}
    .msec1 .swiper-slide.s2 .bg{background:url('/dblack/images/ms1_img2.jpg') no-repeat center /cover}
    .msec1 .swiper-slide-active .bg{transform: scale(1.0);;transition:10s}
    .msec1 .swiper-slide .slogan{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:100%}
    .msec1 .swiper-slide .slogan .text1{font-size:24px;font-weight:600;color:#fff;transform: translateX(-20px);opacity:0;transition:0.5s 0.5s}
    .msec1 .swiper-slide .slogan .text2{font-size:90px;font-weight:800;color:#fff;transform: translateX(-30px);opacity:0;margin-top:20px;transition:0.5s 0.5s}
    .msec1 .swiper-slide-active .slogan .text1{transform: translateX(0);opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{transform: translateX(0);opacity:1}
    .msec1 .swiper-control{position:absolute;z-index:10;right:20px;bottom:100px;display:flex;flex-direction:column;gap:5px;justify-content:space-between;height:130px;text-align:center}
    .msec1 .swiper-control .swiper-button-prev-custom{position:static;width:20px;height:20px;background:url('/dblack/images/swiper-top.png') no-repeat center;cursor:pointer}
    .msec1 .swiper-control .swiper-button-next-custom{position:static;width:20px;height:20px;background:url('/dblack/images/swiper-bottom.png') no-repeat center;cursor:pointer}
    .msec1 .swiper-control .swiper-pagination-custom{position:static;display:flex;flex-direction:column;gap:10px;align-items:center;color:#fff;}
    .msec1 .swiper-control .swiper-pagination-custom > span{display:block;position:relative;width:20px;;font-size:16px;color:#fff;font-weight:600}
    .msec1 .swiper-control .swiper-pagination-custom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fff}
    

    

    .msec2{margin:150px 0;overflow:hidden}
    .msec2 .slogan{position:relative;z-index:10}
    .msec2 .slogan .tit{font-size:115px;font-weight:700;line-height:1.1;
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #333;
        -webkit-text-fill-color: transparent;
        
    }
    .msec2 .slogan .tit span{
        -webkit-background-clip: text;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 100% 0%;
        background-image: linear-gradient(0deg, #333 0%, #333 50%, transparent 50.1%);
        transition: 2s 0.5s;
    }
    .msec2 .slogan.aos-animate .tit span{background-size: 100% 200%;}
    .msec2 .slogan .desc{margin:30px 0;color:#333}
    .msec2 .bg{text-align:right;margin-top:-200px;margin-right:-50px}
	.msec2 .car_con{display:inline-block;position:relative;z-index:10;}
	.msec2 .circleG{position:absolute;z-index:-1;left:0;width:100%;top:0;padding-top:100%;}
    .msec2 .circleG .ripple {  position: absolute;  top: 50%;  left: 50%;  width: 20px;  height: 20px;  border: 1px solid #ddd;  border-radius: 50%;  transform: translate(-50%, -50%);  opacity:0;}
	.msec2 .circleG .ripple.s1{animation: spread 10s ease-out infinite}
	.msec2 .circleG .ripple.s2{animation: spread 11s ease-out infinite;animation-delay: 2s;}
	.msec2 .circleG .ripple.s3{animation: spread 12s ease-out infinite;animation-delay: 3s;}
	.msec2 .circleG .ripple.s4{animation: spread 13s ease-out infinite;animation-delay: 4s;}
    

    
   
    .msec3{max-width:1920px;margin:0 auto}
    .msec3 .banner_con{display:flex}
	.msec3 .banner_con .swiper,
    .msec3 .banner_con .swiper-wrapper,
	.msec3 .banner_con .swiper-slide{all:unset;display:block;}

    .msec3 .banner_con .thumbG{width:56%}
    .msec3 .banner_con .thumbG .item{position:sticky;top:0}
    .msec3 .banner_con .thumbG .item .inner{position:absolute;left:100px;bottom:100px}
    .msec3 .banner_con .infoG{width:44%;padding-left:100px}
    .msec3 .banner_con .infoG .sticky{position:sticky;top:0;padding-top:30%}
    
    
    .msec4{margin:200px 0}
	.msec4 .md-tit{position:relative;z-index:10}
	.msec4 .swiper{margin-top:-50px}
    .msec4 .swiper a{display:block}
    .msec4 .swiper-slide{max-width:650px}
    .msec4 .swiper-slide .thumb{width:650px;height:650px;background:#fff;border-radius:50%;border:1px solid #eee;transform:scale(0.8);transition:0.3s}    
    .msec4 .swiper-slide .info{position:absolute;left:80%;top:400px;margin-top:60px;width:450px;opacity:0;transition:0.3s 0.3s}
    .msec4 .swiper-slide .info > span{display:block}
    .msec4 .swiper-slide .info .no{color:#999;font-weight:600}
    .msec4 .swiper-slide .info .tit{font-size:34px;font-weight:600;margin:10px 0}
    .msec4 .swiper-slide .info .desc{color:#333;line-height:1.5;margin:20px 0;word-break: keep-all}
    
    .msec4 .swiper-slide-active .thumb{background:#f9f9f9;border:1px solid #f9f9f9;transform:scale(1)}
    .msec4 .swiper-slide-active .info{opacity:1;margin-top:40px}
    
    .msec4 .swiper-button-prev{left:50%;margin-left:-400px;width:40px;height:40px;border-radius:50%;background:url('/dblack/images/ico_arrow-prev-w.png') no-repeat 49% center #333; transition:0.3s}
    .msec4 .swiper-button-next{right:50%;margin-right:-400px;width:40px;height:40px;border-radius:50%;background:url('/dblack/images/ico_arrow-next-w.png') no-repeat 55% center #333; transition:0.3s}
	.msec4 .swiper-button-prev:hover,
	.msec4 .swiper-button-next:hover{background-color:var(--main-color)}
    
    
    .msec5{background:#f9f9f9;padding:150px 0}
    .msec5 .container{max-width:1480px}
    .msec5 .process_con{position:relative;margin:100px 0 50px;width:250px;opacity:0;transition:1s}
    .msec5 .process_con.aos-animate{opacity:1;width:100%}
    .msec5 .process_con .list{display:flex;justify-content: space-between;}
    .msec5 .process_con .list li{width:25%;display:flex;justify-content:center;position:relative;text-align:center;}
    .msec5 .process_con .list li > .inner{}
    .msec5 .process_con .list .box{position:relative;width:250px;height:250px;transform-style: preserve-3d;;transition:transform 0.5s;}
    .msec5 .process_con .list .box > div{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 30px;background:#fff;border-radius:10px;text-align:center;backface-visibility: hidden}
    .msec5 .process_con .list .box > div span{display:block;}
    .msec5 .process_con .list .box .front{transform:rotateY(0)}
    .msec5 .process_con .list .box .front .ico{display:flex;justify-content:center;align-items:center; height:150px;}
    .msec5 .process_con .list .box .front .plus{margin-top:20px}
    .msec5 .process_con .list .box .back{border:2px solid var(--main-color);transform:rotateY(180deg);padding:30px 30px}
    .msec5 .process_con .list .box .back .ico img{max-height:40px;filter:invert(58%) sepia(80%) saturate(425%) hue-rotate(56deg) brightness(91%) contrast(83%);}
    .msec5 .process_con .list .box .back .name{font-size:24px;font-weight:600;margin:20px 0}
    .msec5 .process_con .list .box .back .desc{border-top:1px solid #eee;margin-top:20px;padding-top:20px;color:#666;letter-spacing:-1px; word-break: keep-all}    
    .msec5 .process_con .list .process{margin-top:35px;line-height:80px;font-weight:600}
    .msec5 .process_con .list .process:before{content:'';display:block;position:absolute;left:0;width:80px;margin-left:-40px;height:80px;background:url('/dblack/images/ico_arrow-next.png') no-repeat center}
    .msec5 .process_con .list .process:after{content:'';position:absolute;left:50%;bottom:82px;height:30px;border-left:2px dotted #d9d9d9}
	.msec5 .process_con .list li:first-child .process:before{display:none}
    
    .msec5 .process_con .list li .inner:hover .box{transform:rotateY(180deg)}
    .msec5 .process_con .list li .inner:hover .process{color:var(--main-color)}
	.msec5 .process_con .list li .inner:hover .process:after{border-color:var(--main-color)}
    
    .msec5 .process_con .process_bg{display:block;position:absolute;left:0;width:100%;bottom:0px;height:80px;line-height:80px;border-radius:50px;background:#fff}
    
    
    .msec6{background:url('/dblack/images/ms6_bg.png') no-repeat center 0;padding:200px 0}
    .msec6 .container{display:flex;gap:110px;justify-content:center;align-items:center}
    .msec6 .container .thumbG{position:relative}
    .msec6 .container .thumbG .bubble{position:absolute;width:150px;height:70px;line-height:50px;font-size:20px;font-weight:600;text-align:center;color:#fff}
    .msec6 .container .thumbG .bubble.s1{left:5%;top:40%;background:url('/dblack/images/ms6_bubble2.png') no-repeat;animation: wave_motion 2s infinite}
    .msec6 .container .thumbG .bubble.s2{right:0%;top:25%;background:url('/dblack/images/ms6_bubble.png') no-repeat;animation: wave_motion 2.2s infinite}
    .msec6 .container .thumbG .bubble.s3{right:12%;top:68%;background:url('/dblack/images/ms6_bubble.png') no-repeat;animation: wave_motion 2.4s infinite}
    .msec6 .container .infoG{width:440px}
    .msec6 .container .infoG .btn{display:flex;gap:10px;}
    
    
    
    .msec7{background:#f9f9f9;padding:150px 0}
    .msec7 .banner_con{position:relative;height:520px;margin:100px 0 50px;}
    .msec7 .banner_con .bg{height:100%;background:url('/dblack/images/ms7_bg.jpg') no-repeat center;max-width:100%;margin:0 auto;border-radius:0;transition:0.5s}
    .msec7 .banner_con .cont{position:absolute;left:0;top:0;width:100%;height:100%}
    .msec7 .banner_con .container{display:flex;height:100%;padding:0 0;}
    .msec7 .banner_con .container:before{content:'';position:absolute;left:50%;top:20%;width:1px;height:60%;background:#fff;opacity:0.5;transition:0.5s}
    .msec7 .banner_con .item{flex:1;position:relative;z-index:10;text-align:center;color:#fff;height:100%;padding-top:180px;transition:0.5s}
    .msec7 .banner_con .item.s1:before{content:'';position:absolute;z-index:-1;right:0;width:0%;top:0;height:100%;background:rgba(0,0,0,0.2);transition:1s;border-radius: 17px 0 0 17px}
    .msec7 .banner_con .item.s2:before{content:'';position:absolute;z-index:-1;left:0;width:0%;top:0;height:100%;background:rgba(0,0,0,0.2);transition:1s;border-radius: 0 15px 15px 0}
    .msec7 .banner_con .item .ico{height:50px;}
    .msec7 .banner_con .item .tit{font-size:34px;font-weight:600}
    .msec7 .banner_con .item .desc{margin:20px 0}
    .msec7 .banner_con .item .btn-more{opacity:0;transition:0.5s}
    .msec7 .banner_con .item:hover{padding-top:130px;opacity:1 !important}  
    .msec7 .banner_con .item:hover .btn-more{opacity:1}
    .msec7 .banner_con .item:hover:before{width:100%}
    
    .msec7 .banner_con:hover .item{opacity:0.5}
    .msec7 .banner_con:hover:after{opacity:0.2}
    .msec7 .banner_con:hover .container:before{opacity:0}
    
    .msec7.on .banner_con .bg{max-width:1660px;border-radius:20px;}

    
}

/*tablet*/
@media all and (max-width:1480px) and (min-width:1201px) {
    .msec5 .process_con .list .box{width:220px}
    .sitemap_win:before{width:500px}
    .sitemap_win .menu_con{padding-left:500px}
    .sitemap_win .menu_con .menu{padding-left:100px}
}

/*_mobile*/
@media all and (max-width:1200px) {

     .btn-more{margin:30px 0}
    .btn-more a{display:inline-block;position:relative;height:40px;line-height:38px;border:1px solid #333;border-radius:50px;padding:0 45px 0 20px;font-size:15px;font-weight:600;background:#fff;overflow:hidden;transition:0.3s}      
    .btn-more a:after{content:'';display:block;position:absolute;right:4px;top:4px;;width:30px;height:30px;border-radius:50%;background:url('/dblack/images/ico_arrow-next-w.png') no-repeat 52% center /5px #333;transition:0.3s}
    .btn-more a:hover:after{background-color:var(--main-color);background-position:55% center}
    .btn-more.w a{border-color:#fff;background:none;color:#fff}
    .btn-more.w a:after{background:url('/dblack/images/ico_arrow-next.png') no-repeat 55% center  /5px #fff}
    .btn-more.w a:hover:after{background-color:var(--main-color);background-position:55% center}
	.btn-more.hidden {opacity: 0}
    
    
    .md-tit{font-size:26px;font-weight:700;line-height:1.3;margin:20px 0;word-break:keep-all}
    .md-tit.ico:before{content:'';display:block;width:20px;height:3px;border-radius:5px;background:var(--main-color);transform:rotate(-45deg);margin:20px 0}     
    .md-tit.w{color:#fff}
    .md-tit.center.ico:before{margin-left:auto;margin-right:auto}
    
    .md-desc{font-size:13px;margin:20px 0;line-height:1.6;word-break:keep-all;color:#333}
    .md-desc.w{color:#fff}
    
    .desc{line-height:1.5}
    
    

    .msec1{}
    .msec1 .swiper-container{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{transform:scale(1.1);height:100%;transition:10s}
    .msec1 .swiper-slide.s1 .bg{background:url('/dblack/images/ms1_img1_mo.jpg') no-repeat center /cover}
    .msec1 .swiper-slide.s2 .bg{background:url('/dblack/images/ms1_img2_mo.jpg') no-repeat center /cover}
    .msec1 .swiper-slide-active .bg{transform: scale(1.0);;transition:10s}
    .msec1 .swiper-slide .slogan{position:absolute;z-index:10;bottom:60px;width:100%}
    .msec1 .swiper-slide .slogan .text1{font-size:16px;font-weight:600;color:#fff;transform: translateX(-20px);opacity:0;transition:0.5s 0.5s}
    .msec1 .swiper-slide .slogan .text2{font-size:45px;font-weight:800;color:#fff;transform: translateX(-30px);opacity:0;margin-top:10px;transition:0.5s 0.5s}
    .msec1 .swiper-slide-active .slogan .text1{transform: translateX(0);opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{transform: translateX(0);opacity:1}
    .msec1 .swiper-control{position:absolute;z-index:10;left:20px;bottom:200px;display:flex;flex-direction:column;gap:5px;justify-content:space-between;height:100px;text-align:center}
    .msec1 .swiper-control .swiper-button-prev-custom{position:static;width:20px;height:20px;background:url('/dblack/images/swiper-top.png') no-repeat center /10px;cursor:pointer}
    .msec1 .swiper-control .swiper-button-next-custom{position:static;width:20px;height:20px;background:url('/dblack/images/swiper-bottom.png') no-repeat center /10px;cursor:pointer}
    .msec1 .swiper-control .swiper-pagination-custom{position:static;display:flex;flex-direction:column;gap:10px;align-items:center;color:#fff;}
    .msec1 .swiper-control .swiper-pagination-custom > span{display:block;position:relative;width:20px;;font-size:13px;color:#fff;font-weight:600}
    .msec1 .swiper-control .swiper-pagination-custom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff}
    

    

    .msec2{margin:80px 0;overflow:hidden}
    .msec2 .slogan{position:relative;z-index:10}
    .msec2 .slogan .tit{font-size:60px;font-weight:700;line-height:1.1;
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #333;
        -webkit-text-fill-color: transparent;
        
    }
    .msec2 .slogan .tit span{
        -webkit-background-clip: text;
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 100% 0%;
        background-image: linear-gradient(0deg, #333 0%, #333 50%, transparent 50.1%);
        transition: 2s 0.5s;
    }
    .msec2 .slogan.aos-animate .tit span{background-size: 100% 200%;}
    .msec2 .slogan .desc{margin:20px 0;line-height:1.6;color:#333}
    .msec2 .bg{text-align:center}    
	.msec2 .car_con{display:inline-block;position:relative;z-index:10;}
	.msec2 .circleG{position:absolute;z-index:-1;left:0;width:100%;top:0;padding-top:100%;}
    .msec2 .circleG .ripple {  position: absolute;  top: 50%;  left: 50%;  width: 20px;  height: 20px;  border: 1px solid #ddd;  border-radius: 50%;  transform: translate(-50%, -50%);  opacity:0;}
	.msec2 .circleG .ripple.s1{animation: spread 10s ease-out infinite}
	.msec2 .circleG .ripple.s2{animation: spread 11s ease-out infinite;animation-delay: 2s;}
	.msec2 .circleG .ripple.s3{animation: spread 12s ease-out infinite;animation-delay: 3s;}
	.msec2 .circleG .ripple.s4{animation: spread 13s ease-out infinite;animation-delay: 4s;}
    


   
    .msec3{}
    .msec3 .banner_con{display:flex;flex-direction: column;gap:50px}
    .msec3 .banner_con .thumbG{order:1}
    .msec3 .banner_con .thumbG .item{position:relative}
    .msec3 .banner_con .thumbG .item .inner{position:absolute;left:0;width:90%;padding:0 20px;bottom:50px}
    .msec3 .banner_con .swiper-slide .inner{transform:translateY(20px);opacity:0;transition:0.5s 0.5s}
    .msec3 .banner_con .swiper-slide-active .inner{transform:translateY(0px);opacity:1}
    .msec3 .banner_con .swiper-pagination{left:20px ;width:auto}
    .msec3 .banner_con .infoG{padding:0 20px}
    .msec3 .banner_con .infoG .sticky{}
    
    
    .msec4{margin:100px 0}
    .msec4 .swiper a{display:block}
    .msec4 .swiper-slide{text-align:center}
    .msec4 .swiper-slide .thumb{margin:0 auto;;width:330px;height:330px;background:#fff;border-radius:50%;border:1px solid #eee;transform:scale(0.8);transition:0.3s}    
    .msec4 .swiper-slide .info{position:relative;margin:20px 0;padding:0 20px}
    .msec4 .swiper-slide .info > span{display:block}
    .msec4 .swiper-slide .info .no{color:#999;font-weight:600}
    .msec4 .swiper-slide .info .tit{font-size:22px;font-weight:600;margin:10px 0}
    .msec4 .swiper-slide .info .desc{color:#333;line-height:1.5;margin:20px 0;word-break: keep-all}
    
    .msec4 .swiper-slide-active .thumb{background:#f9f9f9;border:1px solid #f9f9f9;transform:scale(1)}
    
    .msec4 .swiper-button-prev{left:20px;top:calc(330px / 2);margin-top:0;width:34px;height:34px;border-radius:50%;background:url('/dblack/images/ico_arrow-prev-w.png') no-repeat 47% center #333}
    .msec4 .swiper-button-next{right:20px;top:calc(330px / 2);margin-top:0;width:34px;height:34px;border-radius:50%;background:url('/dblack/images/ico_arrow-next-w.png') no-repeat 55% center #333}
    
    
    .msec5{background:#f9f9f9;padding:80px 0}
    .msec5 .container{max-width:1480px}
    .msec5 .process_con{position:relative;margin:50px 0 25px}
    .msec5 .process_con .list{}
    .msec5 .process_con .list li{position:relative;text-align:center;margin:20px 0}
    .msec5 .process_con .list li > .inner{}
    .msec5 .process_con .list .box{position:relative;width:100%;height:160px;transform-style: preserve-3d;;transition:transform 0.5s;}
    .msec5 .process_con .list .box > div{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 0;background:#fff;border-radius:10px;text-align:center;backface-visibility: hidden}
    .msec5 .process_con .list .box > div span{display:block;}
    .msec5 .process_con .list .box .front{transform:rotateY(0)}
    .msec5 .process_con .list .box .front .ico{display:flex;justify-content:center;align-items:center; height:80px;}
    .msec5 .process_con .list .box .front .ico img{max-width:40px;max-height:40px}
    .msec5 .process_con .list .box .front .name{font-size:20px;font-weight:600}
    .msec5 .process_con .list .box .front .plus{display:none}
    .msec5 .process_con .list .box .back{display:flex;border:2px solid var(--main-color);transform:rotateY(180deg);;text-align:center;transition:1s}
    .msec5 .process_con .list .box .back .inner{width:50%;display:flex;position:relative;flex-direction:column;justify-content: center;align-items: center}
    .msec5 .process_con .list .box .back .inner:after{content:'';position:absolute;right:0;top:20%;height:60%;border-right:1px solid #ddd}
    .msec5 .process_con .list .box .back .ico{margin:10px 0}
    .msec5 .process_con .list .box .back .ico img{max-height:40px;filter:invert(58%) sepia(80%) saturate(425%) hue-rotate(56deg) brightness(91%) contrast(83%);}
    .msec5 .process_con .list .box .back .name{font-size:18px;font-weight:600;margin:10px 0}
    .msec5 .process_con .list .box .back .desc{width:50%;display:flex;justify-content:center;align-items:center;color:#666; word-break: keep-all;padding:0 20px}    
    .msec5 .process_con .list .process{font-size:0}
	.msec5 .process_con .list .process:after{content:'';position:absolute;left:50%;top:-18px;height:16px;border-left:2px dotted #949494}
    .msec5 .process_con .list li:first-child .process:before,
	.msec5 .process_con .list li:first-child .process:after{display:none}
    
    .msec5 .process_con .list li.on .inner .box{transform:rotateY(180deg)}
	.msec5 .process_con .list li.on .inner .process:after{border-color:var(--main-color)}
    .msec5 .process_con .list li.off .box .back{border-color:#fff}
    .msec5 .process_con .list li.off .box .back .ico img{filter:none}
    
    .msec5 .process_con .process_bg{display:none}
    
    
    .msec6{;padding:100px 0}
    .msec6 .container{}
    .msec6 .container .thumbG{position:relative}
    .msec6 .container .thumbG .bubble{position:absolute;width:90px;height:40px;line-height:34px;font-size:13px;font-weight:600;text-align:center;color:#fff}
    .msec6 .container .thumbG .bubble.s1{left:5%;top:40%;background:url('/dblack/images/ms6_bubble2.png') no-repeat 0 /90px;animation: wave_motion 2s infinite}
    .msec6 .container .thumbG .bubble.s2{right:0%;top:25%;background:url('/dblack/images/ms6_bubble.png') no-repeat 0 /90px;animation: wave_motion 2.2s infinite}
    .msec6 .container .thumbG .bubble.s3{right:12%;top:68%;background:url('/dblack/images/ms6_bubble.png') no-repeat 0 /90px;animation: wave_motion 2.4s infinite}
    .msec6 .container .infoG{text-align:center}
    .msec6 .container .infoG .ico:before{margin-left:auto;margin-right:auto}
    .msec6 .container .infoG .btn{display:flex;justify-content:center;gap:14px}
    .msec6 .container .infoG .btn a{max-width:150px}
    
    
    
    .msec7{background:#f9f9f9;padding:80px 0}
    .msec7 .banner_con{position:relative;padding:0 20px}
    .msec7 .banner_con .cont{height:100%;background:url('/dblack/images/ms7_bg_mo.jpg') no-repeat center;max-width:100%;margin:0 auto;border-radius:10px}
    .msec7 .banner_con .container{}
    .msec7 .banner_con .container:before{content:'';position:absolute;left:10%;top:50%;width:80%;height:1px;background:#fff;opacity:0.3}
    .msec7 .banner_con .item{position:relative;text-align:center;color:#fff;padding:50px 0}
    .msec7 .banner_con .item .ico{height:40px;}
    .msec7 .banner_con .item .ico img{max-width:34px;max-height:34px}
    .msec7 .banner_con .item .tit{font-size:18px;font-weight:600}
    .msec7 .banner_con .item .desc{margin:20px 0}

    .msec7 .banner_con .item .btn-more{margin:20px 0 0}


}