/*pc*/
@media all and (min-width:1124px) {  
#popup_win .btn_close{position:absolute;top:8px;right:8px;width:22px;height:22px;background:url('/base/img/images/lightbox_close.png') no-repeat center }
 .h2{font-size:28px;text-align:center;margin:100px 0 30px}

#popup_win2 .btn_close{position:absolute;top:8px;right:8px;width:25px;height:25px;background:url('/base/img/images/lightbox_close_bk.png') no-repeat center }
 .h2{font-size:30px;text-align:center;margin:100px 0 30px}

    .msec1{}
    .msec1 .swiper-slide{height:940px}
    .msec1 .s1{background:url('/base/img/images/ms1_img1.jpg') no-repeat center /cover}
    .msec1 .s2{background:url('/base/img/images/ms1_img2.jpg') no-repeat center /cover}
    .msec1 .s3{background:url('/base/img/images/ms1_img3.jpg') no-repeat center /cover}
    .msec1 .slogan{position:absolute;z-index:10;left:48%;top:60%;transform:translateY(-95%);opacity:0;transition:0.5s 0.5s}
    .msec1 .slogan .text1{display:block;font-size:48px;color:#fff;font-weight:900;letter-spacing: -1px;}
    .msec1 .slogan .text2{display:block;font-size:20px;color:#fff;margin:15px 0}
    .msec1 .slogan .more{display:inline-block;border:1px solid #fff;font-size:14px;line-height:40px;padding:0 30px;margin:15px 0 0;color:#fff;transition:background 0.3s}
    .msec1 .slogan .more:hover{background:rgba(255,255,255,0.2)}    
    .msec1 .swiper-slide-active .slogan {top:58%;opacity:1}

     .msec2 .con1{float:left;width:50%;padding:80px 6% 0 8%}
     .msec2 .con1 h2{font-size:28px;font-weight:400;line-height:60px;padding:0 20px}
        .msec2 .con1 h2 a{float:right;width:60px;height:60px;background:url(/base/img/images/ms2_more.png) no-repeat center;text-indent:-9999px}
        .msec2 .con1 h2 a:hover{transform:rotate(90deg)}
        .msec2 .con1 ul{border-top:1px solid #ddd}
        .msec2 .con1 li{border-bottom:1px solid #ddd;line-height:50px;padding:0 20px}
        .msec2 .con1 li span{float:right;padding:0 20px;font-size:17px;font-weight:500}
        .msec2 .con1 li a{font-size:17px;}



table{width:100%;border-collapse:collapse;border-top:1px solid #ddd}
.board_output_1_tr td{border-bottom:1px solid #ddd;line-height:48px}
.board_output_1_tr td:nth-child(1){width:3%}
.board_output_1_tr td:nth-child(1) img{display:none}
.board_output_1_tr td:nth-child(2){}
.board_output_1_tr td:nth-child(3){width:20%}
    
    .msec2{}
    .msec2 .container{max-width:1400px}
    .msec2 ul{margin:70px 0;margin-left:-3.33%}
    .msec2 li{float:left;width:30%;margin-left:3.33%}
    .msec2 li .thumb{text-align:center;overflow:hidden;max-width:555px}
    .msec2 li .thumb img{transition:0.5s}
    .msec2 li .thumb:hover img{transform:scale(1.1)}
    .msec2 li .info{padding:20px 0}
    .msec2 li .info .tit{padding:10px 0;font-size:22px;font-weight:600;color:#2f2f2f;border-bottom:2px solid #d9d9d9;letter-spacing:-1px;}
    .msec2 li .info .desc{margin:10px 0;color:#666;min-height:10px}
    .msec2 li .info .more{display:inline-block;line-height:45px;font-size:13px;font-weight:500;background:#678b37;color:#fff;padding:0 80px;transition:background 0.5s}
    .msec2 li .info .more:hover{background:#506c2b}
    
    
    .msec3{position:relative;margin-top:120px}
    .msec3 .h2{}
    .msec3 .tab_banner .menu{text-align:center;font-size:0;margin:50px 0}
    .msec3 .tab_banner .menu a{display:inline-block;line-height:50px;width:250px;background:#f5f5f5;text-align:center;font-size:18px;border-bottom:1px solid #000;font-weight:600}
    .msec3 .tab_banner .menu a.on{border:1px solid #000;border-bottom:0;background:#fff}
    .msec3 .swiper-slide{height:800px;background-size:cover !important}
    .msec3 .swiper-slide span{display:none}
    .msec3 .inmenu{position:absolute;z-index:10;top:0;left:10%;height:100%;width:250px;background:#6d9e2b}
    .msec3 .inmenu .tit{display:block;font-size:34px;color:#fff;text-align:center;padding:60px 0 40px}
    .msec3 .inmenu .swiper-pagination{position:relative;width:150px;margin:0 auto;text-align:left}
    .msec3 .inmenu .swiper-pagination-bullet{display:block;width:auto;height:auto;font-size:16px;color:#fff;background:none;border-radius:0;opacity:1;margin:10px 0;border:0}
    .msec3 .inmenu .swiper-pagination-bullet:after{display:block;content:'';width:0%;height:2px;margin:8px 0;background:#fff;transition:0.5s}
    .msec3 .inmenu .swiper-pagination-bullet:hover:after{width:100%}
    .msec3 .inmenu .swiper-pagination-bullet-active:after{width:100%}
    .msec3 .banners{display:none}
    .msec3 .banners.on{display:block}
    
    
    .msec4{}
    .msec4 .swiper-container{background:#000}
    .msec4 .swiper-slide{height:600px;background-size:cover !important;opacity:0.5;transition:opacity 0.5s}
    .msec4 .swiper-slide-active{opacity:1}
    .msec4 .swiper-slide-active .box {opacity:1}
    .msec4 .box{position:absolute;z-index:10;padding:30px 0;width:70%;left:50%;bottom:0;text-align:center;background:rgba(255,255,255,0.7);transform:translateX(-50%);opacity:0;transition:0.5s 0.5s}
    .msec4 .box .tit{display:block;font-size:40px;font-weight:700}
    .msec4 .box .desc{display:block;font-size:18px;margin:10px 0 20px}
    .msec4 .box .more{display:inline-block;border:1px solid #000;line-height:35px;padding:0 50px;font-size:16px;transition:0.5s}
    .msec4 .box .more:hover{background:rgba(255,255,255,0.5)}    
    

}
    
/*mobile*/
@media all and (max-width:1123px) {
#popup_win .btn_close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:url('/base/img/images/lightbox_close.png') no-repeat center /cover}
#popup_win2 .btn_close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:url('/base/img/images/lightbox_close_bk.png') no-repeat center /cover}

 .h2{font-size:18px;text-align:center;margin:60px 0 20px}
    .h2_add{font-size:12px;text-align:center}

    .msec1{}
    .msec1 .swiper-slide{height:700px}
    .msec1 .s1{background:url('/base/img/images/ms1_img1_mo.jpg') no-repeat center /cover}
    .msec1 .s2{background:url('/base/img/images/ms1_img2_mo.jpg') no-repeat center /cover}
    .msec1 .s3{background:url('/base/img/images/ms1_img3_mo.jpg') no-repeat center /cover}
    
    .msec1 .slogan{position:absolute;z-index:10;left:5%;width:90%;top:60%;opacity:0;transition:0.5s 0.5s}
    .msec1 .slogan .text1{display:block;font-size:24px;color:#fff;font-weight:700}
    .msec1 .slogan .text2{display:block;font-size:14px;color:#fff;margin:10px 0}
    .msec1 .slogan .more{display:inline-block;border:1px solid #fff;line-height:35px;padding:0 25px;margin:10px 0 0;font-size:12px;color:#fff}
    .msec1 .slogan .more:hover{background:rgba(255,255,255,0.2)}    
    .msec1 .swiper-slide-active .slogan {bottom:60px;opacity:1}
    .msec1 .swiper-button-next,
    .msec1 .swiper-button-prev{display:none}
    
    .msec2{}
    .msec2 .container{padding:0 5%}
    .msec2 ul{}
    .msec2 li{margin:30px 0}
    .msec2 li .thumb{text-align:center}
    .msec2 li .info{padding:15px 0}
    .msec2 li .info .tit{padding:5px 0;font-size:18px;font-weight:600;color:#204b45;border-bottom:1px solid #2f2f2f;letter-spacing: -1px}
    .msec2 li .info .desc{margin:10px 0;font-size:14px;color:#666}
    .msec2 li .info .more{display:inline-block;line-height:40px;font-size:13px;background:#678b37;color:#fff;padding:0 60px}

     .msec2 .con1{padding:40px 3%}
        .msec2 .con1 h2{font-size:18px;font-weight:400;line-height:40px;padding:0 10px}
        .msec2 .con1 h2 a{float:right;width:20px;height:40px;background:url(/base/img/images/ms2_more.png) no-repeat center;text-indent:-9999px}
        .msec2 .con1 ul{border-top:1px solid #ddd}
        .msec2 .con1 li{border-bottom:1px solid #ddd;line-height:34px;padding:0 10px}
        .msec2 .con1 li span{float:right;padding:0 0;font-size:12px;color:#000;font-weight:500}
        .msec2 .con1 li a{font-size:13px;}

table{width:100%;border-collapse:collapse;border-top:1px solid #ddd}
.board_output_1_tr td{border-bottom:1px solid #ddd;line-height:34px}
.board_output_1_tr td:nth-child(1){width:3%}
.board_output_1_tr td:nth-child(1) img{display:none}
.board_output_1_tr td:nth-child(2){}
.board_output_1_tr td:nth-child(3){width:25%}
    
    
    .msec3{position:relative;margin-top:50px}
    .msec3 .tab_banner{padding:0 5%}
    .msec3 .tab_banner .menu{text-align:center;font-size:0;margin:25px 0}
    .msec3 .tab_banner .menu a{display:inline-block;line-height:40px;width:50%;background:#f5f5f5;text-align:center;font-size:14px;border-bottom:1px solid #000;font-weight:600}
    .msec3 .tab_banner .menu a.on{border:1px solid #000;border-bottom:0;background:#fff}
    .msec3 .swiper-container{padding-bottom:40px}
    .msec3 .swiper-slide{height:400px;background-size:cover !important}
    .msec3 .swiper-slide span{display:block;position:absolute;left:0;width:100%;line-height:40px;font-size:15px;text-align:center;bottom:-40px}
    .msec3 .inmenu{display:none;position:absolute;z-index:10;top:0;left:2%;width:110px;background:#6d9e2b}
    .msec3 .inmenu .tit{display:none;font-size:16px;color:#fff;text-align:center;padding:20px 0 10px}
    .msec3 .inmenu .swiper-pagination{position:relative;width:90px;margin:0 auto;text-align:left;padding:5px 0}
    .msec3 .inmenu .swiper-pagination-bullet{display:block;width:auto;height:auto;font-size:12px;color:#fff;background:none;border-radius:0;opacity:1}
    .msec3 .inmenu .swiper-pagination-bullet:after{display:block;content:'';width:0%;height:1px;margin:3px 0;background:#fff;transition:0.5s}
    .msec3 .inmenu .swiper-pagination-bullet-active:after{width:100%}
    .msec3 .banners{display:none}
    .msec3 .banners.on{display:block}
    
    
    .msec4{}
    .msec4 .swiper-container{background:#000}
    .msec4 .swiper-slide{height:200px;background-size:cover !important;opacity:0.5;transition:opacity 0.5s}
    .msec4 .swiper-slide-active{opacity:1}
    .msec4 .swiper-slide-active .box {opacity:1}
    .msec4 .box{position:absolute;z-index:10;padding:15px 0;width:90%;left:50%;bottom:0;text-align:center;background:rgba(255,255,255,0.7);transform:translateX(-50%);opacity:0;transition:0.5s 0.5s}
    .msec4 .box .tit{display:block;font-size:17px;font-weight:700}
    .msec4 .box .desc{display:block;font-size:13px;margin:5px 0 10px}
    .msec4 .box .more{display:inline-block;border:1px solid #000;line-height:28px;padding:0 25px;font-size:13px;transition:0.5s}   

}