@charset "utf-8";
.details-section {max-width:1200px;margin:0 auto;background:#FFF;position:relative;}
.details-section .container {max-width:1200px;margin:0 auto;margin-top:5.6%;padding-bottom:30px;position:relative;z-index:30;*zoom:1;}
.details-section .container:before, .details-section .container:after {content:"";display:table;}
.details-section .container:after {clear:both;}
.details-section .container .g-sidebar {width:22%;float:left;*display:inline;position:absolute;z-index:30;top:80px;left:0;margin-left:2%;*zoom:1;}
.details-section .container .g-sidebar:before, .details-section .container .g-sidebar:after {content:"";display:table;}
.details-section .container .g-sidebar:after {clear:both;}
.details-section .container .g-sidebar h3 {width:98%;margin-left:2%;font-size:23px;font-weight:bold;line-height:23px;color:#032b36;}
.details-section .container .g-sidebar .line {width:98%;margin-left:2%;border-top:2px solid #01c5fd;margin-top:20px;}
.details-section .container .g-sidebar .list {width:98%;margin-left:2%;}
.details-section .container .g-sidebar .list .title {font-size:16px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(hl_left.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;display:block;}
.details-section .container .g-sidebar .list .titletwo {line-height:20px;background-position:left 17px;}
.details-section .container .g-sidebar .list .active {background:url(hl_down.png) no-repeat left 20px;}
.details-section .container .g-sidebar .list li {padding-left:26px;margin-top:13px;display:none;}
.details-section .container .g-sidebar .list li a {background:url(hl_left.png) no-repeat left center;padding-left:16px;font-size:16px;line-height:16px;color:#666;}
.details-section .container .g-sidebar .list li a:hover {color:#252525;}
.details-section .container .g-sidebar .hot {width:100%;padding-top:80px;}
.details-section .container .g-sidebar .hot .hot-list li {font-size:16px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(hl_fire.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;margin-left:2%;}
.details-section .introduce-box {*zoom:1;}
.details-section .introduce-box:before, .details-section .introduce-box:after {content:"";display:table;}
.details-section .introduce-box:after {clear:both;}
.details-section .introduce-box h3 {color:#032b36;font-size:22px;}
.details-section .introduce-box p {color:#201f1a;font-size:16px;line-height:1.6;margin:15px 0 35px 0;}
.details-section .introduce-box button {width:140px;height:39px;color:#FFF;font-size:18px;border:none;outline:none;background:#01c5fd;}
.details-section .introduce-box .share-tools {margin-top:15px;}
.details-section .introduce-box .share-tools a {display:block;float:left;margin-right:10px;*zoom:1;}
.details-section .introduce-box .share-tools a:before, .details-section .introduce-box .share-tools a:after {content:"";display:table;}
.details-section .introduce-box .share-tools a:after {clear:both;}
.details-section .main-container {width:70%;float:right;position:relative;margin-right:2%;z-index:30;}
.details-section .main-container .introduce-container {width:100%;height:auto;padding-bottom:1%;background:#f8fafb;*zoom:1;}
.details-section .main-container .introduce-container:before, .details-section .main-container .introduce-container:after {content:"";display:table;}
.details-section .main-container .introduce-container:after {clear:both;}
.details-section .main-container .introduce-container .com-box {height:370px;position:relative;*zoom:1;}
.details-section .main-container .introduce-container .com-box:before, .details-section .main-container .introduce-container .com-box:after {content:"";display:table;}
.details-section .main-container .introduce-container .com-box:after {clear:both;}
.details-section .main-container .introduce-container .com-box .goods-box {width:445px;height:375px;position:absolute;top:-15px;left:-15px;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods {position:relative;*zoom:1;display: flex;flex-direction:row-reverse;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods:before, .details-section .main-container .introduce-container .com-box .goods-box .roll-goods:after {content:"";display:table;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods:after {clear:both;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .large-box {width:365px;height:365px;overflow:hidden;float:left;position:relative;}
.large-box ul li { height:365px;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .large-box ul li img {max-width:100%;max-height:100%;width:auto;height:auto;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .large-box .marquee {position:absolute;width:150px;height:150px;background:#FFF;opacity:.5;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box {width:17.5%;margin-top:5%;float:right;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .btn {width:100%;height:0;padding-bottom:22.5%;display:block;cursor:pointer;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .btn-up {margin-bottom:5%;background:url("roll-up.jpg") no-repeat center center;background-size:50%;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .btn-down {background:url("roll-down.jpg") no-repeat center center;background-size:50%;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box {width:73px;height:310px;overflow:hidden;*zoom:1;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box:before, .details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box:after {content:"";display:table;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box:after {clear:both;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box .breviary-item {float:right;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box .breviary-item li {border:1px solid #dae0e2;margin-bottom:6px;padding:2px 3px;position:relative;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box .breviary-item li.on .bun-bg {display:block;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box .breviary-item li .bun-bg {display:none;position:absolute;top:2px;left:3px;width:65px;height:50px;background:rgba(0, 0, 0, 0.6);}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .show-box {position:absolute;display:none;width:365px;height:365px;overflow:hidden;left:445px;top:0px;background:none;z-index:999;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .show-box img {width:auto;height:auto;}
.details-section .main-container .introduce-container .com-box .introduce-box {max-width:450px;padding-left:450px;margin:0 0 0 20px;*zoom:1;}
.details-section .main-container .introduce-container .com-box .introduce-box:before, .details-section .main-container .introduce-container .com-box .introduce-box:after {content:"";display:table;}
.details-section .main-container .introduce-container .com-box .introduce-box:after {clear:both;}
.details-section .main-container .introduce-container .com-box .introduce-box h1 {color:#032b36;font-size:20px;text-transform:capitalize;margin-top:20px;}
.details-section .main-container .introduce-container .com-box .introduce-box p {max-height:150px;color:#201f1a;font-size:14px;line-height:1.6;overflow:hidden;margin:15px 0 35px 0;}
.details-section .main-container .introduce-container .com-box .introduce-box .wss {padding:10px 20px;color:#FFF;font-size:18px;border:none;outline:none;background:#01c5fd;transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.details-section .main-container .introduce-container .com-box .introduce-box .share-tools {margin-top:30px;}
.details-section .main-container .introduce-container .com-box .introduce-box .share-tools a {display:block;float:left;margin-right:10px;*zoom:1;}
.details-section .main-container .introduce-container .com-box .introduce-box .share-tools a:before, .details-section .main-container .introduce-container .com-box .introduce-box .share-tools a:after {content:"";display:table;}
.details-section .main-container .introduce-container .com-box .introduce-box .share-tools a:after {clear:both;}
.details-section .main-container .procudt-box {*zoom:1;}
.details-section .main-container .procudt-box:before, .details-section .main-container .procudt-box:after {content:"";display:table;}
.details-section .main-container .procudt-box:after {clear:both;}
.details-section .main-container .procudt-box .product-details {max-width:880px;margin-top:45px;line-height:1.9;font-size:14px;*zoom:1;}
.details-section .main-container .procudt-box .product-details img {max-width:100%!important;}
.details-section .main-container .procudt-box .product-details p{margin:8px auto;line-height:25px;}
.details-section .main-container .procudt-box .product-details:before, .details-section .main-container .procudt-box .product-details:after {content:"";display:table;}
.details-section .main-container .procudt-box .product-details:after {clear:both;}
.details-section .main-container .procudt-box .product-details .product-txt {*zoom:1;}
.details-section .main-container .procudt-box .product-details .product-txt:before, .details-section .main-container .procudt-box .product-details .product-txt:after {content:"";display:table;}
.details-section .main-container .procudt-box .product-details .product-txt:after {clear:both;}
.details-section .main-container .procudt-box .product-details .product-txt h3 {font-size:24px;color:#032b36;}
.details-section .main-container .procudt-box .product-details .product-txt p {font-size:16px;color:#201f1a;text-indent:2em;line-height:1.5;margin-top:15px;}
.details-section .main-container .procudt-box .product-details .product-img {width:262px;float:left;margin-right:20px;position:relative;*zoom:1;}
.details-section .main-container .procudt-box .product-details .product-img:before, .details-section .main-container .procudt-box .product-details .product-img:after {content:"";display:table;}
.details-section .main-container .procudt-box .product-details .product-img:after {clear:both;}
.details-section .main-container .procudt-box .product-details .product-img img {width:100%;height:100%;position:relative;z-index:50;}
.details-section .main-container .procudt-box .product-details .product-img span {width:36%;height:36%;position:absolute;bottom:0;right:0;transform:translateX(20%) translateY(20%);z-index:40;display:block;background:#01c5fd;}
.details-section .hot-tags {width:70%;background:#f8fafb;float:right;*zoom:1;clear:both;margin-right:2%;}
.details-section .hot-tags:before, .details-section .hot-tags:after {content:"";display:table;}
.details-section .hot-tags:after {clear:both;}
.details-section .hot-tags .tags-box {width:100%;padding:35px 0;float:right;*zoom:1;}
.details-section .hot-tags .tags-box:before, .details-section .hot-tags .tags-box:after {content:"";display:table;}
.details-section .hot-tags .tags-box:after {clear:both;}
.details-section .hot-tags .tags-box h3 {font-size:24px;color:#032b36;}
.productsTags {width:95%;*zoom:1;}
.productsTags:before, .productsTags:after {content:"";display:table;}
.productsTags:after {clear:both;}
.productsTags li {margin:20px 35px 0 0;float:left;}
.productsTags li a {color:#8b9193;font-size:16px;text-decoration:underline;}
.productsTags li a:hover {color:#01c5fd;}
.details-section .hot-tags .tags-box .history-tags {width:95%;font-size:16px;line-height:30px;margin-top:15px;background:#dbe0e2;}
.details-section .hot-tags .tags-box .history-tags span {color:#8b9193;padding:0 30px 0 30px;display:block;}
.details-section .hot-tags .tags-box .history-tags span a {color:#8b9193;text-decoration:underline;}
.details-section .inquiry {width:100%;padding:40px 0 105px 0;*zoom:1;}
.details-section .inquiry:before, .details-section .inquiry:after {content:"";display:table;}
.details-section .inquiry:after {clear:both;}
.details-section .inquiry .inquiry-box {width:70%;float:right;*zoom:1;margin-right:2%;}
.details-section .inquiry .inquiry-box:before, .details-section .inquiry .inquiry-box:after {content:"";display:table;}
.details-section .inquiry .inquiry-box:after {clear:both;}
.details-section .inquiry .inquiry-box h3 {font-size:24px;color:#032b36;}
.details-section .inquiry .inquiry-box form .form-item {margin-top:30px;}
.details-section .inquiry .inquiry-box form .form-item li {margin-bottom:20px;*zoom:1;}
.details-section .inquiry .inquiry-box form .form-item li:before, .details-section .inquiry .inquiry-box form .form-item li:after {content:"";display:table;}
.details-section .inquiry .inquiry-box form .form-item li:after {clear:both;}
.details-section .inquiry .inquiry-box form .form-item li em {width:100px;color:#201f1a;font-size:16px;font-weight:normal;text-align:right;line-height:36px;display:block;float:left;padding-right:10px;}
.details-section .inquiry .inquiry-box form .form-item li em span {color:red;}
.details-section .inquiry .inquiry-box form .form-item li input {width:31.3%;min-width:220px;height:34px;font-size:16px;float:left;display:block;padding-left:10px;border:1px solid #e9e9e9;}
.details-section .inquiry .inquiry-box form .form-item li textarea {width:49.78%;min-width:280px;height:138px;font-size:16px;float:left;display:block;padding:15px 0 0 10px;border:1px solid #e9e9e9;}
.details-section .inquiry .inquiry-box form .form-item li .focus-border {border:1px solid #01c5fd;}
.details-section .inquiry .inquiry-box form .pact-title {margin-left:110px;}
.details-section .inquiry .inquiry-box form .pact-title input {vertical-align:middle;}
.details-section .inquiry .inquiry-box form .pact-title span {color:#999;font-size:16px;}
.details-section .inquiry .inquiry-box form button {width:160px;height:40px;color:#FFF;font-size:18px;border:none;outline:none;margin:20px 0 0 110px;background:url(arrow.png) #01c5fd no-repeat 90% center;transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.details-section .inquiry .inquiry-box form button:before {background-color:#192634;transform-origin:0% 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;}
.details-section .inquiry .inquiry-box form button:hover {color:white;text-decoration:underline;}
.details-section .inquiry .inquiry-box form button:focus {color:white;}
.details-section .inquiry .inquiry-box form button:active {color:white;}
.details-section .inquiry .inquiry-box form button:hover::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
.details-section .inquiry .inquiry-box form button:focus::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
.details-section .inquiry .inquiry-box form button:active::before {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}
@media screen and (max-width:1580px) and (min-width:1403px) {.details-section .hot-tags .tags-box .history-tags {font-size:16px;}
.details-section .hot-tags .tags-box .history-tags span {padding:0 30px;}}
@media screen and (max-width:1450px) {.details-section .main-container .procudt-box .product-details {margin-top:20px;}
.details-section .main-container .procudt-box .product-details .product-txt {width:65%;}
.details-section .main-container .procudt-box .product-details .product-txt p {font-size:14px;}}
@media screen and (max-width:1403px) and (min-width:1280px) {.details-section .main-container .introduce-container .com-box .introduce-box p {margin:15px 0;}}
@media screen and (max-width:1280px) and (min-width:960px) {.details-section .main-container .procudt-box .product-details .product-txt {width:100%;float:none;}
.details-section .main-container .procudt-box .product-details .product-img {float:none;}
.details-section .hot-tags {margin-top:150px;}}
@media screen and (max-width:1004px) and (min-width:960px) {.details-section .container .g-sidebar h3 {font-size:18px;line-height:18px;}
.details-section .container .g-sidebar .list .title {font-size:14px;line-height:14px;}
.details-section .container .g-sidebar .list li a {font-size:14px;}
.details-section .container .g-sidebar .hot .hot-list li {font-size:14px;}
.details-section .hot-tags {margin-top:230px;}}
@media screen and (max-width:960px) {.details-section .container .g-sidebar {float:none;width:95%!important;position:relative;}
.details-section .container .g-sidebar .hot {padding-top:30px;}
.details-section .main-container {width:100%;margin-top:15px;position:static;float:none;}
.details-section .main-container .introduce-container .com-box .goods-box {margin:-15px 0 0 4%;}
.details-section .main-container .procudt-box .product-details {width:96%; margin:30px auto 0;}
.details-section .main-container .procudt-box .product-details .product-txt {width:63%;}
.details-section .main-container .procudt-box .product-details .product-img {width:262px;float:left;}
.details-section .hot-tags {width:100%;margin-top:30px;}
.details-section .hot-tags .tags-box {width:95%;margin:30px auto 0;}
.details-section .hot-tags .tags-box .history-tags {font-size:16px;}
.details-section .hot-tags .tags-box .history-tags span {padding:0 20px;}
.details-section .inquiry {width:100%;}
.details-section .inquiry .inquiry-box {width:95%;float:left;margin-left:4%;}
.details-section .inquiry .inquiry-box form .form-item li textarea {min-width:220px;}}
@media screen and (max-width:960px) and (min-width:720px) {.details-section .main-container .introduce-container .com-box .introduce-box {padding-left:455px;}
.details-section .main-container .introduce-container .com-box .introduce-box p {margin:15px 0;}}
@media screen and (max-width:800px) {.details-section .main-container .procudt-box .product-details .product-txt {width:96%;max-width:96%;float:none;}}
@media screen and (max-width:720px) {.details-section .main-container .introduce-container .com-box .goods-box {position:static;}
.details-section .main-container .introduce-container .com-box .introduce-box {width:90%;max-width:90%;padding:0;margin:15px 0 0 4%;}
.details-section .main-container .introduce-container .com-box .introduce-box p {margin:15px 0;}
.details-section .main-container .introduce-container .com-box .introduce-box button {float:left;}
.details-section .main-container .introduce-container .com-box .introduce-box .share-tools {float:right;margin:8px 0 0 0;}
.details-section .main-container .procudt-box .product-details .product-txt {width:96%;float:none;}
.details-section .main-container .procudt-box .product-details .product-img {float:none;}}
@media screen and (max-width:801px) {.productsTags li a {font-size:14px;}
.details-section .hot-tags .tags-box .history-tags {font-size:18px;}
.details-section .hot-tags .tags-box .history-tags span {display:block;}}
@media screen and (max-width:490px) and (min-width:320px) {.details-section .container .g-sidebar {width:89%;}
.details-section .main-container .introduce-container .com-box .goods-box {width:80%;height:40.76%;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .large-box {width:82%;height:0;padding-bottom:84%;overflow:hidden;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .btn {width:73px;}
.details-section .main-container .introduce-container .com-box .goods-box .roll-goods .small-box .breviary-box .breviary-item {width:100%;}
.details-section .hot-tags .tags-box {margin-left:4%;}
.details-section .hot-tags .tags-box .history-tags {font-size:14px;}
.details-section .hot-tags .tags-box .history-tags span {display:block;}
.details-section .inquiry .inquiry-box {margin-left:4%;}
.details-section .inquiry .inquiry-box form .form-item li em {width:90px;font-size:14px;}
.details-section .inquiry .inquiry-box form .pact-title {margin-left:100px;}
.details-section .inquiry .inquiry-box form .pact-title span {font-size:12px;}
.details-section .inquiry .inquiry-box form button {margin:20px 0 0 100px;}}
.product-tet .product-coninfo{width:100%;overflow:hidden;}
.large-box img{width:365px;height:375px;}
.breviary-item img{width:65px;height:50px;}
.pro-main-con{width:65%;float:right;margin:20px 0;font-size:14px;color:#333;line-height:1.5em;overflow:hidden;}
.pro-main-con p,.pro-main-con table,.pro-main-con img,.pro-main-con button{max-width:100%;}
.productsTags {width:95%;*zoom:1;font-size:14px;margin-top:10px;line-height:20px;}
.productsTags:before, .productsTags:after {content:"";display:table;}
.productsTags:after {clear:both;}
.productsTags a {margin:20px 35px 0 0;float:left;color:#8b9193;font-size:16px;text-decoration:underline;}
.productsTags a:hover {color:#01c5fd;}
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0;margin:0;}
.emenu{text-align:center;line-height:22px;padding-top:18px;}
.emenu a {color:#FFF;padding:0 3px;}
.emenu a:hover{color:#EEE;}
.keywords {font-size:14px;}
.keywords span a {border:0;display:inline;font-size:14px;border:1px solid #CCC;line-height:40px;padding:7px 15px;}
.hot-tags .ptit{font-size:24px;color:#032b36;margin:40px 0 20px}