
.main {padding-top:50px;padding-bottom:0;}
.main-right {margin: 0 0 0 340px;}
.main-right .pro_para {
	margin-bottom: 10px
}
.pro-content table tr  td:nth-child(2n + 1) {width:165px !important;background:#f1f1f1 !important;}

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

.pro_view {display:flex;margin-bottom:30px;}
.pro_img {width:750px;display:flex;justify-content:space-between;}
.pro_img .view {width:600px;position:relative;border:1px solid #f0f0f0;}
.pro_img .view .swiper-slide img {width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;}
.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:120px;height:600px;position:relative;overflow:hidden;}
.pro_img .preview .swiper {width:100%;height:100%;text-align:center;}
.pro_img .preview .swiper-wrapper {height:100%;}
.pro_img .preview .swiper-slide {cursor:pointer;width:100%;display:inline-block;padding:0 0 0 8px;}
.pro_img .preview .swiper-slide .pic {border:1px solid #C2C2C2;position:relative;}
.pro_img .preview .swiper-slide .pic::after {display:none;content:'';width:0;height:0;line-height:0;vertical-align:middle;position:absolute;top:calc(50% - 8px);left:-8px;border-top:8px solid transparent;border-right:8px solid #D9001A;border-bottom:8px solid transparent;}
.pro_img .preview .swiper-slide img {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.pro_img .preview .swiper-slide.active-nav .pic {border-color:#D9001A;}
.pro_img .preview .swiper-slide.active-nav .pic::after {display:block;}

.pro_view_inner {flex:1;margin-left:40px;}
.pro_view_inner h1 {color:var(--color-primary);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(--color-primary);}
.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;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(--color-primary);border-radius:var(--button-radius);}
.pro_view_inner .book:hover {background:none;color:var(--color-primary);border:1px solid var(--color-primary);}
.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(--color-primary);position:absolute;left:calc(50% - 15px);bottom:0;opacity:0;}
.pro_tab ul li.active {color:var(--color-primary);}
.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:rgb(127 127 127 / 69%);line-height:1;font-size:24px;font-family:var(--font-family1);}
.pro_text .tit h5::after {content:"";background:var(--color-primary);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 {width:300px !important;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;}

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

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

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

.pro_img{width:690px;}
.pro_img .view{width:550px;}
.pro_img .preview{width:110px;height:550px;}

}

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

@media screen and (max-width:992px) {
.main-right {margin:0;}
.rtit h1 {font-size:32px;}
.arshine-goods-read .main-left {width:100% !important;}

.pro_view{display:block;}
.pro_img {width:600px;margin:0 auto;display:block;}
.pro_img .view{width:100%;}
.pro_img .preview {margin:15px 0 0;width:100%;height:auto;}

.pro_img .preview .swiper-slide{padding:8px 0 2px;}
.pro_img .preview .swiper-slide .pic::after {
	top:-8px;
	left: calc(50% - 8px);
	border-top:none;
	border-right: 8px solid transparent;border-left: 8px solid transparent;
	border-bottom: 8px solid #D9001A;
}

.main-right .pro_para {
width: 600px;
margin: 0 auto 10px;
}

}

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

.pro_img {width:570px;}

}

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

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

}

.main-left {float:left;width:300px;}
.main-left h3 {height:50px;line-height:50px;padding:0 0 0 20px;background:var(--color-primary);font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;}
.main-left h3::after {display:none;font-family:"qico";content:"\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease;}
.main-left h3.active::after {-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08);}

