@charset "utf-8";


body {
    line-height: 1.5!important;
    color: rgba(0,0,0,.6)!important;
    font: 14px "Noto Sans", Sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}

.header.active .head-page .item.pro_item span {
    color: #939393;
}
#invisible {
    margin-top: 0 !important;
}
.load_layer{
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
}
.load_layer img{
    max-width:110px;
}
.load_layer p{
    margin-top:25px;
}
.product {
    overflow: hidden;
    background: #fff;
}
.product-page01 .item-l {
    width: 377px;
}
.product-page01 .item-l .box {
    border: 1px solid #E5E5E5;
    padding: 35px 22px 0;
    box-sizing: border-box;
}
.product-page01 .item-l .title {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
}
.product-page01 .item-l .title img {
    margin-right: 8px;
    width: 20px;
}

.nav-list .nav-tit::after {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background: url(../img/nav-tit-next.png) no-repeat center/cover;
    transform: rotate(180deg);
    transition: all .4s;
}

.nav-list.active .nav-tit::after {
    transform: rotate(0);
}

.hidden-list {
    padding-bottom: 35px;
}

.hidden-list:last-child {
    padding-bottom: 0;
}

.hide-tit span {
    margin-left: 7px;
}

.product-page01 .nav-list {
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0;
    box-sizing: border-box;
}

.product-page01 .nav-tit {
    cursor: pointer;
}

.slideTest {
    margin-top: 22px;
}

.slideTest .layui-slider {
    height: 2px;
}

.slideTest .layui-slider-wrap-btn {
    width: 18px;
    height: 18px;
    background: #7ba9be;
    border: 1px solid #7ba9be !important;
}

.slideTest .layui-slider-bar {
    background: #7ba9be !important;
}

.slideTest .layui-slider-wrap {
    top: -17px !important;
}

.tips-input-texts {
    width: 16px;
    height: 16px;
    border: 1px solid #9F9E9F;
    border-radius: 2px;
}

.tips-input.active .tips-input-texts::after {
    width: 9px;
    height: 7px;
    background: url(../img/tips-input-texts.png) no-repeat center/cover;
}

.tips-input.active .tips-input-texts {
    border: 1px solid #7ba9be;
}

.tips-input.active .tips-input-texts .tips-input-lab {
    background: #7ba9be;
}

.nav-hidden {
    display: none;
    margin-top: 16px;
}
.one_box_boxs{
    display: none;
    padding-top: 30px;
}
.nav-hidden-one .one_box:first-child{
    padding-top: 0;
}

.nav-hidden-one .one_box {
    padding: 10px 0;
    box-sizing: border-box;
}

.nav-hidden-one .one_box:last-child {
    padding-bottom: 0;
}

.nav-hidden-one .one_box .one_box_shape{
    margin-top: 16px;
}
.num-text {
    position: relative;
    border-radius: 3px;
    background: #eeeeee;
    width: 32%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer;
}

.num-text::after {
    content: '';
    display: block;
    width: 14px;
    height: 11px;
    background: url(../img/pump-input-icon.png) no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .4s;
    opacity: 0;
}

.num-text:nth-child(3n) {
    margin-right: 0;
}

.num-text.active {
    background: #ebebeb;
    color: #7ba9be;
}

.num-text.active::after {
    opacity: 1;
}

.num_input_btn {
    width: 32%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7ba9be;
    color: #fff;
    cursor: pointer;
}

.num_inputs {
    width: 100%;
    margin: 16px 0 24px;
}

.num_input_box {
    width: 66%;
    position: relative;
}

.num_input_box input {
    border: 1px solid #ebebeb;
    width: 48.48%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0 9px;
    box-sizing: border-box;
}

.num_input_box span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tips-input {
    margin-bottom: 15px;
    margin-top: 0;
}

.tips-input:last-child {
    margin-bottom: 0;
}

.product-page01 .nums {
    margin-top: 18px;
}

.product-page01 .nav-list:last-child {
    border-bottom: none;
}

.scale-input {
    margin-bottom: 15px;
    width: 33%;
    cursor: pointer;
}

.scale-input label {
    cursor: pointer;
}

.tips-input label {
    cursor: pointer;
}

.scale-input .scale-input-box {
    width: 16px;
    height: 16px;
    border: 1px solid #9F9E9F;
    border-radius: 8px;
    position: relative;
    margin-right: 8px;
    transition: all .4s;
}

