html{font-size:16px}
html,body{font-family:"SiYuan",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif,Source Han Sans;margin:0 auto !important;background-color:#fff;}
.img{display:block;vertical-align:top}
*{margin:0px;padding:0px}
div,table,td{margin:0px;padding:0px}
ul,li{list-style:none}
img,a img,textarea{border:0}
a{text-decoration:none;color:#333}
a:focus{outline:none}
input,textarea{font-family:Arial;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
::-webkit-scrollbar{width:0px;height:0px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);border-radius:0px;background:rgba(0,0,0,0)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:rgba(0,0,0,0)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:rgba(0,0,0,0)}
img,a img{border:0}
em,i{font-style:normal}
a,button,input,textarea,dl,dt,dd,li,div{-webkit-tap-highlight-color:rgba(255,0,0,0)}
input:-moz-placeholder,textarea:-moz-placeholder{color:#aaa}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}
input,div,input[type="text"],textarea,button,div,input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none}
.eli{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.eli2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.loaders{width:100%;height:100%;position:fixed;top:0;background:rgba(0,0,0,0.8);z-index:1000}
.loaders .loader{width:25%;position:fixed;top:50%;left:50%}
.loader-inner{}
@-webkit-keyframes ball-spin-fade-loader{50%{opacity:0.3;-webkit-transform:scale(0.4);transform:scale(0.4)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}@keyframes ball-spin-fade-loader{50%{opacity:0.3;-webkit-transform:scale(0.4);transform:scale(0.4)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}

.ball-spin-fade-loader { position: relative; top: -10px;left: -10px; }
.ball-spin-fade-loader > div:nth-child(1) {top: 25px;left: 0;-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {top: 17.04545px;left: 17.04545px;-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {top: 0; left: 25px;-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px;left: 17.04545px;-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {top: -17.04545px;left: -17.04545px;-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {top: 17.04545px;left: -17.04545px;-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > div { background-color: #fff; width: 15px;height: 15px; border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; }



html, body{width: 100%; height: 100%;overflow: hidden;}

.nav{ position: fixed; width: 100%; height: 60px;  z-index: 2; color: #7d7d7d; font-size: 16px; display: flex;}
.nav .nav_name{ color: #b38d54; font-size: 26px; flex:1; align-items: center; display:  inline-flex; margin-left: 5%;
}
.nav .nav_name img{ display: block; width: 50px;}
.nav ul{ display: flex; flex: 1;
    align-items: center;
    justify-content: flex-end;margin-right: 5%;}
.nav ul li{ padding: 0 4%; cursor: pointer;}
.nav ul li:hover{  color: #b38d54;}
.nav ul li.on{color: #b38d54; }



.nav_ipone{ background: #fff; height: 46px;flex-direction: column; display: none; position: fixed;
 z-index: 10; width: 100%; top: 0;}
.nav_ipone .nav_name{text-align: center;align-items: center;justify-content: center; font-size: 16px;height: 46px;
 display: flex; color: #b38d54; }
 .nav_ipone .nav_name img{  display: block; width: 40px;}
.nav_ipone ul{ background: #fff; position: fixed; height:calc(100vh - 46px); flex-direction: column;
    width: 100%;    justify-content: flex-start; top: 46px; box-shadow: 0 1px 4px rgba(0 ,0, 0, .1);  z-index: 3;}
.nav_ipone ul li{ width: 100%; text-align: left; font-size: 14px; padding: 10px 15px;box-sizing: border-box;
     border-bottom: 1px solid #eee;}

.nav_ipone .nav_icon{ position: absolute; width: 30px; height:46px; left: 10px;
     display: inline-flex; align-content: center; justify-content: center;    flex-direction: column; cursor: z;} 
.nav_ipone .nav_icon span{ background: #333; height: 2px; border-radius: 3px; width: 18px; display: block;
 margin: 2px auto;}

 .nav_ipone ul  li{  cursor: pointer; line-height: 30px; padding: 8px 20px;}
 .nav_ipone ul  li:hover{  color: #b38d54;}
 .nav_ipone ul  li.on{color: #b38d54; }



.nav_icon{ position: absolute; display: none;} 

.main{ height: 100%;}
.section-wrap{width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);
    -webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

.section-wrap .section{position:relative;width:100%;height:100%;/* background-position:center center; */
    background-repeat:no-repeat;}

.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}

.section-wrap .section .title p{ padding:0 4%;opacity:0}

.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);
    transition:all 1s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 1s cubic-bezier(0.86,0,0.8,1);}

.section-wrap .section-1{ background-color:#fff; position: relative;}

.section-wrap .section-2{ background-color:#fff}

.section-wrap .section-3{ background-color:#ffffff}

.section-wrap .section-4{ background-color:#fff}

.section-wrap .section-5{background-color:#fff;}
.section-wrap .section-6{background-color:#fff;}

.section-wrap .section-7{background-color:#fff;}

.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}

.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}

.put-section-4{transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.put-section-7{transform:translateY(-700%);-webkit-transform:translateY(-700%);}
.put-section-8{transform:translateY(calc(-700% - 80px));-webkit-transform:translateY(calc(-700% - 80px));}


.section-1 .van-swipe{ height: 100%; cursor: default;}
.section-1 .van-swipe-item{ display: flex; align-items: center; justify-content: center;}
.section-1 .van-swipe-item img{ display: block; width: 100%; }

.section-1 .prev,.section-1 .next{position: absolute; top: 50%; z-index:2;cursor: pointer; width: 17px; height: 33px;}
.section-1 .prev{ left: 5%; margin-top: -16px;  }
.section-1 .next{ right: 5%;  margin-top: -16px;}
.section-1 .prev img,.section-1 .next img{ display: block; width: 100%;}

.nav_r{ position: fixed; right: 0; top: 50%; transform: translate(-50%,0); display: flex;flex-direction: column;}
.nav_r li{ font-size: .85rem; color: #c5bdbf; display: inline-flex; flex-direction: column; width: 50px; text-align: right;
    position: relative;margin: 10px 0;cursor: pointer;}
.nav_r li em{ display: none; width: 0;}
.nav_r li.on{ color: #b38d54; font-size: 1.2rem;text-align: left;}
.nav_r li.on em{ display: block;}
.nav_r li.on:after{ background: #b38d54;
    content: ""; height: 2px;right:0px;position: absolute;top: 50%;transform: translateY(-50%); width: 12px;}






    

.maincon{ width:100% ; height: 100vh;overflow: hidden; display: flex;}  
.maincon .left01{ width: 40%;}
.maincon .left01 .title01{ color: #595757; margin-left: 100px; margin-top:10vh;}
.maincon .left01 .title01 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .left01 .title01 p{ font-size: 15px; }
.maincon .left01 .left01_con{ margin-left: 180px; margin-top: 20vh;}
.maincon .left01 .left01_con h1{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}
.maincon .left01 .left01_con p{font-size: 15px;color: #7d7d7d; line-height:2rem;}

.maincon .right01{ width:calc(100vw -  100px - 40vw - 140px); position: relative; margin-left:80px;}
.maincon .right01 .right01_con{position: relative; width: 100%; display: block; margin-top: 15vh; }
.maincon .right01 .right01_con .line01{  width: 100%; display: block; position: absolute; }
.maincon .right01 .right01_con .img01{position: relative;width: 100%; display: block;padding: 60px 0 0 30px;}


.maincon .right01  .right01_num{ display: flex; margin-top: 8vh;justify-content: end; font-size: 15px;}
.maincon .right01  .right01_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .right01  .right01_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .right01  .right01_num span label{ color: #b38d54; text-align: right;}
.maincon .right01  .right01_num span label em{  border-top: 1px solid #b38d54;}


.maincon .left02{ width: 55%; display: flex;}



.maincon .left02 .lf{width: 150px; margin-left: 100px; }
.maincon .left02 .lf .title01{ color: #595757; margin-top:20vh;}
.maincon .left02 .lf .title01 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .left02 .lf .title01 p{ font-size: 15px; }
.maincon .left02 .lf .lf_num{ display: flex; margin-top:15vh;justify-content: flex-start; font-size: 15px;}
.maincon .left02 .lf  .lf_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .left02 .lf  .lf_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .left02 .lf  .lf_num span label{ color: #b38d54; text-align: right;}
.maincon .left02 .lf  .lf_num span label em{  border-top: 1px solid #b38d54;}

.maincon .left02 .lr{width:calc( 55vw - 260px);}
.maincon .left02 .lr .lr_pic{ position: relative; width: 90%; margin-top:10vh;}
.maincon .left02 .lr .lr_pic .page03_img01{ position: relative; width: 100%; display: block; padding:60px 0 0 30px;}
.maincon .left02 .lr .lr_pic .page03_line{ position: absolute; width: 100%; display: block; left: 0; top: 0;}
.maincon .left02 .lr .lr_con{ margin-top: 20px; margin-left: 30px;}
.maincon .left02 .lr .lr_con h1{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}
.maincon .left02 .lr .lr_con p{font-size: 15px;color: #7d7d7d; line-height:2rem;}
.maincon .right02{ width:45vw; position: relative; margin-left:80px;display: inline-flex;
    align-items: center;}
.maincon .right02 .page03_img02{  width: 100%;  display: block;}


.maincon .left03{ width:50%; display: flex;margin-left: 100px;}
.maincon .left03 .lf{ width: 45%;}
.maincon .left03 .lf .title01{ color: #595757; margin-top:20vh;}
.maincon .left03 .lf .title01 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .left03 .lf .title01 p{font-size: 15px; }
.maincon .left03 .lf  .left03_num{display: flex; margin-top:15vh;justify-content: space-around; font-size: 15px;}
.maincon .left03 .lf  .left03_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .left03  .lf .left03_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .left03  .lf  .left03_num span label{ color: #b38d54; text-align: right;}
.maincon .left03  .lf .left03_num span label em{  border-top: 1px solid #b38d54;}
.maincon .left03  .lr{ width: 60%;}
.maincon .left03  .lr .lr_pic{ position: relative; width: 90%; margin-top:10vh;}
.maincon .left03  .lr .lr_pic .page03_img01{ position: relative; width: 100%; display: block; padding:60px 0 0 30px;}
.maincon .left03 .lr .lr_pic .page03_line{ position: absolute; width: 100%; display: block; left: 0; top: 0;}

.maincon .right03 {width:calc(100vw -  100px - 50vw - 140px); position: relative; margin-left:60px; margin-top: 15vh;}
.maincon .right03 dl{ padding:12px 0;}
.maincon .right03 dl dt{ color: #b38d54; font-size: 16px; background: url(../images/jt02.png) no-repeat left center;
 padding-left: 14px; background-size: 12px; padding: 8px 0 8px 12px; cursor: pointer;}
.maincon .right03 dl dd{ color: #7d7d7d; font-size: 15px; margin-left: 15px; }
.maincon .right03 dl dd label{ line-height:2rem;}
.maincon .right03 dl dt.on{background: url(../images/jt01.png) no-repeat left center;background-size: 12px; }

.maincon .titlediv{ width: 80%; margin-left: 100px; margin-top: 10vh;}
.maincon .titlediv.titlediv h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .titlediv.titlediv p{font-size: 15px;color: #7d7d7d; line-height:2rem;}

.maincon .page04_list{ width:calc(100vw - 100px - 50px); margin-left: 10px; margin-top: 5vh;}
.maincon .page04_list ul{ width: 100%;display: flex;flex-wrap: wrap;}
.maincon .page04_list ul li{ width: 33.333%;}
.maincon .page04_list ul li .li_div{ margin: 0 1%; position: relative;}
.maincon .page04_list ul li .li_div img{ width: 100%; display: block;}
.maincon .page04_list ul li .li_div label{ display: block; position: absolute; bottom: 0;
width: 100%; left: 0; color: #fff; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.maincon .page04_line{ position: absolute; right: 20%; width:10%; display: block; height: 88%;}
.maincon .page04_line img{ width: 100%; display: block; height: 100%;}
.page04_num{ width: 100%; position: absolute; top: 0; left: 0; text-align: center;}

.page04_num{ display: flex; margin-top: 3vh;justify-content:center; font-size: 15px;}
.page04_num span{ width:70px; display: inline-flex; flex-direction: column;}
.page04_num span i{ border-bottom: 1px solid #bfc0c0;}
.page04_num span label{ color: #b38d54; text-align: right;}
.page04_numspan label em{  border-top: 1px solid #b38d54;}





.maincon .left05{ width: 40%;}
.maincon .left05 .title01{ color: #595757; margin-left: 100px; margin-top:10vh;}
.maincon .left05 .title01 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .left05 .title01 p{ font-size: 15px; }
.maincon .left05 .left05_con{ margin-left: 180px; margin-top: 20vh;}
.maincon .left05 .left05_con h1{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}
.maincon .left05 .left05_con p{font-size: 15px;color: #7d7d7d; line-height:2rem;}

.maincon .right05{ width:calc(100vw -  100px - 40vw - 140px); position: relative; margin-left:80px;}
.maincon .right05 .right05_con{position: relative; width: 100%; display: block; margin-top: 18vh; }
.maincon .right05 .right05_con .line01{ width: 100%; display: block; position: absolute; }
.maincon .right05 .right05_con .img01{position: relative;width: 100%; display: block;padding: 60px 0 0 30px; }
.maincon .right05  .right05_num{ display: flex; margin-top: 8vh;justify-content: flex-end; font-size: 15px;}
.maincon .right05  .right05_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .right05  .right05_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .right05  .right05_num span label{ color: #b38d54; text-align: right;}
.maincon .right05  .right05_num span label em{  border-top: 1px solid #b38d54;}

.maincon .left08{ width: 40%;}
.maincon .left08 .title08{ color: #595757; margin-left: 100px; margin-top:10vh;}
.maincon .left08 .title08 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.maincon .left08 .title08 p{ font-size: 15px; }
.maincon .left08 .left08_con{ margin-left: 180px; margin-top: 20vh;}
.maincon .left08 .left08_con h1{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}
.maincon .left08 .left08_con p{font-size: 15px;color: #7d7d7d; line-height:2rem;}
.maincon .left08 .left08_con p em{display: block;align-items: center;}
.maincon .left08 .left08_num{ display: flex; margin-top: 8vh;justify-content: flex-end; font-size: 15px;}
.maincon .left08 .left08_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .left08 .left08_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .left08 .left08_num span label{ color: #b38d54; text-align: right;}
.maincon .left08 .left08_num span label em{  border-top: 1px solid #b38d54;}
.maincon .right08{ width:calc(100vw -  100px - 40vw - 140px); position: relative; margin-left:80px;}
.maincon .right08 .right08_con{position: relative; width: 100%; display: block; margin-top: 15vh; }
.maincon .right08 .right08_con .line08{  width: 100%; display: block; position: absolute; }
.maincon .right08 .right08_con .img08{position: relative;width: 100%; display: block;width: 100%;height: 28vw;position: absolute !important;margin:60px 0 0 30px;}




.maincon .case_shop_index{ width:calc(100vw - 100px - 50px); margin-left: 10px; margin-top: 5vh;}
.maincon .case_shop_index ul{ width: 100%;display: flex;flex-wrap: wrap;}
.maincon .case_shop_index ul li{ width:20%;margin-bottom: 15px;}
.maincon .case_shop_index ul li .li_div{ margin: 0 6%; position: relative; 
    border: 1px solid #b38d54; box-sizing: border-box; border-radius: 8px; overflow: hidden;}
.maincon .case_shop_index ul li .li_div img{ width: 100%; display: block;}
.maincon .case_shop_index ul li .li_div p{ width: 100%; display: block; text-align: center; font-size: 16px; color: #b38d54;
     padding-bottom:12px;}

.maincon .more_num{ display: flex;justify-content: flex-end; font-size: 15px;position: absolute; right: 10%; top: 10vh;}
.maincon .more_num span{ width:70px; display: inline-flex; flex-direction: column;}
.maincon .more_num span i{ border-bottom: 1px solid #bfc0c0;}
.maincon .more_num span label{ color: #b38d54; text-align: right;}
.maincon .more_num span label em{  border-top: 1px solid #b38d54;}




.maincon.bg01{  background: url(../images/page04_bg.png) no-repeat center 90%;
 background-size: 74%;}  


.page01_more,.page02_more,.page03_more,.page05_more,.page06_more{ position: absolute; left: 100px; bottom: 10%;width: 30px; cursor: pointer;}
.page01_more img,.page02_more img,.page03_more img,.page04_more img,.page05_more img,.page06_more img{ display: block; width: 100%; }

.page04_more{position: absolute;  bottom:5%;width: 30px; cursor: pointer; left: 50%; margin-left: -15px; }
.page04_more img{ display: block; width: 100%; }



.put-section-1 .maincon .left01 .title01{  animation: left 1s; -webkit-animation:left 1s ;}
.put-section-1 .maincon .left01 .left01_con{ animation: left 1s; -webkit-animation:left 1s ;}
.put-section-1 .maincon .right01 .right01_con .img01{ animation: left 1s .2s; -webkit-animation:left 1s .2s ; }

.put-section-2 .maincon .left02 .lf .title01{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-2 .maincon .left02 .lr .lr_pic .page03_img01{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-2 .maincon .left02 .lr .lr_con{animation: left 1s .3s; -webkit-animation:left 1s  .3s; }
.put-section-2 .maincon .right02 .page03_img02{animation: bottom 1.2s .2s; -webkit-animation:bottom 1.2s  .2s; }



.put-section-3 .maincon .left05 .title01{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-3  .maincon .left05 .left05_con{ animation: left 1s .2s; -webkit-animation:left 1s .2s; }
.put-section-3 .maincon .right05 .right05_con .img01{animation: left 1s .2s; -webkit-animation:left 1s .2s; }



.put-section-4 .maincon .left03 .lf .title01{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-4 .maincon .left03 .lr .lr_pic .page03_img01{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-4 .maincon .right03{animation: bottom 1.2s .2s; -webkit-animation:bottom 1.2s  .2s;}


.put-section-5 .maincon .page04_list ul li:nth-child(1),
.put-section-5 .maincon .page04_list ul li:nth-child(3){  animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.put-section-5 .maincon .page04_list ul li:nth-child(2){ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}

.put-section-6 .maincon .titlediv{animation: left 1s; -webkit-animation:left 1s ; }
.put-section-6 .maincon .case_shop_index ul li:nth-child(1),
.put-section-6 .maincon .case_shop_index ul li:nth-child(3),
.put-section-6 .maincon .case_shop_index ul li:nth-child(5),
.put-section-6 .maincon .case_shop_index ul li:nth-child(7),
.put-section-6 .maincon .case_shop_index ul li:nth-child(9)
{  animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.put-section-6 .maincon .case_shop_index ul li:nth-child(2),
.put-section-6 .maincon .case_shop_index ul li:nth-child(4),
.put-section-6 .maincon .case_shop_index ul li:nth-child(6),
.put-section-6 .maincon .case_shop_index ul li:nth-child(8),
.put-section-6 .maincon .case_shop_index ul li:nth-child(10)
{ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}


.put-section-7 .maincon .left08 .title08{  animation: left 1s; -webkit-animation:left 1s ;}
.put-section-7 .maincon .left08 .left08_con{ animation: left 1s; -webkit-animation:left 1s ;}
.put-section-7 .maincon .right08 .right08_con .img08{ animation: left 1s .2s; -webkit-animation:left 1s .2s ; }




.copy-right{ text-align: center; width: 100%;background: #232730; height:80px; display: flex; 
    align-items: center; justify-content: center; color: #fff; font-size: 14px; line-height: 24px;flex-direction: column;}
.copy-right .addres{ display: flex; }
.copy-right .addres span{ padding: 0 5px;}
.copy-right p{ color: #fff; display: flex;align-items: center;}
.copy-right p span{ }
.copy-right p a{ color: #fff;}
.back_top{ position: fixed; right: 5%;width:34px; bottom: 30px; cursor: pointer;} 
.back_top img{ width:100%; display: block;}

@-webkit-keyframes left
{
  0%{transform: translate(200%,0);} 
  100%{transform: translate(0,0);}
}
@-webkit-keyframes bottom
{
  0%{transform: translate(0,-60%);} 
  100%{transform: translate(0,0);}
}
@-webkit-keyframes top
{
  0%{transform: translate(0,60%);} 
  100%{transform: translate(0,0);}
}








.maincon .case_page04_line{height: 70%;top: 11%;}
.maincon .case_titlediv{margin-top: 15vh;}
.case .maincon .page04_list ul li .li_div label.label_case{flex-direction: column;height: 160px;}
.case .maincon .page04_list ul li .li_div label.label_case span{font-size: 14px;color: #ffd089;line-height: 1.5;display: block;margin-top: 10px;}
.case .case-put-section-1{ transform:translateY(calc(-100% - 80px));-webkit-transform:translateY(calc(-100% - 80px));}
.case .maincon.case_maincon  .page04_list ul li{ width: 20%;}
.case .put-section-0 .maincon .page04_list ul li:nth-child(1),
.case .put-section-0 .maincon .page04_list ul li:nth-child(3){ animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.put-section-1 .maincon .page04_list ul li:nth-child(1){ animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.put-section-1 .maincon .page04_list ul li:nth-child(3){ animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.put-section-1 .maincon .page04_list ul li:nth-child(5){ animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}

.case .put-section-0 .maincon .page04_list ul li:nth-child(2){ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}
.put-section-1 .maincon .page04_list ul li:nth-child(2){ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}
.put-section-1 .maincon .page04_list ul li:nth-child(4){ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}

.case_maincon{display: block;}
.case .maincon .case_left01{display: flex;justify-content: space-between;align-items: center;width: 90%;}
.case .maincon .case_left01  .right01_num{ display: flex; margin-top: 8vh;justify-content: end; font-size: 15px;}
.case .maincon .case_left01  .right01_num span{ width:70px; display: inline-flex; flex-direction: column;}
.case .maincon .case_left01  .right01_num span i{ border-bottom: 1px solid #bfc0c0;}
.case .maincon .case_left01  .right01_num span label{ color: #b38d54; text-align: right;}
.case .maincon .case_left01  .right01_num span label em{  border-top: 1px solid #b38d54;}






.case  .maincon .case_list{ width:calc(100vw - 100px - 50px); margin-left: 10px; margin-top: 5vh;}
.case  .maincon .case_list ul{ width: 100%;display: flex;flex-wrap: wrap;}
.case  .maincon .case_list ul li{ width: 33.333%;}
.case  .maincon .case_list ul li .li_div{ margin: 0 1%; position: relative;}
.case  .maincon .case_list ul li .li_div .hover{ position: absolute; height: 100%; position: absolute;top: 0;
    left: 0;    opacity: 0; overflow: hidden; text-align: center; display: flex;
    flex-direction: column; align-items: center; justify-content: flex-end;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); padding: 10px; box-sizing: border-box;
    transition:  all .5s; -webkit-transition: all .5s;}
    
.case  .maincon .case_list ul li .li_div .hover label{ opacity: 0; transition:  all .5s; -webkit-transition: all .5s;} 
.case  .maincon .case_list ul li .li_div .hover h1{ color: #fff; font-size: 16px; font-weight: normal; padding-bottom: 10px;
    line-height: 30px;}
.case  .maincon .case_list ul li .li_div:hover .hover{ opacity: 1; cursor: pointer;}
.case  .maincon .case_list ul li p{ color: #ffd089; font-size: 14px; line-height: 20px;}



.case  .maincon .case_list ul li .li_div img{ width: 100%; display: block;}
.case  .maincon .case_list ul li .li_div label{ display: block; position: absolute; bottom: 0;
width: 100%; left: 0; color: #fff; text-align: center; height: 50px; display: flex; align-items: center; justify-content: center;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}

.case  .maincon .page04_line{ position: absolute; right: 20%; width:10%; display: block; height: 88%;}
.case  .maincon .page04_line img{ width: 100%; display: block; height: 100%;}
.case  .page04_num{ width: 100%; position: absolute; top: 0; left: 0; text-align: center;}

.case  .maincon .case_shop{ width:calc(100vw - 100px - 50px); margin-left: 10px; margin-top: 5vh;}
.case  .maincon .case_shop ul{ width: 100%;display: flex;flex-wrap: wrap;}
.case  .maincon .case_shop ul li{ width:20%;margin-bottom: 15px}
.case  .maincon .case_shop ul li .li_div{ margin: 0 6%; position: relative; 
    border: 1px solid #b38d54; box-sizing: border-box; border-radius: 8px; overflow: hidden;}
.case  .maincon .case_shop ul li .li_div img{ width: 100%; display: block;}
.case  .maincon .case_shop ul li .li_div p{ width: 100%; display: block; text-align: center; font-size: 16px; color: #b38d54;
     padding-bottom:12px;}

.case  .put-section-0 .maincon .case_list ul li:nth-child(1),
.case  .put-section-0 .maincon .case_list ul li:nth-child(3){  animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}
.case  .put-section-0 .maincon .case_list ul li:nth-child(2){ animation: top 1.2s ; -webkit-animation:top 1.2s ;}


.case  .put-section-1 .maincon .case_shop ul li:nth-child(1),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(3),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(5),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(7),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(9)
{  animation: bottom 1.2s; -webkit-animation:bottom 1.2s ;}

.case  .put-section-1 .maincon .case_shop ul li:nth-child(2),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(4),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(6),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(8),
.case  .put-section-1 .maincon .case_shop ul li:nth-child(10)
{ animation: top 1.2s .2s; -webkit-animation:top 1.2s  .2s;}


.business .put-section-5{ transform:translateY(calc(-400% - 80px));-webkit-transform:translateY(calc(-400% - 80px));}

.business .maincon .left01{width: 30%;}
.business .maincon .left01 .title_bus01,
.business .maincon .left01 .title_bus02,
.business .maincon .left01 .title_bus03,
.business .maincon .left01 .title_bus04,
.business .maincon .left01 .title_bus05
{color: #595757; margin-left: 100px;margin-top: 20vh;}


.business .maincon .left01 .title_bus01 h1,
.business .maincon .left01 .title_bus02 h1,
.business .maincon .left01 .title_bus03 h1,
.business .maincon .left01 .title_bus04 h1,
.business .maincon .left01 .title_bus05 h1
{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}

.business .maincon .left01 .title_bus01 p,
.business .maincon .left01 .title_bus02 p,
.business .maincon .left01 .title_bus03 p,
.business .maincon .left01 .title_bus04 p,
.business .maincon .left01 .title_bus05 p
{ font-size: 15px; }

.business .maincon .left01 .left01_con_bus01,
.business .maincon .left01 .left01_con_bus02,
.business .maincon .left01 .left01_con_bus03,
.business .maincon .left01 .left01_con_bus04,
.business .maincon .left01 .left01_con_bus05
{ margin-left: 100px; margin-top: 10vh;}

.business .maincon .left01 .left01_con_bus01 h1,
.business .maincon .left01 .left01_con_bus02 h1,
.business .maincon .left01 .left01_con_bus03 h1,
.business .maincon .left01 .left01_con_bus04 h1,
.business .maincon .left01 .left01_con_bus05 h1
{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}

.business .maincon .left01 .left01_con_bus01 p,
.business .maincon .left01 .left01_con_bus02 p,
.business .maincon .left01 .left01_con_bus03 p,
.business .maincon .left01 .left01_con_bus04 p,
.business .maincon .left01 .left01_con_bus05 p
{font-size: 15px;color: #7d7d7d; line-height:2rem;}

.business .maincon .right01 .right01_con{ margin-top: 25vh;}



.business .maincon .right01{width: calc(100vw -  100px - 30vw - 120px);}
.business .maincon .left01 .left01_con{    margin-left: 100px;}



.business .maincon .right01 .right01_con .business01_img,
.business .maincon .right01 .right01_con .business02_img,
.business .maincon .right01 .right01_con .business03_img,
.business .maincon .right01 .right01_con .business04_img,
.business .maincon .right01 .right01_con .business05_img
{display: flex;padding: 100px 0 0 0;}

.business .maincon .right01 .right01_con .business01_img .img,
.business .maincon .right01 .right01_con .business02_img .img,
.business .maincon .right01 .right01_con .business03_img .img,
.business .maincon .right01 .right01_con .business04_img .img,
.business .maincon .right01 .right01_con .business05_img .img
{width: 50%;padding: 0px 0 0 20px;flex-shrink: 0; position: relative;z-index: 2;}


.business .maincon .right01 .right01_num{position: absolute;left: 50%;margin-top: 40px;transform: translate(-50%,0);}



.business .put-section-0   .maincon .left01 .title_bus01{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-0   .maincon .left01 .left01_con_bus01{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-0 .maincon .right01 .right01_con .business01_img{  animation: left .8s; -webkit-animation:left .8s ;}


.business .put-section-1  .maincon .left01 .title_bus02{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-1  .maincon .left01 .left01_con_bus02{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-1 .maincon .right01 .right01_con .business02_img .img{  animation: top 1.2s; -webkit-animation:top 1.2s ;}




.business .put-section-2  .maincon .left01 .title_bus03{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-2  .maincon .left01 .left01_con_bus03{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-2 .maincon .right01 .right01_con .business03_img .img{  animation: left 1s; -webkit-animation:left 1s ;}



.business .put-section-3  .maincon .left01 .title_bus04{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-3  .maincon .left01 .left01_con_bus04{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-3 .maincon .right01 .right01_con .business04_img .img{  animation: bottom 1s; -webkit-animation:bottom 1s ;}


.business .put-section-4  .maincon .left01 .title_bus05{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-4  .maincon .left01 .left01_con_bus05{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-4 .maincon .right01 .right01_con .business05_img .img{  animation: left 1s; -webkit-animation:left 1s ;}


/*
.business .put-section-0 .maincon .left01 .title01{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-0 .maincon .left01 .left01_con{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-0  .maincon .right01 .right01_con .business01_img{ animation: left 1s ; -webkit-animation:left 1s ;}


.business .put-section-1 .maincon .left01 .title01{ color: #595757;
    margin-left: 100px;
    margin-top: 10vh;
     animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-1 .maincon .left01 .left01_con{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-1 .maincon .right01 .right01_con .business01_img{ animation: left 1s ; -webkit-animation:left 1s ;}

.business .put-section-2 .maincon .left01 .title01{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-2 .maincon .left01 .left01_con{  animation: left 1s; -webkit-animation:left 1s ;}
.business .put-section-2 .maincon .right01 .right01_con .business01_img{ animation: left 1s ; -webkit-animation:left 1s ;}
*/
.business .maincon .left01 .title_bus01,
.business .maincon .left01 .title_bus02,
.business .maincon .left01 .title_bus03,
.business .maincon .left01 .title_bus04,
.business .maincon .left01 .title_bus05
{color: #595757; margin-left: 100px;margin-top: 20vh;}


.business .maincon .left01 .title_bus01 h1,
.business .maincon .left01 .title_bus02 h1,
.business .maincon .left01 .title_bus03 h1,
.business .maincon .left01 .title_bus04 h1,
.business .maincon .left01 .title_bus05 h1
{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}

.business .maincon .left01 .title_bus01 p,
.business .maincon .left01 .title_bus02 p,
.business .maincon .left01 .title_bus03 p,
.business .maincon .left01 .title_bus04 p,
.business .maincon .left01 .title_bus05 p
{ font-size: 15px; }





.about .maincon .left01  .title_about01{color: #595757; margin-left: 100px;margin-top: 20vh; }
.about .maincon .left01 .title_about01 h1{ font-size: 20px;font-weight: normal;padding-bottom: 10px;}
.about .maincon .left01 .left01_con_about01{     margin-left: 100px; margin-top: 10vh;}

.about .maincon .left01 .left01_con_about01 h1{font-size: 16px;font-weight: normal;color: #b38d54; padding-bottom: 14px;}
.about .maincon .left01 .left01_con_about01 p{font-size: 15px;color: #7d7d7d;   line-height: 2rem;}

.about .put-section-1{ transform:translateY(calc(-100%));-webkit-transform:translateY(calc(-100%));}
.about .put-section-2{ transform:translateY(calc(-100% - 80px));-webkit-transform:translateY(calc(-100% - 80px));}

.about .about-put-section-1{ transform:translateY(calc(-100% - 80px));-webkit-transform:translateY(calc(-100% - 80px));}

.about .maincon .right01 .right01_con_about{position: relative; width: 100%; display: block; margin-top: 25vh;}
.about .maincon .right01 .right01_con_about .line01{width: 100%;display: block; position: absolute;}
.about .maincon .right01 .right01_con_about .img01 {position: relative; width: 100%;display: block;
    padding: 60px 0 0 30px;
}
.about .maincon .right01  .right01_num{ display: flex; margin-top: 8vh;justify-content: end; font-size: 15px;    justify-content: flex-end;}
left02 .left02_num_about02 span{ width:70px; display: inline-flex; flex-direction: column;}
.about .maincon .right01  .right01_num span i{ border-bottom: 1px solid #bfc0c0;}
.about .maincon .right01  .right01_num span label{ color: #b38d54; text-align: right;}
.about .maincon .right01  .right01_num span label em{  border-top: 1px solid #b38d54;}

.about .put-section-0 .title_about01{ animation: left 1s; -webkit-animation:left 1s ;}
.about .put-section-0 .maincon .left01 .left01_con_about01{ animation: left 1s; -webkit-animation:left 1s ;}
.about .put-section-0 .maincon .right01 .right01_con_about .img01{ animation: left 1s; -webkit-animation:left 1s ;}



.about  .maincon .left02{ width: 40%; display: block;}
.about  .maincon .left02 .title_about02{ color: #595757; margin-left: 100px; margin-top:10vh;}
.about  .maincon .left02 .title_about02 h1{ font-size: 20px; font-weight: normal; padding-bottom: 10px;}
.about  .maincon .left02 .title_about02 p{ font-size: 15px; }
.about  .maincon .left02 .left02_con_about02{ margin-left: 180px; margin-top: 20vh;}
.about  .maincon .left02 .left02_con_about02 h1{ font-size:16px; font-weight: normal; color: #b38d54; padding-bottom: 14px;}
.about  .maincon .left02 .left02_con_about02 p{font-size: 15px;color: #7d7d7d; line-height:2rem;}
.about  .maincon .left02 .left02_con_about02 p em{display: block;align-items: center;}
.about  .maincon .left02 .left02_num_about02{ display: flex; margin-top: 8vh;justify-content: flex-end; font-size: 15px;}
.about  .maincon .left02 .left02_num_about02 span{ width:70px; display: inline-flex; flex-direction: column;}
.about  .maincon .left02 .left02_num_about02 span i{ border-bottom: 1px solid #bfc0c0;}
.about  .maincon .left02 .left02_num_about02 span label{ color: #b38d54; text-align: right;}
.about  .maincon .left02 .left02_num_about02 span label em{  border-top: 1px solid #b38d54;}
.about  .maincon .right02{ width:calc(100vw -  100px - 40vw - 140px); position: relative; margin-left:80px; display: block;}
.about  .maincon .right02 .right02_con_about02{position: relative; width: 100%; display: block; margin-top: 15vh; }
.about  .maincon .right02 .right02_con_about02 .line08{  width: 100%; display: block; position: absolute; }
.about  .maincon .right02 .right02_con_about02 .img08{position: relative;width: 100%; display: block;width: 100%;height: 28vw;position: absolute !important;margin:60px 0 0 30px;}

.about  .put-section-1 .maincon .left02 .title_about02 {animation: left 1s; -webkit-animation:left 1s ;}
.about  .put-section-1 .maincon .left02 .left02_con_about02 {animation: left 1s; -webkit-animation:left 1s ;}
.about .put-section-1  .maincon .right02 .right02_con_about02{animation: left 1s; -webkit-animation:left 1s ;}


@media screen and (max-width: 1025px) {
    html, body{width: 100%; height: auto;overflow: auto;}
.main{ height: auto; margin-top: 46px;}
.maincon{ height: auto; padding: 15px 0;}
.section-wrap{ height: 100%;  }
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-2{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-3{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-4{transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-5{transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-6{transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-7{transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-8{transform:translateY(0);-webkit-transform:translateY(0);}
.maincon .left01 .title01{ margin-top:20px; margin-left: 30px;}
.maincon .left01 .left01_con{ margin-top: 20px; margin-left: 40px;}
.maincon .right01 .right01_num{ margin-top:20px ;}
.maincon .right01 .right01_num{ margin-top: 20px;}
.maincon .right01 .right01_con{ margin-top: 20px;}
.maincon .right01{width: calc(100vw - 30px - 40vw - 140px); }
.page01_more{ position: relative;left: 40px; bottom: 0;width: 30px; margin-top: 10px;}
.maincon .left02 .lf{     margin-left: 30px;}
.maincon .left02 .lf .title01{ margin-top: 30px;}
.maincon .left02 .lr .lr_pic{ margin-top: 30px;}
.maincon .left02 .lr{    width: calc( 55vw - 100px); }
.maincon .left02 .lf .lf_num{ margin-top: 40px;}
.maincon .left03 .lf .title01{ margin-top: 30px;}
.maincon .left03{ margin-left: 30px;}
.maincon .left03 .lr .lr_pic{ margin-top: 30px;}
.maincon .right03{ margin-top: 30px;}
.maincon .titlediv{ margin-top: 30px;margin-left: 30px;}
.maincon .page04_list{ margin-top: 20px;}
.maincon .page04_list{ width: 100%; margin-left: 0; margin-bottom:50px;}
.maincon .page04_line{ width:auto; height: 95%; }
.maincon .left05 .title01{ margin-top: 20px; margin-left: 30px;}
.maincon .left05 .left05_con{ margin-top: 30px;margin-left: 30px;}
.maincon .right05 .right05_con{ margin-top: 30px;}

.maincon .right08 .right08_con .img08{height: 20vw;}

.business .put-section-0 .maincon .left01 .title_bus01{ margin-left: 30px; margin-top: 20px;}
.business .put-section-0 .maincon .left01 .left01_con_bus01{ margin-left: 40px; margin-top: 20px;}
.business .maincon .right01 .right01_con{ margin-top: 20px;}

.business .maincon .left01 .title_bus01, 
.business .maincon .left01 .title_bus02, 
.business .maincon .left01 .title_bus03, 
.business .maincon .left01 .title_bus04, 
.business .maincon .left01 .title_bus05{
    margin-left: 30px; margin-top: 20px;
}
.business .maincon .left01 .left01_con_bus01,
 .business .maincon .left01 .left01_con_bus02,
  .business .maincon .left01 .left01_con_bus03,
 .business .maincon .left01 .left01_con_bus04,
  .business .maincon .left01 .left01_con_bus05{
    margin-left: 40px; margin-top: 20px;
  }
  .business .maincon .right01{ width: calc(100vw - 100px - 30vw - 20px); margin-left: 40px;}
  .case .maincon .case_shop ul li .li_div p{ font-size: 14px;;}
  .case .maincon .case_list{ width: 90%; margin:50px auto;}
  .case .maincon .case_shop{ width: 90%; margin: 40px auto;}
  .case .maincon .page04_line{ height: 36%;}
  .about .maincon .left01 .title_about01{ margin-top: 20px; margin-left: 30px;}
  .about .maincon .left01 .left01_con_about01{ margin-left: 40px; margin-top: 20px;}


  /* .about .maincon{ min-height:calc( 100vh - 60px);} */
  .about .maincon .right01{ margin-left: 20px;width: calc(100vw - 30px - 40vw - 100px);}












.nav{ display: none;}
.nav_ipone{ display: block; box-shadow: 0 1px 2px rgba(0,0,0,.1); }
.nav_r{ display: none;}
.right05_num{ display: none;}
.copy-right .addres{ flex-direction: column;}
.maincon .case_shop_index{ width: 90%; margin: 20px auto 60px;}
.maincon .more_num{ top:40px;}

.maincon .left08 .title08{margin-top: 0;}
.maincon .left08 .left08_con,.maincon .left08 .left08_num{margin-top: 20px;margin-left: 120px;}
.maincon .right08 .right08_con{margin-top: 0;}
.about .maincon .right01 .right01_con_about{ margin-top: 40px;}
.about .maincon .left02 .title_about02{ margin-left: 30px;margin-top:20px;}
.about .maincon .left02 .left02_con_about02{ margin-left: 30px; margin-top: 30px;}
.about .maincon .right02 .right02_con_about02{ margin-top:0px;}
.about .maincon .left02{ margin-bottom: 40px;}
}


@media screen and (max-width:750px) {
    .maincon .more_num{ display: none;}
    .maincon{ flex-direction: column;}
    .maincon .left01{ width: 100%;padding:0 20px;
        box-sizing: border-box;}
    .maincon .right01{ width: 100%;padding: 20px;
        box-sizing: border-box;margin-left: 0;}
        .maincon .left02 .lr .lr_con{ margin-left: 0;}
        .maincon .titlediv{ margin-top: 10px;}
    .maincon .left01 .title01{ margin-left: 0;}
    .maincon .left01 .left01_con{ margin-left: 0;}
    .maincon .right01 .right01_num{ display: none;}
    .maincon .right01 .right01_con{ width: 90%; margin: 10px auto;}
    .maincon .left02{  width: 100%;padding:0 20px;
        box-sizing: border-box;margin-left: 0; flex-direction: column;}
    .maincon .right02{   width: 100%;padding: 20px;
        box-sizing: border-box;margin-left: 0;}
        .maincon .left02 .lf .title01{ margin-top: 0;}
        .maincon .left02 .lf{ margin-left: 0;}
        .maincon .left02 .lf .lf_num{ display: none;}
        .maincon .left02 .lr{width: 90%; margin: 10px auto;}       
        .maincon .right02{ width: 90%; margin: 10px auto;} 
        .maincon .left03{ width: 100%;padding: 20px;
            box-sizing: border-box; margin-left: 0;flex-direction: column;}
    .maincon .left03 .lf .left03_num{ display: none;}       
    .maincon .left03 .lf .title01{ margin-top: 0;}
    .maincon .left03 .lf{ width: 100%;padding:0; box-sizing: border-box}
    .maincon .left03 .lr{ width: 90%; margin: 0 auto;}
    .maincon .right03{ width: 90%; margin: 0 auto;}
    .maincon .page04_line{ display: none;}
    .page03_more{ display: none;}
    .maincon .page04_list ul li{ width: 90%; margin:10px auto;}
    .maincon .page04_list{margin-bottom: 0;}
    .maincon .left05{ width: 100%;}
    .maincon .right05{ width: 90%; margin: 0 auto;}
    .maincon .right05 .right05_con{ width: 90%;}
    .maincon .right05 .right05_con .img01{ padding: 30px 0 0 15px;}
    .maincon .left03 .lr .lr_pic .page03_img01{ padding: 30px 0 0 15px;}
    .maincon .left02 .lr .lr_pic .page03_img01{ padding: 30px 0 0 15px; }
    .maincon .right01 .right01_con .img01{padding: 30px 0 0 15px; }
    .copy-right{ font-size: 12px;}
    .page01_more, .page02_more, .page03_more, .page05_more, .page06_more{ display: none;}
    .business .maincon .left01{ width: 100%; padding: 0 20px;}
    .business .maincon .left01 .title_bus01, 
    .business .maincon .left01 .title_bus02, 
    .business .maincon .left01 .title_bus03, 
    .business .maincon .left01 .title_bus04,
     .business .maincon .left01 .title_bus05{
        margin-left: 0; margin-top: 10px;
     }
     .business .maincon .left01 .left01_con_bus01,
      .business .maincon .left01 .left01_con_bus02, 
      .business .maincon .left01 .left01_con_bus03, 
      .business .maincon .left01 .left01_con_bus04, 
      .business .maincon .left01 .left01_con_bus05{ margin-left: 0; }
      .business .maincon .right01{ width: 100%; margin-left: 0; padding: 5px;}
      .business .maincon .right01 .right01_con .business01_img, 
      .business .maincon .right01 .right01_con .business02_img,
       .business .maincon .right01 .right01_con .business03_img, 
       .business .maincon .right01 .right01_con .business04_img, 
       .business .maincon .right01 .right01_con .business05_img{
padding: 0; display: flex;flex-direction: column; }
      .business .maincon .right01 .right01_con .business01_img .img,
       .business .maincon .right01 .right01_con .business02_img .img, 
       .business .maincon .right01 .right01_con .business03_img .img,
        .business .maincon .right01 .right01_con .business04_img .img, 
        .business .maincon .right01 .right01_con .business05_img .img{
padding:10px; width:100%; margin-left: 0; box-sizing: border-box;
      }
      .business  .maincon .right01 .right01_con{ width: 100%;}
      .about .maincon .left01 .title_about01{ margin: 0;}
      .about .maincon .left01 .left01_con_about01{ margin:20px 0;}
      .about .maincon .right01{ width: 100%; margin: 0 auto;}
      .about .maincon .right01 .right01_con_about{ margin-top: 0;}
      .about .maincon .right01 .right01_con_about .img01{ padding: 10px 0 0 10px;}

      .section-1 .prev, .section-1 .next{ width: 10px;
        height: 19px; margin-top: -9px;}
        .case .maincon .page04_line{ display: none;}
        .case .maincon .case_list{ margin: 10px auto;}
        .case .maincon .case_list ul li{ width: 100%;margin: 10px auto;}
        .case .maincon .case_left01 .right01_num{ display: none;}
        .case .maincon .case_shop ul li{ width: 50%;margin: 10px 0;}
        .copy-right .addres{ flex-direction: column;}
        .maincon .case_shop_index ul li{ width: 50%;}
        .maincon .case_shop_index ul li .li_div{ margin: 5px;}

        .maincon .left08{width: 100%;}
        .maincon .left08 .title08,.maincon .left08 .left08_con{margin-left: 30px;margin-top:10px}
        .maincon .left08 .left08_num{display: none;}
        .maincon .case_shop_index{margin: 0 auto;}
        .maincon .right08{width:80%;margin:20px auto;padding-bottom: 20px;}
        .maincon .right08 .right08_con{margin-top: 0;}
        .maincon .right08 .right08_con .line08{height: 50vw;position: relative;}
        .maincon .right08 .right08_con .img08{height: 50vw;top: 0;margin: 15px 0 0 15px;}
        .about .maincon .left02{     width: 100%; padding: 0 20px; box-sizing: border-box;}
        .about .maincon .left02 .title_about02{ margin: 0;}
        .about .maincon .left02 .left02_con_about02{ padding: 0; margin:20px 0;}
        .about .maincon .right02{ width: 80%; padding: 0; margin: 20px auto;}
        .about .maincon .right02 .right02_con_about02 .line08{ height: 50vw;position: relative;}
        .about .maincon .right02 .right02_con_about02 .img08{height: 50vw;
            top: 0;
            margin: 15px 0 0 15px;}
}
#allmap{
    /* width: 100%;
    height: 27vw; */
}