.sidemenu {margin:0 0 15px;}
.sidemenu > ul {border:1px solid #ededed;border-top:none;}
.sidemenu > ul > li {margin:3px 0 0;border-bottom:1px solid #ededed;}
.sidemenu > ul > li > h5 {line-height:24px;display:block;font-size:16px;color:#333;cursor:pointer;position:relative;}
.sidemenu > ul > li > h5 a {color:#333;display:block;padding:10px 50px 10px 20px;text-transform:capitalize;}
.sidemenu > ul > li > h5 a:hover {color:var(--color-primary);text-decoration:underline;}
.sidemenu > ul > li > h5 span::after {content:"+";position:absolute;top:0;right:0;width:40px;height:40px;font-size:24px;line-height:40px;display:block;}
.sidemenu dl {display:none;}
.sidemenu dl dd {line-height:40px;border-bottom:1px dashed #dcdcdc;background:#fff;padding:0 20px;}
.sidemenu dl dd:last-child {border-bottom:none;}
.sidemenu dl dd a {font-size:15px;color:#666;padding-left:15px;text-transform:capitalize;}
.sidemenu dl dd.active,.sidemenu dl dd.active a,.sidemenu dl dd:hover,.sidemenu dl dd:hover a {color:var(--color-primary);}
.sidemenu ul li.active h5 {border-bottom:1px solid #ededed;}
.sidemenu ul li.active h5 a {color:var(--color-primary);}
.sidemenu ul li.active span::after {content:"-";}


/*
.sidemenu > ul > li h5 {}
.sidemenu > ul > li h5 a {display:block;font-size:18px;color:#000;line-height:24px;}
.sidemenu > ul > li ul {display:none;background:#fff;padding:0 11px;text-align:center;}
.sidemenu > ul > li ul li {line-height:24px;border-bottom:1px solid #989898;padding:16px 0;}
.sidemenu > ul > li ul li:last-child {border-bottom:none;}
.sidemenu > ul > li > ul > li > a {font-size:16px;display:block;color:#666;text-transform:capitalize;}
.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover {color:var(--color-primary);}
.sidemenu > ul > li:hover h5 {}
.sidemenu > ul > li:hover > ul {display:block;}
.sidemenu > ul > li.active h5 {}
.sidemenu > ul > li.active h5 a {color:#fff}
.sidemenu > ul > li.active > ul {display:block;}
*/

.sidenav {margin:0 0 20px;}
.sidenav ul {}
.sidenav ul li {display:block;line-height:24px;font-size:16px;color:#333;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.sidenav ul li a {color:#333;display:block;padding:10px 30px 10px 18px;}
.sidenav ul li:last-child a {border-bottom:none;}
.sidenav ul li::after {color:#555;font-family:"qico";content:"\e7eb";position:absolute;right:8px;top:0;font-size:16px;font-weight:normal;line-height:44px;}
.sidenav ul li.active::after {display:block;color:var(--color-primary);}
.sidenav ul li.active a,.sidenav ul li a:hover {color:var(--color-primary);}


@media screen and (max-width:1441px) {
.main-left {float:left;width:260px;}
}

@media screen and (max-width:1281px) {
.main-left {width:240px;}
}

@media screen and (max-width:992px) {
.main-left {float:none !important;width:100%;}
.main-left h3 {display:block;}
.sidemenu > ul {display:none;}
.sidemenu > ul > li {margin-top:4px;}
.sidemenu > ul > li h5 {height:auto;padding:10px 10px;}
.sidemenu > ul > li h5 a {font-size:16px;line-height:22px;}
.sidemenu > ul > li ul {padding:0 10px;}
.sidemenu > ul > li ul li {line-height:22px;padding:12px 0;}
}

.video-iframe {height:100%;width:100%;max-width:930px;margin:30px auto;}
.video-iframe .v-box {height:0;padding-bottom:60%;position:relative;}
.video-iframe .v-box iframe {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center;-o-object-position:center;}

@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}
}

.ife-detail-decorate-table {overflow-x:auto;}
.table-wrapper {overflow-x:auto;}
.table-response {overflow-x:auto;}
.video-iframe {height:100%;width:100%;max-width:800px;margin:30px auto;}
.video-iframe .v-box {height:0;padding-bottom:60%;position:relative;}
.video-iframe .v-box iframe {position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center;-o-object-position:center;}
