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


    .msec1{}
    .msec1 .swiper-slide{height:100vh;}
    .msec1 .swiper-slide.s1{background:url('/images/msec1_img1.jpg') no-repeat center /cover}
    .msec1 .swiper-slide.s1 .slogan{position:absolute;z-index:10;left:38%;top:63%;width:60%}
    
    .msec1 .swiper-slide.s2{background:url('/images/msec1_img2.jpg') no-repeat center /cover}
    .msec1 .swiper-slide.s2 .slogan{position:absolute;z-index:10;left:0;top:40%;width:100%;text-align:center}

    
    .msec1 .slogan .text1{display:block;transform:translateY(20px);opacity:0;font-size:56px;color:var(--main-color-light);text-transform:uppercase;transition:0.5s 0.5s}
    .msec1 .slogan .text2{display:block;transform:translateY(20px);;opacity:0;font-size:16px;color:#fff;margin-top:20px;transition:0.5s 1s}
    
     
    
    .msec1 .swiper-slide-active .slogan .text1{transform:translateY(0);opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{transform:translateY(0);opacity:1}
    
    
    .msec2{position:relative;z-index:10}
    .msec2 .img{position:relative;margin-top:-80px;text-align:right}
    .msec2 .infoG{position:absolute;top:50%;transform:translateY(-50%)}
    .msec2 .infoG .slogan{font-size:62px;line-height:1.2;font-weight:600}
    .msec2 .infoG .desc{font-size:18px;margin:25px 0}
    .msec2 .infoG .more{width:290px;margin-top:150px}
    .msec2 .infoG .more a{display:block;line-height:60px;background:var(--main-color);font-size:24px;color:#fff;text-align:center}

    

    .msec3{background:url('/images/msec3_bg.jpg') no-repeat center /cover;padding:100px 0;text-align:center}
    .msec3 .slogan{font-size:62px;color:var(--main-color-light);font-weight:600}
    .msec3 .desc{font-size:18px;color:#fff;margin:20px 0;line-height:2}
    .msec3 .desc:after{content:'';display:block;position:relative;width:2px;height:50px;background:rgba(255,255,255,0.5);margin:30px auto}
    .msec3 .list{display:flex;justify-content: space-around;}
    .msec3 .list li{width:290px;height:290px;border:1px solid var(--main-color-light);border-radius:50%;padding:15px}
    .msec3 .list li span{display:block;border:1px dashed var(--main-color-light);border-radius:50%;height:100%;padding-top:160px;;line-height:1}
    .msec3 .list li span b{display:flex;justify-content: center;align-items:center;height:80px;text-align:center;color:#fff;font-size:16px}
    .msec3 .list li:nth-child(1){background:url('/images/msec3_ico1.png') no-repeat center 35%}
    .msec3 .list li:nth-child(2){background:url('/images/msec3_ico2.png') no-repeat center 35%}
    .msec3 .list li:nth-child(3){background:url('/images/msec3_ico3.png') no-repeat center 35%}

    .msec4{padding:140px 0}
    .msec4 .container{display:flex;justify-content:space-between;gap:30px;}
    .msec4 .container > div{flex:1}
    .msec4 .thumb{margin:20px 0}
    .msec4 .tit{font-size:58px;color:var(--main-color);margin:20px 0;text-transform:uppercase;font-weight:600}
    .msec4 .desc{font-size:22px;margin:10px 0}
    .msec4 .more{width:290px;margin-top:60px}
    .msec4 .more a{display:block;font-size:24px;color:#fff;line-height:60px;background:var(--main-color);text-align:center;font-weight:600}
    .msec4 .con2{display:flex;flex-direction: column}
    .msec4 .con2 .tit{margin-top:0}
    .msec4 .con2 .thumb{order:1}
}

    

/*_mobile*/
@media all and (max-width:1200px) {
    
    .msec1{}
    .msec1 .swiper-slide{height:100vh}
    .msec1 .swiper-slide.s1{background:url('/images/msec1_img1_mo.jpg') no-repeat center /cover}
    .msec1 .swiper-slide.s2{background:url('/images/msec1_img2_mo.jpg') no-repeat center /cover}

    
    .msec1 .slogan{position:absolute;z-index:10;left:0;;bottom:15%;width:100%;text-align:center;padding:0 3%}
    .msec1 .slogan .text1{display:block;transform:translateY(20px);opacity:0;font-size:32px;color:var(--main-color-light);text-transform:uppercase;transition:0.5s 0.5s}
    .msec1 .slogan .text2{display:block;transform:translateY(20px);;opacity:0;font-size:13px;color:#fff;margin-top:20px;transition:0.5s 1s}    

      
    
    .msec1 .swiper-slide-active .slogan .text1{transform:translateY(0);opacity:1}
    .msec1 .swiper-slide-active .slogan .text2{transform:translateY(0);opacity:1}
    
    
    .msec2{position:relative;z-index:10}
    .msec2 .img{position:relative;margin:40px 0}
    .msec2 .infoG{text-align:center}
    .msec2 .infoG .slogan{font-size:18px}
    .msec2 .infoG .desc{font-size:13px;margin:20px 0}
    .msec2 .infoG .more{display:block;width:200px;margin:20px auto}
    .msec2 .infoG .more a{display:block;line-height:40px;background:var(--main-color);font-size:13px;color:#fff;text-align:center}

    

    .msec3{background:url('/images/msec3_bg_mo.jpg') no-repeat center /cover;padding:50px 0;text-align:center}
    .msec3 .slogan{font-size:30px;color:var(--main-color-light)}
    .msec3 .desc{font-size:13px;color:#fff;margin:15px 0;line-height:1.6}
    .msec3 .desc:after{content:'';display:block;position:relative;width:2px;height:30px;background:rgba(255,255,255,0.5);margin:30px auto}
    .msec3 .list{}
    .msec3 .list li{;border:1px solid var(--main-color-light);border-radius:15px;padding:8px;margin:15px 0}
    .msec3 .list li span{display:block;border:1px dashed var(--main-color-light);border-radius:10px;height:100%;padding-left:100px;;line-height:1}
    .msec3 .list li span b{display:flex;justify-content: center;align-items:center;height:100px;;color:#fff;font-size:16px}
    .msec3 .list li:nth-child(1){background:url('/images/msec3_ico1.png') no-repeat 50px center /60px}
    .msec3 .list li:nth-child(2){background:url('/images/msec3_ico2.png') no-repeat 50px center /60px}
    .msec3 .list li:nth-child(3){background:url('/images/msec3_ico3.png') no-repeat 50px center /60px}

    .msec4 {padding:60px 0}
    .msec4 .container{display:flex;flex-wrap:wrap}
	.msec4 .con1{order:2;width:100%}
	.msec4 .con2{order:1;width:100%}
    .msec4 .thumb{margin:10px 0}
    .msec4 .tit{font-size:20px;color:var(--main-color);margin:20px 0 0;text-transform:uppercase}
    .msec4 .desc{font-size:13px;margin:20px 0}
    .msec4 .more{width:200px;margin:30px auto }
    .msec4 .more a{display:block;font-size:13px;color:#fff;line-height:40px;background:var(--main-color);text-align:center;font-weight:600}

   




}