﻿@charset "utf-8";
.d-container {background:url("../images/details-bgimg.jpg") repeat-y center top;background-size:100%;padding-bottom:8%;overflow:hidden;}
.d-container .d-content {max-width:1200px;margin:0 auto 0;padding-top:5.6%;}
.d-main {float:left;width:73.16%;border:1px solid #d6d6d6;margin-left:21px;background:#FFF;}
.slide-con {width:96.8%;margin:3% auto;padding-bottom:3%;border-bottom:1px solid #c0c0c0;min-height:380px;}
.slide-con:after{content:'';display:block;visibility:hidden;height:0;clear:both;}
.d-slider {float:left;width:380px;position:relative;}
.d-slider-rights {float:left;width:52%;padding:3% 0 0 2%;}
.marquee {position:absolute;width:150px;height:150px;background:#FFF;opacity:.5;}
.show-box {position:absolute;display:none;width:367px;height:311px;overflow:hidden;left:368px;top:0px;background:#FFF;z-index:999;}
.large-box {width:367px;height:311px;position:relative;overflow:hidden;}
.large-box .zz_box {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.15);z-index:10;overflow:hidden;}
.large-box ul, .large-box li {width:100%;overflow:hidden;height:311px;}
.large-box img {max-width:100%;max-height:100%;margin:0 auto;display:block;}
.small-box {width:367px;height:56px;margin:2% auto 0;position:relative;overflow:hidden;}
.btn {display:block;width:19px;height:32px;cursor:pointer;position:absolute;top:50%;margin-top:-16px;z-index:11;}
.left-btn {left:0;background:url('../images/qy-btuleft.jpg');}
.right-btn {right:0;background:url('../images/qy-bturight.jpg');}
.small-list {position:relative;width:316px;height:63px;margin:0 auto;overflow:hidden;}
.small-list ul {*zoom:1;}
.small-list ul:before, .small-list ul:after {content:"";display:table;}
.small-list ul:after {clear:both;}
.small-list li {position:relative;float:left;margin-right:8px;width:65px;padding:2px 3px;border:1px solid #EEE;}
.small-list li img {display:block;max-width:65px;max-height:50px;margin:0 auto;}
.small-list li .bun-bg {display:block;position:absolute;top:2px;left:3px;width:65px;height:50px;background:#989898;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small-list li.on .bun-bg {display:none;}
.d-main-details {width:96.8%;margin:3% auto 0;clear:both;}
.details-titles {float:left;width:100%;overflow:hidden;}
.details-title1 {width:100%;font-size:24px;margin-top:25px;color:#000;overflow:hidden;}
.details-txt1 {width:100%;margin-top:2%;font-size:14px;line-height:25px;word-wrap:break-word;word-break:break-all;color:#a2a2a2;}
.details-right {width:100%;overflow:hidden;}
.details-btns {width:175px;height:43px;margin-top:15px;overflow:hidden;}
.details-btns button {float:left;display:block;width:134px;height:43px;line-height:43px;font-size:20px;color:#FFF;background:#ef3042;border:0;text-align:center;overflow:hidden;}
.details-btns p {float:left;width:41px;height:43px;background:#ff4d5e url("../images/btn-fire.png") no-repeat center center;}
.share-tools {width:100%;margin-top:15px;}
.share-tools a {display:inline-block;vertical-align:middle;width:26px;height:26px;margin-right:12px;}
.details-title2 {width:92%;margin:10px auto 0px;font-size:20px;line-height:34px;color:#000;}
.details-txt2 {width:98%;margin:0 auto;font-size:16px;line-height:28px;color:#535353;overflow:hidden;}
.no-border {border:none;}
.hot-details {width:98%;margin:32px auto 0;overflow:hidden;}
.hot-details a {display:block;color:#959595;height:28px;line-height:28px;padding:0 14px;border:1px solid #e5e5e5;float:left;margin:0 7px 7px 0;overflow:hidden;}
.flip {width:100%;background:#e6e6e6;color:#868686;font-size:14px;line-height:25px;margin-top:30px;*zoom:1;padding:15px 0px;}
.flip:before, .flip:after {content:"";display:table;}
.flip:after {clear:both;}
.flip a {color:#868686;border-bottom:1px solid #868686;padding-bottom:4px;margin-left:8px;}
.flip .prev {*display:inline;margin-left:33px;}
.flip .next {*display:inline;margin-left:33px;font-weight:normal;}
form {width:100%;margin-bottom:54px;}
form .form-title {width:95%;margin:3% auto 2%;font-size:20px;line-height:34px;color:#000;}
form ul {width:90%;margin:0 auto;}
form li {font-size:14px;line-height:36px;margin-bottom:20px;}
form li em {display:inline-block;color:#201f1a;width:78px;text-align:right;font-weight:normal;margin-right:10px;vertical-align:top;}
form li em i {color:#ff0f0f;}
form li input {font-size:14px;line-height:36px;height:36px;width:50%;color:#201f1a;text-indent:10px;}
form li textarea {height:122px;font-size:14px;line-height:28px;padding:10px;width:60%;color:#201f1a;}
form .li {margin:0;}
form .form-agree {font-weight:normal;color:#666;margin-left:130px;}
form .form-agree input {vertical-align:middle;margin-right:3px;}
.form-btns {width:175px;height:43px;margin:28px 0 0 130px;overflow:hidden;}
.form-btns button {float:left;display:block;width:134px;height:43px;line-height:43px;font-size:20px;color:#FFF;background:#ef3042;border:0;text-align:center;overflow:hidden;}
.form-btns p {float:left;width:41px;height:43px;background:#ff4d5e url("../images/btn-fire.png") no-repeat center center;}
@media (max-width:1200px) {.d-slider-rights {width:48%;}}
@media (max-width:1100px) {.d-slider-rights {width:42%;padding:0 0 0 2%;}}
@media (max-width:990px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-main h3 {font-size:20px;line-height:60px;}
.d-main .g-context a {font-size:24px;line-height:24px;}
.d-slider-rights {width:52%;padding:3% 0 0 2%;}}
@media (max-width:920px) {.d-slider-rights {width:43%;padding:0 0 0 2%;}}
@media (max-width:768px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider-rights {width:40%;padding:0 0 0 2%;}
.details-titles {float:none;width:100%;}
.details-right {float:none;width:100%;text-align:center;}
.share-tools {text-align:left;}}
@media (max-width:710px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider-rights {width:36%;padding:0 0 0 2%;display:table;overflow:hidden;}
.details-titles {float:none;width:100%;}
.details-title1 {font-size:24px;}
.details-txt1 {font-size:16px;line-height:30px;}
.details-right {float:none;width:100%;text-align:center;}
.share-tools {text-align:left;}}
@media (max-width:690px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider-rights {width:100%;}
.details-btns {float:left;}
.share-tools {float:right;width:initial;margin-top:30px;}
.marquee {width:100px;height:100px;}
.show-box {width:200px;height:200px;top:55px;}}
@media (max-width:590px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider {float:none;margin:0 auto;}
.show-box {filter:alpha(opacity=0);opacity:0;}
.marquee {filter:alpha(opacity=0);opacity:0;}
.flip i {float:none;display:block;margin-left:33px;overflow:hidden;}
.flip em {float:none;display:block;margin-left:33px;margin-right:0;overflow:hidden;}}
@media (max-width:530px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider {float:none;margin:0 auto;}
.show-box {filter:alpha(opacity=0);opacity:0;}
.marquee {filter:alpha(opacity=0);opacity:0;}
.flip i {float:none;display:block;margin-left:33px;overflow:hidden;}
.flip em {float:none;display:block;margin-left:33px;margin-right:0;overflow:hidden;}}
@media (max-width:480px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.details-right {float:none;width:100%;text-align:center;}
.details-btns {float:none;}
.share-tools {float:none;width:100%;margin:20px auto;}
.flip i {float:none;display:block;margin-left:33px;overflow:hidden;}
.flip em {float:none;display:block;margin-left:33px;margin-right:0;overflow:hidden;}
form textarea {width:50%!important;}
.form-agree {margin-left:20px !important;}
.form-btns {margin:28px auto 0!important;}
.details-btns {margin:15px auto 0;}
.share-tools {text-align:center;margin-left:5px;}}
@media (max-width:445px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.d-slider {float:none;width:100%;}
.large-box {width:100%;}
.small-box {width:60%;}
.small-list {width:154px;}
.flip i {float:none;display:block;margin-left:33px;overflow:hidden;}
.flip em {float:none;display:block;margin-left:33px;margin-right:0;overflow:hidden;}
form textarea {width:50%!important;}
.form-agree {margin-left:20px !important;}
.form-btns {margin:28px auto 0!important;}}
@media (max-width:375px) {.d-main {float:none;width:95%;margin:4% auto 0;}
.flip i {float:none;display:block;margin-left:33px;overflow:hidden;}
.flip em {float:none;display:block;margin-left:33px;margin-right:0;overflow:hidden;}
form textarea {width:50%!important;}
.form-agree {margin-left:20px !important;}
.form-btns {margin:28px auto 0!important;}}
.keywords {margin:10px;font-size:14px;}
.keywords span a {border:0;display:inline;font-size:14px;border:1px solid #ccc;line-height:40px;padding:7px 15px;}
.productsTags {margin:10px;font-size:14px;line-height:22px;}
.singglepic img {width:330px;}


/* 产品详情页放大镜 */
.jqzoom{width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.jqzoom img{max-width:100%;max-height:100%}.zoomdiv{z-index:200;position:absolute;top:0;left:0;width:380px;height:380px;background:#fff;border:1px solid #ddd;display:none;overflow:hidden}.zoomdiv .bigimg{position:absolute;top:0;left:0;max-width:unset;max-height:unset}.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #ddd;background:#fafafa;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}.jqZoomPup img{min-width:380px}.spec-preview{width:380px;height:380px;border:1px solid #ddd}.spec-scroll{clear:both;margin:5px 0;width:382px;height:54px}.spec-scroll .prev{float:left;margin-right:10px;background:url("../images/duo_left.gif") center no-repeat}.spec-scroll .next{float:right;background:url("../images/duo_right.gif") center no-repeat}.spec-scroll .next,.spec-scroll .prev{display:block;text-align:center;width:19px;height:54px;cursor:pointer}.spec-scroll .next:hover,.spec-scroll .prev:hover{background-color:none}.spec-scroll .items{float:left;position:relative;width:324px;height:56px;overflow:hidden}.spec-scroll .items ul{position:absolute;width:640px;height:56px;overflow:hidden}.spec-scroll .items ul li{float:left;width:67px}.spec-scroll .items ul li span{box-sizing:border-box;display:block;vertical-align:middle;width:50px;height:50px;text-align:center;border:1px solid #ddd;padding:0px}.spec-scroll .items ul li img{width:100%;height:100%;object-fit:cover;cursor:pointer}.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border:2px solid #db241e;padding:0px}#tinybox{top:50%!important;left:50%!important;transform:translate(-50%,-50%);position:fixed;display:none;padding:10px;background:#fff;border:10px solid #ddd;z-index:99997}#tinymask{position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:99997}#tinycontent{background:#fff;width:100%;height:100%}.spec-scroll .items ul li img{margin:0 auto}#imgee{width:100%;height:100%;object-fit:contain}#tinymaskNext,#tinymaskPrev{display:none;position:fixed;top:50%;border:3px solid #fff;width:35px;height:35px;border-top:0;border-right:0;background:0 0;z-index:99999;outline:0}#tinymaskPrev{left:30px;transform:rotate(45deg)}#tinymaskNext{right:30px;transform:rotate(225deg)}.spec-scroll .items ul li:nth-last-child(1){width:50px}