/*******************************index-section*******************************/
.index-section{padding: 30px 0;}

 

/******************************index-title******************************/
 
@media(max-width:991px){
	.id-title>span{width: 160px;}
	.index-title{margin-bottom: 30px;}
}

@media(max-width:767px){
	.id-title h1{font-size: 26px;}
	.id-title>span:nth-child(1),.id-title>span:nth-child(3){display: none;}
	.id-title{margin-bottom: 0px;}
	.id-title h1{padding: 0;}
	.id-title-span{display: none;}
}
		
@media(max-width:400px){
	.id-title h1{font-size: 24px;}
}
/******************************info******************************/
.index-company{background-color: #f5f5f5;}
.id-company-all{overflow: hidden;background-color: #fff;width:95%;}
.id-com-img{float: right;width: 50%;} 
.id-com-imgzh{float: center;width: 50%;} 
.id-com-text{float: right;width: 50%;padding: 40px 25px;}
.id-com-textzh{float: right;width:100%;padding: 40px 25px;}
.id-com-text span{font-size: 16px;line-height: 30px; display: block;color: #666;text-indent: 30px;text-align: justify;}
.id-com-textzh span{font-size: 16px;line-height: 30px; display: block;color: #666;text-indent: 30px;text-align: justify;}


.page-in-rightnews{float: left;width:calc(100% - 300px);}
.page-in-rightnews a:hover{background-color: #cf0200;} 

.id-com-imgnews{float: left;width: 25%;border-radius:10px;box-sizing:border-box;}  
.id-com-textnews{float: left;width: 75%;padding: 0px 20px;box-sizing:border-box;} 
.id-com-textnews biaoti{color:#000;font-weight:700;font-size: 19px;line-height: 50px; display: block;text-indent: 30px;text-align: justify;}
.id-com-textnews a:visited{color:#000;font-weight:700;font-size: 19px;line-height: 50px; display: block;text-indent: 30px;text-align: justify;}
.id-com-textnews a:link{color:#000;font-weight:700;font-size: 19px;line-height: 50px; display: block;text-indent: 30px;text-align: justify;}
.id-com-textnews a:hover{color:#000;font-weight:700;font-size: 19px;line-height: 50px; display: block;text-indent: 30px;text-align: justify;background-color: #eeeeee;}
 
.id-com-textnews span{font-size: 16px;line-height: 30px; display: block;color: #666;text-indent: 30px;text-align: justify;font-weight:20;}
 

.id-com-text a{font-size: 16px;line-height: 40px;border: 1px solid #cf0200; text-align: center; color: #fff; display: block;width: 160px;margin-top: 20px;background-color: #cf0200;}
 
.id-com-text a:hover{background-color: transparent;color: #cf0200;}


@media(max-width:1259px){
	.id-com-text span{overflow: hidden;}
	.id-com-text span:nth-child(2){display: none;}
	.id-com-text a{font-size: 14px;line-height: 30px;width: 120px;}
}


@media(max-width:669px){  
	.id-com-img{clear: right;width: 100%;}
	.id-com-text{clear: right;width: 100%;padding: 10px 15px;}
	.id-com-text span:nth-child(2){display:block;}
	
	
.page-in-rightnews{float: left;width:calc(100%);}
.page-in-rightnews a:hover{background-color: #eeeeee;}  
	
.id-com-imgnews{float: left;width: 0%;border-radius:5px;box-sizing:border-box;}  
.id-com-textnews{float: left;width: 100%;padding: 0px 5px;box-sizing:border-box;} 
 
}
 

/*****************************²úƷչʾ******************************/
/********index-pro-nav*********/
 
 

.id-pro-txt{padding:10px 15px;background-color: #f5f5f5;}
.id-pro-txt h1{font-size: 16px;line-height: 30px;height: 30px;color: #333; overflow: hidden;text-align: center;padding: 0 10px;}
.id-pro-txt span{font-size: 14px;line-height: 24px;height: 96px;overflow: hidden;display: block;color: #666;}
.id-pro-txt span i{font-style: normal;color: #333;}
/********index-pro-more*********/
.index-more{margin-top: 20px; background: url(../upload/images/xian.png)center center no-repeat;background-size: 100% 1px;}
.index-more a{font-size: 16px;line-height: 40px; display: block;width: 200px;margin: 0 auto;text-align: center;background-color: #fff;border: 1px solid #ccc;color: #333;}
.id-pro-box:hover .id-pro-hover>div{left: 0;}
.index-more a:hover{border-color: #027df0;background-color: #027df0;color: #fff;}

 

@media(min-width:1200px){
.id-pro-hover img{display: block;width: 100%;} 

}

 
 
@media(max-width:767px){
   .id-pro-box{clear: left;width: 100%;}
   .id-pro-boxhover{clear: left;width: 100%;}  
    .id-pro-hover img{height:auto;} 
	.index-more{margin-top: 20px;}
	.id-pro-txt span{height: 48px;}
	.id-pro-all{display: none;} 
}