@charset "UTF-8";
 
/*--产品详情---*/
.product-intro { margin-top: 40px; overflow: hidden}

.preview { float: left; }
.preview .bd { width: 600px; height: 400px; overflow: hidden; }
.preview .bd .img { float: left; width: 600px; height: 400px; overflow: hidden; }
.preview .hd { position: relative; width: 600px; height: 117px; overflow: hidden; margin-top:10px; }
.preview .hd ul { width: 700px; }
.preview .hd li { float: left; width: 140px; height: 93px; margin-right: 8px; border: 1px solid #f1f1f1; cursor: pointer; }
.preview .hd li img { width: 100%; height: 100%; }
.preview .hd li:hover { border-color: #ef001d; }
.preview .hd .on { border-color: #ef001d; }
.preview .hd .hd-control { display: none; position: absolute; top: 0; width: 48px; height: 93px; line-height: 93px; text-align: center; background: #2a2a2a; cursor: pointer; }
.preview .hd .hd-control .icon { width: 0; height: 0; }
.preview .hd .hd-prev { left: 0; }
.preview .hd .hd-prev .icon { border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #fff transparent transparent; }
.preview .hd .hd-next { right: 0; }
.preview .hd .hd-next .icon { border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; }

.item-info { position: relative; float: right; width: 505px;}
.item-info h1 { width: 416px; font-size: 32px; color: #000; font-weight: normal;word-break: break-all }
.item-info .handbook { position: absolute; right: 0; top: 0; font-size: 14px; color: #e50000; text-align: center; }
.item-info .handbook > div { margin-bottom: 6px; width: 70px; height: 48px; line-height: 48px; border: 1px solid #e50000; border-radius: 4px; }
.item-info .handbook > div .icon { font-size: 30px; }
.item-info .item-select { position: relative; width: 350px; }
.item-info .item-select .name { height: 31px; position: relative; font-size: 20px; color: #000; }
.item-info .item-select .name .icon { margin-left: 8px; margin-top: -5px; width: 14px; height: 14px; line-height: 14px; text-align: center; border-radius: 50%; font-size: 14px; color: #fff; background: #ef001d; vertical-align: middle; }
.item-info .item-select ul { display: none; position: absolute; left:0;top: 41px; background: #5e5e5e; border: 1px solid #727272; border-radius: 0 0 6px 6px; }
.item-info .item-select li { width: 348px; height: 34px; line-height: 34px; text-align: center; }
.item-info .item-select li a { display: block; font-size: 18px; color: #fff; }
.item-info .item-select li:hover a { background: #848484; font-size: 20px;}
.item-info .item-select:hover { text-align: center; }
.item-info .item-select:hover .name .inner { width: 100%; line-height: 42px; position: absolute; left: 0; top: 0; border-radius: 6px 6px 0 0; background: #ef001d; color: #fff;transition-property:none;-webkit-transition-property: none }
.item-info .item-select:hover .name .inner .icon { background-color: #fff; color: #ef001d; line-height: 14px; transition: transition .1s ease-in-out; -webkit-transition: transition .1s ease-in-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.item-info .item-select:hover ul { display: block; }

.summary { margin-top: 10px; padding-top: 8px; padding-bottom: 24px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.summary .p-desc { line-height: 24px; overflow: hidden; font-size: 16px; color: #343434; }
.summary .p-info { margin-top: 15px; overflow: hidden; }
.summary .p-info span { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.p-label{padding-top:15px; font-size:16px;}
.p-label span{display: inline-block;line-height: 26px;font-size: 14px;border: 1px solid #ccc;padding: 0 8px;margin-right: 5px;color: #666;}
.p-label span:hover{color: #f00;border:1px solid #f00;}
.p-btns { margin-top: 37px;overflow: hidden }
.p-btns a { float: left; height: 70px; line-height: 70px; text-align: center; border: 1px solid #ef001d; border-radius: 4px; }
.p-btns .consultation { width: 217px; background: #ef001d; font-size: 24px; color: #fff; cursor: pointer;}
.p-btns .call { margin-left: 25px; width: 143px; font-size: 24px; color: #ef001d; }
.p-btns .order-btn { width: 280px; background: #ef001d; font-size: 24px; color: #fff; cursor: pointer;margin-right: 20px;}
.p-btns .tel{ padding: 8px 0;  line-height: 27px; font-size: 16px;}
.p-btns .tel span{ font-size: 24px; color: #f00;}
.support { margin-top: 28px; height: 20px;position: relative }
.support a { float:left; margin-right: 15px; height: 20px; line-height: 20px; font-size: 16px !important; color: #000 !important; }
.support a .icon { margin-top: -1px; margin-right: 6px; width: 18px; height: 18px; font-size: 18px; color: #ef001d; }
/*.bdsharebuttonbox{}*/
/*.bdsharebuttonboxmore{height: 20px !important; line-height: 20px !important;background: none !important;margin: 0 !important;padding:0 !important;}*/
.bds_share{float:left;}
.bds_share:hover .bdsharebuttonbox{display: block}
.bdsharebuttonbox{position: absolute;right:35px;top:20px;display:none;}
.bdsharebuttonbox a{ padding:6px;background-position: center !important;display:inline-block; *zoom:1;*display:inline;}
.bdsharebuttonbox .bds_qzone{ background:url(../images/kj2.png) no-repeat center;}
.bdsharebuttonbox a.bds_qzone:hover{ background:url(../images/kj.png) no-repeat center;}
.bdsharebuttonbox .bds_sqq{ background:url(../images/qq2.png) no-repeat center;}
.bdsharebuttonbox a.bds_sqq:hover{ background:url(../images/qq.png) no-repeat center;}
.bdsharebuttonbox .bds_weixin{ background:url(../images/wx2.png) no-repeat center;}
.bdsharebuttonbox a.bds_weixin:hover{ background:url(../images/wx.png) no-repeat center;}
.bdsharebuttonbox .bds_tsina{ background:url(../images/xnwb2.png) no-repeat center;}
.bdsharebuttonbox a.bds_tsina:hover{ background:url(../images/xnwb.png) no-repeat center;}
.bdsharebuttonbox .bds_more.bt_share{ padding-left:0; font-size:14px; margin:0; background:url(../images/i_share.png) no-repeat left;}
.bdsharebuttonbox a.bds_more.bt_share:hover{background:url(../images/i_share_2.png) no-repeat left;color:#e60012;}
.bdsharebuttonbox .bds_more.s_btn{ padding-left:22px; font-size:14px; margin:6px 0; background:url(../images/ms.png) no-repeat left;}
.bdsharebuttonbox a.bds_more.s_btn:hover{background:url(../images/ms2.png) no-repeat left;color:#e60012;}



.detail { margin-top: 35px; }
.detail .tab-nav { width: 100%; }
.detail .tab-nav .wrap { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center; }
.detail .tab-nav ul { display:inline-block; *zoom:1;*display:inline; vertical-align: top; }
.detail .tab-nav li { float: left; padding: 10px 47px; }
.detail .tab-nav a { font-size: 16px; color: #000; }
.detail .tab-nav .chat { display: none; background: red; }
.detail .tab-nav .chat a { color: #fff; }
.detail .fixed { position: fixed; top: 0; background: #000; z-index: 10; }
.detail .fixed .wrap { border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; }
.detail .fixed .wrap a { font-size: 16px; color: #fff; }
.detail .fixed .wrap .chat { display: block; }
.detail .tab-panel .tab-panel-title { font-size: 16px; color: #2a2a2a; text-align: center; }
.detail .tab-panel-content { margin-top: 40px; }
.detail .tab-panel-content .tab-series{ width: 80%; margin: 0 auto; padding-top: 40px;}
.detail .tab-panel-content .tab-series table{width: 100%; font-size: 16px;  vertical-align:middle; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #555;}
.detail .tab-panel-content .tab-series table strong{ color: #333; }
.detail .tab-panel-content .tab-series td{ padding: 10px 0; border-bottom:1px solid #eee; border-right: 1px solid #eee; }
.detail .highlights { padding-top: 47px; text-align: center; }
.detail .highlights .content { margin: 0 auto; width: 758px; font-size: 16px; line-height: 1.8em; text-align: left; }
.detail .highlights .content h3{ padding:10px 0;}
.detail .highlights .content p { padding-bottom: 10px; }
.detail .parameter { padding-top: 47px; padding-bottom: 110px; }
.detail .parameter .tab-panel-content { border-top: 1px solid #dbdbdb; }


/*.detail .parameter .param-row { display: table; }*/
/*.detail .parameter .param-type { display: table-cell; padding: 50px 45px 50px 0; width: 267px; font-size: 24px; color: #000; text-align: right; border-bottom: 1px solid #dbdbdb; vertical-align: top; }*/
/*.detail .parameter .param-none { display: table; width: 48px; height: 100%; }*/
/*.detail .parameter .param-list { display: table-cell; padding: 50px 0; width: 840px; border-bottom: 1px solid #dbdbdb;overflow: hidden }*/
/*.detail .parameter .param-list > .value { float: left; width: 44%; margin-bottom: 20px; padding: 0 3%; line-height: 1.6em; font-size: 16px; color: #000; overflow: hidden; }*/


.detail .parameter .param-row {overflow: hidden}
.detail .parameter .param-row>div{float: left}
.detail .parameter .param-type {padding: 50px 45px 50px 0; width: 267px; font-size: 24px; color: #000; text-align: right; border-bottom: 1px solid #dbdbdb; vertical-align: top; }
.detail .parameter .param-none {width: 48px; height: 100%; }
.detail .parameter .param-list {padding: 50px 0; width: 840px; border-bottom: 1px solid #dbdbdb;overflow: hidden }
.detail .parameter .param-list > .value { float: left; width: 44%; margin-bottom: 20px; padding: 0 3%; line-height: 1.6em; font-size: 16px; color: #000; overflow: hidden; }





.detail .case { padding-top: 47px; padding-bottom: 110px; background: #d2d2d2; }
.detail .case .tab-panel-content { width: 1250px; margin-left: -45px; }
.detail .case .wrap { overflow: hidden; }
.detail .case .case-col { float: left; margin-left: 45px; width: 574px; height: 148px; background: #fff; }
.detail .case .case-col .img { float: left; width: 264px; height: 148px; overflow: hidden; }
.detail .case .case-col .img img{width: 100%;height: 100%;}
.detail .case .case-col .text { float: left; padding: 25px; width: 260px;height: 80px;overflow: hidden }
.detail .case .case-col .text span { display: block;font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.detail .case .case-col .text p { margin-top: 6px; line-height: 1.6em; font-size: 12px; color: #b1b1b1; }
.detail .parts { padding: 47px 0; overflow: hidden; }
.detail .parts ul { margin-left: -46px; }
.detail .parts li { float: left; margin-left: 46px; width: 263px; height: 330px; border: 1px solid #eee; }
.detail .parts li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.detail .parts li .img { width: 100%; height: 212px; line-height: 212px; text-align: center; }
.detail .parts li .img img { vertical-align: middle; }
.detail .parts li .text { margin-top: 10px; text-align: center; }
.detail .parts li .text .name { font-size: 16px; color: #000; }
.detail .parts li .text .type { margin-top: 18px; font-size: 16px; color: #000; }
.detail .discuz { padding-top: 47px; padding-bottom: 250px; }
.detail .discuz .tab-panel-content { border: 1px solid #eee; }
.detail .discuz .tab-panel-content ul { margin-top: -20px; padding: 54px 119px; }
.detail .discuz .tab-panel-content li { float: left; margin-top: 16px; width: 480px; height: 20px; line-height: 20px; overflow: hidden; }
.detail .discuz .tab-panel-content li span { display:inline-block; *zoom:1;*display:inline; width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; border-radius: 50%; background: #474747; }
.detail .discuz .tab-panel-content li a { font-size: 16px; color: #000; }
#fix-right{width: 75px;}
/*--/产品详情--*/

/*# sourceMappingURL=product.css.map */
div.grid-item:hover{ border:1px solid #e60012;}
.menu_fixed{ position: fixed; top: 0; left: 50%; z-index: 999; margin-left: -600px;}
a.bj-btn{ width: 100px; margin:10px 10px 20px;  display: inline-block;  line-height: 30px; color: #000; text-align: center;  font-size: 16px; border: 1px solid #000;}
a.bj-btn:hover{color: #fff; border: 1px solid #e60012; background: #e60012;}
a.p-img{ position: relative; text-align: center; color: #fff;}
a.p-img .pro-link{ display: none;}
a.p-img:hover .pro-link{ display: block; width: 68px; height: 40px; 
position: absolute; top: 50%; left: 50%;
margin-top: -34px; margin-left: -34px; padding: 14px 0;
line-height: 20px; font-size: 16px;}
a.p-img .circle{ display: block; border-radius: 68px; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 1}
a.p-img .text{ position: relative; z-index: 2;}

.clearfix{ clear: both;}