/*banner*/
#banner{width:100%;position: relative;}
#banner img{width:100%;}
#banner p{font-size:4rem;color:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);margin:0;}
/*产品中心*/
#product{padding:30px 0;background:#f6f6f6;}

#product .left{width:18%;float:left;}
#product .left>a{display:block;width:100%;background-size:20px 18px;font-size:2.4rem;text-align:left;margin:0;color:#666666;border:none;}
#product .left>a:hover{text-decoration: none;}
#collapse .panel{border:none;margin:20px 0;-webkit-box-shadow:none;}
#collapse .panel-title{width:100%;height:30px;line-height:30px;font-size:1.6rem;color:#000;text-align:left;padding-left:10px;border-left:2px solid transparent;}
#collapse .panel-title a{text-decoration: none;}
#collapse .panel-title a:hover{text-decoration: none;}
#collapse .panel-heading{padding:0;}
#collapse .product-active{border-left: 2px solid #44a8f2;}

#heading1 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading2 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading3 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading4 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading5 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading6 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#heading7 .panel-title:hover{border-left: 2px solid #44a8f2;border-radius:none}
#collapse .panel>div{background:#f6f6f6;}
#collapse .panel-body{padding:0 0 0 50%;color:#888;font-size:1.4rem;line-height:30px;border:none;margin:0;}
#collapse .panel-body li{cursor: pointer;}
/*right*/
#product .right{width:80%;float:left;margin-left:2%;}
#product .right>div{width:100%;cursor:pointer;}
#product .right .row div{padding:0 1%;}
#product .right dl{padding:20px 0 40px 0;background:#fff;}
#product .right dl dt{width:100%;height:60%;text-align:center;}
#product .right dl dd{width:100%;padding:0 10px;text-align:center;}
#product .right dl dd:nth-child(2){font-size:2rem;margin:50px 0 20px 0;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#product .right dl dd:last-child{font-size:1.8rem;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#product .right dl:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);}
#product .right dl dd{overflow: hidden;text-overflow: clip; white-space: nowrap}
#product .right dl dd:last-child{font-size:1.4rem;overflow:hidden;
    text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal;}
#product .right div dl:nth-child(2),#product .right div dl:nth-child(5),#product .right div dl:nth-child(8),#product .right div dl:nth-child(11){margin:0 2%;}
#product .right dl:hover{box-shadow:0 5px 10px rgba(0,0,0,.2);}
#product .right p{display:none;}

@media screen and (max-width: 767px) {
    #banner{display:none;}
	#details{display:none;}
    #product .left{display:none;}
	#product{padding:0;background:#fff;}
	#product .right{width:100%;margin-left:0;padding-top:60px;}
	#product .right .col-xs-12{margin-top:30px;}
	#product .right dt img{width:70%;margin:0 auto;}
	#product .right dl{padding:0;}
	#product .right dl dd:nth-child(2){margin:0 0 20px 0;font-size:1.6rem;color:#707473;}
	#product .right dl dd:last-child{font-size:1.2rem;line-height:20px;color:#707473;}
	#product .right dl{padding:0 0 10px 0;margin-bottom:10px;}
	#product .right dl dd{padding:0;text-align:left;}
	#product .container{padding:0 10px;}
	#product .right .col-xs-12 p{display:block;margin-top:10px;}
	#product .right .col-xs-12 p span{margin-right:20px;border-bottom:2px solid #ddd;padding-bottom:8px;}
	#product .right .col-xs-12 p a{font-size:1.2rem;color:#707473;text-decoration:none;}
	#product .right .col-xs-12 p a:hover{text-decoration:none;}
	#product .right .col-xs-12 p>a{background:#ddd;padding:7px 20px;}
	#product .right>p{display:block;font-size:2.6rem;text-align:center;}
	
    #phone .goods{background:#fff;margin-bottom:10px;}
    #phone .goods:not(:last-child){margin-bottom:10px;}
    #phone .goods p.col-xs-12{padding:0 5px;margin:8px 0 3px 0;font-size:1.6rem;color:#666;line-height:2.8rem}
    #phone .goods p.col-xs-12 a{font-size:1rem;float:right;color:#666;}
    #phone .goods dl{padding:0 5px;}
    #phone .goods dl dt{text-align:center;border:1px solid #ededed;margin-bottom:5px;padding:20px;}
    #phone .goods dl img{width:100%;}
    #phone .goods dl dd a{font-size:1.6rem;color:#666;}
    #phone .goods dl dd{font-size:1.2rem;color:#333;line-height:1.6rem;margin-top:1rem;}
	#phone .container>p:last-child{margin-bottom:30px;}
}