/*menu style*/
@media screen and (max-width: 1130px) {
  header .navbox {
    width: calc(99% - 120px);
    margin-left: 1%;
}
.hnav .mli > a {
    font-size: 15px;
    letter-spacing: 0px;
}
header .hnav .mul > li {
    width: calc(72% / 6);
}
header .hnav .mul > li:nth-child(5) {
    width: 13%;
}
header .hnav .mul > li:last-child {
    width: 15%;
}
/*home-about*/
.iabout_right {
    padding: 0 7% 0 4.5%;
}
.iabout_right .iabout_txt p.style01 {
    margin-bottom: 10px;
}
.about_sol {
    display: block;
    text-align: center;
    padding: 2% 0;
}
.iabout_right .iabout_txt {
    line-height: 30px;
}
}

@media screen and (max-width: 1000px) {
/*product*/
.iproduct .ipbox .listbox .list:not(:nth-child(3n)) {
  margin-right: 0%;
}
  .iproduct .ipbox .listbox .list {
    width: 46.8%;
    position: relative;
    margin-bottom: 85px;
}
.iproduct .ipbox .listbox .list:not(:nth-child(2n)) {
  margin-right: 6.4%;
}
/*news*/
.inews_main_out {
    width: 100%;
    padding: 0 15px;
}
}

@media screen and (max-width:768px) {
  header{
    position: fixed;
    top: 0;
    width: 100%;
    max-height: 94px;
  }

  /*logo*/
.hlogo {
    width: 100%;
    max-height: 94px;
    overflow: hidden;
}
header .hlogo img {
    position: relative;
    top: 0px;
    left: auto;
    width: 62px;
}
header .navbox {
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 94px);
    padding-bottom: 0px;
}
 /*hanburger icon*/
  .menu-trigger {
   display: block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 24px;
 }
.bar, .bar:after, .bar:before {
   width: 35px;
   height: 5px;
   border-radius: 25px;
 }
 .bar {
   position: relative;
   -webkit-transform: translateY(25px);
      -moz-transform: translateY(25px);
           transform: translateY(25px);
   background: #D3C2AE;
   -webkit-transition: all 0ms 300ms;
   -moz-transition: all 0ms 300ms;
   transition: all 0ms 300ms;
  top: -10px;
   left: 0px;
 }
 .bar.animate {
   background: rgba(255, 255, 255,0);
 }
 .bar:before {
   content: "";
   position: absolute;
   left: 0;
   bottom: 10px;
   background: #D3C2AE;
   -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .bar:after {
   content: "";
   position: absolute;
   left: 0;
   top: 10px;
   background: #D3C2AE;
   -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -moz-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .bar.animate:after {
   top: 0;
   -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
           transform: rotate(45deg);
   -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 .bar.animate:before {
   bottom: 0;
   -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
           transform: rotate(-45deg);
   -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }


  /*menu*/
  nav {display: none;background-color: #94765C;}
  .subBtn {position: relative;}
  .subBtn a {display: block;width: 100%;}
  .menu_btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding:0;
  }
  .menu_btn:hover .subBtn {display: none;}
header .hnav .mul {
    padding: 10px 0;
}
header .hnav .mul > li, header .hnav .mul > li:nth-child(5), header .hnav .mul > li:last-child {
    width: 100%;
    cursor: pointer;
    text-align: center;
    max-height: unset;
}
.hnav .mli > a {
    padding: 14px 0;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    width: 135px;
    -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.hnav .mli > a:hover, .hnav .mli.has_sub_btn:hover{
  background-color: transparent;
}
header .hnav .mul li a > img {
    margin-right: 10px;
    width: 28px;
    position: relative;
    top: 4px;
}
.hnav .mli .sul {
    position: relative;
    margin-top: 0px;
    background-color: rgba(255, 255, 255, 1);
}
.hnav .mli:hover .sul {
  display: none;
}
.hnav .sli a:hover{
  background-color: rgba(211, 194, 174, 0.3);
}

  /*banner*/
#banner_control img {
    width: 15px;
}
#banner_control {
    bottom: 4px;
}
.bannerbox {
    margin: 94px auto 0;
}


  /*more*/
  .more a{
    letter-spacing: 3px;
    font-size: 15px;
  }
.inews_box .more {
    padding-right: 0%;
    text-align: center;
    margin: 40px 0;
}
.more a img{
  width: 31px;
}
.more a:hover img{
  left: 89px;
}
.more a:hover:before{
    width: 54px;
}
/*page*/
.page ul li {
    margin: 0 5px;
}
/*title*/
.ipbox_bottom .more {
    text-align: center;
}
.title {
    margin: 45px 0 24px;
}

  /*footer*/
.foot_left {
    width: 100%;
    padding: 20px 0 20px 0%;
}
.foot_logo{
  width: 100%;
  text-align: center;
}
.foot_cont{
  width: 100%;
  padding: 15px 0 0 0%;
  letter-spacing: 0px;
  font-size: 14px;
}
.foot_cont > div {
    margin: 0 auto;
    padding: 0 0 0 0px;
}
p.foot_company {
    font-size: 16px;
}
.foot_right {
    width: 100%;
  text-align: center;
    padding: 0 0 7px 0;
}
.foot_right > div{
  display: inline-block;
  margin: 0 auto;
}

  /*index*/
    /*about*/
.iabout_left{
  width: 100%;
}
.iabout_right {
    padding: 26px 28px 45px;
    width: 100%;
}
.iaboutmain {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.iabout_right .iabout_txt p.style01 {
    font-size: 17px;
}
.iabout_right .iabout_txt {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 30px;
}
/*product*/
.homepage .iproduct_box {
    margin-bottom: 28px;
}
.ipbox_left {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
}
.ipbox_right {
    width: 100%;
    padding: 0 28px;
}
.ipbox_list{
      display: inline-block;
    position: relative;
    margin-top: 10px;
    padding: 0 11px;
    transform-origin: center;
    vertical-align: top;
}
.ipbox_list img{
  position: relative;
  padding: 7px 0;
}
.ipbox_list.s{
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ipbox_left #ipul {
    display: none;
}
.homepage .inews .title {
    margin: 23px 0;
}
.ipbox_bottom {
    text-align: center;
}
.ipbox_top {
    margin-top: 0px;
}
.iproduct .ipbox .listbox .list:last-child {
    margin-bottom: 37px;
}
/*produc-end*/
/*news*/
.inews_top {
    width: 100%;
}
.inews_top .date > div {
    width: auto;
    height: 32px;
    padding: 0 16px;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}
.inews_top .date > div > span {
    font-size: 15px;
    letter-spacing: 0px;
}
.inews_bottom {
    width: 100%;
    padding: 10px 15px;
}
.inews_bottom .name {
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
}
.inews_bottom .txt {
    font-size: 14px;
    -webkit-line-clamp: 3;
}
.inews_main {
    padding: 21px 0px;
}
/*news-end*/
}

@media screen and (max-width:468px) {
  .iproduct .ipbox .listbox .list {
    width: 100%;
}
.iproduct .ipbox .listbox .list:not(:nth-child(2n)) {
  margin-right: 0%;
}
}

@media screen and (max-width:450px) {
  .about_sol {
    margin: 0 auto;
        padding: 9px 0 36px;
    width: 200px;
}
.about_sol > div {
    margin: 3px 7px;
}
}