.scale-input .scale-input-box::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #7ba9be;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s;
    opacity: 0;
}

.scale-input.active .scale-input-box {
    border: 1px solid #7ba9be;
}

.scale-input.active .scale-input-box::after {
    opacity: 1;
}
.set-input {
    height: 32px;
    justify-content: center;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    font-size: 14px;
    transition: all .4s;
    cursor: pointer;

    width: 30.6%;
    margin-right: 4.1%;
    margin-bottom: 10px;
    color: #999;
}

.set-input:nth-child(3n){
    margin-right: 0;
}

.set-input.active {
    background: #7ba9be;
    color: #fff;
    border: 1px solid #7ba9be;
}

.nav-hidden-four .pump-input {
    padding: 0 9px;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    border: 1px solid #BFBFBF;
    border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    transition: all .4s;
    margin-bottom: 15px;
    cursor: pointer;
}

.nav-hidden-four .pump-input:nth-child(4n) {
    margin-right: 0;
}

.nav-hidden-four .pump-input::after {
    content: '';
    display: block;
    width: 14px;
    height: 11px;
    background: url(../img/pump-input-icon.png) no-repeat center/cover;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all .4s;
    opacity: 0;
}

.nav-hidden-four .pump-input.active {
    border: 1px solid #7ba9be;
}

.nav-hidden-four .pump-input.active::after {
    opacity: 1;
}

.nav-hidden-four {
    padding-bottom: 5px;
}

