.main {padding-top:100px;padding-bottom:100px}
.main2 {padding-top:60px}
.path {border-bottom:1px solid #eee;line-height:75px}
.path p {color:#999;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.pro_view {display:-webkit-flex;display:flex;margin-bottom:70px}
.pro_img {width:600px}
.pro_img .view {width:100%;box-sizing:border-box;position:relative}
.pro_img .view .swiper-slide {position:relative}
.pro_img .view .swiper-slide a {width:100%;display:block;overflow:hidden;position:relative}
.pro_img .view .swiper-slide img {width:100%}
.pro_img .view .swiper-slide a.v::after {content:"";background:url(../images/v2.png);display:block;width:68px;height:68px;position:absolute;left:30px;bottom:20px}
.pro_img .preview {margin:12px 0 0;padding:0 30px;position:relative;overflow:hidden}
.pro_img .preview .swiper-wrapper {}
.pro_img .preview .swiper-slide {cursor:pointer;padding:10px 0 0;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:#52a9b5;position:absolute;top:0;left:50%;margin:0 0 0 -5px}
.pro_img .preview .swiper-slide .pic {border:2px solid #d9d9d9;padding:2px;width:100%;display:block;overflow:hidden;position:relative}
.pro_img .preview .swiper-slide .pic img {width:100%;display:block}
.pro_img .preview .active-nav .pic {border-color:#52a9b5}
.pro_img .preview .swiper-slide.active-nav::after {display:inline-block}
.pro_img .preview .arrow-left,.pro_img .preview .arrow-right {background:0 0;position:absolute;top:50%;margin-top:-25px;width:auto;height:50px;z-index:10;text-align:center}
.pro_img .preview .arrow-left {left:0}
.pro_img .preview .arrow-right {right:0}
.pro_img .preview .arrow-left i,.pro_img .preview .arrow-right i {color:#666;font-size:20px;line-height:50px}
.pro_img .preview .arrow-left:hover i,.pro_img .preview .arrow-right:hover i {color:var(--active-color)}
                                                                  
.pro_view_inner {-webkit-flex:1;flex:1;margin-left:88px}
.pro_view_inner h1 {font-size:26px;margin:10px 0 0;line-height:37px;color:#212121;font-weight:700}
.pro_view_inner hr {height:1px;width:100%;background:#ededed;margin:28px 0 34px}
.pro_view_inner .para {color:#666;font-size:15px;line-height:24px;padding-bottom:9px}
.pro_view_inner .para ul li {background:url(../images/dot2.png) no-repeat left 8px;padding:0 0 0 30px}
.pro_view_inner .para ul li+li {margin-top:14px}
.pro_view_inner .pro_btn {}
.pro_view_inner .pro_btn .book {margin:10px 0 0;width:183px;height:46px;line-height:46px;text-align:center;font-size:14px;color:#fff;font-weight:700;display:inline-block;background:var(--btn-bg)}
.pro_view_inner .pro_btn .book i {vertical-align:middle;margin-left:5px}
.pro_view_inner .pro_btn .book:hover {opacity:.7}
.pro_view_inner .pro_btn .pdf {width:150px;height:40px;line-height:40px;text-align:center;font-size:15px;color:#fff;display:inline-block;background:#ff6550;margin-left:20px}

.pro_tab_box {height:80px}
.pro_tab {width:100%;z-index:99;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.pro_tab.scroll-top {position:fixed;top:0;width:1400px}
.pro_tab ul {height:100%;display:flex;justify-content:center;align-items:center;position:relative}
.pro_tab ul li {padding:0 8px;height:80px;line-height:80px;text-align:center;position:relative;font-size:16px;cursor:pointer;color:#737373;display:flex;align-items:center;justify-content:center}
.pro_tab ul li+li {margin-left:44px}
.pro_tab ul li::after {content:"";height:2px;background:var(--active-color);position:absolute;left:0;right:0;bottom:-2px;display:none}
.pro_tab ul li.active {color:var(--active-color)}
.pro_tab ul li.active::after {display:block}
         
/*                
.pro_text {position:relative}
.pro_text .tit {}
.pro_text .tit h5 {font-size:24px;color:#212121;line-height:1;font-weight:700}
.pro_text .pro-scroll {padding-top:60px}
                   
.pro-content {padding:24px 0 0;line-height:24px;font-size:17px;color:#666}
.pro-content p {margin-bottom:25px}
.pro-content a[href*=maito] {color:#037214;text-decoration:underline}
.pro-content .table-response {width:100%;max-width:100%;overflow-x:auto}
.pro-content table {width:100%;margin-bottom:20px;border:1px solid #dcdcdc;line-height:24px;color:#484848;font-size:14px}
.pro-content table tr>th {padding:10px 20px;color:#212121;font-weight:600;border:1px solid #dcdcdc;text-align:center}
.pro-content table tr>td {padding:10px 20px;border:1px solid #dcdcdc;text-align:center}

*/
                
.pro_text{position:relative;border-top:1px solid #eee;}
.pro_text .tit{}
.pro_text .tit h5{font-size:24px;color:#212121;line-height:1;font-weight:700;}
.pro_text .pro-scroll{padding-top:40px;}

.pro-content{padding:24px 0 0;line-height:24px;font-size:17px;color:#666;}
.pro-content p{margin-bottom:25px;}
.pro-content a[href*="maito"]{color:#037214;text-decoration:underline;}
.pro-content .table-response{width:100%;max-width:100%;overflow-x:auto;}
.pro-content table{width:100%;margin-bottom:20px;border:1px solid #DCDCDC;line-height:24px;color:#484848;font-size:14px;}
.pro-content table tr > th{padding:10px 20px;color:#212121;font-weight:600;border:1px solid #DCDCDC;text-align:center;}
.pro-content table tr > td{padding:10px 20px;border:1px solid #DCDCDC;text-align:center;}

.pro-description{text-align:center;}
.pro-description h4{margin:30px 0 0;font-size:40px;font-weight:600;color:#000;line-height:1.2;}
.pro-description h4::after{content:"";width:300px;height:1px;background:#FB7307;margin:20px auto 0;display:block;}
.pro-description p{font-size:22px;color:#848484;line-height:1.5;margin:20px 0 0;}

.pro-description ul {display:flex;flex-wrap:wrap;margin:20px -20px 0;}
.pro-description ul li {width:25%;text-align:center;padding:15px 20px;position:relative;}
.pro-description ul li img {width:100%;border-radius:10px;aspect-ratio:1.5 / 1;}
.pro-description ul li .one {background: rgb(235, 235, 247);
    border-radius: 10px;
    position: relative;
    aspect-ratio: 1.5 / 1;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;}
                   
.pro-description ul li .one img{
 height: 62px;
 width:64px;
 position:absolute;
 bottom: 10px;
 right: 22px;
}
.pro-description ul li .one p {color:#000;text-align:left;margin:0;}
.pro-description ul li .one b {color:#000;text-align:left;}
.pro-description ul li .one i {color:#000000b3;font-size:80px;position:absolute;bottom:0px;right:0px;}
.pro-description ul li .one:hover i{color:#FB7306;}

                                  
.pro-video{margin:40px 0 0;text-align:center;    display: none;}
.pro-video a{display:inline-block;position:relative;overflow:hidden;}
.pro-video a::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/53acacf06325b31e6f494e67ba71fd2576a67e4a442c48e6e1a59499772e454a.png") no-repeat center;display:block;}
.pro-video a> img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.pro-video a:hover img{transform: scale(1.01);-webkit-transform: scale(1.01);}
.pro-video a:hover::after{background-color:rgba(0,0,0,0.1);}

.pro-faq{padding:30px 0 0;}
.pro-faq h4{font-size:40px;font-weight:600;color:#000;line-height:1.2;text-align:center;}
.pro-faq h4::after{content:"";width:300px;height:1px;background:#FB7307;margin:20px auto 0;display:block;}

.pro-faq ul{margin:50px 0 0;}
.pro-faq ul li{border:1px solid #E2E2E2;border-radius:8px;}
.pro-faq ul li~li{margin-top:20px;}
.pro-faq ul li .tit{padding:15px;overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:center;}
.pro-faq ul li .tit > span{width:80px;height:40px;background:#505050 url("../images/cd9393a6bc3ff5df5ee736d8978253678302ad0a81d5d0ae865fcb8002451344.png") no-repeat center;display:block;}
.pro-faq ul li .tit h5{flex:1;font-size:20px;color:#1b1c1c;font-weight:600;margin:0 0 0 34px;}

.pro-faq ul li .con{padding:15px;display:none;border-top:1px solid #E2E2E2;}
.pro-faq ul li .con .con-box{display:flex;}
.pro-faq ul li .con .con-box > span{width:80px;height:40px;display:block;background:#FB7307 url("../images/faq-i2.png") no-repeat center;}
.pro-faq ul li .con .con-box .t{flex:1;margin:0 0 0 34px;font-size:18px;line-height:30px;color:#666;}

.pro-why{padding:30px 0 0;}
.pro-why ul{margin:0 -20px;display:flex;flex-wrap:wrap;}
.pro-why ul li{width:20%;padding:0 20px;text-align:center;}
.pro-why ul li .box{background:#F9F9FA;border-radius:8px;padding:45px 15px;height:100%;}
.pro-why ul li .ico{height:45px;}
.pro-why ul li h6{font-size:30px;color:#000;line-height:1;margin:50px 0 0;font-weight:600;}
.pro-why ul li p{font-size:22px;color:#111;font-weight:300;margin:30px 0 0;}


.pro-album{display: flex;margin:0 -10px;}

.pro-album a {display: block;position: relative;height: 100%;border-radius:8px;overflow:hidden;}
.pro-album a > img{object-fit: cover;width: 100%;}
.pro-album a p{position: absolute;bottom:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);padding:12px 10px;text-align:center;}
.pro-album a p {font-size:17px;color: #fff;}

.pro-album .pic1 {width:38%;padding:10px;}
.pro-album .pic1 a > img{aspect-ratio:1 / 1.1;}

.pro-album ul {display: flex;flex-wrap: wrap;flex: 1;}
.pro-album ul li{width:33.33333333%;padding:10px;}
.pro-album ul li a > img{aspect-ratio:1.55 / 1;}
                


.pro-inquiry {margin:27px 0 0}
.pro-inquiry h4 {font-size:29px;font-weight:700;color:#212121;text-align:center;margin-bottom:40px}
.pro-inquiry .inquirbox {padding:65px 52px 40px;border:1px solid #ddd}
.pro-inquiry .inquirbox .row {margin-bottom:17px}
.pro-inquiry .inquirbox input[type=text],.pro-inquiry .inquirbox textarea {padding:14px 29px;color:#777;border:1px solid #eee;background:#fafafa;font-size:15px;width:100%;}
.pro-inquiry .inquirbox .submit {width:175px;height:46px;line-height:46px;font-size:14px;color:#fff;background:var(--btn-bg)}
.pro-inquiry .inquirbox .submit:hover {opacity:.7}


.rela-pro>h5 {font-size:26px;color:#212121;line-height:1;font-weight:700;margin-bottom:40px}
.rela-pro .list {position:relative}
.rela-pro .swiper{margin:0 -10px;}
.rela-pro .swiper-slide {text-align:center;padding:10px;}
.rela-pro .swiper-slide .pic {display:block;overflow:hidden;box-shadow:0 0 10px rgba(63,62,62,0.08);}
.rela-pro .swiper-slide img {width:100%}
.rela-pro .swiper-slide h6 {font-size:17px;color:#212121;line-height:24px;font-weight:700;margin:27px 0 0}
.rela-pro .bot {display:flex;align-items:center;width:980px;margin:50px auto 0;line-height:normal}
.rela-pro .tips {flex:1;margin-left:20px;overflow:hidden}
.rela-pro .swiper-pagination-progressbar.swiper-pagination-horizontal {position:static;width:100%;height:2px;background:#c9d2d7}
.rela-pro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;top:0;height:2px}
.rela-pro .bot .page {font-size:0}
.rela-pro .swiper-button-prev,.rela-pro .swiper-button-next {position:static;width:20px;height:20px;line-height:20px;overflow:hidden;background:0 0;margin-top:0;text-align:center;color:#202020;display:inline-block;border-radius:0}
.rela-pro .swiper-button-next::after,.rela-pro .swiper-button-prev::after {display:none}
.rela-pro .swiper-button-prev i,.rela-pro .swiper-button-next i {color:inherit;font-size:18px;display:inline-block}
.rela-pro .swiper-button-prev,.rela-pro .swiper-container-rtl .swiper-button-next {}
.rela-pro .swiper-button-next,.rela-pro .swiper-container-rtl .swiper-button-prev {margin-left:8px}
.rela-pro .swiper-button-prev:hover,.rela-pro .swiper-button-next:hover {color:var(--active-color)}
                                                             
@media screen and (max-width:1600px) {
 .pro_tab.scroll-top {width:1300px}
}
                                                                              
@media screen and (max-width:1500px) {
 .pro_tab.scroll-top {width:1200px}
}
                                                                       
@media screen and (max-width:1441px) {
 .main {padding-top:80px;padding-bottom:80px}
}
                            
@media screen and (max-width:1367px) {
 .pro_tab.scroll-top {width:calc(100% - 140px)}
.main {padding-top:70px;padding-bottom:70px}
.pro_img {width:550px}
.pro_view_inner {margin-left:60px}
.pro-inquiry .inquirbox {padding:50px 40px 40px}
}
                             
@media screen and (max-width:1281px) {
 .pro_tab.scroll-top {width:calc(100% - 100px)}
.main {padding-top:60px;padding-bottom:60px}
.pro_view {margin-bottom:50px}
.pro_img {width:500px}
.pro_view_inner hr {margin:25px 0}
}
@media screen and (max-width:1171px) {.pro_tab_box {display:none}
}
@media screen and (max-width:992px) {.main {padding-top:50px;padding-bottom:50px}
.pro_view {display:block;margin-bottom:40px}
.pro_img {width:600px;margin:0 auto}
.pro_view_inner {margin:30px 0 0}
.pro_view_inner h1 {font-size:24px;line-height:1;text-align:center}
.pro_view_inner .pro_btn {text-align:center}
.pro_text .pro-scroll {padding-top:40px}
.rela-pro .bot {width:100%}
}
@media screen and (max-width:768px) {
.inquirbox .row {margin-bottom:0}
.inquirbox .row>div {margin-bottom:10px}
}
@media screen and (max-width:768px) {
.main {padding-top:35px;padding-bottom:30px}
.path {line-height:24px;padding:20px 0}
.pro_view {margin-bottom:20px}
.pro_img {width:550px}
.pro_view_inner {margin:25px 0 0}
.pro_view_inner h1 {font-size:20px;text-align:center}
.pro_view_inner .pro_para {font-size:15px;margin:20px 0 0;line-height:24px}
.pro_view_inner .pro-share {text-align:center}
.pro_view_inner .btn {margin:25px 0 0;text-align:center}
.pro_text .pro-scroll {padding-top:25px}
.pro-content {padding:20px 0 0;font-size:16px}
.pro-content p {margin-bottom:15px}
.pro-content table tr>td {padding:8px 15px}
.pro-inquiry h4 {font-size:24px;margin-bottom:20px}
.pro-inquiry .inquirbox {padding:20px 20px 10px}
.pro-inquiry .inquirbox .row {margin-bottom:0}
.pro-inquiry .inquirbox input[type=text],.pro-inquiry .inquirbox textarea {padding:10px 15px}
.pro-inquiry .inquirbox .submit {width:150px;display:block;height:42px;line-height:42px;margin:0 auto}
.rela-pro>h5 {font-size:24px;margin-bottom:30px}
.rela-pro .swiper-slide h6 {font-size:16px;margin:15px 0 0}
.rela-pro .bot {margin:30px auto 0}
}
                         
@media screen and (max-width:576px) {
 .pro_img {width:100%}
.pro_view_inner hr {margin:20px 0}
.pro_text .tit h5 {font-size:22px}
}
  
@media screen and (max-width:480px) {
 .path h2 {font-size:22px}
.pro_img {width:100%}
.pro_view_inner h1 {font-size:18px}
.pro_img .preview .swiper-slide {width:50px}
.pro_view_inner .para ul li {padding:0 0 0 20px}
.pro_view_inner .para ul li+li {margin-top:10px}
.pro-inquiry .inquirbox {padding:15px 15px 5px}
.rela-pro>h5 {font-size:22px;margin-bottom:20px}
 .pro-description ul li .one img {
   height: 42px;
   width: 44px;
   position: absolute;
   bottom: 5px;
   right: 10px;
}
}
  
@media screen and (max-width:420px) {
 .path h2 {font-size:18px}
.path p {font-size:12px}
}
                 
.pro-content {width:100% ! important;}

               
@media screen and (max-width:1680px){                 
.pro-description h4,.pro-faq h4{font-size:38px;}                 
}
 
@media screen and (max-width:1550px){                 
.pro-description h4,.pro-faq h4{font-size:36px;}                 
} 
 
@media screen and (max-width:1441px){
.pro-why ul li h6{font-size:24px;}
.pro-description h4,.pro-faq h4{font-size:34px;}
.pro-description p{font-size:21px;}
  
.pro-why ul{margin:0 -15px;}  
.pro-why ul li{padding:0 15px;}  
  
}         
                 
@media screen and (max-width:1367px){
.pro-why ul li h6{font-size:24px;}
.pro-description h4,.pro-faq h4{font-size:32px;}
.pro-description p{font-size:20px;}  
}                
                 
@media screen and (max-width: 1280px){
.pro-why ul li h6{font-size:24px;}
.pro-description h4,.pro-faq h4{font-size:30px;}
.pro-description p{font-size:19px;}
.pro-album a p{font-size:15px;}
 
.pro-faq ul li .tit h5{font-size:18px;}
.pro-faq ul li .tit > span,.pro-faq ul li .con .con-box > span{width:70px;height:36px;background-size:auto 20px;}
.pro-faq ul li .con .con-box .t{font-size:17px;line-height:28px;}

.pro-why ul{margin:0 -10px;}  
.pro-why ul li{padding:0 10px;}  
.pro-why ul li .box{padding:25px 12px;}  
.pro-why ul li p{font-size:18px;margin:25px 0 0;}
  
}
                 
                 
@media screen and (max-width: 992px){
.pro-description h4,.pro-faq h4{font-size:28px;}
                    
.pro-description p{font-size: 17px;margin: 10px 0 0;}
  

.pro-why ul li {
    width:33.333333%;
    padding: 10px 10px;
}
.pro-description ul{margin:20px -10px 0;} 
.pro-description ul li {width:33.33333333%;padding:10px;}
  
.pro-faq {padding: 10px 0 0;}
  
.pro-album {display:block;
}
.pro-album .pic1 {
    width: 100%;
}
                   
  }
                 
@media screen and (max-width:768px){                 
.pro-description h4,.pro-faq h4{font-size:26px;}
  
.pro-faq ul{margin:30px 0 0;}
.pro-faq ul li .tit h5,.pro-faq ul li .con .con-box .t{margin:0 0 0 20px;}  
.pro-faq ul li .tit > span,.pro-faq ul li .con .con-box > span{width:50px;}
 
.pro-faq ul li .con .con-box .t{font-size:16px;line-height:24px;}  
  
}
 
@media screen and (max-width:576px){
  
.pro-description h4,.pro-faq h4{font-size:24px;}
.pro-description ul li{width:50%;}  
.pro-description p{font-size:16px;}  
.pro-description ul li .one{padding:10px;}
.pro-description ul li .one i{font-size:50px;}
  
.pro-album a p{font-size: 12px;}
 
.pro-why ul li{width:50%;}  
.pro-why ul li h6{font-size:20px;margin:20px 0 0;}
.pro-why ul li p {font-size:16px;margin:10px 0 0;}
  
  

 }

@media screen and (max-width:480px){                       
.pro-description h4,.pro-faq h4{font-size:22px;}
.pro-description ul li .one p{font-size:15px;line-height:1.2;}
  
  .pro-inquiry .crmFormVali-error{
      right: 20px !important;
  }
}     
 
@media screen and (max-width:420px){                       
.pro-description h4,.pro-faq h4{font-size:20px;} 
.pro-description ul li .one p{font-size:14px;}
  
}                            
                       
@media screen and (max-width: 520px){
.pro-album ul li {width: 50%;}
.pro-faq ul li .tit h5 {font-size:16px;}
                    
 }
                                
.table-response{overflow-x: auto;}