/*_pc*/
@media all and (min-width:1025px) {	 
 .msec1{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.1);transition:10s}
    .msec1 .swiper-slide-active .bg{transform: scale(1)}
    .msec1 .slogan{position:absolute;z-index:10;left:5%;bottom:150px;width:100%;font-size:100px;color:#fff}
    .msec1 .slogan > div{position:relative;top:10px;font-weight:800;opacity:0;transform:skewX(-15deg);line-height:1}
    .msec1 .slogan .text1{transition:0.5s 0.5s}
    .msec1 .slogan .text2{transition:0.5s 1s}
    .msec1 .swiper-button-prev,
    .msec1 .swiper-button-next{position:absolute;left:auto;right:auto;top:auto;bottom:auto;width:60px;height:60px;border:1px solid #fff;border-radius:50%}
    .msec1 .swiper-button-prev{left:5%;bottom:50px;;background:url('../images/swiper-prev.png') no-repeat center;}
    .msec1 .swiper-button-next{left:calc(5% + 75px);bottom:50px;background:url('../images/swiper-next.png') no-repeat center}
    .msec1 .swiper-button-prev:hover,
    .msec1 .swiper-button-next:hover{background-color:rgba(255,255,255,0.2)}
    .msec1 .swiper-pagination{left:250px;right:auto;bottom:60px;top:auto;width:auto;font-size:24px;color:#fff;transform:skewX(-15deg)}
    .msec1 .swiper-pagination .line{display:inline-block;position:relative;top:-5px;;border-top:1px solid #fff;margin:0 10px;width:100px}
    .msec1 .add{display:flex;gap:20px;align-items:center; position:absolute;z-index:10;left:350px;bottom:70px;font-size:20px;color:#fff;transform:skewX(-15deg)}
    .msec1 .add:before{content:'';display:inline-block;width:200px;border-top:1px solid #fff}
    .msec1.on .slogan .text1{top:0;opacity:1}
    .msec1.on .slogan .text2{top:0;opacity:1}
    .msec1.on .slogan .text3{top:0;opacity:1}



    .msec2 .slogan{text-align:center;margin:150px 0 50px}
    .msec2 .slogan p{margin:0px;color:#777}
	.msec2 .headG{font-size:90px;color:#fff;;font-weight:600}

    .msec2 .img_con{display:flex;}
    .msec2 .list{position:relative;width:50%}
    .msec2 .list img{width:100%}
    .msec2 .list .titG{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;color:#fff}
    .msec2 .list .titG .tit{font-size:50px}
    .msec2 .list .titG .btn{margin:20px 0}
    .msec2 .list .titG .btn a{display:inline-block;line-height:45px;font-size:18px;width:140px;border:1px solid #fff;color:#fff;margin:0 5px;transition:0.3s}
    .msec2 .list .titG .btn a:hover{width:160px;background:rgba(255,255,255,0.2)}


    .msec4{margin:100px 0}
    .msec4 .headG{text-align:center}
    .msec4 .headG:after{content:'';display:inline-block;height:50px;border-left:1px solid #000;margin:20px auto}
    .msec4 .headG .tit{font-size:70px; color:#777}
    .msec4 .headG .desc{font-size:18px;margin:10px 0;color:#777}

    .msec4 .banner_con{display:flex;height:550px; margin:30px 0}
    .msec4 .banner_con:nth-child(2n) .infoG{order:2}
    .msec4 .banner_con:nth-child(2n) .imgG{order:1}
    .msec4 .banner_con .infoG{display:flex;flex-direction:column;justify-content:center;align-items:center; width:40%;background:#fff}
    .msec4 .banner_con .infoG .tit{font-size:34px}
    .msec4 .banner_con .infoG .desc{font-size:18px;margin:10px 0;color:#777}
    .msec4 .banner_con .infoG .more{line-height:50px;padding:0 40px;border:1px solid var(--main-color);margin-top:30px;color:var(--main-color);transition:0.3s}
    .msec4 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}
    .msec4 .banner_con .imgG{width:60%}
    .msec4 .banner_con .imgG img{width:100%;height:100%;object-fit: cover}




	.msec5{padding:100px 0;background:url('../images/ms5_bg.jpg') no-repeat center /cover}
    .msec5 .container{max-width:1700px}
    .msec5 .headG{font-size:90px;color:#fff;;font-weight:600}
    .msec5 .headG span{display:inline-block;transform:skewX(-15deg)}
    .msec5 .video_con{display:flex;align-items:center;margin:0px 0}
    .msec5 .video_con .infoG{width:50%;color:#fff;padding-right:100px}
    .msec5 .video_con .infoG .tit{font-size:30px;color:#b2a991}
    .msec5 .video_con .infoG .info{margin:20px 0;line-height:2}
    .msec5 .video_con .infoG .more{display:inline-block;line-height:50px;padding:0 40px;color:#fff;border:1px solid #fff;margin-top:50px;transition:0.3s}
    .msec5 .video_con .infoG .more:hover{background:#fff;color:#000}
    .msec5 .video_con .videoG{width:50%}
    .msec5 .img_con{position:relative;margin:150px 0}
    /*tit 위치조정은 left,right,top,bottom 에서 수치조장하세요*/
    .msec5 .img_con .tit.-top{position:absolute;font-size:20px;right:0;top:-50px;color:#b2a991;font-weight:600;transform:skewX(-15deg)}
    .msec5 .img_con .tit.-left{position:absolute;font-size:20px;left:-60px;top:350px;transform:rotate(-90deg) skewX(-15deg);color:#fff;font-weight:600;transform-origin: 0 0;}
    .msec5 .img_con .tit.-left:after{content:'';display:inline-block;width:200px;border-top:1px solid #fff;margin:0 20px}
    .msec5 .img_con .tit.-bottom{position:absolute;z-index:10;right:0;bottom:-70px;width:80%}
    .msec5 .img_con .tit.-bottom span{display:inline-block;font-size:clamp(16px,3vw, 60px);color:#fff;font-weight:600;transform:skewX(-15deg)}


	.msec5-2{padding:100px 0;background:url('../images/map.jpg') no-repeat center /cover ;height:100vh;}
    .msec5-2 .container{max-width:1700px}
    .msec5-2 .headG{font-size:90px;color:#fff;;font-weight:600}
    .msec5-2 .headG span{display:inline-block;transform:skewX(-15deg)}
    .msec5-2 .video_con{display:flex;align-items:center;margin:50px 0}
    .msec5-2 .video_con .infoG{width:80%;color:#fff;padding-right:100px}
    .msec5-2 .video_con .infoG .tit{font-size:30px;color:#b2a991}
    .msec5-2 .video_con .infoG .info{margin:20px 0;line-height:2}
    .msec5-2 .video_con .infoG .more{display:inline-block;line-height:50px;padding:0 40px;color:#fff;border:1px solid #fff;margin-top:50px;transition:0.3s}
    .msec5-2 .video_con .infoG .more:hover{background:#fff;color:#000}
    .msec5-2 .video_con .videoG{width:50%}
    .msec5-2 .img_con{position:relative;margin:150px 0}
    /*tit 위치조정은 left,right,top,bottom 에서 수치조장하세요*/
    .msec5-2 .img_con .tit.-top{position:absolute;font-size:20px;right:0;top:-50px;color:#b2a991;font-weight:600;transform:skewX(-15deg)}
    .msec5-2 .img_con .tit.-left{position:absolute;font-size:20px;left:-60px;top:250px;transform:rotate(-90deg) skewX(-15deg);color:#fff;font-weight:600;transform-origin: 0 0;}
    .msec5-2 .img_con .tit.-left:after{content:'';display:inline-block;width:200px;border-top:1px solid #fff;margin:0 20px}
    .msec5-2 .img_con .tit.-bottom{position:absolute;z-index:10;left:10px;bottom:-650px;width:80%}
    .msec5-2 .img_con .tit.-bottom span{display:inline-block;font-size:clamp(16px,3vw, 50px);color:#fff;font-weight:600;transform:skewX(-15deg)}



    .msec6{background:#fef9f5;padding:100px 0;overflow:hidden}
    .msec6 .container{max-width:1300px}
    .msec6 .headG{text-align:center}
    .msec6 .headG .tit{font-size:30px}
    .msec6 .headG .desc{font-size:18px;color:var(--main-color);margin:10px 0}

    .msec6 .banner_con{display:flex;gap:50px;margin:100px 0;align-items:center}
    .msec6 .banner_con .infoG{width:40%}
    .msec6 .banner_con .infoG .tit{font-size:24px;color:var(--main-color)}
    .msec6 .banner_con .infoG .desc{font-size:15px;margin:50px 0;color:var(--main-color);}
    .msec6 .banner_con .infoG .more{display:inline-block;line-height:50px;padding:0 50px;font-size:16px;color:var(--main-color);border:1px solid var(--main-color);transition:0.3s}
    .msec6 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}

    .msec6 .banner_con .photoG{position:relative;width:100%;height:750px}
    .msec6 .banner_con .photoG .photo{position:absolute;background:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}
    .msec6 .banner_con .photoG .photo:before{content:'';position:absolute;z-index:10;left:0;width:100%;top:-30px;height:50px;}
    .msec6 .banner_con .photoG .s1:before{background:url('../images/ms6_tape.png') no-repeat center}
    .msec6 .banner_con .photoG .s2:before{background:url('../images/ms6_tape2.png') no-repeat center}
    .msec6 .banner_con .photoG .s3:before{background:url('../images/ms6_tape3.png') no-repeat center}
    .msec6 .banner_con .photoG .s4:before{background:url('../images/ms6_tape3.png') no-repeat center}
    .msec6 .banner_con .photoG .s1{width:500px;left:0;top:50px}
    .msec6 .banner_con .photoG .s2{width:400px;left:400px;top:0}
    .msec6 .banner_con .photoG .s3{width:300px;left:140px;top:300px}
    .msec6 .banner_con .photoG .s4{width:350px;left:370px;top:350px}


    .msec7{padding:150px 0 100px}
    .msec7 .address_con{display:flex;gap:80px;;}
    .msec7 .address_con .mapG{width:50%;background:#f5f5f5}
    .msec7 .addressG{flex:1;line-height:1.8;font-size:14px;color:#777}
    .msec7 .addressG .tit{font-size:50px;border-bottom:1px solid #333;padding:10px 0;font-weight:600;color:#777}
    .msec7 .addressG .address{padding:20px 10px;}
    .msec7 .addressG .path{;padding:20px 0;padding-left:60px;background:url('../images/icon_car.png') no-repeat 15px center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
    .msec7 .addressG .path dt{color:#000}
    .msec7 .addressG .path dd{margin-top:15px}
    .msec7 .addressG .more{display:flex;gap:10px;padding:20px 0}
    .msec7 .addressG .more a{line-height:50px;padding:0 50px;font-size:16px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
    .msec7 .addressG .more a:hover{background:var(--main-color);color:#fff}
    .msec7 .picto{position:relative;text-align:center;top:150px}


		
		 .h2__tit {font-size:70px; color:#777;padding-top:150px}
		 .h2__desc{font-size:18px;margin:10px 0;color:#777; padding-bottom:60px}

        .msec21 {text-align:center}
        .msec21 .swiper-wrapper {transition-timing-function: linear !important;}
        .msec21 .banner__thumb{position:relative/*;border-radius:20px*/;overflow:hidden}
        .msec21 .banner__thumb a{display:flex;justify-content: center;align-items:center; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:0.3s}
        .msec21 .banner__thumb a span{color:#fff;border:1px solid #fff;color:#fff;padding:10px 30px;background:rgba(255,255,255,0.4)}
        .msec21 .banner__thumb a:hover{opacity:1}
        .msec21 .banner__tit{font-size:1.125rem;font-weight:600;margin:20px 0 5px}
        .msec21 .banner__desc{font-size:0.875rem;color:#555}		

			
        .msec22 {text-align:center; border-top:1px solid #dbdbdb; margin-top:120px; padding-bottom:50px}
        .msec22 .swiper-wrapper {transition-timing-function: linear !important;}
        .msec22 .banner__thumb{position:relative/*;border-radius:20px*/;overflow:hidden}
        .msec22 .banner__thumb a{display:flex;justify-content: center;align-items:center; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:0.3s}
        .msec22 .banner__thumb a span{color:#fff;border:1px solid #fff;color:#fff;padding:10px 30px;background:rgba(255,255,255,0.4)}
        .msec22 .banner__thumb a:hover{opacity:1}
        .msec22 .banner__tit{font-size:1.125rem;font-weight:600;margin:20px 0 5px}
        .msec22 .banner__desc{font-size:0.875rem;color:#555}




        :root{
            --wide_banner_con_width:500px
        }
        .wide_banner{position:relative;background:#000}    
        .wide_banner .swiper-slide{display:flex;height:900px}
        .wide_banner .swiper-slide .banner{flex:1;opacity:0;transform:translateX(-50px);transition:0.5s}
        .wide_banner .swiper-slide .banner img{width:100%;height:100%;object-fit:cover}
        .wide_banner .swiper-slide .con{width:var(--wide_banner_con_width);color:#fff;padding:200px 70px 0;opacity:0;transform:translateX(30px);font-size:14px;transition:0.5s}
        .wide_banner .swiper-slide .con .name{font-size:50px}
        .wide_banner .swiper-slide .con .desc{font-size:16px;margin:20px 0 40px;color:#aaa}
        .wide_banner .swiper-slide .con .info li{display:flex;gap:20px;margin:5px 0}
        .wide_banner .swiper-slide .con .info b{width:80px}    

        .wide_banner .swiper-slide-active .banner{opacity:1;transform:translateX(0)}
        .wide_banner .swiper-slide-active .con{opacity:1;transform:translateX(0)}

        .wide_banner .swiper-button-prev,
        .wide_banner .swiper-button-next{color:#fff}
        .wide_banner .swiper-button-prev{left:20px}
        .wide_banner .swiper-button-next{right:calc(20px + var(--wide_banner_con_width))}

        .wide_banner .swiper-pagination{position:absolute;left:calc(100% - var(--wide_banner_con_width) + 60px + 20px);top:100px;bottom:auto;width:auto}
        .wide_banner .swiper-pagination-bullet{position:relative;background:#fff;width:4px;height:4px;margin-right:20px !important}    
        .wide_banner .swiper-pagination-bullet:after{content:'';position:absolute;width:36px;height:36px;border:1px solid rgba(255,255,255,0.3);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:0.5s}
        .wide_banner .swiper-pagination-bullet-active:after{width:26px;height:26px;opacity:1;}

        .wide_banner .more{position:absolute;bottom:50px;}
        .wide_banner .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:50px;padding:0 50px;color:#fff}
        .wide_banner .more a:hover{color:#000}
        .wide_banner .more a:hover:after{width:100%}
        .wide_banner .more a:after{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0%;background:#fff;transition:0.3s}
    }
    @media all and (max-width:1024px){




}

    

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

/*    .msec1{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;overflow:hidden}
    .msec1 .swiper-slide .bg{transform:scale(1.1);transition:10s}
    .msec1 .swiper-slide .bg img{width:100%}
    .msec1 .swiper-slide-active .bg{transform: scale(1)}
    .msec1 .slogan{position:absolute;z-index:10;left:0;top:45%;width:100%;font-size:36px;color:#fff;text-align:center}
    .msec1 .slogan > div{position:relative;top:10px;font-weight:800;opacity:0;transform:skewX(-15deg);line-height:1}
    .msec1 .slogan .text1{transition:0.5s 0.5s}
    .msec1 .slogan .text2{transition:0.5s 1s}
    
    .msec1 .control{position:relative;padding-top:50px;margin:20 auto 0}
    .msec1 .swiper-button-prev,
    .msec1 .swiper-button-next{position:absolute;left:auto;right:auto;top:0;bottom:auto;margin:0;width:40px;height:40px;border:1px solid #fff;border-radius:50%;filter:brightness(0)}
    .msec1 .swiper-button-prev{left:calc(50% - 45px);;background:url('../images/swiper-prev.png') no-repeat center /20px;}
    .msec1 .swiper-button-next{left:calc(50% + 5px);;background:url('../images/swiper-next.png') no-repeat center /20px}
    .msec1 .swiper-button-prev:hover,
    .msec1 .swiper-button-next:hover{background-color:rgba(255,255,255,0.2)}
    .msec1 .swiper-pagination{position:relative;left:0;width:100%;text-align:center;right:auto;;top:auto;;font-size:18px;color:#000;transform:skewX(-15deg)}
    .msec1 .swiper-pagination .line{display:inline-block;position:absolute;top:-5px;;border-top:1px solid #000;margin:0 10px;width:100px}
    .msec1 .add{position:relative;z-index:10;left:0;width:100%;text-align:center;;font-size:16px;color:#000;transform:skewX(-15deg)}

    .msec1.on .slogan .text1{top:0;opacity:1}
    .msec1.on .slogan .text2{top:0;opacity:1}
    .msec1.on .slogan .text3{top:0;opacity:1}*/

    .msec1{position:relative;overflow:hidden}
    .msec1 .swiper-slide{position:relative;height:100vh;overflow:hidden}
    .msec1 .swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.1);transition:10s}
    .msec1 .swiper-slide-active .bg{transform: scale(1)}
    .msec1 .slogan{position:absolute;z-index:10;left:0;top:45%;width:100%;font-size:36px;color:#fff;text-align:center}
    .msec1 .slogan > div{position:relative;top:10px;font-weight:800;opacity:0;transform:skewX(-15deg);line-height:1}
    .msec1 .slogan .text1{transition:0.5s 0.5s}
    .msec1 .slogan .text2{transition:0.5s 1s}
    .msec1 .swiper-button-prev,
    .msec1 .swiper-button-next{position:absolute;left:auto;right:auto;top:auto;bottom:auto;width:40px;height:40px;border:1px solid #fff;border-radius:50%}
    .msec1 .swiper-button-prev{left:calc(50% - 45px);bottom:100px;;background:url('../images/swiper-prev.png') no-repeat center /20px;}
    .msec1 .swiper-button-next{left:calc(50% + 5px);bottom:100px;background:url('../images/swiper-next.png') no-repeat center /20px}
    .msec1 .swiper-button-prev:hover,
    .msec1 .swiper-button-next:hover{background-color:rgba(255,255,255,0.2)}
    .msec1 .swiper-pagination{left:0;width:100%;text-align:center;right:auto;bottom:60px;top:auto;;font-size:18px;color:#fff;transform:skewX(-15deg)}
    .msec1 .swiper-pagination .line{display:inline-block;position:relative;top:-5px;;border-top:1px solid #fff;margin:0 10px;width:100px}
    .msec1 .add{position:absolute;z-index:10;left:0;width:100%;text-align:center;bottom:30px;font-size:16px;color:#fff;transform:skewX(-15deg)}

    .msec1.on .slogan .text1{top:0;opacity:1}
    .msec1.on .slogan .text2{top:0;opacity:1}
    .msec1.on .slogan .text3{top:0;opacity:1}




    .msec2 .slogan{text-align:center;margin:50px 0 30px}
    .msec2 .slogan img{max-width:25%}
    .msec2 .slogan p{margin:0px 0;color:#777 }
	.msec2 .slogan p span{;font-size:13px}
	.msec2 .headG{font-size:35px; padding-bottom:10px}
    .msec2 .img_con{}
    .msec2 .list{position:relative;}
    .msec2 .list img{width:100%}
    .msec2 .list .titG{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;color:#fff}
    .msec2 .list .titG .tit{font-size:30px}
    .msec2 .list .titG .btn{margin:20px 0}
    .msec2 .list .titG .btn a{display:inline-block;line-height:35px;font-size:14px;width:100px;border:1px solid #fff;color:#fff;margin:0 5px;transition:0.3s}




    .msec4{margin:50px 0 50px}
    .msec4 .headG{text-align:center}
    .msec4 .headG:after{content:'';display:inline-block;height:20px;border-left:1px solid #000;margin:5px auto 10px}
    .msec4 .headG .tit{font-size:35px;color:#777}
    .msec4 .headG .desc{font-size:14px;margin:5px 0;color:#777}

    .msec4 .banner_con{margin:20px 0}

    .msec4 .banner_con .infoG{text-align:center;padding:40px 20px;background:#eee}
    .msec4 .banner_con .infoG .tit{font-size:20px}
    .msec4 .banner_con .infoG .desc{font-size:14px;margin:10px 0;color:#777}
    .msec4 .banner_con .infoG .more{display:inline-block;line-height:35px;padding:0 20px;border:1px solid var(--main-color);margin-top:20px;color:var(--main-color)}
    .msec4 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}
    .msec4 .banner_con .imgG{}
    .msec4 .banner_con .imgG img{}




    .msec5{padding:50px 0 20px;background:url('../images/ms5_bg.jpg') no-repeat center /cover}
	
    .msec5 .container{max-width:1700px}
    .msec5 .headG{font-size:40px;color:#fff;;font-weight:600}
    .msec5 .headG span{display:inline-block;transform:skewX(-15deg)}
    .msec5 .video_con{margin:30px 0}
    .msec5 .video_con .infoG{color:#fff;}
    .msec5 .video_con .infoG .tit{font-size:20px;color:#b2a991}
    .msec5 .video_con .infoG .info{margin:20px 0;line-height:2}
    .msec5 .video_con .infoG .more{display:inline-block;line-height:35px;padding:0 20px;color:#fff;border:1px solid #fff;margin-top:30px;}
    .msec5 .video_con .videoG{margin-top:50px}
    .msec5 .img_con{position:relative;margin:80px 0}
    /*tit 위치조정은 left,right,top,bottom 에서 수치조장하세요*/
    .msec5 .img_con .tit.-top{position:absolute;font-size:16px;right:0;top:-60px;color:#b2a991;font-weight:600;transform:skewX(-15deg)}
    .msec5 .img_con .tit.-left{position:absolute;font-size:16px;left:0;top:-30px;transform:skewX(-15deg);color:#fff;font-weight:600;}
    .msec5 .img_con .tit.-left:after{content:'';display:inline-block;width:100px;border-top:1px solid #fff;margin:0 20px}
    .msec5 .img_con .tit.-bottom{position:absolute;z-index:10;left:0;width:100%;bottom:-60px;text-align:center;padding:0 20px}
    .msec5-2 .img_con .tit.-bottom span{display:inline-block;font-size:clamp(16px,3vw, 60px);color:#fff;font-weight:600;transform:skewX(-15deg)}


    .msec5-2{padding:50px 0;background:url('../images/ms5_bg-2.jpg') no-repeat center /cover;height:100vh;}
    .msec5-2 .container{max-width:1700px}
    .msec5-2 .headG{font-size:40px;color:#fff;;font-weight:600}
    .msec5-2 .headG span{display:inline-block;transform:skewX(-15deg)}
    .msec5-2 .video_con{margin:30px 0}
    .msec5-2 .video_con .infoG{color:#fff;}
    .msec5-2 .video_con .infoG .tit{font-size:20px;color:#b2a991}
    .msec5-2 .video_con .infoG .info{margin:20px 0;line-height:2}
    .msec5-2 .video_con .infoG .more{display:inline-block;line-height:35px;padding:0 20px;color:#fff;border:1px solid #fff;margin-top:30px;}
    .msec5-2 .video_con .videoG{margin-top:50px}
    .msec5-2 .img_con{position:relative;margin:80px 0}
    /*tit 위치조정은 left,right,top,bottom 에서 수치조장하세요*/
    .msec5-2 .img_con .tit.-top{position:absolute;font-size:16px;right:0;top:-60px;color:#b2a991;font-weight:600;transform:skewX(-15deg)}
    .msec5-2 .img_con .tit.-left{position:absolute;font-size:16px;left:0;top:-30px;transform:skewX(-15deg);color:#fff;font-weight:600;}
    .msec5-2 .img_con .tit.-left:after{content:'';display:inline-block;width:100px;border-top:1px solid #fff;margin:0 20px}
    .msec5-2 .img_con .tit.-bottom{position:absolute;z-index:10;left:0;width:100%;bottom:-60px;text-align:center;padding:0 20px}
    .msec5-2 .img_con .tit.-bottom span{display:inline-block;font-size:clamp(16px,3vw, 60px);color:#fff;font-weight:600;transform:skewX(-15deg)}






    .msec6{background:#fef9f5;padding:50px 0;overflow:hidden}
    .msec6 .container{max-width:1300px}
    .msec6 .headG{text-align:center}
    .msec6 .headG .tit{font-size:20px;color:#9c4602}
    .msec6 .headG .desc{font-size:14px;color:var(--main-color);margin:10px 0}

    .msec6 .banner_con{;margin:50px 0}
    .msec6 .banner_con .infoG{;text-align:center;margin-bottom:50px}
    .msec6 .banner_con .infoG .tit{font-size:16px;color:var(--main-color)}
    .msec6 .banner_con .infoG .desc{font-size:12px;margin:20px 0;color:var(--main-color);}
    .msec6 .banner_con .infoG .more{display:inline-block;line-height:35px;padding:0 30px;font-size:14px;color:var(--main-color);border:1px solid var(--main-color);transition:0.3s}
    .msec6 .banner_con .infoG .more:hover{background:var(--main-color);color:#fff}

    .msec6 .banner_con .photoG{display:flex;gap:10px;flex-wrap:wrap}
    .msec6 .banner_con .photoG .photo{position:relative;;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);transform:none !important;margin:20px 0}
    .msec6 .banner_con .photoG .photo:before{content:'';position:absolute;z-index:10;left:0;width:100%;top:-30px;height:50px;}
    .msec6 .banner_con .photoG .s1:before{background:url('../images/ms6_tape.png') no-repeat center }
    .msec6 .banner_con .photoG .s2:before{background:url('../images/ms6_tape2.png') no-repeat center}
    .msec6 .banner_con .photoG .s3:before{background:url('../images/ms6_tape3.png') no-repeat center}
    .msec6 .banner_con .photoG .s4:before{background:url('../images/ms6_tape3.png') no-repeat center}



    .msec7{padding:50px 0 50px}
    .msec7 .address_con{}
    .msec7 .mapG{position:relative;background:#f5f5f5; height:200px}
    .msec7 .addressG{line-height:1.8;font-size:14px;color:#777}
    .msec7 .addressG .tit{font-size:30px;border-bottom:1px solid #333;padding:10px 0;font-weight:600;color:#777}
    .msec7 .addressG .address{padding:20px 10px;}
    .msec7 .addressG .path{;padding:20px 0;padding-left:60px;background:url('../images/icon_car.png') no-repeat 15px center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
    .msec7 .addressG .path dt{color:#000}
    .msec7 .addressG .path dd{margin-top:15px}
    .msec7 .addressG .more{display:flex;gap:10px;padding:20px 0;justify-content: center}
    .msec7 .addressG .more a{line-height:35px;padding:0 10px;font-size:14px;color:var(--main-color);border:1px solid var(--main-color);background:#fef9f5;transition:0.3s}
    .msec7 .addressG .more a:hover{background:var(--main-color);color:#fff}
    .msec7 .picto{position:relative;text-align:center;top:100px}
    .msec7 .picto img{max-width:70%}




	    .h2__tit {font-size:30px;color:#777; padding-top:50px}
        .h2__desc{font-size:14px;margin:5px 0;color:#777; padding-bottom:30px}
 
        .msec21 {text-align:center}
        .msec21 .swiper-wrapper {transition-timing-function: linear !important;}
        .msec21 .banner__thumb{position:relative;/*border-radius:10px;*/overflow:hidden}
        .msec21 .banner__thumb a{display:flex;justify-content: center;align-items:center; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:0.3s}
        .msec21 .banner__thumb a span{color:#fff;border:1px solid #fff;color:#fff;padding:5px 20px;background:rgba(255,255,255,0.4)}
        .msec21 .banner__thumb a:hover{opacity:1}
        .msec21 .banner__tit{font-size:1.125rem;font-weight:600;margin:10px 0 5px}
        .msec21 .banner__desc{font-size:0.875rem;color:#555}

			
        .msec22 {text-align:center; border-top:1px solid #dbdbdb; margin-top:60px; padding-bottom:30px}
        .msec22 .swiper-wrapper {transition-timing-function: linear !important;}
        .msec22 .banner__thumb{position:relative;/*border-radius:10px;*/overflow:hidden}
        .msec22 .banner__thumb a{display:flex;justify-content: center;align-items:center; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:0.3s}
        .msec22 .banner__thumb a span{color:#fff;border:1px solid #fff;color:#fff;padding:5px 20px;background:rgba(255,255,255,0.4)}
        .msec22 .banner__thumb a:hover{opacity:1}
        .msec22 .banner__tit{font-size:1.125rem;font-weight:600;margin:10px 0 5px}
        .msec22 .banner__desc{font-size:0.875rem;color:#555}	



        .wide_banner{position:relative;background:#000;padding-bottom:1px}    
        .wide_banner .swiper-slide{}
        .wide_banner .swiper-slide .con{color:#fff;padding:100px 15px 0;font-size:12px;opacity:0;transition:0.5s}
        .wide_banner .swiper-slide .con .name{font-size:30px}
        .wide_banner .swiper-slide .con .desc{font-size:12px;margin:20px 0 40px;color:#aaa}
        .wide_banner .swiper-slide .con .info li{display:flex;gap:20px;margin:5px 0}
        .wide_banner .swiper-slide .con .info b{width:60px}   
        
        .wide_banner .swiper-slide-active .con{opacity:1;}
        
        .wide_banner .swiper-button-prev,
        .wide_banner .swiper-button-next{display:none}

        .wide_banner .swiper-pagination{position:absolute;left:0;right:0;top:0;bottom:auto;margin-top:78%}
        .wide_banner .swiper-pagination-bullet{position:relative;background:#fff;width:4px;height:4px;margin-right:20px !important}    
        .wide_banner .swiper-pagination-bullet:after{content:'';position:absolute;width:36px;height:36px;border:1px solid rgba(255,255,255,0.3);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:0.5s}
        .wide_banner .swiper-pagination-bullet-active:after{width:26px;height:26px;opacity:1;}

        .wide_banner .more{text-align:center;margin:30px 0}
        .wide_banner .more a{display:inline-block;border:1px solid rgba(255,255,255,0.5);line-height:40px;padding:0 30px;color:#fff}




}