.selecteList_fisrt li {
    float: left;
    border-radius: initial;
    background: initial;

    height: 32px;
    justify-content: center;
    border: 1px solid #BFBFBF;
    box-sizing: border-box;
    font-size: 14px;
    transition: all .4s;
    cursor: pointer;
    width: 30.6%;
    margin-right: 4.1%;
    margin-bottom: 10px
}
.selecteList_fisrt li:nth-child(3n) {
    margin-right: 0;
}
.moveBox {
    margin: 0 auto;
    width: 100%;
    height: initial;
    border: initial;
    position: relative;
    margin-top: 0;
}
.moveTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.selecteList_fisrt {
    position: initial;
    left: 0rem;
    width: 100%;
    background: initial;
    padding-top: initial;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0;
}
.selecteList_fisrt > ul {
    padding: 0;
}
.selecteList_fisrt li p {
    height: 100%;
    width: 100%;
    line-height: initial;
    color: #999;
    border-radius: initial;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.selecteList_fisrt .selected {
    background: #7ba9be;
    border: 1px solid #7ba9be;
}
.selecteList_fisrt .selected p{
    color: #fff;
}
.irs-bar {
    border: none;
    background: #7ba9be !important;
    height: 2px;
}


.moveTitle p {
    font-size: inherit;
    color: #666;
    font-weight: initial;
}
.moveContent {
    padding: 0;
    margin: 16px 0 25px;
}
.moveScale{
    padding: 0;
    display:none;
}
.moveScale p img{
    width: 14px;
}

.Show_results_box {
    margin-top: 5px;
}
.Show_results .list_lists{
     margin-bottom: 10px;
}
.Show_results .list_list{
    font-size: 14px;
    transition: all .4s;
    cursor: pointer;
    color: #999;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items:center;
    margin-bottom:5px
}
.Show_results .list_list:last-child {
    margin-bottom:0;
}
.Show_results .list_tit{
    width:72px;
    text-align: right;
}
.Show_results .list_text{
    width: calc(100% - 72px);
} 
.list_close{
    background: url(../img/list_close.png) no-repeat center/cover;
    width: 8px;
    height: 8px;
}
.reset_l_btn{
    height: 32px;
    box-sizing: border-box;
    font-size: 14px;
    transition: all .4s;
    cursor: pointer;
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0;
    background: #7ba9be;
    border: 1px solid #7ba9be;
    color: #fff;
}

.add-btn{
    display:flex;
    justify-content:center;
}
.add-btn_next{
    display: inline-block;
    width: 15px;
    height: 15px;
    transition: all .4s;
    background: url(../img/icon_show.svg) no-repeat center/cover;
}
.add-btn_next.active{
    background: url(../img/icon_close.svg) no-repeat center/cover;
}

.pro_searchs{
    position: relative;
    height: 40px;
    margin-bottom: 25px;
    overflow: hidden;
}
.pro_searchs input {
    width: 100%;
    height: 100%;
    border: 1px solid #E5E5E5;
    padding: 0 50px 0 15px;
    box-sizing: border-box;
}
.pro_searchs .pro_searchs_btn{
    background: #7ba9be;
    border: 1px solid #7ba9be;
    width: 42px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_searchs .pro_searchs_btn img{
    width:22px;
    display:block;
}
.house_content {
    margin-top: 10px;
}
.house_content .item{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    border: 1px solid #BFBFBF;
    width: 30.6%;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom:10px;
}
.house_content .item.active{
    color: #7ba9be;
    border: 1px solid #7ba9be;
}
.house_content .item:hover{
    color: #7ba9be;
    border: 1px solid #7ba9be;
}
.house_title {
    border: 1px solid #E5E5E5;
    padding: 25px 20px;
    box-sizing: border-box;
}
.product-page01 .item-r {
    width: calc(100% - 377px);
    padding-left: 30px;
    box-sizing: border-box;
}

.header-title_l {
       padding-bottom: 15px;
    width: calc(100% - 70px);
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.header-title_r {
    width: 70px;
}
.product-page01 .item-r .header-title {
    margin-bottom: 20px;
    align-items: flex-end;
}

.product-page01 .header-title span {
    margin-right: 12px;
}
.product-page01 .item-r .link{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
}
.product-page01 .item-r .link img{
    max-width:30px;
}
.product-page01 .item-r .link:last-child{
    margin-right:0;
    border-left:none;
}
.product-page01 .item-r .link.active{
    border: 1px solid #7ba9be;
    border-bottom: transparent;
}

.item-btn {
    margin-top: 35px;
}
.s-button {
    width: 42.5%;
    height: 42px;
    border: 1px solid #7ba9be;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7ba9be;
    transition: all .4s;
    position: relative;
    z-index: 1;
    transition: all .4s;
}
.s-button::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #7ba9be;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s;
    z-index: -1;
}

.product-page01 .list {
    width: 31.9%;
    margin-right: 2.15%;
    margin-bottom: 28px;
}

.product-page01 .list:nth-child(3n) {
    margin-right: 0;
}

.product-page01 .text-icon-per img {
    margin-right: 5px;
}

@-webkit-keyframes pagebgfd {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@keyframes pagebgfd {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

.Inquiry-btn {
    margin-top: 40px;
    box-sizing: border-box;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 144px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #7ba9be;
}

.Inquiry-btn::after {
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: #7ba9be;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .4s;
}

.Inquiry-btn:hover {
    color: #fff;
}

.Inquiry-btn:hover:after {
    width: 100%;
}

.pro_detail_pg01 .item-l {
    width: 560px;
}

.pro_detail_pg01 .item-l .mySwiper2 {
    width: 100%;
    border: 1px solid #7ba9be;
    box-sizing: border-box;
}

.pro_detail_pg01 .mySwiper2 .swiper-slide {
    width: 100%;
    padding: 22px 19px;
    box-sizing: border-box;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_detail_pg01 .mySwiper2 .swiper-slide img{
    display: block;
    max-height: 100%;
}
.pro_detail_pg01 .mySwiper2 video {
    width: 100%;
}

.pro_detail_pg01 .mySwiper .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pro_detail_pg01 .mySwiper {
    margin-top: 25px;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
}

.pro_detail_pg01 .mySwiper .swiper-container {
    position: initial;
}

.pro_detail_pg01 .mySwiper .swiper-slide {
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .4s;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_detail_pg01 .mySwiper .swiper-slide-thumb-active {
    border: 2px solid #7ba9be;
}

.pro_detail_pg01 .swiper-button-next:after,.pro_detail_pg01 .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    color: #7ba9be;
}

.pro_detail_pg01 .swiper-button-prev {
    left: 0;
}

.pro_detail_pg01 .swiper-button-next {
    right: 0;
}

.pro_detail_pg01 .item-r {
    width: calc(100% - 560px);
    padding-left: 6.5%;
    box-sizing: border-box;
}

.pro-textss .contents {
    margin-top: 30px;
    margin-bottom: 35px;
}

.pro_detail_pg02 .list {
   width: 31%;
   margin-right: 3.5%;
   background: #aac4d120;
   padding: 20px;
   box-sizing: border-box;

}
.pro_detail_pg02 .list:nth-child(3n){
    margin-right: 0;
}
.pro_detail_pg02 .tit {
    text-align: center;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_detail_pg02 .img{
    max-height: 248px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 25px;
}
.pro_detail_pg02 .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.pro_detail_pg02 .desc{
    height: 78px;
    overflow-y: auto;
}

.product_detail .pro-detail-page03 .link-color-box .link-color {
    cursor: initial;
}
.pro-detail-page03 .download {
    margin: 30px auto 0;
}
.pro-detail-page03 .lists-tit {
    background: #aac4d1;
    padding: 12px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    color: #fff;
}
.pro-detail-page03 .tit-text{
    font-size: 15px;
    max-width: 80%;
}
.pro-detail-page03 .l {
    width: 49.34%;
}

.pro-detail-page03 .lists-hidd {
    display: none;
}

.pro-detail-page03 .lists-hidd-list {
    padding: 12px 20px;
    box-sizing: border-box;
    justify-content: space-between;
}

.pro-detail-page03 .list:last-child .lists-tit {
    border-bottom: none;
}

.pro-detail-page03 .list .tit-icon {
    width: 7px;
    height: 12px;
    background: url(../img/img-next.png) no-repeat center/cover;
    transform: rotate(90deg);
    margin-right: 15px;
    transition: all .4s;
}

.pro-detail-page03 .lists-hidd-list:nth-child(2n) {
    background: #aac4d136;
}

.pro-detail-page03 .list.active .tit-icon {
    transform: rotate(270deg);
}

.pro-detail-page03 .hidd-l {
    width: 40%;
    text-align: right;
    color: #333;
    font-weight: 600;
}

.pro-detail-page03 .hidd-r {
    width: 49%;
    color: #666;
    font-family: "gotham-rounded-light";
}
.pro-detail-page03 .r {
    width: 42.29%;
}
.pro_detail_pg04 .list {
    text-align: center;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 25px;
    background: #aac4d120;
    padding: 25px 20px;
    box-sizing: border-box;
}
.pro_detail_pg04 .list:nth-child(4n){
    margin-right: 0;
}
.pro_detail_pg04 .list .tit {
       margin-top: 25px;
       height: 48px;
       display: flex;
       align-items: center;
       justify-content: center;
}

.pro_detail_pg04 .list .img {
    width: 100%;
    height:271px;
}
.pro_detail_pg04 .list .img_hidden{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
    background: #7ba9be;
    line-height: 1.875;
    color: #fff;
    transition:all .4s;
    transform:translateX(-100%);
}
.pro_detail_pg04 .list:hover .img_hidden{
     transform:translateX(0);
}
.pro_detail_pg04 .swiper-pagination {
    bottom: 45px;
}

.pro_detail_pg04 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 1px solid #CFA972;
    border-radius: 50%;
    background-color: transparent;
    opacity: 1;
}

.pro_detail_pg04 .swiper-pagination-bullet-active {
    background-color: #CFA972;
}

.inquiry {
    background: #F8F9FB;
}

.inquiry .lists {
    width: 1180px;
    margin: 0 auto;
}

.inquiry .item-l {
    width: 54.66%;
    /*padding-bottom: 55px;
    box-sizing: border-box;*/
    border-right: 1px solid #E5E5E5;
    padding-right: 6.34%;
    box-sizing: border-box;
}

.inquiry .item-l .item {
    margin-bottom: 20px;
    position: relative;
}

.inquiry .item-l .item-tit {
    padding-bottom: 16px;
    box-sizing: border-box;
}

.inquiry .item-l input {
    height: 47px;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    background: none;
}

.inquiry .item-l select {
    box-sizing: border-box;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 5;
    background: #fff;
    display: none;
}

option {
    padding: 5px 20px;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
}

.select-item span {
    width: 10px;
    height: 7px;
    background: url(../img/select-item-next.png) no-repeat center/cover;
    position: absolute;
    right: 20px;
    top: 50%;
}

.inquiry .item-r {
    width: 45.76%;
    width: 39%;
}

.inquiry .item-r .img {
    width: 66px;
}

.inquiry .item-r .text {
    width: calc(100% - 66px);
    padding-left: 18px;
    box-sizing: border-box;
}

.inquiry .item-r .desc {
    padding-bottom: 27px;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
    margin: 30px 0;
}

.input-text {
    width: 100%;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
    color: #999999;
    padding: 0 20px;
    color: #999999;
}

.input-btn {
    width: 90px;
    height: 44px;
    background: #B6B6B6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F8F9FB;
}

.inquiry .item-l .item span {
    color: #FF0000;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.submit-btn {
    width: 188px;
    height: 58px;
    background: #7ba9be;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

@media only screen and (min-width:961px) {
    .s-button:hover {
        color: #fff;
    }

    .s-button:hover:after {
        width: 100%;
    }
}

.bread {
    position: absolute;
    width: 100%;
    bottom: 35px;
}

.bread .width1480::before {
    content: "";
    display: block;
    width: 23px;
    height: 21px;
    background: url(../img/bread-icon.png) no-repeat center/cover;
    margin-right: 15px;
}

.bread .item {
    position: relative;
    transition: all .4s;
}

.bread a {
    color: #fff;
}

.bread .item span {
    color: #fff;
    margin: 0 13px;
}

.bread .item.active a {
    color: #7ba9be;
}

.bread .item:last-child span {
    display: none;
}

.press-btn {
    padding: 1px 10px;
    box-sizing: border-box;
    border: 1px solid #7ba9be;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    transition: all .4s;
    font-size: 14px;
    margin-right: 10px;
}

.press-btn:last-child {
    margin-right: 0;
}

.press-btn:hover {
    background: #7ba9be;
    color: #fff;
}

.add-hide img {
    margin: 50px 0 20px;
}

::-webkit-scrollbar-track {
    background: #EDEDED;
}
@media only screen and (max-width:1560px) {
    .pro_detail_pg01 .item-l {
        width: 520px;
    }
    .pro_detail_pg01 .item-r {
        width: calc(100% - 520px);
    }
}

@media only screen and (max-width:1480px) {
    .product-page02 {
        height: 650px;
    }
    .scale-input {
        width: 50%;
    }
    .product-page01 .item-l {
        width: 340px;
    }
    .product-page01 .item-r {
        width: calc(100% - 340px);
        padding-left: 20px;
    }
    .pro_detail_pg02 .r {
        width: 44.87%;
    }
}

@media only screen and (max-width:1440px) {
    .product-page01 .item-l{
        width: 320px;
    }
    .product-page01 .item-r{
       width: calc(100% - 320px);
    }
}

@media only screen and (max-width:1366px) {
     .product-page01 .item-l{
        width: 300px;
    }
    .product-page01 .item-r{
       width: calc(100% - 300px);
    }
    .text-icon {
        margin-right: 5px;
    }
    .selecteList_fisrt li p{
        font-size:13px;
    }
    .product-page01 .item-l .box{
        padding: 30px 16px 0;
    }
    .product-page01 .item-l .title{
        padding-bottom: 20px;
    }
    .one_box_boxs{
        padding-top: 20px;
    }
    .product-page02 .box {
        width: 60.8%;
    }
    .scale-input .scale-input-box {
        margin-right: 5px;
    }
    .nav-hidden-four .pump-input {
        margin-right: 4px;
        padding: 0 6px;
    }
    .product-page02 {
        height: 600px;
    }
    .pro_detail_pg02 .width1480 {
        padding: 0 4.25%;
        box-sizing: border-box;
    }
    .pro_detail_pg01 .item-l {
        width: 460px;
    }

    .pro_detail_pg01 .item-r {
        width: calc(100% - 460px);
    }
    .pro_detail_pg02 .r {
        width: 48%;
    }
    .pro_detail_pg04 .list {
        width: 22.9%;
        margin-right: 2.8%;
    }
    .pro_detail_pg01 .mySwiper2 .swiper-slide{
        height: 420px;
    }
}

@media only screen and (max-width:1280px) {
    .product-page01 .list{
        width: 48.85%;
    }
    .product-page01 .list:nth-child(3n){
        margin-right: 2.15%;
    }
    .product-page01 .list:nth-child(2n){
        margin-right: 0;
    }
    .product-page02 {
        height: 556px;
    }
    .product-page02 .box{
        margin-top: 0;
    }
    .pro_detail_pg01 .item-l {
        width: 448px;
    }
    .pro_detail_pg01 .item-r {
        width: calc(100% - 448px);
    }
    .pro_detail_pg01 .mySwiper .swiper-slide{
        height: 80px;
    }
    .pro-textss .text-list {
        margin-right: 20px;
        min-width: 124px;
    }
    .pro-textss .contents {
        margin-top: 25px;
    }
}

@media only screen and (max-width:1200px) {
    .pro_detail_pg04 .list {
        width: 31.5%;
        margin-right: 2.75%;
    }
    .pro_detail_pg04 .list:nth-child(4n){
        margin-right: 2.75%;
    }
    .pro_detail_pg04 .list:nth-child(3n){
        margin-right: 0;
    }
    .product-page02 .box {
        width: 68.8%;
    }
}
@media only screen and (max-width:1043px) {
    .bread-crumb{
        display: none;
    }
    .product-page01{
       padding-top: 60px;
    }
    
    .product-page01 .item-l {
        width: 315px;
    }
    .product-page01 .item-r {
        width: calc(100% - 315px);
    }
}
@media only screen and (max-width:960px) {
    .pro_detail_pg01 .item-l {
        width: 100%;
    }
    .pro_detail_pg01 .item-r {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .product-page01 .item-l{
        width: 100%;
    }
    .product-page01 .item-r{
        width: 100%;
        padding-left: 0;
    }
    .product-page02 {
        height: auto;
        padding: 0 0 60px;
    }
}

@media only screen and (max-width:750px) {
    .product-page01 {
        padding-top: 30px;
    }
    .pro_searchs{
        margin-bottom: 20px;
    }
    .product-page01 .nav-list{
        padding: 15px 0;
    }
    .product-page01 .item-r{
        margin-top: 30px;
    }
    .product-page01 .item-l .title{
        padding-bottom: 15px;
    }
    .product-page01 .item-l .box{
        padding: 25px 20px 0;
    }
    .pro_detail_pg01 .mySwiper2 .swiper-slide{
        height: 285px;
    }
    .pro_detail_pg01 .mySwiper .swiper-slide {
        height: 55px;
    }
    .pro_detail_pg01 .contents .contents-l {
        width: 100%;
    }
    .pro-textss .text-list {
        margin-right: 20px;
        min-width: initial;
        font-size: 13px;
    }
    .text-icon {
        margin-right: 5px;
    }
    .Inquiry-btn {
        max-width: 132px;
        height: 42px;
        border: 1px solid #7ba9be;
        color: #7ba9be;
        margin: 25px auto 0;
    }
    .pro_detail_pg02 .l {
        width: 100%;
    }
    .pro_detail_pg02 .width1480{
        padding: 0;
    }
    .pro_detail_pg02 .r{
        width: 100%;
        margin-top: 15px;
    }
    .pro_detail_pg02 .lists-hidd p:first-child{
        margin-top: 0;
    }
    .pro_detail_pg02 .list:last-child p{
        margin-bottom: 0;
    }
    .pro-detail-page03 .l {
        width: 100%;
    }
    .pro-detail-page03 .width1480{
        padding: 0;
    }
    .pro-detail-page03 .hidd-l{
        width: 42%;
    }
    .pro-detail-page03 .hidd-r{
        width: 50%;
    }
    .pro-detail-page03 .r {
        width: 100%;
        margin-top: 30px;
    }
    .pro_detail_pg04 .list{
        width: 49%;
        margin-right: 2%;
        padding: 15px;
        margin-bottom: 20px;
    }
    .pro_detail_pg04 .list:nth-child(3n){
        margin-right: 2%;
    }
    .pro_detail_pg04 .list:nth-child(2n){
        margin-right: 0;
    }
    .pro_detail_pg04 .swiper-pagination {
        bottom: 25px;
    }
    .pro_detail_pg01 .title{
        padding-bottom: 0;
        border-bottom: none;
    }
    .crumbs{
        display: none;
    }
    .product-page01 .list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .product-page01 .list:nth-child(3n){
        margin-right: 0;
    }
    .product-page02 .box {
        width: 100%;
    }
    .product-page02 {
        padding: 0 0 30px;
    }
    .product-page02 .con {
        margin-top: 10px;
    }

    .pro_detail_pg04 .list .img {
        height: 187px;
    }
    .pro_detail_pg04 .list .tit{
        margin-top: 15px;
    }
    .pro-detail-page03 .lists-tit{
        padding: 12px 15px;
    }
    .pro-detail-page03 .lists-hidd-list{
        padding: 12px 15px;
    }
    .pro_detail_pg02 .list {
        width: 100%;
        margin-right: 0;
        padding: 15px;
        margin-bottom: 20px;
    }
    .pro_detail_pg02 .list:last-child{
        margin-bottom: 0;
    }
    .link-content .links-box {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .link-content .links-box:last-child{
        margin-bottom: 0;
    }
    .pro-textss .contents {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .load_layer{
        padding:30px 0;
        width:100%;
    }
    .load_layer img{
        max-width:75px;
    }
}