.productdetail{background:; }

.productdetail .photo{width:400px; float:left; overflow:hidden;}
.productdetail .photo>span{display:block;border: 1px solid #DFDFDF;}
.productdetail .photo>span img{display:block; max-width:100%; margin:0 auto;}

.productdetail .images{overflow:hidden; position:relative; }
.productdetail .images>ul{width:10000%;}
.productdetail .images>ul:after{display:block; content:''; cleart:both;}
.productdetail .images>ul>li{float:left;}
.productdetail .images>ul>li>span{border: 1px solid #DFDFDF;}
.productdetail .images>ul>li>span>a>img{display:block; width:100%;}

.productdetail .text{margin-left:400px; padding-left:28px; overflow:hidden;}

.productdetail h1{margin-bottom:8px;color: #414141;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 1.6em;font-weight: bold;}

.productdetail .top{opacity:.68; margin-bottom:18px;}
.productdetail .top b{font-weight:inherit;}
.productdetail .top i{font-style:inherit; margin-right:18px;}
.productdetail .top i:last-child{margin:0;}
 
.productdetail .text>dl{padding-bottom:8px;}
.productdetail .text>dl:after{display:block; content:''; clear:both;}
.productdetail .text>dl>dt{float:left; opacity:.88;}
.productdetail .text>dl>dd{float:left;}
.productdetail .text>a{margin-top:18px;}

.productdetail .param{border-top:1px dashed #f0f0f0; margin-top:18px; padding-top:4px;}
.productdetail .param:after{display:block; content:''; clear:both;}
.productdetail .param>dl{float:left; min-width:100%;padding: 5px 0;zoom: 1;font-size: 14px;font-weight: bold;overflow: hidden;}
.productdetail .param>dl>dt{float:left; color: #666666;}
.productdetail .param>dl>dd{font-weight: 400;color: #a9a9a9;}
.productdetail .param>dl.mu_phone>dt{line-height: 42px;}
.productdetail .param>dl.mu_phone>dd{font-size: 24px;color: Red;font-weight: normal;}
.productdetail  .text>h2{display:block; color:red; margin-top:18px;}
.productdetail  .text>h2 b{font-weight:inherit; font-size:12px; color:rgb(33,33,33);}


.productdetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.productdetail dir:after{display:block; content:''; clear:both;}
.productdetail dir>dl{background: #f7f7f7;padding: 10px;}
.productdetail dir>dl:after{display:block; content:''; clear:both;}
.productdetail dir>dl:first-child{}
.productdetail dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
.productdetail dir>dl>dt b{font-weight:inherit;}
.productdetail dir>dl>dd{float:left;}
.productdetail dir>dl>dd i{font-style:inherit;}
.productdetail dir>dl>dd a{ }
.productdetail dir>dl>dd a:hover{ }

.productdetail .recommend{border: 1px solid #d7d7d7;background: #fff;margin: 20px 0; margin: 30px 0 5px;float: left;}
.productdetail .recommend h4.title{line-height:35px;font-size: 14px;color: #c63614;text-decoration: none;padding: 0 8px;font-weight: bold; border-bottom: 1px solid #d7d7d7;background: #f7f7f7;}
.productdetail .recommend dl{width: 25%;overflow: hidden;float: left;display: inline;padding: 12px 9px 0 13px;}
.productdetail .recommend dl:after{display:block; content:''; cleart:both;}
.productdetail .recommend dl dt{}
.productdetail .recommend dl dt a{display: block;border: 1px solid #D5D5D5;padding: 1px;}
.productdetail .recommend dl dt a img{display: block;width: 100%;}
.productdetail .recommend dl dd{line-height: 24px;padding: 8px 0;overflow: hidden;display: block;text-align: center;}
.productdetail .content{float: left;width: 100%;}
.productdetail .content>ul{margin:28px 0 18px 0; font-size:0; white-space:nowrap; position:relative; overflow:auto;}
.productdetail .content>ul:before{border-bottom:1px solid #f0f0f0; position:absolute; bottom:0; left:0; content:''; right:0;}
.productdetail .content>ul>li{border:1px solid #f0f0f0; padding:8px 35px; background:rgba(0,0,0,.018); position:relative; z-index:1; cursor:pointer; display:inline-block; margin-left:-1px;}
.productdetail .content>ul>li h4{font-weight: bold;}
.productdetail .content>ul>li.on{border-bottom-color:#fff; background:none;color: #c63614;}
.productdetail .content>ul>li:first-child{margin-left:0;}

.productdetail .content>aside{display:none; margin-bottom:18px;}
.productdetail .content>aside.on{display:block;}

.productdetail .tag{margin-bottom:18px;}
.productdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}

.productdetail main{width: 764px;float: right;display: inline;overflow: hidden;}
.productdetail .sidebar{width: 210px;float: left;overflow: hidden;}
.productdetail .news_porduct{margin: 15px 0;overflow: hidden;min-height: 256px;background: #fff;border: 1px solid #e2e2e2;}
.productdetail .news_porduct .porduct-list{padding-left: 3px;}
.productdetail .news_porduct dl{ overflow: hidden;padding: 5px 12px;}
.productdetail .news_porduct dl dt img{display: block;width: 100%;height: auto;margin: 0 auto;border: 1px solid #ccc;}
.productdetail .news_porduct dl dd{text-align: center;line-height: 25px;}
.productdetail .news_porduct dl dd a{color: #104291;}
.productdetail .about_news {border: solid 1px #d7d7d7;border-top: 0;margin: 15px 0;background: #fff;}
.productdetail .about_news ul{padding: 2px 10px;}
.productdetail .about_news li {background: url("../box/images/ico27.gif") no-repeat scroll 0 8px transparent;line-height: 25px;height: 25px;overflow: hidden;padding-left: 10px;width: 175px;}
.productdetail .proinfo ul{list-style: none;padding: 0;margin: 20px 0;}
.productdetail .proinfo ul li{width: 50%;float: left;margin-bottom: 30px;}
.productdetail .proinfo ul li p img{float: left;margin-right: 10px;}
.productdetail .proinfo ul li p{line-height: 35px;font-size: 14px;font-weight: 500;color: #414141;}
.productdetail .proinfo ul li:last-child{width: 100%;display: block;}
@media(max-width:767px){
.productdetail .tag{margin-bottom:8px;}
.productdetail .tag a{margin-right:4px; padding:2px 8px;}
}

@media(min-width:1200px){  
}
@media(max-width:1199px){
.productdetail .photo{width:45%;}
.productdetail .text{margin-left:45%; padding-left:18px;}

}
@media(min-width:992px){
.productdetail{padding-top:28px; padding-bottom:28px;} 
.productdetail .photo{ }
.productdetail .photo>span+.images{margin:18px -8px 0 -8px;}
.productdetail .images{margin:0 -8px;}
.productdetail .images>ul>li{width:.25%; padding:0 8px;}
.productdetail .images>ul>li>span{position:relative; display:block; cursor:pointer; overflow:hidden;}
.productdetail .images>ul>li>span:before{display:block; content:''; border:1px solid rgba(0,0,0,0); position:absolute; top:0; right:0; bottom:0; left:0; z-index:9; transition:.3s;}
.productdetail .images>ul>li.on>span:before{border-color:rgb(0,165,235);}
.productdetail .images>ol{display:none;}
.productdetail .images>dl{visibility:hidden; opacity:0; transition:.3s;}
.productdetail .images:hover>dl{visibility:visible; opacity:1;}
.productdetail .images>dl>*{position:absolute; z-index:9; top:50%; width:20px; height:20px; margin-top:-10px; transform:rotate(45deg); cursor:pointer; transition:.3s; border-style:solid;  border-color:rgb(33,33,33);}
.productdetail .images>dl>*[class*='disabled']{cursor:no-drop;}
.productdetail .images>dl>dt{left:15px; border-width:0 0 2px 2px;}
.productdetail .images>dl>dd{right:15px; border-width:2px 2px 0 0;}
.productdetail .images>dl>dt:hover,
.productdetail .images>dl>dd:hover{border-color:rgb(0,165,235);}
.productdetail dir>dl{width: 50%;float: left;}
}
@media(max-width:991px){
.productdetail{padding-top:18px; padding-bottom:18px;} 
.productdetail .photo{width:100%; float:none;}
.productdetail .text{margin-left:0; padding-left:0;}
.productdetail .photo>span.more{display:none;}
.productdetail .images>ul>li{width:1%;}
.productdetail .images>ul>li>span>a>img{width:auto; margin:0 auto;}
.productdetail .images>ol{position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:0;}
.productdetail .images>ol>li{display:inline-block; cursor:pointer;}
.productdetail .images>ol>li:before{display:block; content:''; border-radius:15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.productdetail .images>ol>li:before{margin:0 2px 0 3px; width:5px; height:5px;}
.productdetail .images>ol>li.active:before{background:rgb(0,165,235);}
.productdetail .images>dl{display:none;} 
.productdetail h1{margin:8px 0;}
.productdetail dir>dl{width: 100%;float: none;}
.productdetail dir>dl:last-child{border-top: 1px solid #f0f0f0;}
}
@media(max-width:768px){
.productdetail main{width: 100%;float: none;}
.productdetail .sidebar{width: 100%;float: none;display: none;}
}
@media(max-width:767px){
.productdetail h1{font-size:24px; margin:4px 0 0;}
.productdetail .top{margin-bottom:4px;}
.productdetail aside{margin-bottom:8px;}  
.productdetail dir{padding-top:8px;}
.productdetail .content>aside{margin-bottom:8px;}
.productdetail .content>ul{margin:12px 0 8px 0;}
.productdetail .content>ul>li{padding:4px 15px;}
.productdetail .param{margin-top:8px; padding-top:4px;} 
.productdetail .param>dl{padding-top:4px;}
.productdetail .param>dl:after{display:block; content:''; cleart:both;}
.productdetail .param>dl>dt{float:left; }
.productdetail .proinfo ul li{width: 100%;float: none;margin-bottom:10px;}
.productdetail .recommend dl {width: 50%;}
}