@charset "utf-8";
/* CSS Document */

/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) {
	.content{width: 1200px; height: auto; overflow: hidden;margin: 80px auto;}
	.navbar .container-fluid{width: 1200px;}
}

/*默认*/
@media (min-width: 1024px) and (max-width: 1199px){
	.content{width: calc(100% - 100px); height: auto; overflow: hidden;margin: 50px auto;}
	.content_left .baike-box .baike-item .baike-thumb{width: 120px;height: 100px; overflow: hidden;}
	.content_left .baike-box .baike-item .baike-thumb img{width: 100px;height: 100px;}
	.content_left .baike-box .baike-item .baike-text{width: calc(100% - 120px);}
	.div_baike{ width:100%;height:230px; }
	.div_baike h1{ font-size:2rem;}
	.div_baike h2{font-size:1.8rem; }
	.div_baike img{ margin:0;}
	.div_baike .text1{font-size:2rem; }
	.div_baike .btn-create img{ width:120px;  border:none;}
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 1023px) {
	.content{width: calc(100% - 30px); height: auto; overflow: hidden;margin: 50px auto; }
	.nav .hide_list{display: none;}
	.content_left{width: 100%;}
	.content_right{display: none;}
	.content_left .baike-box .baike-item .baike-thumb{width: 120px;height: 100px; overflow: hidden;}
	.content_left .baike-box .baike-item .baike-thumb img{width: 100px;height: 100px;}
	.content_left .baike-box .baike-item .baike-text{width: calc(100% - 120px);}
	.breadcrumb{margin-top: 20px;}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media(max-width: 767px) {
	body{font-size:1.4rem;}
	.content{margin: 120px auto 50px auto;width: calc(100% - 30px);}
	.content_left{width: 100%;}
	.navbar-form {width: 100%;margin: 0;padding:10px 0px; border-bottom:none;}
	.navbar-nav li{ margin-left: 15px;}
	.navbar-brand img{height: 20px;}
	.content{margin: 120px auto 50px auto;width: calc(100% - 30px);}
	.content_left{width: 100%;}
	.content_right{display: none;}
	.nolist{font-size:1.4rem;  margin-top: 50px;}
	.nolist img{width: 100px;}
	.content_left .baike-box .baike-item .baike-thumb{width: 120px;height: 100px; overflow: hidden;}
	.content_left .baike-box .baike-item .baike-thumb img{width: 100px;height: 100px;}
	.content_left .baike-box .baike-item .baike-text{width: calc(100% - 120px);}
	.breadcrumb{margin-top: 20px;}
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 479px) {
	.content{margin: 120px auto 100px auto;width: calc(100% - 10px);}
	.baike_box{width: calc(100% - 30px); margin: 20px auto;}
	.content_left{width: 100%; padding: 10px;}
	.content_left .baike-box .baike-item .baike-thumb{width: 100px;height: 100px; overflow: hidden;}
	.content_left .baike-box .baike-item .baike-thumb img{width: 80px;height: 80px;}
	.content_left .baike-box .baike-item .baike-text{width: calc(100% - 100px);}
	.content_left .baike-box .baike-item .baike-text h4{margin: 0px 0px 10px 0px; padding: 0;}
	.content_left .baike-box .baike-item .baike-text h4 a{font-size:1.4rem;font-weight: bold;color:#333;}
	.content_left .baike-box .baike-item .baike-text p{font-size:1.4rem;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin: 0px;}
	.div_info,.div_produce,.other_info{ padding: 0;}
	.div_info h1{border-bottom:2px solid #4889f3; padding-bottom: 10px; font-size:1.8rem;font-weight: bold;}
	.div_info h1 small{font-size:1.4rem;margin-top: 10px;display: block;}
	.div_info .img-rounded{border:1px solid #CCC; border-radius:10px; width:100%; box-shadow: 5px 5px 10px #CCC;}
	.div_info .thumb{width: 100%;}
	.div_info .baike_content {width: 100%; margin-top: 20px;}

	.div_produce p {line-height: 2.5rem; }
	.breadcrumb{margin-top: 10px;}
	.pagination>li>a,.pagination>li>span{padding:5px 10px;}
}