.main {padding-top:80px;padding-bottom:50px}
.pro_view {overflow:hidden;display:-webkit-flex;display:flex}
.pro_img {width:430px}
.pro_img .view{width:100%;border:1px solid #E5E8EA;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-slide a{width:100%;display:block;overflow:hidden;position:relative;}
.pro_img .view .swiper-slide a img{width:100%;display:block;}

.pro_img .preview{margin:5px 0 0;width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}
.pro_img .preview .swiper-container {width:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{justify-content:center;}
.pro_img .preview .swiper-slide{cursor:pointer;width:70px;padding:10px 0 2px;margin:0 2px;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#B7A088;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide .pic{border:1px solid #D9D9D9;padding:2px;height:70px;box-sizing:border-box;width:100%;display:block;overflow:hidden;position:relative;}
.pro_img .preview .swiper-slide .pic img{width:100%;display:block;width:100%;height:100%;object-fit:cover;}
.pro_img .preview .active-nav .pic{border-color:#B7A088;}

.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}

.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}



.pro_view_inner {-webkit-flex:1;flex:1;margin-left:45px}
.pro_view_inner h1 {color:#333;font-size:23px;font-weight:700;line-height:2}
.pro_intro {margin-top:15px;font-size:16px;color:#666;line-height:24px}
.pro_intro p strong {color:#333}
.pro_intro p~p {margin-top:8px}
.pro-share {margin:35px 0 0}
.pro_btn {margin:37px 0 0}
.pro_btn .book {width:142px;height:40px;line-height:40px;text-align:center;font-size:14px;font-weight:700;color:#fff;display:inline-block;background:#B7A088}
.pro_btn .book:hover {background:#DFC4A7}
.pro_tab_box {height:49px;margin-top:30px}
.pro_tab {height:49px;width:100%;box-sizing:border-box;z-index:99;background:#fff}
.pro_tab.scroll-top {position:fixed;top:0;width:1030px;z-index:100}
.pro_tab ul {height:100%;border-bottom:1px solid #f1f1f1;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative}
.pro_tab ul li {box-sizing:border-box;height:48px;line-height:48px;text-align:center;position:relative;font-size:15px;cursor:pointer;color:#737373;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.pro_tab ul li::after {content:'';width:0;background:#B7A088;height:2px;position:absolute;left:0;bottom:-1px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.pro_tab ul li.active {color:#333}
.pro_tab ul li.active::after {width:100%}
.pro_text {margin:30px 0 0;position:relative}
.pro_text .pro-overview table {font-size:16px;line-height:2;text-align:center;}
.pro_text .pro-overview table td {border:solid 1px #ccc;line-height:25px;padding:5px 0;}
.pro_text .pro-overview table tr:nth-child(2n+1) td {background-color:#F3F4F8;}
.pro_text .pro-overview table tr:first-child td {text-transform:capitalize;}
.pro_text .pro-scroll {/*! padding:30px 0;*/}
.pro_text .tit {height:46px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.pro_text .tit h5 {font-size:20px;color:#242424;font-weight:700}
.pro-pics {margin-bottom:30px}
.pro-pics .view {width:500px;margin:0 auto;box-sizing:border-box;position:relative}
.pro-pics .view .swiper-slide a {height:380px;overflow:hidden;display:block}
.pro-pics .view .swiper-slide img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.pro-pics .view .arrow-left,.pro-pics .view .arrow-right {position:absolute;top:calc(50% - 30px);width:46px;height:60px;line-height:60px;background:rgba(168,145,115,0.9);z-index:10;text-align:center}
.pro-pics .view .arrow-left {left:0}
.pro-pics .view .arrow-right {right:0}
.pro-pics .view .arrow-left i,.pro-pics .view .arrow-right i {color:#fff;font-size:18px}
.pro-pics .view .arrow-left:hover,.pro-pics .view .arrow-right:hover {background:#B7A088}
.pro-pics .preview {margin:50px 0 0;width:100%}
.pro-pics .preview .swiper-slide {cursor:pointer;position:relative}
.pro-pics .preview .swiper-slide::after {display:none;content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;top:0;left:0}
.pro-pics .preview .swiper-slide img {width:100%;box-sizing:border-box}
.pro-pics .preview .swiper-slide.active-nav::after {display:inline-block}
                    
.pro-overview {}
.pro-overview dl {font-size:17px;color:#666;line-height:30px}
.pro-overview dl dd {padding:0 0 0 28px;background:url('../images/dot.png') no-repeat left 10px}
.pro-overview dl dd + dd {margin-top:9px}
.pro-content {font-size:17px;color:#666;line-height:26px}
.pro-content h5 {font-size:20px;color:#111;font-weight:600;margin-bottom:10px;}
.pro-content p {margin-bottom:10px;}
.pro-content .row {border:3px dashed #dedede;margin-bottom:30px;padding:30px 30px;}
.pro-content .row img {/*! border:1px dashed #dedede;*/}
.pro-content ul li::before {content:"";width:8px;height:8px;background:#666;border-radius:50%;display:inline-block;margin-right:10px;}
/*.pro-content ul {margin:15px 0;}
.pro-content ul li {display:flex;align-items:center;background:#f0f0f0;padding:4px;}
.pro-content ul li+li {margin-top:45px;}
.pro-content ul li .pic {width:500px;overflow:hidden;}
.pro-content ul li .pic img {width:100%;transition:all 0.3s ease 0s;}
.pro-content ul li .txt {flex:1;overflow:hidden;padding:0 60px;}
.pro-content ul li .txt h5 {font-size:20px;color:#212121;font-weight:bold;}
.pro-content ul li .txt p {font-size:16px;color:#565656;line-height:24px;margin:25px 0 0;}
*/.pro-content .table-response {width:100%;max-width:100%;overflow-x:auto;}
.pro-content .table-response {width:100%;max-width:100%;overflow-x:auto;}
.pro-content table {width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;}
.pro-content table tr > th {padding:10px 15px;vertical-align:middle;border:1px solid #D9D9D9;font-family:var(--font-family1);}
.pro-content table tr > td {padding:8px;vertical-align:middle;border:1px solid #D9D9D9;}
.pro-content table tr:nth-child(2n-1) td {background:#F3F4F8;}
.pro-content table tr:first-child td {width:200px;}
.pro-content table tr > td * {margin:0;padding:0;text-align:center;}
.pro-content table tr > td p {margin:0;}
.pro-parameter {font-size:17px;color:#666;line-height:30px}
.pro-parameter .table-response {width:100%;max-width:100%;overflow-x:auto}
.pro-parameter table {width:100%;font-size:16px;color:#484848;border:1px solid #e6ebf3}
.pro-parameter table th {padding:10px 20px;border:1px solid #e6ebf3;background-color:#f8fafc}
.pro-parameter table td {padding:10px 20px;border:1px solid #e6ebf3;background-color:#fff}
.pro-parameter table tr:first-child th,.pro-parameter table tr:first-child td {}
.pro-parameter table p {margin:0 !important}
.pro-features ul li {position:relative;display:-webkit-flex;display:flex;background:#fafafa;-webkit-align-items:center;align-items:center}
.pro-features ul li + li {margin-top:60px}
.pro-features ul li .pic {width:383px}
.pro-features ul li .txt {-webkit-flex:1;flex:1;padding:0 60px}
.pro-features ul li .txt h5 {font-size:22px;font-weight:700;line-height:1;color:var(--bg-color)}
.pro-features ul li .txt h5::after {content:"";width:17px;height:2px;background:#333;margin:15px auto 0 0;display:block}
.pro-features ul li .txt .t {margin:20px 0 0;font-size:18px;color:#666;line-height:1.66;text-transform:capitalize}
.pro-features ul li .txt .t p~p {margin-top:15px}
.pro-features ul li:nth-child(2n + 1) {flex-direction:row-reverse;-webkit-flex-direction:row-reverse}
.pro-video .video {display:block;width:100%;position:relative;overflow:hidden}
.pro-video .video::after {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url('../images/v2.png') no-repeat center;display:block}
.pro-video .video img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.pro-video .video:hover img {transform:scale(1.05);-webkit-transform:scale(1.05)}
.pro-video .video:hover::after {background-color:rgba(0,0,0,0.1)}
.pro-inquiry {padding:55px 60px 28px;border:1px solid #ccc}
.pro-inquiry h4 {font-size:26px;font-weight:700;color:#333;text-align:center;margin-bottom:40px}
.pro-inquiry .inquirbox .row {margin-bottom:20px}
.pro-inquiry .inquirbox input[type=text],.pro-inquiry .inquirbox textarea {padding:13px 20px;font-size:15px;color:#666;border-radius:4px;border:1px solid #eee;background:#fafafa}
.pro-inquiry .inquirbox input[type=text]:focus,.pro-inquiry .inquirbox textarea:focus {border:1px solid var(--bg-color)}
.pro-inquiry .inquirbox input.submit {width:160px;height:42px;line-height:42px;margin:0 auto}
.rela-pro {}
.rela-pro .tit {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.rela-pro .tit h5 {font-size:22px;color:#333;font-weight:700;line-height:1}
.rela-pro .tit .page {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.rela-pro .tit .page .swiper-button-prev,.rela-pro .tit .page .swiper-button-next {width:37px;height:37px;line-height:37px;text-align:center;background:var(--bg-color);position:static;margin-top:0}
.rela-pro .tit .page .swiper-button-prev i,.rela-pro .tit .page .swiper-button-next i {font-size:13px;color:#fff;display:inline-block;margin-top:2px}
.rela-pro .tit .page .swiper-button-next {margin-left:14px}
.rela-pro .tit .page .swiper-button-prev::after,.rela-pro .tit .page .swiper-button-next::after {display:none;}
.rela-pro .tit .page .swiper-button-prev:hover,.rela-pro .tit .page .swiper-button-next:hover {background:var(--btn-bg);}
.rela-pro .list {margin:25px 0 0}
.rela-pro .swiper-slide {}
.rela-pro .swiper-slide a {width:100%;display:block;position:relative;overflow:hidden}
.rela-pro .swiper-slide a > img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s}
.rela-pro .swiper-slide .t {position:absolute;background:#b7a088d6;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 40px;opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}
.rela-pro .swiper-slide .t::after {content:"";height:2px;position:absolute;left:15px;width:0;bottom:16px;background:rgba(255,255,255,0.5);transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s}
.rela-pro .swiper-slide .t p {font-size:14px;color:#fff;font-weight:700;line-height:27px;letter-spacing:0.5px;padding:0 0 0 30px;position:relative}
.rela-pro .swiper-slide .t p::before {content:"+";position:absolute;left:0;top:0;font-size:24px;color:#fff;font-weight:400}
.rela-pro .swiper-slide .t2 {padding:0 70px}
.rela-pro .swiper-slide .t2 p {font-size:17px;line-height:36px}
.rela-pro .swiper-slide:hover .t {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.rela-pro .swiper-slide:hover .t::after {width:calc(100% - 30px)}
.rela-pro .swiper-pagination {display:none;position:static;width:100%;margin-top:20px}
.rela-pro .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#40409c;border-radius:10px;opacity:1;box-sizing:border-box}
.rela-pro .swiper-pagination-bullet-active {width:12px;background:#00007b}
.inquirbox .row {margin-bottom:30px}
.inquirbox .row em {font-size:20px;color:#484848;font-weight:700;display:block;margin-bottom:20px}
.inquirbox .row em i {color:red}
.inquirbox input[type=text],.inquirbox textarea {padding:22px 25px;font-size:17px;border:2px solid #dfdfdf;width:100%;line-height:22px;background:0 0;text-align:left;color:#999;box-sizing:border-box}
.inquirbox textarea {max-width:100%;width:100%;resize:none}
.inquirbox input[type=text]:focus,.inquirbox textarea:focus {box-shadow:0 0 4px rgba(0,0,0,0.15);outline:0}
.inquirbox .red {color:red;font-weight:700}
.inquirbox .yzm {width:70%;margin-right:10px}
.inquirbox img {cursor:pointer;margin-left:3px;display:inline-block;vertical-align:middle}
.inquirbox .submit {display:block;background:var(--btn-bg);color:#fff;width:225px;height:55px;line-height:55px;font-size:17px;font-weight:700;text-align:center;cursor:pointer;margin:0 auto}
.inquirbox .submit:hover {background:var(--btn-bg-hover)}
@media screen and (max-width:1500px) {.pro_tab.scroll-top {width:100%}
.pro-features ul li .txt {padding:0 30px}
.inquirbox .row em {font-size:18px;margin-bottom:15px}
}
@media screen and (max-width:1367x) {.pro_tab.scroll-top {width:100%}
.pro-parameter table td:first-child {padding:8px 15px}
.pro-parameter table td {padding:8px 15px}
.pro-inquiry {padding:40px 30px 25px}
.inquirbox input[type=text],.inquirbox textarea {padding:17px 20px;font-size:16px}
}
@media screen and (max-width:1280px) {.main {padding-top:25px;padding-bottom:30px}
.pro_img {width:400px;}
.pro_tab_box {display:none}
.pro_text {margin:25px 0 0}
.pro_text .pro-scroll {padding:20px 0 0}
.pro-pics .preview {margin:20px 0 0}
.pro-overview dl {font-size:15px;line-height:24px}
.pro-overview dl dd {padding:0 0 0 20px;background-position:left 7px}
.pro-overview dl dd + dd {margin-top:6px}
.pro-parameter {font-size:15px;line-height:24px}
.pro-parameter table {font-size:15px}
.pro-parameter table th {padding:8px 10px !important}
.pro-parameter table td {padding:8px 10px !important}
.pro-parameter table td * {font-size:15px !important}
.pro-features ul li {-webkit-flex-direction:column;flex-direction:column;padding:10px}
.pro-features ul li + li {margin-top:20px}
.pro-features ul li .pic {width:383px;margin:0 auto}
.pro-features ul li .txt {padding:20px 0 0}
.pro-features ul li .txt h5 {font-size:20px;text-align:center}
.pro-features ul li .txt h5::after {margin:15px auto 0}
.pro-features ul li .txt .t {margin:15px 0 0;font-size:15px;line-height:1.4}
.pro-features ul li .txt .t p~p {margin-top:10px}
.pro-features ul li:nth-child(2n + 1) {-webkit-flex-direction:column;flex-direction:column}
.pro-inquiry {padding:25px 20px 15px}
.pro-inquiry h4 {font-size:22px;margin-bottom:25px}
.pro-inquiry .inquirbox .row {margin-bottom:0}
.pro-inquiry .inquirbox input[type=text],.pro-inquiry .inquirbox textarea {padding:10px 12px}
.pro-inquiry .inquirbox input.submit {width:140px;height:40px;line-height:40px}
.inquirbox .row {margin-bottom:0}
.inquirbox .row > div {margin-bottom:10px}
.inquirbox .row em {font-size:15px;margin-bottom:10px}
.inquirbox input[type=text],.inquirbox textarea {padding:10px;font-size:15px;border:1px solid #dfdfdf}
.inquirbox .submit {width:180px;height:45px;line-height:45px;font-size:16px}
.rela-pro .tit h5 {font-size:20px}
.rela-pro .tit .page .swiper-button-prev,.rela-pro .tit .page .swiper-button-next {width:34px;height:34px;line-height:34px}
.rela-pro .tit .page .swiper-button-next {margin-left:10px}
.rela-pro .list {margin:25px 0 0}
.rela-pro .swiper-slide .t {position:static;padding:15px 10px;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.rela-pro .swiper-slide .t::after {display:none}
.rela-pro .swiper-slide .t p {font-size:14px;line-height:22px;letter-spacing:0.5px;padding:0}
.rela-pro .swiper-slide .t p::before {display:none}
.rela-pro .swiper-slide .t2 {padding:15px 10px}
.rela-pro .swiper-slide .t2 p {font-size:14px;line-height:22px}
}
@media screen and (max-width:768px) {.pro_view {display:block;}
.pro_img {margin:0 auto;}
.pro_view_inner {margin:20px 0 0;}
.pro_view_inner h1 {font-size:21px;line-height:1.6;text-align:center;}
.pro_btn {margin:25px 0 0;text-align:center;}
.pro-content {font-size:16px;line-height:24px}
.pro-content h5 {font-size:18px;}
}
@media screen and (max-width:600px) {.pro-pics .view {width:100%}
}
@media screen and (max-width:480px) {.pro_img {width:100%}
.pro_img .preview .swiper-slide {width:50px}
}
table.jtable500 {text-align:center ! important}
@media screen and (max-width:420px) {.pro_img {width:100%;}
}
@media screen and (max-width:768px) {.richtext-detail {width:100% !important;}
#detail_decorate_root {width:100% !important;}
#detail_decorate_root [class*="magic-"] {width:100% !important;height:100% !important;}
}
.ife-detail-decorate-table {overflow-x:auto;}