body { background: #f6f6f6; }
* { margin: 0; padding: 0; box-sizing: border-box; touch-action: pan-y; }
.hp-hengfutu { width: 1920px; height: 450px; overflow: hidden; }
.main { width: 100%; }
.pc-nav { width:100%; background: #fff; z-index:1000; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.07); -ms-box-shadow: 0 5px 5px rgba(0,0,0,0.07); }
.pc-nav-wrapper { width: 1580px; padding: 20px 0; margin: 0 auto; font-size: 14px; color: #999; }
.pc-nav-pos { float:left; }
.pc-nav-pos a { font-size: 14px; color: #999; }
.pc-nav-pos a:hover { color: #fc8416; }
.pc-nav-pos span { color: #000; }
.pc-nav-pos i { color: #028058; font-size: 16px; margin-right: 3px; }
.pc-nav-bar{ float:right; }
.pc-nav-bar ul {}
.pc-nav-bar ul li { float: left; padding: 0 15px; border-right: 1px solid #dedede; }
.pc-nav-bar ul li:last-child { padding-right:0; border-right: 0; }
.pc-nav-bar ul li.sel span{ color: #028058; font-weight: bold; }
.pc-nav-bar ul li.last { padding-right: 0; border-right: 0; }
.pc-nav-bar ul li span { display: block; height: 20px; line-height: 20px; cursor: pointer; color: #000; font-size: 16px; font-family: "PingFang SC","Microsoft Yahei",Arial,Helvetica,sans-serif }
.pc-nav-bar ul li span:hover{ color: #3ea611; }


.product-intro { width: 1320px; position: relative; margin: 35px auto 0 auto; }
.image-wrap { float: left; width: 800px; }
.text-wrap { float: right; width: 495px; background: #fff; height: 653px; border-radius: 10px; }
.product-image-gallery { width: 800px; /* overflow: hidden;*/ background-color: #fff; border-radius: 15px; height: 538px; border-bottom: 1px solid #eee; }
.main-slider { position: relative; height: 100%; width: 100%; }
.slider-container { position: relative; height: 100%; width: 100%; }
.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* transition: opacity 0.5s ease;*/ display: flex; align-items: center; justify-content: center; cursor: zoom-in; }
.slide.active { opacity: 1; z-index: 1; }
.slide img { max-width: 100%; object-fit: contain; display: block; border-radius: 15px; }
.slider-pagination { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; z-index: 2; }
.pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 1); margin: 0 6px; cursor: pointer; transition: all 0.3s ease; }
.pagination-bullet.active { background: #028058; width: 25px; border-radius: 6px; }

/* 小图导航 */
.thumbnail-nav { width: 800px; display: flex; padding: 15px 10px; overflow-x: auto; scrollbar-width: none; /* Firefox */ justify-content: center; }
.thumbnail-nav::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
.thumbnail-item { flex: 0 0 auto; width: 130px; height: 100px; margin: 0 8px; border-radius: 6px; overflow: hidden; border: 2px solid transparent; transition: all 0.3s ease; position: relative; cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.thumbnail-item.active { border-color: #028058; transform: translateY(-5px); box-shadow: 0 5px 15px rgba(2, 128, 88, 0.3); }
.thumbnail-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 放大镜效果 */
.magnifier-container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.magnifier-glass { position: absolute; /*border: 1px solid rgba(255, 80, 0, 0.7);*/ border-radius: 0; background: rgba(255, 255, 255, 0.3); cursor: pointer; pointer-events: none; z-index: 5; transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(0,0,0,0.2); display: none; }
.magnifier-preview { position: absolute; top: 0; left: 100%; width: 538px; height: 538px; border: 1px solid #eee; border-radius: 15px; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.15); z-index: 10; display: none; }
.magnifier-preview img { position: absolute; max-width: none; }

/* 全屏模式 */
.fullscreen-gallery { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1000; display: none; flex-direction: column; }
.fullscreen-gallery.active { display: flex; }
.fullscreen-header { padding: 20px; display: flex; justify-content: space-between; align-items: center; color: white; background: rgba(0,0,0,0.7); z-index: 2000; }
.fullscreen-slider { flex: 1; position: relative; overflow: hidden; }
.fullscreen-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.5s ease; }
.fullscreen-slide.active { opacity: 1; z-index: 1; }
.fullscreen-slide img { max-width: 100%; max-height: 100%; object-fit: contain; }
.close-btn { width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; color: white; font-size: 22px; cursor: pointer; transition: all 0.3s ease; }
.close-btn:hover { background: rgba(255,255,255,0.3); transform: rotate(90deg); }
.current-index { font-size: 18px; color: #fff; font-weight: 500; }
.fullscreen-thumbnails { height: 90px; padding: 15px; background: rgba(0,0,0,0.8); display: flex; overflow-x: auto; scrollbar-width: none; justify-content: center; }
.fullscreen-thumbnails::-webkit-scrollbar { display: none; }
.fullscreen-thumbnail { flex: 0 0 auto; width: 70px; height: 70px; margin: 0 6px; border-radius: 6px; overflow: hidden; border: 2px solid transparent; opacity: 0.7; transition: all 0.3s ease; }
.fullscreen-thumbnail.active { opacity: 1; border-color: #ff5000; }
.fullscreen-thumbnail img { width: 100%; height: 100%; object-fit: cover; }

/* 响应式设计 */
@media (max-width: 768px) {
    .product-gallery { height: 400px; }
    .thumbnail-item { width: 70px; height: 70px; }
    .magnifier-glass,
    .magnifier-preview { display: none !important; }
}

@media (max-width: 480px) {
    .product-gallery { height: 320px; }
    .thumbnail-item { width: 60px; height: 60px; }
    .product-title { font-size: 19px; }
    .product-price { font-size: 24px; }
}


.product-info-pannel { margin: 20px 24px; }
h1 { color: #000000; font-size: 22px; margin: 0; border-bottom: 1px dashed #e8e8e8; padding-bottom: 10px; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag { margin-top: 10px; margin-left: 10px;  width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.tag span { display: inline-block; margin-right: 12px; padding: 2px 6px; font-size: 12px; border-radius: 2px; }
.tag span:nth-child(1) { color: rgba(6, 168, 77, 1); background: rgba(47, 209, 44, 0.1); }
.tag span:nth-child(2) { color: rgba(121, 39, 255, 1); background: rgba(121, 39, 255, 0.1); }
.tag span:nth-child(3) { color: rgba(252, 132, 22, 1); background: rgba(252, 132, 22, 0.1); }
.tag span:nth-child(4) { color: rgba(36, 151, 176, 1); background: rgba(0, 209, 255, 0.1); }
.tag span:nth-child(5) { color: rgba(39, 125, 255, 1); background: rgba(39, 125, 255, 0.1); }
.tag span:nth-child(6) { color: rgba(155, 188, 3, 1); background: rgba(155, 188, 3, 0.16); }

.basic-info { margin: 5px 0 0 10px; }
.basic-info li { color: #999; font-size: 13px; border-bottom: 1px dotted #666; padding: 9px 10px 9px 10px; }
.basic-info li span { color: #000; font-weight: bold; font-size: 14px; }
.basic-info li:first-child i { width: 20px; display: inline-block; }
.basic-info li:nth-child(2) i { width: 50px; display: inline-block; }
.basic-info li:nth-child(4) i { width: 30px; display: inline-block; }
.basic-info li:nth-child(6) i { width: 60px; display: inline-block; }
.basic-info li:last-child { color: #3ea611; }
.optional-config { margin: 20px 0 0 10px; }
.optional-config li { float: left; margin-right: 24px; margin-bottom: 24px; }
.optional-config li:nth-child(5n) { margin-right: 0; }
.optional-config li span { display: block; border: 1px solid #aaa; width: 48px; height: 48px; border-radius: 48px; text-align: center; }
.optional-config li span i { display: inline; line-height: 51px; font-size: 32px; font-style: inherit; font-weight: lighter; color: #3ea611; }
.optional-config li b { display: block; margin-top: 5px; font-size: 12px; color: #666; }
.optional-config li:nth-child(1) span i { line-height: 52px; font-size: 30px; }
.optional-config li:nth-child(2) span i { line-height: 52px; }
.optional-config li:nth-child(3) span i { line-height: 52px; }
.optional-config li:nth-child(4) span i { line-height: 52px; }
.optional-config li:nth-child(5) span i { line-height: 48px; font-size: 34px; }
.optional-config li:nth-child(6) span i { line-height: 48px; font-size: 40px; }
.optional-config li:nth-child(7) span i { line-height: 50px; font-size: 40px; }
.optional-config li:nth-child(8) span i { line-height: 45px; }
.optional-config li:nth-child(9) span i { line-height: 50px; font-size: 36px; }
.optional-config li:nth-child(10) span i { line-height: 55px; font-size: 28px; }
.info-xunjia { margin-top: 20px; font-size: 15px; }
.info-xunjia i { font-size: 30px; vertical-align: middle; margin-right: 5px; }
.info-xunjia .xj-phone { font-size: 20px; font-family: "Microsoft Yahei"; color: #fd7c05; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); -webkit-text-shadow: 1px 1px 0px rgba(255,255,255,0.9); }
.info-xunjia .xj-button { display: inline-block; color: #fff; background: #3ea611; padding: 8px 20px; margin-left: 26px; border-radius: 8px; cursor: pointer; transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all; -ms-transition: 0.4s all; }
.info-xunjia .xj-button:hover { background: #fc8416; }

.product-section { margin: 24px auto; background: #fff; border-radius: 10px; }
.view-3d { width: 1320px; padding: 25px; }
.product-section h2 { font-size: 20px; font-weight: normal; position: relative; padding-bottom: 7px; padding-left: 12px; }
.product-section h2:before { content: ""; width: 5px; height: 19px; background: #028058; position: absolute; left: 0%; top: 6px; }
.pro-3d-outer { position: relative; }
#vf-3d { width: 1270px; height: 800px; }
#vr { width: 1270px; height: 800px; margin-top: 15px; border-radius: 10px; overflow: hidden; /* box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);*/ }
#progress-bar { width: 800px; height: 32px; margin: -330px auto 0 auto; text-align: center; background-color: #dcdbd7; position: relative; border-radius: 32px; box-shadow: 0 1px 0 rgba(255,255,255,0.8),inset 0 2px 3px rgba(0,0,0,0.2); position: relative; height: 35px; padding-right: 2px; background-color: #abb2bc; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#b6bcc6),color-stop(1,#9da5b0)); background: -moz-linear-gradient(#9da5b0 0,#b6bcc6 100%); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF; -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.5),0px 1px 0 0 #FFF }
#pb-bg { height: 32px; width: 16px; background: #7eea19; position: relative; display: block; overflow: hidden; height: 33px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-background-size: 44px 44px; background-color: #74d04c; background: -webkit-gradient(linear,0 0,44 44,color-stop(0.00,rgba(255,255,255,0.17)),color-stop(0.25,rgba(255,255,255,0.17)),color-stop(0.26,rgba(255,255,255,0)),color-stop(0.50,rgba(255,255,255,0)),color-stop(0.51,rgba(255,255,255,0.17)),color-stop(0.75,rgba(255,255,255,0.17)),color-stop(0.76,rgba(255,255,255,0)),color-stop(1.00,rgba(255,255,255,0))),-webkit-gradient(linear,left bottom,left top,color-stop(0,#74d04c),color-stop(1,#9bdd62)); background: -moz-repeating-linear-gradient(top left -30deg,rgba(255,255,255,0.17),rgba(255,255,255,0.17) 15px,rgba(255,255,255,0) 15px,rgba(255,255,255,0) 30px),-moz-linear-gradient(#9bdd62 0,#74d04c 100%); -webkit-box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; -moz-box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; box-shadow: inset 0 1px 0 0 #dbf383,inset 0 -1px 1px #58c43a; border: 1px solid #4c8932; -webkit-animation: animate-stripes 2s linear infinite; overflow: hidden; }
#pb-text { position: absolute; top: 1px; right: 0; font-size: 13px; padding-right: 12px; line-height: 32px; color: rgba(0,0,0,0.6); text-shadow: rgba(255,255,255,0.45) 0 1px 0; white-space: nowrap }
#opearte { margin: -90px 0 0 50px; }
#opearte ul { margin-left: -30px; }
#opearte ul li { list-style: none; color: #666; margin-top: 5px; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); -webkit-text-shadow: 1px 1px 0px rgba(255,255,255,0.9); }
#opearte ul li span { list-style: inside; font-weight: bold; color: #028058; }
#opearte ul li b { font-weight: bold; color: #f00; }
#opearte_mobile{ display:none;}
.tip { font-size: 14px; margin-top: 30px; line-height: 26px; }
.tip span { font-size: 22px; font-family: Arial; color: #fc8416; font-weight: bold; }
.tip i { font-size: 14px; margin: 16px; font-weight: normal; font-style: normal; color: #aaa; }
.pro_more_text { padding: 20px; font-size: 14px; line-height: 26px; display: none; }
.pro_more_text p { text-indent: 2em; color: #333; }
.pro_more_text .pro_desc { }
.pro_cpy { background: #f5f5f5; margin-top: 30px; padding: 10px 0; }
.p-m{display:none; margin-top:30px;}
.p-m b{ font-weight:bold; }
.p-m p{ margin:15px 0; }
.p-m h2{ font-size:20px; margin:15px 0 15px 0; font-weight:bold; padding-left:0; }
.p-m h3{ font-size:16px; margin:15px 0 5px 0px; font-weight:bold; }
.p-m h2:before{ border-left: 5px solid #028058; content: ""; margin-right: 10px; width: 6px; position: initial;}
.p-m table{ width:96%; margin-left:2%; border-collapse: collapse; border-spacing: 0;  font-family:"PingFang SC","微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体"; }
.p-m table tr:nth-child(1) th{ background:#f4f4f6;  text-indent:0; color:#000; font-size:16px; font-weight:bold; }
.p-m table th{border:1px solid #dedede; color:#000; padding:10px 0 10px 0px; text-align:center; background:#fafafa; font-size:13px; font-weight:bold; }
.p-m table td{ border:1px solid #dedede; padding:10px 20px; font-size:13px; color:#666; line-height:26px; }
.p-m table a{ color:#000; }
.p-m  ol{ margin-left:33px; margin-top: 10px; }
.p-m  ol li{ list-style:decimal; margin-bottom:20px; line-height:28px; }
.p-m  ol li p{ text-indent: 0;}
.p-m  ul{ margin-left:50px; margin-top: 10px; margin-bottom: 20px;}
.p-m  ul li{ list-style:circle; margin-bottom:13px; line-height:20px; }
.p-m  ul li p{ text-indent: 0; }
.p-m .fbt { font-size:13px; margin-left:55px; color:#999; }
.p-m ul li ul{ margin-left: 0; padding-left:0;  }
.p-m ol li ul{ margin-left: 0; padding-left:0;  }
.p-m ul li li{ margin-left: 35px; list-style:disc;  }
.p-m ol li li{ margin-left: 35px; list-style:disc;  }
.p-m p.tableTop{ color:#999; margin-bottom:10px; text-indent: 1em; }
.p-m p.tableBottom{ color:#999; margin-top:10px; text-indent: 1em; }


.product-sub-section { background: #fff; border-radius: 10px; padding: 20px; }
.no-padding{ padding:0; }
.no-top-radius { border-top-left-radius: 0; border-top-right-radius: 0; }
.no-bottom-radius { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.product-sub-section h2 { font-size: 20px; border-bottom: 1px dashed #ddd; font-weight: normal; position: relative; padding-bottom: 7px; padding-left: 12px; }
.product-sub-section h2:before { content: ""; width: 5px; height: 19px; background: #028058; position: absolute; left: 0%; top: 6px; }
.section-wrapper { width: 1320px; margin: 24px auto; }
.left-side { float: left; width: 312px; }
.right-side { float: right; width: 986px; }

#pro_category { margin-top: 15px; }
#pro_category li { margin: 0 0px; position: relative; padding-left: 16px; border-bottom: 1px solid #f6f6f6; }
#pro_category li a { display: block; position: relative; z-index: 1; color: #000; font-size: 15px; font-weight: bold; padding: 10px 0 10px 20px; }
#pro_category li a.c_subcate { padding-left: 35px; font-size:14px; font-weight:normal; color: #3ea611; }
#pro_category li b { color: #3ea611; font-weight: normal; }
#pro_category li span { display: block; position: absolute; left: 0; top: 0; width: 0px; height: 100%; background-color: #3ea611; z-index: 0; }
#pro_category li.c_ljf { background: url(/images/pro-cate.png) 12px 14px no-repeat; }
#pro_category li.c_ljt { background: url(/images/pro-cate.png) 12px -54px no-repeat; }
#pro_category li.c_ljx { background: url(/images/pro-cate.png) 12px -113px no-repeat; }
#pro_category li.c_ggljx { background: url(/images/pro-cate.png) 12px -177px no-repeat; }
#pro_category li.c_xcl { background: url(/images/pro-cate.png) 12px -240px no-repeat; }

.project-case li { box-shadow: 0px 0px 10px rgba(0,0,0,0.08); margin-top: 29px; overflow: hidden; border-radius: 5px; }
.project-case li a { display: block; }
.project-case li a img { display: block; width: 100%; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -o-transition: 0.8s all; -ms-transition: 0.8s all; }
.project-case li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.project-case li a span { display: block; padding: 15px; text-align: center; color: #000; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -o-transition: 0.8s all; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.project-case li a:hover span { color: #028058; }

.pro-detail { margin: 0 auto; width: 100%; }
.pd-head{ }
.pd-head img{ border-radius:15px; width:100%; }
.pd-section { margin: 0px auto; padding-bottom:40px; text-align: center; background:#e8e8e8; overflow:hidden; }
.pd-section .e-l{ margin:50px auto 0 auto; text-align:center; font-size:12px; color:#000; }
.pd-section .e-l i{ display:inline-block; font-size:6px; transform: rotate(45deg); vertical-align:super; }
.pd-section .e-l span{ margin-left:12px; margin-right:12px; font-size:14px; }
.pd-section h3 { margin-top:5px;  }
.pd-section h3 i{ display:inline-block; background-color: rgba(2,128,88,0.8); height: 20px; width: 20px; border-radius: 20px; margin-top: 10px; vertical-align: top;}
.pd-section h3 i:last-child{ background-color:rgba(2,128,88,0.4); height:15px; width: 15px; border-radius: 15px; vertical-align:middle; }
.pd-section h3 span{ display:inline-block;  font-size: 40px; font-weight:bold; color:#000; margin-left:-7px; margin-right:-6px; letter-spacing:2px; }
.pd-section .fgx { margin:0px auto 10px auto; text-align:center; display:none; }
.pd-section .fgx .l { display:inline-block; width:60px; height:5px; margin-right:5px; background:#3ea611; border-radius:5px; }
.pd-section .fgx .s{  display:inline-block; width:10px; height:5px; background:#3ea611; border-radius:5px; }
.pd-section .fbt { font-size: 16px; color:#343434; margin-top:10px; }
.pd-section .fbt i{ font-size: 22px; line-height:22px; }
.pd-section .fgd{ text-align:center; margin:10px auto; }
.pd-section .fgd i{ display:inline-block; width:6px; height:6px; background-color:#143138; border-radius:6px; margin-right:10px; }
.pd-inner { background:#e8e8e8; }
.pd-inner .inner-img-list{ margin-top:40px; }
.pd-inner .inner-img-list img{ border-radius:15px; }
.pd-inner .inner-img-list p{ margin-bottom:20px; font-size:0; }
.pd-inner .inner-img-list p img{ display:inline-block;  }
.pd-inner .inner-img-list p .p-r-20{ margin-right:20px;  }
.pd-inner .inner-img-list .qa{ text-align:center; background:#fff; margin:0 30px; border-radius:15px; padding:20px; }
.pd-inner .inner-img-list .qa img{ float:left; width:453px;  }
.pd-inner .inner-img-list .qa ul{ float:right; width:420px; text-align:left; }
.pd-inner .inner-img-list .qa ul li { margin-bottom:20px; }
.pd-inner .inner-img-list .qa ul li:nth-child(3) { margin-bottom:0px; }
.pd-inner .inner-img-list .qa ul li h4{ font-size: 16px; font-weight: bold; line-height:24px; color: #028058; }
.pd-inner .inner-img-list .qa ul li h4 span{ color: #028058; font-size: 30px; vertical-align: middle;}
.pd-inner .inner-img-list .qa ul li:nth-child(2) h4 span{ font-size: 22px; vertical-align: middle;}
.pd-inner .inner-img-list .qa ul li:nth-child(3) h4 span{ font-size: 22px; vertical-align: sub; margin-right:3px; }
.pd-inner .inner-img-list .qa p{ margin-bottom:8px; font-size:15px; line-height:24px; color:#404040; margin-left:6px; }

.pd-base-config{ background:#fff; }
.pd-op-config{ background:#e8e8e8; }
.config-wrapper{ margin:40px 30px 0px 30px; }
.config-wrapper ul{  }
.config-wrapper li{ float:left; width:277px; margin-right:46px; margin-bottom:46px; border-radius:15px; background:#fff; border:1px solid #efefef; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.config-wrapper li:nth-child(3n){ margin-right:0px; }
.config-wrapper li img{ display:block; width:100%; border-top-left-radius:15px; border-top-right-radius:15px; }
.config-wrapper li h4{ font-size:18px; margin:15px 0 5px 0; font-weight:bold; }
.config-wrapper li p{ font-size:15px; margin:0 15px 15px 15px; text-align:left; color:#999; }
.pd-op-config .config-wrapper li { width:218px; padding:5px; margin-right:18px; margin-bottom:18px; box-shadow:none; border-radius:15px; border:0;}
.pd-op-config .config-wrapper li:nth-child(4n) { margin-right:0; }
.pd-op-config .config-wrapper li:last-child { display:none; }
.pd-op-config .config-wrapper li img{ border-top-left-radius:15px; border-top-right-radius:15px;}
.pd-op-config .config-wrapper li p{ font-size:14px; margin:0 5px 15px 5px;}


.detail-wrapper{ margin:40px 30px 0px 30px; }
.detail-wrapper div{ float:left; }
.detail-wrapper div img{ display:block; width:100%; }
.detail-wrapper .kj-1{ width:485px; height:422px; }
.detail-wrapper .kj-2{ float:right; width:415px; height:422px; position:relative; }
.detail-wrapper .kj-2 h4{ margin-top:15px; }
.detail-wrapper .kj-2 h4 span{ background:#3ea611; border-radius:20px; color:#fff; font-size:18px; font-weight:bold; padding:4px 12px; }
.detail-wrapper .kj-2 img{ display:block; position:absolute; bottom:0; }
.detail-wrapper .kj-2 p{ font-size:16px; font-weight:bold; margin-top:15px; }

.detail-wrapper .wd-1{ margin-top:80px; width:515px; height:500px;  position:relative;  }
.detail-wrapper .wd-2{ margin-top:80px; float:right; width:400px; height:500px;}
.detail-wrapper .wd-2 img{ display:block; margin-top:50px; }
.detail-wrapper .wd-1 h4 span{ background:#3ea611; border-radius:20px; color:#fff; font-size:18px; font-weight:bold; padding:4px 12px; }
.detail-wrapper .wd-1 p{ font-size:16px; font-weight:bold; margin-top:25px; text-align:left; }
.detail-wrapper .wd-1 ol{ text-align:left; }
.detail-wrapper .wd-1 ol li{ list-style-type:decimal; font-size:16px; color:#666; margin:10px 0; }
.detail-wrapper .wd-1 ol li strong{ color:#000; }
.detail-wrapper .wd-1 img{ width:505px; display:block; position:absolute; bottom:0; }

.detail-wrapper .wq-1{ width:500px; height:700px;  margin-top:80px; }
.detail-wrapper .wq-2{ float:right; margin-top:80px; width:400px; height:700px; position:relative; }
.detail-wrapper .wq-2 h4 span{ background:#3ea611; border-radius:20px; color:#fff; font-size:18px; font-weight:bold; padding:4px 12px; }
.detail-wrapper .wq-2 img{ display:block; position:absolute; bottom:0; }
.detail-wrapper .wq-2 p{ font-size:16px; font-weight:bold; margin-top:25px; text-align:left; }
.detail-wrapper .wq-2 ol{ text-align:left; }
.detail-wrapper .wq-2 ol li{ list-style-type:decimal; font-size:16px; color:#666; margin:10px 0; }
.detail-wrapper .wq-2 ol li strong{ color:#000; }

.detail-wrapper .zzgy{ margin-top:80px;  padding: 30px 12px; }
.detail-wrapper .zzgy ul li{ float:left; width:290px; margin-right:15px; }
.detail-wrapper .zzgy ul li:last-child{ margin-right:0; }
.detail-wrapper .zzgy h4 span{ background:#3ea611; border-radius:20px; color:#fff; font-size:18px; font-weight:bold; padding:4px 12px; }
.detail-wrapper .zzgy p{ font-size:14px; color:#999; margin:15px 0; }


.pd-flbs{ background:#e8e8e8; }
.flbs-wrapper{ margin:40px 30px 0px 30px; }
.flbs-wrapper img { display:block; margin-bottom:15px; }
.flbs-wrapper p { margin-bottom:35px; font-size:16px; font-weight:bold; color:#028058; }
.flbs-wrapper p span{ color:#028058; margin-right:5px; font-size:16px;  }

.pd-yycj{ background:#fff; }
.pd-yycj .fbt i{ width:4px; height:4px; background:#343434; border-radius:4px; display:inline-block; margin-left:8px; margin-right:8px; vertical-align:middle; }
.yycj-wrapper{ margin-top:35px; }


.dingzhi-wrapper{margin:40px 30px 0px 30px;}
.dingzhi-wrapper ul li { float: left;}
.dingzhi-wrapper ul li:nth-child(1),
.dingzhi-wrapper ul li:nth-child(3),
.dingzhi-wrapper ul li:nth-child(5),
.dingzhi-wrapper ul li:nth-child(7),
.dingzhi-wrapper ul li:nth-child(9),
.dingzhi-wrapper ul li:nth-child(11),
.dingzhi-wrapper ul li:nth-child(13) { width: 180px; height:228px; background:#028058; border-radius: 10px; padding: 10px; text-align: center; }
.dingzhi-wrapper ul li span { line-height: 95px; color:#fff; }
.dingzhi-wrapper ul li:nth-child(2n) { margin: 0 20px; }
.dingzhi-wrapper ul li:nth-child(2n) span { font-size: 28px; line-height: 28px; margin-top: 80px; display: block; background-image: linear-gradient(to right, #32b088, #028058); -webkit-background-clip: text; color: transparent; }
.dingzhi-wrapper ul li:nth-child(1) span { font-size: 60px; }
.dingzhi-wrapper ul li:nth-child(3) span { font-size: 60px; }
.dingzhi-wrapper ul li:nth-child(5) span { font-size: 60px; }
.dingzhi-wrapper ul li:nth-child(7) span { font-size: 60px; }
.dingzhi-wrapper ul li:nth-child(9) span { font-size: 60px; }
.dingzhi-wrapper ul.dz-list-1 li:last-child { float: right; }
.dingzhi-wrapper ul.dz-list-1 li:last-child span { transform: rotate(90deg); margin-top: 10px; margin-right: 35px; }
.dingzhi-wrapper ul li h4 { font-size: 24px; margin-bottom:10px; color:#fff; }
.dingzhi-wrapper ul li p { font-size: 15px; color:#fff; }
.dingzhi-wrapper ul.dz-list-2 { margin-top: 12px; }
.dingzhi-wrapper ul.dz-list-2 li { float: right; }
.dingzhi-wrapper ul.dz-list-2 li span { transform: rotate(180deg); }
.dingzhi-wrapper ul.dz-list-2 li:nth-child(1) span { font-size: 75px; }
.dingzhi-wrapper ul.dz-list-2 li:nth-child(3) span { font-size: 65px; }
.dingzhi-wrapper ul.dz-list-2 li:nth-child(5) span { font-size: 60px; }
.dingzhi-wrapper ul.dz-list-2 li:nth-child(7) span { font-size: 60px; }

.pd-qa{ background:#fff; }
.qa-wrapper{ float:left; margin:40px 30px 0px 30px; width:500px; text-align:left; border-right:1px dotted #ccc; padding-right:20px; }
.qa{ margin:12px 0 0 0; }
.qa-c{ height:420px; overflow:hidden; }
#qa-list li{padding:18px 0 23px 0;border-bottom:1px dashed #ccc; float:none;}
#qa-list li h4{ margin-top:0; margin-bottom:10px; }
#qa-list li h4 span{display:inline-block;background-color:#028058;color:#fff;padding:2px 5px 3px 5px;text-align:center;margin-right:6px; font-size:12px;}
#qa-list li h4 a, #qa-list li h4 b{ font-size:15px;color:#000; overflow: hidden; white-space: nowrap;  text-overflow:ellipsis; width:398px; display:inline-block; vertical-align:top; }
#qa-list li div > span{float:left;background-color:#aaa;color:#fff;padding:1px 4px 0;text-align:center;margin-top:0px;margin-right:10px}
#qa-list li div > div{float:left; width:435px; background:#f8f8f8; padding:10px; }
#qa-list li div > div p{ text-indent:2em; font-size:12px;color:#888;line-height:20px; margin:0 0 8px 0; padding:0; }

.khkb { float: right; width: 420px; height:450px; margin-top: 20px; overflow:hidden; }
.khkb h3 { font-size:16px; font-weight:bold; text-align:left; }
.khkb .koubei {  margin: 20px 0; overflow: hidden; }
.khkb ul { padding-right: 25px; text-align:left; }
.khkb ul li { border-bottom: 1px dashed #aaa; padding: 15px 0; margin: 0; float: none; }
#koubei_ul .comment-head-img{ float:left; }
#koubei_ul .comment-head-img img{ display:block; width:42px; height:42px; border-radius:30px; border:1px solid #eee; }
#koubei_ul .comment-content{ float:left; width:300px; margin-left:15px; }
#koubei_ul .comment-content .nickname{ position: initial; color: #000; font-size: 14px; left: initial; top: initial; }
#koubei_ul .comment-content .publish-date{ display:inline-block; color:#999; margin-left:20px;  font-size: 14px; }
#koubei_ul .comment-content p{ color:#999; font-size:12px; line-height:20px; margin-top:5px; text-align:left; }


@media screen and (max-width: 800px) {
    .hp-top_bar,.hp-summary,.hp-dhcd,.hp-hengfutu{ display:none; }
    #header-mobile{ opacity:0; }
    .pc-nav{ display:none; }

    .product-intro { width: 100%; position: relative; margin: 0 auto 0 auto; }
    .image-wrap { float: none; width: 100%; }
    .text-wrap { float: none; width: auto; margin:0 8px; background: #fff; height: auto; border-radius: 10px; }
    .product-image-gallery { width: 100%; /* overflow: hidden;*/ background-color: #fff; border-radius: 0; height: auto; border-bottom: 1px solid #eee; }
    .main-slider { position: relative; height: 100%; width: 100%; }
    .slider-container { position: relative; height: 100%; width: 100%; }
    .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* transition: opacity 0.5s ease;*/ display: flex; align-items: center; justify-content: center; cursor: zoom-in; }
    .slide.active { opacity: 1; z-index: 1; }
    .slide img { max-width: 100%; object-fit: contain; display: block; border-radius: 0; }
    .slider-pagination { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; z-index: 2; }
    .pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 1); margin: 0 6px; cursor: pointer; transition: all 0.3s ease; }
    .pagination-bullet.active { background: #028058; width: 25px; border-radius: 6px; }

        /* 小图导航 */
    .thumbnail-nav { width: 100%; display: flex; padding: 15px 10px; overflow-x: auto; scrollbar-width: none; /* Firefox */ justify-content: center; }
    .thumbnail-nav::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
    .thumbnail-item { flex: 0 0 auto; width: 100px; height: 68px; margin: 0 8px; border-radius: 6px; overflow: hidden; border: 2px solid transparent; transition: all 0.3s ease; position: relative; cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
    .thumbnail-item.active { border-color: #028058; transform: translateY(-5px); box-shadow: 0 5px 15px rgba(2, 128, 88, 0.3); }
    .thumbnail-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

    /* 放大镜效果 */
    .magnifier-container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
    .magnifier-glass { position: absolute; /*border: 1px solid rgba(255, 80, 0, 0.7);*/ border-radius: 0; background: rgba(255, 255, 255, 0.3); cursor: pointer; pointer-events: none; z-index: 5; transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(0,0,0,0.2); display: none; }
    .magnifier-preview { position: absolute; top: 0; left: 100%; width: 538px; height: 538px; border: 1px solid #eee; border-radius: 15px; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.15); z-index: 10; display: none; }
    .magnifier-preview img { position: absolute; max-width: none; }

    .product-info-pannel { margin: 10px 10px 0 10px; overflow:hidden; }
    h1 { font-size: 22px; margin: 10px; padding-bottom: 10px; }
    .tag span{ margin-bottom:6px; }
    .basic-info{ margin:0 0 0 5px; }
    .info-xunjia .xj-button { padding:5px 20px; margin-bottom:20px; } 

    .product-section { margin: 12px auto; background: #fff; border-radius: 10px; }
    .view-3d { width: auto; margin:12px 8px; padding:12px; }
    .product-section h2 { font-size: 18px; }
    .product-section h2:before { top: 4px; }
    .pro-3d-outer { position: relative; }
    #vf-3d { width: 100%; height: 260px; }
    #vr { width: 100%; height: 260px; margin-top: 15px; border-radius: 10px; overflow: hidden;  }
    #progress-bar { width: 80%; height: 32px; margin: -130px auto 0 auto; text-align: center; background-color: #dcdbd7; position: relative; border-radius: 32px; box-shadow: 0 1px 0 rgba(255,255,255,0.8),inset 0 2px 3px rgba(0,0,0,0.2); position: relative; height: 35px; padding-right: 2px; background-color: #abb2bc; }
    #pb-bg { height: 32px; width: 16px; background: #7eea19; position: relative; display: block; overflow: hidden; height: 33px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-background-size: 44px 44px; background-color: #74d04c; }
    #pb-text { position: absolute; top: 1px; right: 0; font-size: 13px; padding-right: 12px; line-height: 32px; color: rgba(0,0,0,0.6); text-shadow: rgba(255,255,255,0.45) 0 1px 0; white-space: nowrap }
    #opearte { display:none; }
    #opearte_mobile{ display:block; }
    #opearte_mobile { margin: 0px 0 30px 0; }
    #opearte_mobile ul { margin-left: 0px; }
    #opearte_mobile ul li { list-style: none; font-size:12px; color: #666; margin-top: 5px; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); -webkit-text-shadow: 1px 1px 0px rgba(255,255,255,0.9); }
    #opearte_mobile ul li span { list-style: inside; font-weight: bold; color: #028058; }
    #opearte_mobile ul li b { font-weight: bold; color: #f00; }

    .tip { font-size: 13px; margin-top: 10px; line-height: 26px; text-indent:2em; }
    .tip span { font-size: 16px; font-family: Arial; color: #fc8416; font-weight: bold; }
    .tip i { font-size: 14px; margin: 16px; font-weight: normal; font-style: normal; color: #aaa; }
    .pro_more_text { padding: 20px; font-size: 14px; line-height: 26px; display: none; }
    .pro_more_text p { text-indent: 2em; color: #333; }
    .pro_more_text .pro_desc { }
    .pro_cpy { background: #f5f5f5; margin-top: 30px; padding: 10px 0; }


    .product-sub-section { padding: 10px; }
    .no-padding{ padding:0; }
    .product-sub-section h2 { font-size:18px; }
    .product-sub-section h2:before { top: 4px; }
    .section-wrapper { width: 100%; margin: 12px auto; }
    .left-side { float: none; width: auto; margin:12px 8px; }
    .right-side { float: none; width: auto; margin:0 8px; }

    #pro_category { margin-top: 15px; }
    #pro_category li { margin: 0 0px; position: relative; padding-left: 16px; border-bottom: 1px solid #f6f6f6; }
    #pro_category li a { display: block; position: relative; z-index: 1; color: #000; font-size: 15px; font-weight: normal; padding: 10px 0 10px 20px; }
    #pro_category li b { color: #3ea611; font-weight: normal; }
    #pro_category li span { display: block; position: absolute; left: 0; top: 0; width: 0px; height: 100%; background-color: #3ea611; z-index: 0; }
    #pro_category li:nth-child(1) { background: url(/images/pro-cate.png) 12px 14px no-repeat; }
    #pro_category li:nth-child(2) { background: url(/images/pro-cate.png) 12px -54px no-repeat; }
    #pro_category li:nth-child(3) { background: url(/images/pro-cate.png) 12px -113px no-repeat; }
    #pro_category li:nth-child(4) { background: url(/images/pro-cate.png) 12px -177px no-repeat; }
    #pro_category li:nth-child(5) { background: url(/images/pro-cate.png) 12px -240px no-repeat; }

    .project-case li { box-shadow: 0px 0px 10px rgba(0,0,0,0.08); margin-top: 29px; overflow: hidden; border-radius: 5px; }
    .project-case li a { display: block; }
    .project-case li a img { display: block; width: 100%; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -o-transition: 0.8s all; -ms-transition: 0.8s all; }
    .project-case li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
    .project-case li a span { display: block; padding: 15px; text-align: center; color: #000; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -o-transition: 0.8s all; }
    .project-case li a:hover span { color: #028058; }

    .pd-section h3 span{ font-size: 30px; }
    .pd-section .fbt {  margin:10px; }
    .pd-inner { background:#e8e8e8; }
    .pd-inner .inner-img-list{ margin:40px 10px 10px 10px; }
    .pd-inner .inner-img-list img{ border-radius:15px; width:100%; }
    .pd-inner .inner-img-list p{ margin-bottom:12px; font-size:0; }
    .pd-inner .inner-img-list p img{ display:block;  }
    .pd-inner .inner-img-list p .p-r-20{ margin-right:0px; margin-bottom:12px;  }
    .pd-inner .inner-img-list .qa{ text-align:center; background:none; margin:0; border-radius:0; padding:0; }
    .pd-inner .inner-img-list .qa img{ float:none; width:100%;  }
    .pd-inner .inner-img-list .qa ul{ float:none; width:100%; text-align:left; margin-top:12px; }
    .pd-inner .inner-img-list .qa ul li { margin-bottom:20px; }
    .pd-inner .inner-img-list .qa ul li:nth-child(3) { margin-bottom:0px; }
    .pd-inner .inner-img-list .qa ul li h4{ font-size: 16px; font-weight: bold; line-height:24px; color: #028058; }
    .pd-inner .inner-img-list .qa ul li h4 span{ color: #028058; font-size: 30px; vertical-align: middle;}
    .pd-inner .inner-img-list .qa ul li:nth-child(2) h4 span{ font-size: 22px; vertical-align: middle;}
    .pd-inner .inner-img-list .qa ul li:nth-child(3) h4 span{ font-size: 22px; vertical-align: sub; margin-right:3px; }
    .pd-inner .inner-img-list .qa p{ margin-bottom:8px; font-size:15px; line-height:24px; color:#404040; margin-left:6px; }

    .pd-base-config{ background:#fff; }
    .pd-op-config{ background:#e8e8e8; }
    .config-wrapper{ margin:40px 10px 0px 10px; }
    .config-wrapper ul{  }
    .config-wrapper li{ float:left; width:48.6%; margin-right:0; margin-bottom:12px; border-radius:10px; }
    .config-wrapper li:nth-child(2n){ float:right; }
    .config-wrapper li img{ display:block; width:100%; border-top-left-radius:10px; border-top-right-radius:10px; }
    .config-wrapper li h4{ font-size:16px; }
    .config-wrapper li p{ font-size:12px;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; text-overflow: ellipsis; }

    .pd-op-config .config-wrapper li { width:48%; padding:5px; margin-right:0; margin-bottom:12px; border-radius:10px;}
    .pd-op-config .config-wrapper li:nth-child(2n) { float:right; }
    .pd-op-config .config-wrapper li:last-child { display:block; }
    .pd-op-config .config-wrapper li img{ border-top-left-radius:10px; border-top-right-radius:10px;}
    .pd-op-config .config-wrapper li p{ font-size:12px; margin:0 5px 15px 5px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; text-overflow: ellipsis; }


    .detail-wrapper{ margin:40px 8px 0px 8px; }
    .detail-wrapper div{ float:left; }
    .detail-wrapper div img{ display:block; width:100%; }
    .detail-wrapper .kj-1{ float:none; width:100%; height:auto; }
    .detail-wrapper .kj-2{ float:none; width:100%; height:auto; }
    .detail-wrapper .kj-2 h4{ margin-top:25px; }
    .detail-wrapper .kj-2 h4 span{ font-size:16px;}
    .detail-wrapper .kj-2 img{ position:initial; margin-top:10px; }
    .detail-wrapper .kj-2 p{ font-size:14px; font-weight:bold; margin-top:15px; }

    .detail-wrapper .wd-1{ float:none; margin-top:80px; width:100%; height:auto;  }
    .detail-wrapper .wd-2{ margin-top:80px; float:none; width:100%; height:auto;}
    .detail-wrapper .wd-2 img{ margin-top:50px; }
    .detail-wrapper .wd-1 h4 span{  font-size:16px; }
    .detail-wrapper .wd-1 p{ font-size:14px; font-weight:bold; margin-top:25px; text-align:left; }
    .detail-wrapper .wd-1 ol{ text-align:left; }
    .detail-wrapper .wd-1 ol li{ font-size:14px; }
    .detail-wrapper .wd-1 img{ width:100%; position:initial; }

    .detail-wrapper .wq-1{ float:none; width:100%; height:auto;  margin-top:80px; }
    .detail-wrapper .wq-2{ float:none; margin-top:0px; width:100%; height:auto;  }
    .detail-wrapper .wq-2 h4 span{ font-size:16px; }
    .detail-wrapper .wq-2 img{ display:block; position:initial;}
    .detail-wrapper .wq-2 p{ font-size:14px; font-weight:bold; margin-top:25px; text-align:left; }
    .detail-wrapper .wq-2 ol{ margin-bottom:30px;}
    .detail-wrapper .wq-2 ol li{ font-size:14px;  }

    .detail-wrapper .zzgy{ margin-top:80px;  padding: 30px 12px 0 12px; }
    .detail-wrapper .zzgy ul li{ float:none; width:100%; margin-right:0; margin-bottom:40px; }
    .detail-wrapper .zzgy ul li:last-child{ margin-bottom:0px; }
    .detail-wrapper .zzgy ul li:last-child{ margin-right:0; }
    .detail-wrapper .zzgy h4 span{ background:#3ea611; border-radius:20px; color:#fff; font-size:16px; }
    .detail-wrapper .zzgy p{ font-size:14px; color:#999; margin:15px 0; }


    .flbs-wrapper{ margin:40px 10px 0px 10px; }
    .flbs-wrapper img { display:block; margin-bottom:15px; width:100%; }
    .flbs-wrapper p { margin-bottom:35px; font-size:16px; font-weight:bold; color:#028058; }
    .flbs-wrapper p:last-child { margin-bottom:0px; }
    .flbs-wrapper p span{ color:#028058; margin-right:5px; font-size:16px;  }

    .yycj-wrapper{ margin:35px 10px 0 10px; }
    .yycj-wrapper img{ width:100%; }

    .dingzhi-wrapper{margin:40px 10px 0px 10px;}
    .dingzhi-wrapper ul.dz-list li:nth-child(1),
    .dingzhi-wrapper ul.dz-list li:nth-child(3),
    .dingzhi-wrapper ul.dz-list li:nth-child(5),
    .dingzhi-wrapper ul.dz-list li:nth-child(7),
    .dingzhi-wrapper ul.dz-list li:nth-child(9),
    .dingzhi-wrapper ul.dz-list li:nth-child(11),
    .dingzhi-wrapper ul.dz-list li:nth-child(13) { width: 42%; background:#028058; height:180px;  border-radius: 10px; padding: 10px; text-align: center; border:0; }
    .dingzhi-wrapper ul.dz-list li span { font-size: 40px; line-height: 50px; color:#fff; }
    .dingzhi-wrapper ul.dz-list li:nth-child(2n) { margin: 0 0 0 15px; }
    .dingzhi-wrapper ul.dz-list li:nth-child(2n) span { font-size: 25px; line-height: 25px; margin-top: 60px; display: block; background-image: linear-gradient(to right, #32b088, #028058); -webkit-background-clip: text; color: transparent; }
    .dingzhi-wrapper ul.dz-list li:nth-child(3){ float:right; }
    .dingzhi-wrapper ul.dz-list li:nth-child(5){ float:right; }
    .dingzhi-wrapper ul.dz-list li:nth-child(6){ float:right; margin: 0 15px 0 0; }
    .dingzhi-wrapper ul.dz-list li:nth-child(6) span { transform: rotate(180deg); }
    .dingzhi-wrapper ul.dz-list li:nth-child(7){ float:left; }
    .dingzhi-wrapper ul.dz-list li:nth-child(1) span { font-size: 45px; margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list li:nth-child(3) span { font-size: 47px; margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list li:nth-child(5) span { font-size: 55px; margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list li:nth-child(7) span { font-size:48px; margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list-1 li:last-child { float: right; }
    .dingzhi-wrapper ul.dz-list-1 li:last-child span { transform: rotate(90deg); margin-top: 10px; margin-right: 35px; }
    .dingzhi-wrapper ul.dz-list li h4 { font-size: 18px; font-weight:bold; margin-bottom: 5px; color:#fff; }
    .dingzhi-wrapper ul.dz-list li p { font-size: 12px; color:#fff }
    .dingzhi-wrapper ul.dz-list-2 { margin-top: 0px; }
    .dingzhi-wrapper ul.dz-list-2 li { float: left;}
    .dingzhi-wrapper ul.dz-list-2 li span { transform: rotate(0deg);}
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(1) span { font-size: 56px;  margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(3) span { font-size: 50px;  margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(5) span { font-size: 45px;  margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(7) span { font-size: 45px;  margin:10px 0; display:block; }
    .dingzhi-wrapper ul.dz-list-1 li:nth-child(4n) { float:right; width:100%; margin:0; padding:0; }
    .dingzhi-wrapper ul.dz-list-1 li:nth-child(4n) span { transform: rotate(90deg); margin: 0px; padding:0; height: 50px;  width: 60px; text-align: center; margin-left: 68%; }
    .dingzhi-wrapper ul.dz-list-1 li:nth-child(8) span {  margin-left: 6%; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(3) { float:right; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(4) { float:right; width:100%; margin:0; padding:0; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(4) span { transform: rotate(90deg); margin: 0px; padding:0; height: 50px;  width: 60px; text-align: center; margin-left: 68%; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(5) { float:right; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(6) { float:right; }
    .dingzhi-wrapper ul.dz-list-2 li:nth-child(6) span{ transform: rotate(180deg); }

    .pd-qa{ border-radius:0 0 10px 10px; }
    .qa-wrapper{ float:none; margin:40px 15px 0px 15px; width:auto; text-align:left; border-right:0; padding-right:0; }
    .qa{ margin:12px 0 0 0; }
    .qa-c{ height:300px; overflow:hidden; }
    #qa-list li{padding:18px 0 23px 0; float:none;}
    #qa-list li h4{ margin-top:0; margin-bottom:10px; }
    #qa-list li h4 a, #qa-list li h4 b{ width:90%;  }
    #qa-list li div > div{width:90%;  }

    .khkb { float: none; width: 100%; height:300px; margin:40px 15px 0px 15px; overflow:hidden; }
    .khkb .koubei {  margin: 20px 10px; overflow: hidden; }


}