/* ����ͼ�� �Ѽ����� www.lanrentuku.com */

/* css ���� */

/*��ʵ�� css*/
.qirepic { width:920px; height: 373px; float: left; background:#fff; }
.qirepic ul li img { width: 636px; height: 373px; }
.qirepic ul li a.qirepic-silder-img { display: block; width: 636px; float:left;}
.qirepic-silder-intro { height: 373px; width:284px; float: left; background: #fff; }

.qirepic-silder-title { line-height: 30px; padding: 50px 30px 30px 30px; }
.qirepic-silder-title h2 { color: #c7161e; font-size: 18px; }
.qirepic-silder-title h2 a:hover { text-decoration:underline; }
.qirepic-silder-title span {  font-size: 14px; display:block; margin-top:50px; line-height:28px; }

.qirepic-silder-info li,.qirepic-silder-desc { font-size: 14px; color: #999999; }
.qirepic-silder-info li { width: 250px; height: 25px;  overflow:hidden; float: left; }
.qirepic-silder-info li span,.qirepic-silder-desc span { color: #CCCCCC; }
.qirepic-silder-info li.long { width: 500px; margin-bottom: 5px; }
.qirepic-silder-desc { display:block; height: 96px; line-height:24px; padding-bottom: 10px; overflow: hidden; }
 
.qirepic-silder-play { display: block; width: 136px; height: 29px; background:url(../images/silder-play.png) no-repeat; text-indent:-9999px;}
.qirepic-silder-play:hover { background-position: 0 -30px; }

/*ͼƬ����*/
.num { width: 265px; float: right; overflow:hidden; }
.num ul { width: 265px; }
.num li { width:265px; height:124px; }
.num1{
	background:url(../images/num1-1.jpg) no-repeat top center;
	}
.num1:hover{
	background:url(../images/num1.jpg) no-repeat top center;
	}	
.num2{
	background:url(../images/num2.jpg) no-repeat top center;
	}
.num2:hover{
	background:url(../images/num2-1.jpg) no-repeat top center;
}
.num3{
	background:url(../images/num3.jpg) no-repeat top center;
}
.num3:hover{
	background:url(../images/num3-1.jpg) no-repeat top center;
}
.num li a { display:block;  }
.num li.on a {  } /*��ǰ��*/
.num1 a img{
	border: 0;
}
@media (max-width: 480px) {
.focus .shadow a {
    text-decoration: none;
    color: #fff;
    font-size: 13px!important;
    overflow: hidden;
    margin-left: 10px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
}	
}
@media (max-width: 767px) {	
.qirepic{
	display: none;
}
.phone-num { width: 100%; margin: 0 auto; overflow:hidden; margin-bottom: 40px;}
.phone-num ul { width: 100%; }
.phone-num li { width: 100%; height:124px; background: #FFFFFF; border-bottom: #E1E1E8 dashed 1px; }
.num-img{
	width: 46px;
	height: 43px;
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	
}
.phone-num li p{
	font-size: 15px;
	color: #000;
	line-height: 35px;
	text-align: center;
	
}
.num1{
	background:url(../images/num1-1.jpg) no-repeat top center;
	background-size:100%100%;
	}
.num1:hover{
	background:url(../images/num1.jpg) no-repeat top center;
	background-size:100%100%;
	}	
.num2{
	background:url(../images/num2.jpg) no-repeat top center;
	background-size:100%100%;
	}
.num2:hover{
	background:url(../images/num2-1.jpg) no-repeat top center;
	background-size:100%100%;
}
.num3{
	background:url(../images/num3.jpg) no-repeat top center;
	background-size:100%100%;
}
.num3:hover{
	background:url(../images/num3-1.jpg) no-repeat top center;
	background-size:100%100%;
}

}
/*����ͼ*/
.focus{ position:relative; width:600px; height:350px; background-color: #000; float: left;}  
.focus img{ width: 600px; height: 350px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}     
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
@media (max-width: 480px) {
	.focus{ position:relative; width:100%; height:auto; background-color: #000; float: left;}  
	.focus img{ width: 100%; height: auto;} 
	.focus .prev{top: 50%;margin-top: 55px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: 55px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
}