/*banner*/
#banner{width:100%;position: relative;}
#banner img{width:100%;}
#banner h1{font-size:6.4rem;color:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);margin:0;}
/*��Ʒ����*/
/*left*/
#details .container p{margin:20px 0;color:#666;cursor: pointer;}
#details .container p a:hover{text-decoration: none;}
#details .container p a:first-child{color:#666;margin:0 10px 0 40px;}
#details .container p a:last-child{color:#333;margin-left:10px;}
#details .container>div{float:left;}
#details .left{width:50%;text-align:center;}
.slider img{width:500px; cursor: pointer;}

#details .left li:hover{border-color:#30b7fa;}


/*right*/
#details .right{width:50%;}
#details .right>img{display:none;}
#details .right>div{width:100%;height:100px;padding-bottom:8px;border-bottom:1px solid #ddd;}
#details .right>div a{float:left;margin-right:20px;background:#fff;border:1px solid #505050;border-radius:5px;padding:3px 10px;font-size:1.6rem;outline:none;color:#333;}
#details .right>div a:hover{color: #fff; text-decoration: none; background-color: #333333;}
#details .right>div span.glyphicon{float:left;font-size:2.2rem;margin-right:20px;}
#details .right>div span{font-size:2.4rem;}
#details .right h3{font-size:2.0rem;}
#details .right p{font-size:14px;line-height:26px;}
#details .right h5.black{font-size:1.8rem;margin-top:30px;}
#details .right .black{color:#000;margin:5px;}
/*content*/
#content{margin-top:30px;margin-bottom:2%}
#content .container>p{width:100%;text-align:left;border-bottom:1px solid #505050;color:#505050;padding-bottom:10px;font-size:1.6rem;}
#content .container>div{margin-top:30px;float:right;}
#content .container>div.left{padding-right:7%;border-right:1px solid #333;min-height:1000px;float:left}
/*left*/
#content .left{width:75%;}
#content .left p>img{width:100%;}
#content .left>p{font-size:1.6rem;line-height:28px;margin:20px 0;}
/*right*/
#content .right{width:25%;color:#707473}
#content .right>p{font-size:1.8rem;line-height:30px;padding-left:20%;font-weight:bold; }
#content .right>p a{float:right;font-size:1.2rem;color:#707473}
#content .right>p a:hover{text-decoration:none;}
#content .right ul{width:100%;padding-left:20%;}
#content .right ul li{width:100%;position:relative;}
#content .right>ul img{width:100%;margin-top: 10px;}
#content .right ul li span{display:block;width:100%;height:30px;left:0;bottom:0;font-size: 1.2rem;background:#333;color:#fff;opacity:0.7;padding-left:10px;line-height:30px;}
#content .right .ul_span li span{position:absolute;bottom:0;overflow:hidden;}
#content .right .about_news{margin-top:30px;}
#content .right .about_news>p{font-size: 1.8rem;line-height: 30px;padding-left: 20%;font-weight:bold;}
#content .right .about_news>p a{float: right;font-size: 1.2rem;color:#707473}
#content .right .about_news .list-unstyled li a{color:#707473}
#content .right .about_news .list-unstyled li a:hover{color:#707473}
#content .right .about_news>ul li b{line-height: 20px;font-size:12px; display: block;margin-top:10px; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
} 
    #content .right .about_news>ul li p{line-height:24px;margin:0}
#content .right .about_news>ul li span{background:#fff;color:#666;padding-left:0;height:24px}
#content .right .about_news>ul li:first-child{border-top: 1px solid #333;}
#content .right>ul li:first-child{border-top: 1px solid #333;}
#content .xianshi{display:none;}
#product_video{width: 100%; height: 100%;}

@media screen and (max-width: 767px) {
	#details .container>div{width:100%;}
	#details .container>p{display:none;}
    #details .left{display:none;}
	#details .right>img{display:block;width:80%;margin:0 auto;}
	#content .container>div.left{width:100%;padding:0;border:none;}
	#content .right .about_news>p{padding-left:0;}
	#content .right{width: 100%;}
	#content div.xianshi{display:block;width:100%}
	#content .right>p{padding-left:0;}
	#content .container>div{margin-top:0;}
	#content .container>div.rights{width:100%;}
	#content .xianshi .about_news>p{padding-left:0}
	#content .right ul{ padding-left: 0%;}
	#product_video{ width: 100%; height: 200px;}
    #content .right .about_news>ul li b{ font-size: 16px;}
    #content .right ul li span{ font-size: 14px;}
	#content .xianshi .ul_span li>p.play{
	    position: absolute;
		top: 35%;
		left: 42%;
		z-index: 1;
	}
	#content .xianshi ul li .img-a{
    position: absolute;
    top: -28%;
    left: 0%;
	}
	.xianshi .ul_span li img {

		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
	}

}