body.pro {
  background: #F1F3F7;
}

.main{padding-top:50px;padding-bottom:80px;}
.main-right{margin:0 0 0 370px;}

.rtit{text-align:center;margin-bottom:40px;}
.rtit h1{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);}
.rtit h1::after{content:"";width:40px;height:4px;background:var(--active-color);margin:15px auto 0;display:block;}

.pro_view{display:-webkit-flex;display:flex;margin-bottom:30px;}

.pro_img{width:500px;}
.pro_img .view{width:100%;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-container img{width:100%;display: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_img .preview{width:100%;margin-top:10px;position:relative;text-align:center;overflow:hidden;}
.pro_img .preview .swiper-container {width:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{justify-content:left;}
.pro_img .preview .swiper-slide{cursor:pointer;width:120px;padding:10px 0 0;margin:0 3px;display:inline-block;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:var(--active-color);position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid transparent;padding:2px;box-sizing:border-box;}
.pro_img .preview .active-nav img{border:1px solid var(--active-color);}

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


.pro_view_inner{-webkit-flex:1;flex:1;margin-left:40px;}
.pro_view_inner h1{color:var(--active-color);font-size:36px;line-height:1.25;font-family:var(--font-family1);text-transform:capitalize;}
.pro_view_inner hr{height:4px;background:url(../images/line2.png) repeat-x;margin:20px 0;}
.pro_view_inner .pro_para{margin:15px 0 0;color:#000;font-size:18px;line-height:30px;}

.pro_view_inner .pro_para p.download{margin-top:15px;}
.pro_view_inner .pro_para p.download a:hover{font-weight: bold;color: var(--active-color);}
.pro_view_inner .pro_para p.download i{font-size: 24px;margin: 0 10px;}


.pro_view_inner .btn-box{font-size:0;margin:50px 0 0;}
.pro_view_inner .btn-box a{width:200px;height:50px;line-height:50px;font-size:20px;text-align:center;color:#fff;display:inline-block;/* font-family:var(--font-family1); */margin-right: 20px;}
.pro_view_inner .btn-box a i{font-size:22px;margin-right:8px;vertical-align:middle;}
.pro_view_inner .book{background: var(--active-color);border-radius:35px;}
.pro_view_inner .book:hover{background:#07c6b3eb;}

.pro_view_inner .pdf{background:var(--btn-bg2);margin-left:30px;}
.pro_view_inner .pdf:hover{background:var(--btn-bg2-hover);}

.pro_view_inner .pro-share{margin:20px 0 0;}

.pro_tab_box{height:60px;}
.pro_tab{height:60px;width:100%;position:relative;z-index:99;background:#fff;}
.pro_tab.scroll-top{position:fixed;top:0;width:1100px;background:#fff;z-index:99;}

.pro_tab ul{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;}
.pro_tab ul li{padding:0 40px;height:60px;line-height:60px;text-align:center;position:relative;font-size:24px;cursor:pointer;color:#333;text-transform:capitalize;}
.pro_tab ul li::after{content:'';width:30px;height:4px;background:var(--active-color);position:absolute;left:calc(50% - 15px);bottom:0;opacity:0;}
.pro_tab ul li.active{color:var(--active-color);}
.pro_tab ul li.active::after{opacity:1;}

.pro_text{margin:40px 0 0;position:relative;}
.pro_text .tit{text-align:center;}
.pro_text .tit h5{color:var(--active-color);line-height:1;font-size:24px;font-family:var(--font-family1);}
.pro_text .tit h5::after{content:"";background:var(--active-color);width:40px;height:4px;margin:15px auto 0;display:block;}

.pro-content{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;}
.pro-content h5{font-size:18px;color:#333;font-family:var(--font-family1);margin-bottom:10px;}
.pro-content p{margin:0 0 10px;}
.pro-content img{}
.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;text-transform:capitalize;}
.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:10px 15px;vertical-align:middle;border:1px solid #D9D9D9;}
.pro-content table tr.firstRow > td{font-weight:bold;}
.pro-content table tr > td *{margin:0;padding:0;}
.pro-content table tr > td p{margin:0;}

.pro-content dl{}
.pro-content dl dd{background:url(../images/dot1.png) no-repeat left 8px;color:#333;line-height:22px;padding:0 0 0 15px;font-size:16px;}
.pro-content dl dd~dd{margin-top:10px;}

.rela-pro{padding:75px 0;}
.rela-pro h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.rela-pro h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:15px auto 0;display:block;}

.rela-pro .list{margin:50px 0 0;position:relative;}
.rela-pro .swiper-slide .pic{display:block;width:100%;position:relative;overflow:hidden;}
.rela-pro .swiper-slide .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.rela-pro .swiper-slide .txt{margin-top:20px;text-align:center;}
.rela-pro .swiper-slide .txt h6{font-size:17px;color:#222;}
.rela-pro .swiper-slide .txt h6 a{display:block;line-height:22px;height:66px;overflow:hidden;}
.rela-pro .swiper-slide .txt h6 a:hover{color:var(--active-color);}

.rela-pro .swiper-slide:hover .pic > img{transform:scale(1.03);-webkit-transform: scale(1.03);}
.rela-pro .swiper-slide:hover .txt h6 a{color:var(--active-color);}

.rela-pro .swiper-pagination{position:static;width:100%;margin-top:30px;}
.rela-pro .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#B5B5B5;border-radius:50%;opacity:1;}
.rela-pro .swiper-pagination-bullet-active{background:var(--active-color);}



@media screen and (max-width:1500px){
.pro_view_inner h1{font-size:34px;}
}

@media screen and (max-width:1441px) {
.main-right {margin: 0 0 0 300px;}

.rtit h1{font-size:48px;}

.pro_view_inner h1{font-size:32px;}
.pro_view_inner .btn-box a {width: 160px;height: 40px;line-height: 40px;font-size: 18px;}

.rela-pro h3{font-size:48px;}
.pro_img {width: 360px;}
}


@media screen and (max-width:1367px) {
.rtit h1{font-size:44px;}

.pro_view_inner h1{font-size:30px;}
.pro_view_inner .pro_para{font-size:17px;line-height:28px;}

.rela-pro h3{font-size:44px;}
}

@media screen and (max-width:1281px){
.main-right {margin: 0 0 0 270px;}

.rtit h1{font-size:40px;}

.pro_view_inner h1{font-size:28px;}
.rela-pro h3{font-size:40px;}
.pro_img {width: 340px;}
}

@media screen and (max-width:1171px){
.rtit h1{font-size:36px;}

.pro_view_inner h1{font-size:26px;}
.rela-pro h3{font-size:36px;}
}

@media screen and (max-width:992px){
.main-right{margin:0;}

.rtit h1{font-size:32px;}

.rela-pro h3{font-size:32px;}
}

@media screen and (max-width:768px) {
.main{padding-top:25px;padding-bottom:30px;}

.rtit{margin-bottom:25px;}
.rtit h1{font-size:28px;}

.pro_view{-webkit-flex-direction:column;flex-direction:column;}

.pro_view_inner{margin:25px 0 0;}
.pro_view_inner h1{text-align:center;font-size:26px;}
.pro_view_inner .t{margin:20px 0 0 0;}
.pro_view_inner .t h5{float:left;color:#333;font-size:16px;}
.pro_view_inner .t span{float:right;color:#666;font-size:16px;}

.pro_view_inner .btn-box{margin:20px 0 0;text-align:center;}
.pro_view_inner .btn-box a{width:150px;height:40px;line-height:40px;font-size:16px;}
.pro_view_inner .btn-box a i{font-size:20px;margin-right:6px;}
.pro_view_inner .pro-share{text-align:center;}

.pro_tab_box{display:none;}

.pro_text{margin:25px 0 0;}
.pro_text .tit h5{font-size:22px;}
.pro_text .tit h5::after{height:2px;}

.pro-content img{width:100%;height:auto;}
.pro-content{font-size:15px;line-height:24px;padding:15px 0 0;}

.rela-pro h3{font-size:28px;}
.rela-pro{padding:30px 0;}
.rela-pro .list{margin:25px 0 0;}
.rela-pro .swiper-slide .txt{margin-top:15px;}
.rela-pro .swiper-slide .txt h6{font-size:16px;}
.rela-pro .swiper-slide .txt h6 a{height:auto;}

.pro_img{margin:0 auto;}
}

@media screen and (max-width:600px) {
.rtit h1{font-size:26px;}

.pro_view_inner h1{font-size:24px;}
.rela-pro h3{font-size:26px;}
}

@media screen and (max-width:480px) {
.rtit h1{font-size:24px;}

.pro_view_inner h1{font-size:22px;}
.rela-pro h3{font-size:24px;}

.pro_img{width:100%;}
.pro_img .preview .swiper-slide{width:50px;margin:0 2px;}
}




.cd-popup.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup {
display: block;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 1000;
}

.cd-popup .div_info {
position: absolute;
top: 120px;
left: 50%;
margin-left: -15%;
float: none;
max-height: 80%;
overflow: auto;
}

.cd-popup .div_info {
width: 30%;
padding: 55px;
background: #fff;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
}

.cd-popup .div_info h3 {
margin-bottom: 30px;
font-size: 28px;
color: #333;
line-height: 24px;
font-weight: 500;
}

.cd-popup .input-position {
position: relative;
}

.cd-popup .input-position+.input-position {
margin-top: 20px;
}

.cd-popup .div_info input,
.cd-popup .div_info textarea {
display: block;
width: 100%;
padding: 15px 20px;
line-height: 26px;
font-size: 16px;
background: #fafafa;
border: 1px solid #eee;
color: #666;
}

.cd-popup .div_info textarea {
height: 197px;
line-height: 26px;
}

.cd-popup .div_info button {
width: 100%;
height: 60px;
font-size: 17px;
color: #fff;
background: var(--active-color);
margin-top: 30px;
font-weight: 500;
transition: .3s all;
}

.cd-popup .div_info button:hover {
background: #19C9B8;
cursor: pointer;
}

.cd-popup .cd-popup-close {
position: absolute;
right: 7%;
top: 41px;
font-size: 42px;
color: #999;
}

.cd-popup .cd-popup-close:hover {
text-decoration: none;
}

.cd-popup .crmFormVali-error {
color: #a94442;
font-size: 12px;
line-height: 1;
position: absolute;
right: 20px;
top: calc(50% - 6px);
}



@media screen and (max-width:1580px) {
.cd-popup .div_info {
  width: 46%;
  margin-left: -23%;
  top: 80px;
}
}

@media screen and (max-width:992px) {
.cd-popup .div_info h3 {
  font-size: 24px;
}

.cd-popup .div_info {
  width: 86%;
  margin-left: -43%;
  padding: 30px;
}

.cd-popup .cd-popup-close {
  top: 10px;
}

.cd-popup .div_info button {
  margin-top: 20px;
  height: 46px;
}

.cd-popup .div_info input,
.div_info button {
  height: 46px;
}

.cd-popup .div_info input,
.cd-popup .div_info textarea {
  margin-top: 15px;
  font-size: 15px;
}

.cd-popup .div_info input {
  height: 46px;
  padding: 0 15px;
}

.cd-popup .div_info textarea {
  height: 100px;
  padding: 15px;
  line-height: 22px;
}

.cd-popup .div_info {
  top: 100px;
}
}

@media screen and (max-width:480px) {
.cd-popup .div_info {
  padding: 20px;
}
}


/*===========================<-- Responsive Css -->=============================*/


@media(max-width:767px) {
.footer-section {
  text-align: center;
}

.footer-bg>div+div {
  margin-top: 20px;
}

h4.widget-title {
  margin-bottom: -10px;
}

table.widget-table {
  margin: auto;
}

.footer-info-desc {
  margin-bottom: 5px;
}

.huake-side-bar,
.foot-nav {
  display: none;
}
}

@media(max-width:599px) {
.footer-section {
  padding: 75px 0 0;
}

.footer-bottom-area {
  padding: 60px 0 0;
}

.footer-bottom-content-copy p {
  font-size: 15px;
}

.huake-side-bar,
.foot-nav {
  display: none;
}
}



@media only screen and (max-width: 768px) {
body>div.footer-section>div {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.footer-section {
  text-align: left !important;
}
}

@media only screen and (max-width: 992px) {
.huake-side-bar {
  display: none !important;
}
}

body{
overflow-x: hidden;
}

@media screen and (max-width:768px){
.richtext-detail img{
  width: 100%;
}
.richtext-detail{

  width: 100% !important;
}
#detail_decorate_root{

  width:100% !important;
}
#detail_decorate_root [class*="magic-"]{width:100% !important;height:auto !important;margin: 0 !important;}
table{
  padding-left: 0 !important;
  white-space: nowrap !important;
  width: auto !important;
}
#detail_decorate_root [class*="magic-"] p{
  font-size:12px;
  line-height:1.4
}
                                                         
                                                         .pro-content p {
  margin: 0 0 10px;
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
}
                                                         
                                                         
}
.ife-detail-decorate-table{
overflow-x: auto;

}

.table-wrapper{

  overflow-x: auto;
}
.table-response{
  overflow-x: auto;
}