body.pro {
    background: #F1F3F7;
}

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

.pro_img{width:500px;}
.pro_img .view{width:100%;position:relative;}
.pro_img .view .swiper-slide 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-slide{cursor:pointer;padding:10px 0 2px;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{flex:1;margin-left:40px;}
.pro_view_inner h1{color:var(--active-color);font-size:36px;line-height:1.25;font-weight:600;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:30px 0 0;color:#000;font-size:18px;line-height:30px;}

.pro_view_inner .pro_para .download{}
.pro_view_inner .pro_para .download a:hover{font-weight: bold;color: var(--active-color);}
.pro_view_inner .pro_para .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:var(--btn-bg-hover);}

.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: #f0f0f0;}
.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:20px;cursor:pointer;color:#333;text-transform:capitalize;font-weight:600;}
.pro_tab ul li:hover {
 color: var(--active-color);
}

.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-weight:600;}
.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-weight:600;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-weight:600;}
.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-weight:600;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) {
.pro_img {width:450px;}	
.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;}
  
}


@media screen and (max-width:1367px) {
.pro_img {width:420px;}	 
  .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){
.pro_img {width:380px;}	   
  .pro_view_inner h1{font-size:28px;}
  .rela-pro h3{font-size:40px;}

}

@media screen and (max-width:1171px){
.pro_img {width:350px;}	 
  .pro_view_inner h1{font-size:26px;}
  .rela-pro h3{font-size:36px;}
}

@media screen and (max-width:992px){
 
  .rela-pro h3{font-size:32px;}
  
  .pro_tab ul li {display: flex ; align-items: center;}
  .pro_tab ul li h2{line-height: 22px;}
}

@media screen and (max-width:768px) {
  
.pro_img{width:500px;margin:0 auto;}
  .pro_view{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;}

  
}

@media screen and (max-width:576px) {
.pro_img{width:100%;}
  .pro_view_inner h1{font-size:24px;}
  .rela-pro h3{font-size:26px;}
}

@media screen and (max-width:480px) {
  
  .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;}
}