/*pc*/
@media all and (min-width:1024px) {	 
    

    
    .msec1{position:relative}
    .msec1 .search_wrap{position:absolute;z-index:10;left:0;width:100%;top:50%;transform:translateY(-50%)}
    .msec1 .searchG{display:flex;align-items:center;width:750px;margin:0 auto;line-height:78px;border:3px solid #fff;border-radius:78px}
    .msec1 .searchG input[type="text"]{flex:1;height:78px;line-height:74px;color:#fff;font-size:25px;background:none;border:0;text-indent:50px}
    .msec1 .searchG input[type="text"]::placeholder{color:#fff}
    .msec1 .searchG input[type="image"]{margin:0 40px}
    .msec1 .recommendG{text-align:center;margin-top:40px}
    .msec1 .recommendG a{display:inline-block;height:50px;line-height:46px;border:2px solid #fff;padding:0 30px;font-size:24px;color:#fff;border-radius:56px;font-weight:600;margin:0 10px}
    
    .msec1 .slogan{position:absolute;z-index:10;top:118px;width:100%;color:#fff}    
    .msec1 .slogan .text1{display:block;position:relative;top:20px;opacity:0;font-size:24px;letter-spacing:-0.72;transition:0.8s 0.5s}
    .msec1 .slogan .text2{display:block;position:relative;top:20px;margin-top:20px;opacity:0;letter-spacing:-1.5px; font-size:50px;transition:0.8s 1s}
    .msec1 .slogan .text3{display:block;position:relative;top:20px;margin-top:11px;opacity:0;font-size:18px;font-weight:100;transition:0.8s 1.5s}
    .msec1 .slogan.on .text1{top:0;opacity:1}
    .msec1 .slogan.on .text2{top:0;opacity:1}
    .msec1 .slogan.on .text3{top:0;opacity:1}
    
    .msec1 .swiper{position:relative}
    .msec1 .swiper-slide{height:900px;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:6s}
    .msec1 .swiper-slide-active .bg{transform:scale(1.05)}
    .msec1 .swiper-slide.s1 .bg{background:url(../images/ms1_visual1.jpg) no-repeat center /cover}
    .msec1 .swiper-slide.s2 .bg{background:url(../images/ms1_visual2.jpg) no-repeat center /cover}

    .msec1 .swiper-controller{position:absolute;z-index:10;left:0;width:100%;bottom:100px}
    .msec1 .swiper-controller .container{display:flex;justify-content:flex-end;align-items:center}   
    .msec1 .swiper-button-pause{display:flex;justify-content: space-around; width:24px;height:18px;cursor:pointer;opacity:0.5}
    .msec1 .swiper-button-pause.on{opacity:1}
    .msec1 .swiper-button-pause:before,
    .msec1 .swiper-button-pause:after{display:block;content:'';width:2px;height:100%;background:#fff}
    .msec1 .swiper-pagination2{display:flex;align-items:center; width:auto;margin-right:30px;font-size:0}
    .msec1 .swiper-pagination2 span{display:inline-block;width:50px;text-align:center;font-size:22px;color:#fff;}
    .msec1 .swiper-pagination2 .bar{display:inline-block;width:1px;height:14px;background:#fff;content:'';transform:rotate(45deg)}
    .msec1 .swiper-button-prev2,
    .msec1 .swiper-button-next2{width:50px;height:50px;border-radius:5px;cursor:pointer}
    .msec1 .swiper-button-prev2{background:url(../images/ico_prev.png) no-repeat center #fff;transition:0.3s}
    .msec1 .swiper-button-prev2:hover{background-position:40% center}
    .msec1 .swiper-button-next2{background:url(../images/ico_next.png) no-repeat center #fff;margin-left:5px;transition:0.3s}
    .msec1 .swiper-button-next2:hover{background-position:60% center}

    

    .msec2{margin:85px 0;overflow:hidden}
    .msec2 .container{display:flex;gap:27px}
    .msec2 .left_cont{width:60%}    
    .msec2 .left_cont .h2G{display:flex;justify-content:space-between;align-items:center; margin-bottom:50px}
    .msec2 .left_cont .h2G h2{display:flex;align-items:center;font-size:48px;font-weight:800;color:#232323}
    .msec2 .left_cont .h2G h2 span{display:flex;align-items:center; font-size:22px;margin-left:50px}
    .msec2 .left_cont .h2G h2 span:before{display:inline-block;content:'';width:50px;height:2px;background:#03156B;margin-right:25px}
    .msec2 .left_cont .h2G .more{width:54px;height:54px;background:url('../images/ico_cplus.png') no-repeat center;transition:0.3s}
    .msec2 .left_cont .h2G .more:hover{transform:rotate(90deg)}
    .msec2 .left_cont ul{border:1px solid #cbcbcb;border-radius:10px;padding:34px;height:324px}
    .msec2 .left_cont li{display:flex;justify-content: space-between;line-height:50px;border-bottom:1px dashed #ddd;}
    .msec2 .left_cont li a{position:relative;font-size:22px;letter-spacing: -0.66px;padding-left:20px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition:0.3s}
    
    .msec2 .left_cont li a:hover{padding-left:30px}
    .msec2 .left_cont li a:before{content:'';position:absolute;left:0;top:45%;width:4px;height:4px;background:#222;border-radius:50%;}    
    .msec2 .left_cont li .date{font-size:18px;color:#7B7B7B;white-space: nowrap;}
    
    .msec2 .right_cont{display:flex;align-items: flex-end;flex:1}
    .msec2 .right_cont ul{display:flex;flex-wrap:wrap;align-content:flex-end;gap:20px 27px;flex:1}
    .msec2 .right_cont li{width:calc(50% - 27px / 2);height:150px}
    .msec2 .right_cont li a{display:flex;align-items:center; font-size:24px;font-weight:600;color:#fff;background:#005BAC;border-radius:10px;height:100%;padding-left:30px;letter-spacing: -0.72px;transition: 0.3s}
    .msec2 .right_cont li a:hover{filter: brightness(1.1)}
    .msec2 .right_cont li:nth-child(1) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #005BAC}
    .msec2 .right_cont li:nth-child(2) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #179AC8}
    .msec2 .right_cont li:nth-child(3) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #019875}
    .msec2 .right_cont li:nth-child(4) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #40B89C}
    
    
    
    .msec3{margin:105px 0}
    .msec3 .container{}
    .msec3 .h2G{text-align:center;margin:50px 0}
    
    .msec3 .h2G h2{font-size:48px;font-weight:800;color:#232323}
    .msec3 .h2G .desc{font-size:20px;color:#5d5d5d;margin:10px 0}
    .msec3 .cont{display:flex;gap:55px;justify-content: space-between}
    .msec3 .cont li{position:relative;flex:1;width:calc(33.33% - 55px * 2 / 3)}
    .msec3 .banner .tit{display:flex;justify-content: space-between;align-items: center}
    .msec3 .banner .swiper-controller{display:flex}
    .msec3 .banner .swiper-button-prev2,
    .msec3 .banner .swiper-button-next2,
    .msec3 .banner .swiper-button-pause{width:15px;height:36px;margin-left:20px;cursor:pointer}
    .msec3 .banner .swiper-button-prev2{background:url(../images/ico_prev.png) no-repeat center}
    .msec3 .banner .swiper-button-next2{background:url(../images/ico_next.png) no-repeat center}
    .msec3 .banner .swiper-button-pause{background:url(../images/ico_pause.png) no-repeat center;opacity:0.5}
    .msec3 .banner .swiper-button-pause.on{opacity:1}
    .msec3 .cont .tit{margin:20px 0;font-size:30px;color:#06144E;font-weight:600}
    .msec3 .cont .tit a{display:flex;align-items:center;justify-content: space-between}
    .msec3 .cont .tit a img{margin-left:20px}
    .msec3 .cont .tit a i{width:24px;height:24px;background:url(../images/ico_plus.png) no-repeat 100% center;transition:0.3s}
    .msec3 .cont .tit a:hover i{transform:rotate(90deg)}
    .msec3 .boxG{border:1px solid #ccc;border-radius:10px;overflow:hidden}
    .msec3 .boxG .thumb a{display:block;overflow:hidden}
    .msec3 .boxG .thumb a img{vertical-align:top; transition:0.3s}
    .msec3 .boxG .thumb a:hover img{transform:scale(1.05)}
    
    .msec3 .boxG .info{padding:20px 40px}
    .msec3 .boxG .subject{font-size:24px;color:#000;font-weight:500}
    .msec3 .boxG .desc{font-size:20px;color:#4f4f4f;margin-top:20px;line-height:1.5;font-weight:300;min-height:130px;overflow:hidden}
    .msec3 .boxG .date{text-align:right;color:#666}

    
    
    
    .msec4 {position:relative;background:url(../images/ms4_pattern.png) no-repeat;min-height:760px;margin:105px 0;overflow:hidden}
    .msec4 .container{position:static;}
    .msec4 .bg{position:absolute;right:0;width:60%;height:100%;background:url(../images/ms4_bg.jpg) no-repeat center /cover}  

    
    .msec4 .left_cont{position:relative;z-index:10;width:45%;padding:150px 0 0}
    .msec4 .left_cont .banner1{box-shadow:10px 10px 10px rgba(0,0,0,0.3);background:#eee}
    .msec4 .left_cont .banner1 img{vertical-align:top}
    
    .msec4 .right_cont{position:absolute;left:50%;width:50%;top:0;padding:150px 0 0;line-height:1.3}
    .msec4 .right_cont .infoG li{display:none}
    .msec4 .right_cont .infoG li.on{display:block}
    .msec4 .right_cont .tit{font-size:30px;color:#FFD200}
    .msec4 .right_cont .subject{font-size:30px;color:#fff;margin:20px 0;max-width:500px}
    .msec4 .right_cont .desc{font-size:20px;color:#fff;font-weight:200;max-width:500px}
    .msec4 .right_cont .more{margin:50px 0}
    .msec4 .right_cont .more a{display:inline-block;padding-right:60px;font-size:16px;color:#fff;background:url(../images/ico_arrow_more.png) no-repeat 90% center;transition:0.3s}
    .msec4 .right_cont .more a:hover{background-position:100% center}
    
    .msec4 .swiper-controller{display:flex;align-items:center;margin-top:40px}
    .msec4 .swiper-controller .swiper-button-prev2{width:100px;height:50px;background:url(../images/ico_arrow_prev.png) no-repeat center;cursor:pointer;transition:0.3s}
    .msec4 .swiper-controller .swiper-button-prev2:hover{background-position:40% center}
    .msec4 .swiper-controller .swiper-button-next2{width:100px;height:50px;background:url(../images/ico_arrow_next.png) no-repeat center;cursor:pointer;transition:0.3s}
    .msec4 .swiper-controller .swiper-button-next2:hover{background-position:60% center}
    .msec4 .swiper-controller .swiper-button-disabled{opacity:0.5}
    .msec4 .swiper-controller .swiper-pagination2{width:auto;margin:0 10px}
    .msec4 .swiper-controller .swiper-pagination2 .current{display:inline-block;font-size:40px;color:#000;font-weight:700;min-width:55px;text-align:center}
    .msec4 .swiper-controller .swiper-pagination2 .bar{display:inline-block;position:relative;top:15px;height:30px;width:3px;background:#c8c8c8;transform:rotate(15deg);margin:0 10px}
    .msec4 .swiper-controller .swiper-pagination2 .total{position:relative;top:15px;font-size:24px;color:#666}
        
    .msec4 .right_cont .swiper-slide{overflow:hidden;}
    .msec4 .right_cont .swiper-slide img{vertical-align:top;cursor:pointer; transition:0.3s}
    .msec4 .right_cont .swiper-slide:hover img{transform:scale(1.05)}


}

    



/*mobile*/
@media all and (max-width:1023px) {
    
    .msec1{position:relative}
    .msec1 .search_wrap{display:none}
    
    .msec1 .slogan{position:absolute;z-index:10;top:80px;width:100%;color:#fff;padding:0 20px}    
    .msec1 .slogan .text1{display:block;position:relative;top:20px;opacity:0;font-size:17px;letter-spacing:-0.72;transition:0.8s 0.5s}
    .msec1 .slogan .text2{display:block;position:relative;top:20px;margin-top:10px;opacity:0;letter-spacing:-1.5px; font-size:36px;transition:0.8s 1s}
    .msec1 .slogan .text3{display:block;position:relative;top:20px;margin-top:10px;opacity:0;font-size:12px;font-weight:100;transition:0.8s 1.5s}
    .msec1 .slogan.on .text1{top:0;opacity:1}
    .msec1 .slogan.on .text2{top:0;opacity:1}
    .msec1 .slogan.on .text3{top:0;opacity:1}
    
    .msec1 .swiper{position:relative}
    .msec1 .swiper-slide{height:340px;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:6s}
    .msec1 .swiper-slide-active .bg{transform:scale(1.05)}
    .msec1 .swiper-slide.s1 .bg{background:url(../images/ms1_visual1.jpg) no-repeat center /cover}
    .msec1 .swiper-slide.s2 .bg{background:url(../images/ms1_visual2.jpg) no-repeat center /cover}

    .msec1 .swiper-controller{display:none;}

    

    .msec2{margin:40px 0;overflow:hidden}
    .msec2 .container{}
    .msec2 .left_cont{}    
    .msec2 .left_cont .h2G{display:flex;justify-content:space-between;align-items:center; margin-bottom:30px}
    .msec2 .left_cont .h2G h2{display:flex;align-items:center;font-size:33px;font-weight:800;color:#232323}
    .msec2 .left_cont .h2G h2 span{display:flex;align-items:center; font-size:18px;margin-left:30px}
    .msec2 .left_cont .h2G h2 span:before{display:inline-block;content:'';width:30px;height:1px;background:#03156B;margin-right:15px}
    .msec2 .left_cont .h2G .more{width:36px;height:36px;background:url('../images/ico_cplus.png') no-repeat center /cover;transition:0.3s}
    .msec2 .left_cont ul{padding:0 5px}
    .msec2 .left_cont li{display:flex;justify-content: space-between;line-height:50px;border-bottom:1px dashed #ddd;}
    .msec2 .left_cont li a{position:relative;font-size:18px;letter-spacing: -0.66px;padding-left:20px;font-weight:600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition:0.3s}    
    .msec2 .left_cont li a:hover{padding-left:30px}
    .msec2 .left_cont li a:before{content:'';position:absolute;left:0;top:45%;width:4px;height:4px;background:#222;border-radius:50%;}    
    .msec2 .left_cont li .date{display:none;font-size:18px;color:#7B7B7B;white-space: nowrap;}
    
    
    .msec2 .right_cont{margin-top:40px}
    .msec2 .right_cont ul{}
    .msec2 .right_cont li{height:150px;margin:20px 0}
    .msec2 .right_cont li a{display:flex;align-items:center; font-size:24px;font-weight:600;color:#fff;background:#005BAC;border-radius:10px;height:100%;padding-left:30px;letter-spacing: -0.72px;transition: 0.3s}
    .msec2 .right_cont li a:hover{filter: brightness(1.1)}
    .msec2 .right_cont li:nth-child(1) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #005BAC}
    .msec2 .right_cont li:nth-child(2) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #179AC8}
    .msec2 .right_cont li:nth-child(3) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #019875}
    .msec2 .right_cont li:nth-child(4) a{background:url(../images/ms2_ico1.png) no-repeat 95% 95% #40B89C}
    
    
    
    .msec3{margin:40px 0}
    .msec3 .container{}
    .msec3 .h2G{text-align:center;margin:50px 0}
    
    .msec3 .h2G h2{font-size:36px;font-weight:800;color:#232323}
    .msec3 .h2G .desc{font-size:15px;color:#5d5d5d;margin:10px 0}
    .msec3 .cont{}
    .msec3 .cont li{position:relative;margin:50px 0}
    .msec3 .banner .tit{display:flex;justify-content: space-between;align-items: center}
    .msec3 .banner .swiper-controller{display:flex}
    .msec3 .banner .swiper-button-prev2,
    .msec3 .banner .swiper-button-next2,
    .msec3 .banner .swiper-button-pause{width:15px;height:36px;margin-left:20px;cursor:pointer}    
    .msec3 .banner .swiper-button-prev2{background:url(../images/ico_prev.png) no-repeat center}
    .msec3 .banner .swiper-button-next2{background:url(../images/ico_next.png) no-repeat center}
    .msec3 .banner .swiper-button-pause{background:url(../images/ico_pause.png) no-repeat center;opacity:0.5}
    .msec3 .banner .swiper-button-pause.on{opacity:1}
    .msec3 .banner .swiper-button-disabled{opacity:0.5}
    .msec3 .cont .tit{margin:20px 0;font-size:26px;color:#06144E;font-weight:600}
    .msec3 .cont .tit a{display:flex;align-items:center;justify-content: space-between}
    .msec3 .cont .tit a img{margin-left:20px}
    .msec3 .cont .tit a i{width:20px;height:20px;background:url(../images/ico_plus.png) no-repeat 100% center /cover}
    .msec3 .boxG{overflow:hidden}
    .msec3 .boxG .thumb{text-align:center}
    .msec3 .boxG .thumb a{display:block;overflow:hidden}
    .msec3 .boxG .thumb a img{vertical-align:top; transition:0.3s}
    .msec3 .boxG .thumb a:hover img{transform:scale(1.05)}
    
    .msec3 .boxG .info{padding:20px 0}
    .msec3 .boxG .subject{font-size:22px;color:#000;font-weight:500}
    .msec3 .boxG .desc{font-size:18px;color:#4f4f4f;margin-top:20px;line-height:1.5;font-weight:300;;overflow:hidden}
    .msec3 .boxG .date{display:none;text-align:right;color:#666}

    
    
    
    .msec4 {position:relative;margin:40px 0 0;overflow:hidden}
    .msec4 .container{position:static;}
    .msec4 .container > .tit{position:relative;top:0px;font-size:26px;margin:20px 0}
    .msec4 .bg{position:absolute;left:0;top:120px;width:100%;height:100%;background:url(../images/ms4_bg.jpg) no-repeat center /cover}  

    
    .msec4 .left_cont{position:relative;z-index:10;max-width:640px}
    .msec4 .left_cont .banner1{box-shadow:10px 10px 10px rgba(0,0,0,0.3);background:#eee}
    .msec4 .left_cont .banner1 img{vertical-align:top}
    
    .msec4 .right_cont{position:relative;padding:20px 0 60px;line-height:1.3}
    .msec4 .right_cont .infoG li{display:none}
    .msec4 .right_cont .infoG li.on{display:block}
    .msec4 .right_cont .tit{font-size:26px;color:#FFD200;margin-top:20px}
    .msec4 .right_cont .subject{font-size:20px;color:#fff;margin:20px 0;max-width:500px}
    .msec4 .right_cont .desc{font-size:18px;color:#fff;font-weight:200;max-width:500px}
    .msec4 .right_cont .more{margin:40px 0}
    .msec4 .right_cont .more a{display:inline-block;font-size:16px;color:#fff;padding-right:50px;font-size:16px;color:#fff;background:url(../images/ico_arrow_more.png) no-repeat right center}
    

    
    .msec4 .swiper-controller{display:flex;position:absolute;z-index:10;left:0;bottom:0;background:#222;align-items:center;padding-right:10px}
    .msec4 .swiper-controller .swiper-button-prev2{order:1;width:35px;height:36px;background:url(../images/ico_prev_w.png) no-repeat center;cursor:pointer}
    .msec4 .swiper-controller .swiper-button-next2{order:2;width:35px;height:36px;background:url(../images/ico_next_w.png) no-repeat center;cursor:pointer}
    .msec4 .swiper-controller .swiper-button-disabled{opacity:0.5}
    .msec4 .swiper-controller .swiper-pagination2{order:3;width:auto;margin:0 10px}
    .msec4 .swiper-controller .swiper-pagination2 .current{display:inline-block;font-size:20px;color:#fff;font-weight:500;min-width:30px;text-align:center}
    .msec4 .swiper-controller .swiper-pagination2 .bar{display:inline-block;position:relative;top:0;height:16px;width:2px;background:#c8c8c8;transform:rotate(15deg);margin:0 5px}
    .msec4 .swiper-controller .swiper-pagination2 .total{position:relative;top:0;font-size:12px;color:#666}
    

    
    .msec4 .banner2{position:absolute;left:-9999px;}
    .msec4 .swiper-slide{overflow:hidden;}
    .msec4 .swiper-slide .hide{display:none}
    .msec4 .swiper-slide img{vertical-align:top;cursor:pointer; transition:0.3s}
    .msec4 .swiper-slide:hover img{transform:scale(1.05)}



}