header{ height:400px; background:url(/public/img/product/banner.jpg) center center no-repeat; }
.bannerwz{ width:400px; height:232px; text-align:center; background:url(/public/img/introduction/wzbg.png) center center no-repeat; position:absolute; left:50%; top:59%; margin:-116px 0 0 -200px; color:#fff; padding-top:68px;}
.bannerwz div{ line-height:1.3em;}

.productinfo{ padding-top:50px; margin-bottom:20px;}
.productinfo .imgs{ width:506px; height:420px; display:table-cell; vertical-align:top;}
.productinfo .imgs .imgbox{ width:420px; height:420px; float:left; border:1px solid #eee; position:relative;}
.productinfo .imgs .imgbox .mousebg{ display:none; width:60px; height:60px; background:rgba(0,0,0,0.1); border-radius:50%; position:absolute; left:50%; top:50%;}
.productinfo .imgs .imgbox .bigimg{ display:none; width:500px; height:500px; border:1px solid #eee; position:absolute; left:516px; top:-1px; overflow:hidden; background:#fff; z-index:1;}
.productinfo .imgs .imgbox:hover .mousebg{ display:block;}
.productinfo .imgs .imgbox:hover .bigimg{ display:block;}
.productinfo .imgs .bigimg img{ max-width:none; width:800px; height:800px; position:relative;}
.productinfo .imgs .imglist{ width:76px;float:right;}
.productinfo .imgs .imglist img{ margin-bottom:10px; border:1px solid #eee; cursor:pointer;}
.productinfo .imgs .imglist img.active{ border-color:#f60;}
.productinfo .info{ width:694px; height:418px; display:table-cell; vertical-align:top; padding-left:30px;}
.productinfo .info .title{ font-weight:bold; font-size:18px; line-height:1.6em; margin-bottom:10px;}
.productinfo .info .desc{ font-size:14px; color:#666; line-height:1.8em; margin-bottom:10px;}
.productinfo .info .price{ height:60px; width:100%; background:#f6f6f6; line-height:60px; padding-left: 20px; margin-bottom:20px;}
.productinfo .info .price span{ color:#999; display:inline-block; vertical-align:middle;}
.productinfo .info .price span.red{ font-size:30px; color:#ff0036; font-weight:bold;}
.productinfo .info .price .taobaolink{display: inline-block;float: right;
    background: linear-gradient(90deg, #ff9900, #ff5520);
    background: -webkit-linear-gradient(0deg, #ff9900, #ff5520);
    background: -o-linear-gradient(0deg, #ff9900, #ff5520);
    background: -moz-linear-gradient(0deg, #ff9900, #ff5530);padding: 0 20px;}
.productinfo .info .price .taobaolink span,.productinfo .info .price .taobaolink i{color:#fff;}
.productinfo .info .price .taobaolink i{font-size: 30px}

.productinfo .info .price .tijiao{border:1px solid #0d6fb8; float:right; margin-top:10px; display:inline-block; font-size:14px; position:relative; height:40px;}
.productinfo .info .price .tijiao:after{content:""; width:1px; height:16px; background:#e6e6e6; position:absolute; top:50%; margin-top:-8px; left:99px;}
.productinfo .info .price .tijiao input{height:38px; line-height:38px; border:none; padding:0 15px;}
.productinfo .info .price .tijiao .nickname{float:left; width:100px;}
.productinfo .info .price .tijiao .phone{float:left; width:150px;}
.productinfo .info .price .tijiao .btn{float:left; height:38px; line-height:38px; background:#0d6fb8; border:none; padding:0 10px; color:#fff; cursor:pointer;}
.productinfo .info .guige dt{ float:left; width:67px; color:#999;}
.productinfo .info .guige dd{ float:left; width:596px; color:#999;}
.productinfo .info .guige dd .item{ line-height:40px; width:288px; border:1px solid #eee; padding:4px; float:left; margin:0 20px 20px 0;}
.productinfo .info .guige dd .item.active{ border-color:#e3393c;}
.productinfo .info .guige dd .item:nth-child(2n){ margin-right:0;}
.productinfo .info .guige dd .item img{ display:inline-block; vertical-align:middle;}
.productinfo .info .guige dd .item span{ width:232px; padding:0 10px; display:inline-block; vertical-align:middle;}

.productparam{ border:1px solid #eee; padding:20px 30px 20px 50px;}
.productparam .item{ line-height:2em; display:inline-block; width:23%; margin:0 1%; float:left; color:#666; font-size:14px;}

.detail{ line-height:1.8em; color:#555;}
.detail p{ text-indent:2em;}

.productdetail .iconlist .item{width:12.5%; float:left; text-align:center; color:#666;}
.productdetail .iconlist .item .icon{width:90px; height:90px; line-height:90px; margin:0 auto; border:1px solid #eee; border-radius:50%;}
.productdetail .iconlist .item .icon .iconfont{font-size:50px; color:#0d6fb8;}
.productdetail .iconlist .item .title{font-weight:bold; padding:10px 0 5px;}
.productdetail .iconlist .item .text{font-size:14px;}

.productdetail .ttl{font-size:24px; color:#333; font-weight:bold; margin:50px 0 35px; text-align:center; position:relative; line-height:1em; padding-bottom:15px;}
.productdetail .ttl:after{content:""; width:30px; height:5px; background:#333; position:absolute; bottom:-5px; left:50%; margin-left:-15px;}
.productdetail .scenelist .item{width:9.01%; margin-left:1.1%; float:left; background:#0d6fb8; padding:2px}
.productdetail .scenelist .item:nth-child(10n+1){margin-left:0;}
.productdetail .scenelist .item:nth-child(n+11){margin-top:15px;}
.productdetail .scenelist .item .name{font-size:14px; color:#fff; line-height:2.2em; text-align:center;}

.productdetail .technology .item{width:48%; float:left; position:relative; box-shadow:0 10px 20px #eee;}
.productdetail .technology .item:first-child{margin-right:4%;}
.productdetail .technology .item .img img{border-radius:12px;}
.productdetail .technology .item .text{width:100%; height:60px; line-height:60px; text-align:center; color:#fff; position:absolute; bottom:0; left:0; z-index:99; border-bottom-left-radius:12px; border-bottom-right-radius:12px; background:#000;
background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background:-webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background:-moz-linear-gradient(-90deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 1));
background:-o-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.productdetail .wendu{padding:50px; background:rgba(13, 111, 184, 0.1); margin-top:50px; border-radius:12px;}
.productdetail .wendu .wendubg{padding:50px; background:#fff; box-shadow:0 5px 20px #d9e5ee; border-radius:12px; text-align:center;position:relative;}
.productdetail .wendu .wendubg:before,
.productdetail .wendu .wendubg:after{content:""; width:20px; height:20px; border-radius:50%; background:rgba(13, 111, 184, 0.1); position:absolute;}
.productdetail .wendu .wendubg:before{top:20px; right:20px;}
.productdetail .wendu .wendubg:after{bottom:20px; left:20px;}
.productdetail .wendu .title{font-size:24px; font-weight:bold;}
.productdetail .wendu .text{font-size:14px; color:#999; padding:15px 0 10px;}
.productdetail .wendu .list .item{width:18%; margin-left:2.5%; float:left; margin-top:20px;}
.productdetail .wendu .list .item:nth-child(5n+1){margin-left:0;}
.productdetail .wendu .list .item .img{box-shadow:0 5px 10px #d9e5ee; margin-bottom:10px; border-radius:6px;}
.productdetail .wendu .list .item .img img{border-radius:6px;}
.productdetail .wendu .list .item .dushu{color:#0092ff; padding-top:5px;}

.productlist{ margin-bottom:50px; margin-top:-20px;}
.productlist .onkooproduct .swiper-slide .item{ border:1px solid #eee;}


.xuzhi{ color:#666; line-height:1.8em; background:rgba(13, 111, 184, 0.1); border-radius:12px; padding:50px;}
.xuzhi .bgfff{ background:#fff; border-radius:12px; padding:40px 50px; position:relative;}
.xuzhi .bgfff:before,
.xuzhi .bgfff:after{content:""; width:20px; height:20px; border-radius:50%; background:rgba(13, 111, 184, 0.1); position:absolute;}
.xuzhi .bgfff:before{top:20px; right:20px;}
.xuzhi .bgfff:after{bottom:20px; left:20px;}
.xuzhi .ttl{ color:#0d6fb8; line-height:2.2em; font-size:20px; margin-top:0.5em;}

.zixun{width:100%; height:100px; background:rgba(0, 0, 0, 0.7); position:fixed; bottom:0; left:0; z-index:99;}
.zixun.none{display:none;}
.zixun .w1200{position:relative; height:100px;}
.zixun .kefu{position:absolute; left:0; bottom:0;}
.zixun .box{padding-left:110px; width:1200px; height:100px; display:table-cell; vertical-align:middle;}
.zixun .box .lxr input,
.zixun .box .tel input,
.zixun .box .diqu select{width:165px; height:40px; line-height:40px; background:#fff; margin-right:20px; float:left; border:none; padding:0 10px; color:#666; border-radius:4px;}
.zixun .box .diqu select{background:#fff url(/public/img/product/jiantou.png) top right no-repeat;}
.zixun .box .butt button{width:165px; height:40px; line-height:40px; background:#ff6700; float:left; border:none; padding:0 10px; color:#fff; text-align:center; border-radius:4px; cursor:pointer;}
.zixun .close{position:absolute; right:-26px; top:50%; margin-top:-6px; line-height:0; cursor:pointer;}