body.pro {
    background: #F1F3F7;
}

.main{padding-top:50px;padding-bottom:80px;}
.main-right{margin:0 0 0 370px;}
.sub-nav h3{
	display: inline-block;
}
.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;}
.richtext-detail,
#detail_decorate_root,
#detail_decorate_root [class^="magic-"],
#detail_decorate_root .magic-0,
#detail_decorate_root [class*="magic-"],
#detail_decorate_root img,
.pro-content video{
  width:100% !important;
  height: auto !important;
}
.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-family);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: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:#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;}

               
.ncontent .p_ProName h1{ color:#18469D;text-align:center;font-size:48px;font-weight:600;line-height:1;margin-bottom:30px;text-transform:capitalize;}
.ncontent .nprocontent .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.ncontent .nprocontent table{word-break:break-word;border-collapse: collapse;border-spacing: 0;text-align: center;font-size:15px;}
.ncontent .nprocontent table tr>td{border:solid 1px #d9d9d9;padding:10px 5px;/*! white-space: nowrap; */}
.ncontent .nprocontent table tr>th,.ncontent .nprocontent table thead tr>td{border:solid 1px #d9d9d9;padding:10px;}
.ncontent .nprocontent table tr:first-child{background-color:#18469D;color: #fff;border-right: 1px solid #fff;white-space:nowrap;}
.ncontent .nprocontent table tr:nth-child(2n) > td{background:#f0f0f0;}

               
.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;}


.menu-tabs{padding:0 0 35px;margin-bottom:35px;text-align:center;border-bottom:1px solid #E3E3E3;}
.menu-tabs ul{font-size:0;}
.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 5px;}
.menu-tabs ul li a{font-size:18px;color:#222;display:block;padding:0 32px;background:#EAEAEA;}
.menu-tabs ul li.active a{background:#18469d;color:#fff;}

.sub-nav{text-align:center;font-size:0;font-size:16px;margin-bottom:50px;}
.sub-nav ul li{display:inline-block;height:37px;line-height:37px;font-size:17px;cursor:pointer;color:#333;}
.sub-nav ul li:not(:last-child)::after{content:"|";text-align:center;font-size:15px;margin:0 15px;color:#333;}
.sub-nav ul li:hover,.sub-nav ul li.active{color:#18469D;}
                   
                   
.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:1550px){ 
  .main {
	padding-top: 45px;
	padding-bottom: 70px;
  }
  .menu-tabs ul li a {
	font-size: 17px;
	padding: 0 26px;
  }
  .menu-tabs {
	padding: 0 0 30px;
	margin-bottom: 30px;
  }
  .sub-nav {
	margin-bottom: 40px;
  }
  .sub-nav ul li {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
  }
  .ncontent .p_ProName h1 {
	font-size: 42px;
	margin-bottom: 25px
  }
  .rela-pro {
	padding: 65px 0;
  }
  .rela-pro h3 {
	font-size: 44px;
  }
  .rela-pro .list {
	margin: 40px 0 0;
  }
  .rela-pro .swiper-pagination {
	margin-top: 25px;
  }
}
                                           
@media screen and (max-width:1367px){
  .main {
	padding-top: 40px;
	padding-bottom: 60px;
  }
  .menu-tabs ul li a {
	font-size: 16px;
	padding: 0 20px;
  }
   .menu-tabs {
	padding: 0 0 25px;
	margin-bottom: 25px;
  }
   .sub-nav {
	margin-bottom: 30px;
  }
  .sub-nav ul li {
	height: 31px;
	line-height: 31px;
	font-size: 15px;
  }
  .ncontent .p_ProName h1 {
	font-size: 36px;
	margin-bottom: 20px
  }
  .rela-pro {
	padding: 55px 0;
  }
  .rela-pro h3 {
	font-size: 38px;
  }
  .rela-pro .list {
	margin: 30px 0 0;
  }
  .rela-pro .swiper-pagination {
	margin-top: 20px;
  }
}

@media screen and (max-width:768px){
  .main {
	padding-top: 30px;
	padding-bottom: 30px;
  }
  .menu-tabs {
	padding: 0 0 15px;
	margin-bottom: 15px;
  }
  .menu-tabs ul {
	display: flex;
	flex-wrap: wrap;
    margin: 0 -5px;
  }
  .menu-tabs ul li {
	height: 36px;
	line-height: 36px;
	margin: 5px;
	width: calc(50% - 10px);
  }
  .ncontent .p_ProName h1 {
	font-size: 26px;
	margin-bottom: 10px;
  }
  .sub-nav {
	margin-bottom: 20px;
  }
  .sub-nav ul li {
	height: 27px;
	line-height: 27px;
  }
  .rela-pro {
	padding: 30px 0;
  }
  .rela-pro h3 {
	font-size: 28px;
  }
  .rela-pro .list {
	margin: 20px 0 0;
  }
  .rela-pro .swiper-slide .txt h6 a {
	line-height: 18px;
	height: 54px;
  }
  .rela-pro .swiper-pagination {
	margin-top: 10px;
  }
  .sub-nav ul li:not(:last-child)::after {
	margin: 0 5px;
  }
}
 
@media screen and (max-width:480px){
  .menu-tabs ul li {
	width: 100%;
  }
}
 
@media screen and (max-width:400px){
}