@charset "utf-8";

@media ( min-width:0px) and ( max-width:375px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 96.875%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}
@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 96.875%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}
@media ( max-width:767px) { 
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 96.875%;
	}
	.right-nav{
		display: none;
	}
	#pcbanner .blackadv{
		display: none;
	}
	.Page{
		padding:15px 0px;
	}
	#pagination1{
		margin-top:15px;
	}
	.WebLink{
		display: none;
	}
	.menus{
		border-bottom: 1px solid #d0d7e2;
		padding: 9px 0;
	}
	.menus .Logo{
		display:block;
	}
	.menus .Logo p{
		display:none;
	}
	.menus .Logomobile{
		display:block;
		float: left;
		padding-top:5px;
}
	.menus .Logomobile img{
		width:65%;
	}
	.menus.fixedbg{
		padding: 5px 0 10px 0;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right; 
		position: relative;
		z-index: 11;
		margin-top: 0%;
	} 
	.burger_menu [class*="_line"]{
		background:#0b2f8c !important;
	}
	.menus::before{
		width: 15%;
	}
	.menus::after{
		display: none;
	}
	.head-ss{
		margin-top: 9px;
		margin-right: 18px;
		display: none;
	}
	.menus .Logo{ 
		width: 20%;
		top: 0%;
	}
	.menus.fixedbg .Logo{
		transform: scale(1);
		margin-top: 0;
	}
	.head-tel{
		display: none;
	}
	/*banner*/
	#sjpagin{
		bottom: 10px;
	}
	#sjpagin .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	/*bookshelf*/
	.bookshelf_install{
		padding-top: 20px;
		padding-bottom: 35px;
	}
	.bookshelf_install_title{
		font-size: 16px;
	}
	.bookshelf_install_title::before{
		left: 26%;
		top: 38%;
	}
	.bookshelf_install_title::after{
		right: 26%;
		top: 38%;
	}
	.bookshelf_install_list{
		padding-top: 20px;
	}
	.bookshelf_install_left{
		width: 100%;
	}
	.bookshelf_install_right{
		width: 100%;
		padding-left: 0%;
	}
	.install_right_top .pic{
		width: 100%;
	}
	.install_right_top .pic img{
		width: 100%;
	}
	.install_right_top .txt{
		width: 100%;
	}
	.bookshelf_steel{
		padding:25px 0 35px 0;
		width: 96.875%;
	}
	.bookshelf_custom_title{
		font-size: 20px;
	}
	.bookshelf_custom_title::before{
		left: 24%;
		top: 38%;
	}
	.bookshelf_custom_title::after{
		right: 24%;
		top: 38%;
	}
	.bookshelf_steel_info{
		padding-top: 0px;
	}
	.steel_info_left{
		width: 97%;
		margin: 0 auto;
		float: unset;
	}
	.steel_info_right{
		width: 100%;
		position: unset;
		background: none;
	}
	.steel_container{
		padding-right: 0%;
	}
	#steelimg .swiper-slide img{
		margin-top:20px;
	}
	#stpagin{
		bottom: 5px;
	}
	#stpagin .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.left_sub{
		font-size: 14px;
	}
	.left_button{
		margin-top: 20px;
	}
	.bookshelf_zhuanyin{
		padding: 20px 0 35px 0;
	}
	.bookshelf_zhuanyin_title{
		font-size:16px;
	}
	.bookshelf_zhuanyin_title::before{
		left: 24%;
		top: 36%;
	}
	.bookshelf_zhuanyin_title::after{
		right: 24%;
		top: 38%;
	}
	.bookshelf_zhuanyin_info{
		padding-top: 20px;
	}
	.zhuanyin_info_left{
		width: 100%;
	}
	.zhuanyin_info_left .pic{
		background:none;
		height: auto;
	}
	.zhuanyin_info_left .pic img{
		position: unset;
	}
	.zhuanyin_info_right{
		width: 100%;
		padding-left: 0%;
	}
	.zhuanyin_righttit{
		font-size: 20px;
	}
	.zhuanyin_rightsub{
		font-size: 14px;
	}
	.zhuanyin_rightbut{
		margin-top: 25px;
	}
	/*foot*/
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}    
	/*index*/
	.indexProduct{
		padding: 25px 0 0 0;
		width: 96.875%;
	}
	.indexProduct_title{
		font-size:20px;
	}
	.indexProduct_sub{
		margin: 10px 0 20px;
		
	}
	.indexProduct_sub::before, .indexProduct_sub::after{
		display: none;
	}
	.indexProduct_hd ul{
		width: 90%;
	}
	.indexProduct_hd ul li{
		font-size: 12px;
	}
	#gzproductN{
		display: none;
	}
	#gzproductP{
		display: none;
	}
	.indexProduct_bd ul .swiper-slide span{
		line-height: 40px;
		font-size: 12px;
	}
	.indexProduct_bd ul .swiper-slide span b{
		display: none;
	} 
	.indexBangong{
		padding: 25px 0 10px 0;
	}
	.indexBangong_bd .item .p19{
		margin-bottom: 15px;
	}
	.indexBangong_bd .item .p19 .item_Txt{
		font-size: 12px;
	}
	#Bangong-container .swiper-slide{
		font-size: 14px;
		line-height: 40px;
	}
	#Bangong-container .swiper-slide .bangonghd-icon{
		top: 8px;
	}
	#bangongN{
		background-size: 50%;
		right: -16px;
	}
	#bangongP{
		background-size: 50%;	
	}
	
	.indexAdvantage{
		width: 96.875%;
		padding: 25px 0 0px 0;
	}
	.indexAdvantage_left{
		width: 100%;
	}
	.indexAdvantage_left_title{
		font-size: 20px;
		text-align: center;
	}
	.indexAdvantage_left{
		width: 100%;
	}
	.indexAdvantage_right{
		padding-top: 20px;
	}
	.indexAdvantage_sub{
		display: none;
	}
	.indexAdvantage_hd .item{
		padding-top:5px;
		padding-bottom: 10px;
	}
	.indexAdvantage_hd .item >.item_title{
		font-size: 16px;
		line-height: 32px;
	}
	.indexAdvantage_hd .item >.item_sub{
		font-size: 13px;
	}
	.indexSolution{
		padding:25px 0 25px 0;
		
	}
	.indexSolution_hd ul{
		width: 96%;
	}
	.indexSolution_hd ul li{
		font-size: 14px;
		width:49%;
		line-height: 34px;
	}
	.indexSolution_bd{
		width: 96.875%;
		margin: 0 auto;
		margin-top: 25px;
	}
	#SolutionN{
		background-size: 50%;
		right: 0%;
		display: none;
	}
	#SolutionP{
		background-size: 50%;
		left: 0%;
		display: none;
	}
	.indexCase{
		padding: 25px 0 30px 0;
		display: none;
	}
	.indexCase_bd{
		width: 100%;
	}
	.indexCase_hd{
		width: 100%;
	}
	.indexAbout{
		padding: 25px 0 30px 0;
	}
	.indexAbout_left{
		width: 100%;
	}
	.indexAbout_left_title{
		font-size: 20px;
		text-align:center;
	}
	.indexAbout_sub{
		display: none;
	}
	.indexAbout_info{
		padding-top: 10px;
		font-size: 14px;
	}
	.indexAbout_right{
		width: 100%;
		    padding-top: 15px;
	}
	.Aboutmore{
		padding-top: 10px;
	}
	.indexAbout_list{
		padding-top: 15px;
	}
	.indexAbout_list .p16{
		padding-right: 5px;
	}
	.indexAbout_list .p16 .Pic span{
		line-height: 32px;
		font-size: 14px;
	}
	.indexNews{
		padding: 25px 0px 30px 0px;
	}
	.indexNews_info_left{
		width: 100%;
	}
	.indexNews_info_right{
		width: 100%;
		padding-left: 0;
		display: none;
	}
	.leftnews_item .Txt{
		padding: 10px 15px 15px 10px;
	}
	.leftnews_item .Txt .tit{
		font-size: 16px;
	}
	.leftnews_item .Txt .date{
		font-size: 20px;
	}
	.leftnews_item .Txt .date span{
		font-size: 12px;
	}
	.leftnews_item .Txt .sub{
		padding-top: 15px;
	}
	.indexNews .more{
		margin-top: 20px;
	}
	.indexNews .more a{
		font-size: 14px;
		line-height: 35px;
	}
	/*bookshelf*/
	.bookshelf_install_left video{
	    height: auto;
		object-fit: cover;
	}
	.bookshelf_wooden{
		padding: 22px 0 30px 0;
	}
	.bookshelf_wooden_title{
		font-size: 20px;
	}
	.bookshelf_wooden_title::before{
		display: none;
	}
	.bookshelf_wooden_title::after{
		display: none;
	}
	.wooden_info_left{
		width: 100%;
	}
	.bookshelf_wooden_info{
		padding-top: 0px;
	}
	.wooden_lefttit{
		padding-top: 25px;
	}
	.wooden_leftsub{
		font-size: 14px;
	}
	.wooden_info_right{
		width: 100%;
		padding-left: 0%;
	}
	.wooden_info_right .pic{
		display: none;
	}
	.wooden_info_right .pic2{
		position: unset;
	}
	.bookshelf_case{
		padding: 25px 0 30px 0;
	}
	.bookshelf_case_title{
		font-size: 20px;
	}
	.bookshelf_case_title::before{
		display:none;
	}
	.bookshelf_case_title::after{
		display:none;
	}
	.bookshelf_case_info{
		padding-top:20px;
	}
	#bkcaseN{
		right: 20%;
	}
	#bkcaseP{
		left: 20%;
	}
	.bookshelf_custom{
		padding:25px 0 30px 0;
	}
	.bookshelf_custom_info{
		padding-top: 10px;
	}
	#customN{
		display: none;
	}
	#customP{
		display: none;
	}
	#customimg .swiper-slide .pic span, #customimg .swiper-slide .pic2 span{
		line-height: 40px;
		font-size: 14px;
	}
	.denserack_install{
		padding-top: 25px;
		padding-bottom: 30px
	}
	.denserack_install_title{
		font-size: 20px;
	}
	.denserack_install_title::before{
		display: none;
	}
	.denserack_install_title::after{
		display: none;
	}
	.denserack_install_list{
		padding-top: 15px;
	}
	.denserack_install_left{
		width: 100%;
	}
	.denserack_install_right{
		width: 100%;
		padding-left: 0;
	}
	.denserack_install_right video{
		height: auto;
		object-fit: cover;
	}
	.denserack_install_left .item{
		padding: 10px 5px;
	}
	.denserack_install_left .item .tit{
		font-size: 15px;
		padding-top: 10px;
	}
	.denserack_install_left .item .sub{
		padding-top: 10px;
		font-size: 12px;
		line-height: 25px;	
		height: 110px;
	}
	.denserack_handcrank{
		padding: 25px 0 30px 0;
	}
	.denserack_handcrank_title{
		font-size: 20px;
	}
	.denserack_handcrank_title::before{
		display: none;
	}
	.denserack_handcrank_title::after{
		display: none;
	}
	.denserack_handcrank_info{
		padding-top: 20px;
	}
	.handcrank_info_left{
		width: 100%;
	}
	.handcrank_info_right{
		width: 100%;
		padding-left: 0;
		padding-top: 15px;
	}
	.left_button2{
		margin-top: 20px;
	}
	.handcrank_info_right .item{
		width: 49%;
		margin-right: 1%;
	}
	.handcrank_info_right .item:last-child{
		display: none;
	}
	.handcrank_info_right .item .txt{
		bottom: 0;
		left: 0;
		padding: 0;
		line-height: 32px;
		font-size: 12px;
		width: 100%;
	}
	.denserack_handcrank .buttombg{
		display: none;
	}
	.denserack_electric{
		padding:25px 0 30px 0;
	}
	.denserack_electric_info{
		margin-top: 20px;
	}
	.electric_info_left{
		width: 100%;
	}
	.electric_info_right{
		width: 100%;
		padding: 25px;
	}
	.electric_righttit{
		font-size: 18px;
	}
	.electric_rightsub{
		padding-top: 10px;
	}
	.denserack_intelligent{
		padding: 25px 25px 30px 25px;
	}
	.denserack_intelligent_info{
		margin-top: 20px;
	}
	.intelligent_info_left{
		width: 100%;
		margin-top: 20px;
	}
	.intelligent_lefttit{
		font-size: 18px;
	}
	.intelligent_button{
		margin-top: 15px;
	}
	.intelligent_info_right{
		width: 100%;
		padding-left: 0%;
		margin-top: 20px;
		font-size: 15px;
	}
	.intelligent_info_middle{
		margin-top: 20px;
	}
	.denserack_case_title{
		font-size: 20px;
	}
	.denserack_case_title::after{
		display: none;
	}
	.denserack_case_title::before{
		display: none;
	}
	#bkcase .tit{
		padding: 10px;
		background: #f1f1f1;
	}
	#bkcase .tit h1{
		font-size: 14px;
	}
	#bkcase .tit h2{
		font-size: 12px;
		padding-top: 10px;
	}
	.bookshelf_case_but{
		margin-top: 35px;
	}
	.denserack_custom_title{
		font-size: 20px;
	}
	.denserack_custom_title::before{
		display: none;
	}
	.denserack_custom_title::after{
		display: none;
	}
	/*gzjj*/
	.gzjj{
		padding:25px 0 30px 0;
	}
	.gzjj_title{
		font-size: 20px;
	}
	.gzjj_title::before{
		display: none;
	}
	.gzjj_title::after{
		display: none;
	}
	.gzjj_info{
		padding-top: 15px;
	}
	.gzjj_info_tit{
		font-size: 18px;
		line-height: 45px;
	}
	.cat-product .wrap{
		width: 49%;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	.more-btn-wrap{
		margin-top: 15px;
	}
	.more-btn-wrap a{
		width: 35%;
		padding: 6px 0px;
		font-size: 14px;
	}
	/*productDe*/
	.bookshelfDe_bn_left{
		width: 100%;
		height: 100% !important;
	}
	.bookshelfDe_bn_right{
		width: 100%;
		padding:20px 20px 20px 30px;
	}
	.bookshelfDe_bn_right .title{
		font-size: 20px;
	}
	.bookshelfDe_bn_right ul li{
		line-height: 40px;
		font-size: 14px;
	}
	.bookshelfDe_bn_right .ljzx a{
		padding: 0 20px;
		font-size: 14px;
		line-height: 40px;
	}
	.bookshelfDe_bn_right .ljzx{
		margin-top: 20px;
	}
	.bookshelfDe_canshu{
		padding-top:25px;
		padding-bottom:30px;
	}
	.bookshelfDe_hd ul li{
		font-size: 14px;
		line-height: 30px;
		padding: 0 21px;
	}
	.bookshelfDe_bd_info{
		margin-top: 20px;
	}
	.bookshelfDe_bd_info ul li{
		background: url(../images/bluequan.png) no-repeat left 10px;
	}
	.bookshelfDe_return{
		margin-top: 30px;
		width: 200px;
	}
	.bookshelfDe_return a{
		font-size: 15px;
		line-height: 40px;
	}
	.associated{
		padding-bottom: 20px;
	}
	#associated_item .swiper-slide .txt{
		line-height: 36px;
		text-indent: 11px;
	}
	#associated_item .swiper-slide .knowmore{
		line-height: 35px;
		text-indent: 11px;
		font-size: 14px;
	}
	#associated_item{
		padding-bottom: 45px;
	}
	.subdh{
		line-height: 50px;
	}
	.subdh-left{
		font-size: 16px;
	}
	.subdh-right{
		font-size: 13px;
	}
	.contactinfo{
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.contactinfo_title{
		font-size: 20px;
		line-height: 30px;
	}
	.contactinfo_sub{
		margin: 15px 0 12px;
	}
	.contactinfo_sub::before{
		display: none;
	}
	.contactinfo_sub::after{
		display: none;
	}
	.contactinfo_list .p18{
		margin-bottom: 20px;
	}
	.contactinfo_list .p18_item{
		height: 235px;
	}
	.contactinfo_list{
		padding-bottom: 20px;
	}
	/*about*/
	.aboutinfo{
		padding-top: 20px;
	}
	.aboutprofile_left{
		width: 100%;
		display: none;
	}
	.aboutprofile_right{
		width: 100%;
		padding-left: 0;
	}
	.aboutright{
		display: none;
	}
	.aboutprofile_right_info_left{
		width: 100%;
	}
	.aboutprofile_right_info_right{
		width: 100%;
		padding-left: 0;
	}
	.aboutprofile{
		padding-bottom: 20px;
	}
	.aboutculture_title{
		font-size: 24px;
		text-align: center;
		padding-top: 23px;
	}
	.aboutculture_info_item{
		width: 100%;
	}
	.aboutculture_info_item h1{
		font-size: 18px;
	}
	.aboutculture_info_item h2{
		font-size: 14px;
	}
	.abouthonor{
		padding-top: 25px;
		padding-bottom: 30px;
	}
	.abouthonor_title{
		font-size: 20px;
	}
	.abouthonor_info{
		padding-top: 20px;
	}
	#abHonorN{
		background-size: 50%;
		right: 0;
		display: none;
	}
	#abHonorP{
		background-size: 50%;
		left: 0;
		display: none;
	}
	.aboutcj{
		padding: 0px 0px 30px;
	}
	.aboutcj_info_left{
		width: 100%;
		display: none;
	}
	.aboutcj_info_right{
		width: 100%;
		padding-left: 0px;
	}
	.aboutcj-cp{
		padding: 20px;
		background:#fff ;
	}
	.aboutcj-lx{
		font-size: 20px;
	}
	.aboutcj-xp{
		font-size: 14px;
		padding-top: 0px;
	}
	.aboutcj-fz{
		padding-top: 10px;
	}
	.aboutcj-fz .p16{
		padding-right: 5px;
		padding-left: 5px;
	}
	.aboutcj-fz .p16:last-child{
		display: none;
	}
	.news_info{
		padding-top: 20px;
		width: 96.875%;
	}
	.news_title ul li a{
		font-size: 14px;
		padding: 5px 30px;
	}
	.news_list{
		padding-top: 20px;
	}
	.news_list .item_l{
		display: none;
	}
	.news_list .item_r{
		width: 100%;
		padding: 10px 0 1% 0px
	}
	.news_list .item_r .box{
		border-left: none;
		padding-left:0;
	}
	.news_list .item_r .box .intro_box{
		width: 100%;
	}
	.news_list .item_r .box .img_box{
		width: 100%;
	}
	.news_list .item_r .box .intro_box .more{
		display: none;
	}
	.news_list .item_r .box .intro_box .tit{
		font-size: 16px;
	}
	.caseDeinfo{
		padding: 25px 0px 30px;
	}
	.caseDeinfo_left{
		width: 100%;
		padding-bottom: 20px;
	}
	.newsDeinfo_right{
		width: 100%;
		padding-left: 0%;
		padding-top: 0px;
	}
	.newsDeinfo_left_title{
		font-size: 20px;
		line-height: 38px;
	}
	.info_item{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.newsDe_return{
		margin-left: 0%;
		margin-top: 20px;
	}
	.newsDeinfo_right_first .prevnext{
		padding: 10px 25px;
	}
	/*case*/
	.caseinfo_left{
		width: 100%;
		top: 0;
	}
	.casetitle{
		display: none;
	}
	.cls-list{
		width: 49%;
		float: left;
		margin-bottom: 4px;
	}
	.cls-list:nth-child(2n+1){
		margin-left: 2%;
	}
	.cls-list h3{
		font-size: 14px;
		line-height: 35px;
		background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 15px center;
		padding-left: 30px;
	}
	.cls-list h3:hover, .cls-list h3.on{
		background: #2b4ca3 url(../images/whitesanjiao.png) no-repeat 15px center;
	}
	.caseinfo_right{
		width: 100%;
		padding-left:0%;
		padding-top:20px;
	}
	.case_item{
		width: 100%;
		margin-bottom: 12px;
	}
	.case_item:nth-child(2n+2){
		margin-left: 0;
	}
	.case_txt{
		padding: 4px 0 14px 10px;
	}
	.case_txt h1{
		line-height: 34px;
		font-size: 15px;
		height: 34px;
	}
	.case_txt h2{
		line-height: 33px;
		font-size: 12px;
		height: 33px;
	}
	.case_txt .more{
		margin-top: 10px;
	}
	.caseDeinfo_right{
		width: 100%;
		padding-left: 0;
	}
	.caseDe_recommend_relate .item{
		width: 48%;
		float: left;
		margin-bottom: 5px;
	}
	.caseDe_recommend_relate .item:nth-child(2n+1){
		margin-right: 1%;
	}
	.caseDe_recommend ul li a{
		font-size: 14px;
		background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 15px center;
		line-height: 40px;
		padding-left: 30px;
	}
	.caseDeinfo_left_title{
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 10px;
	}
	.caseDeinfo_left_info .pnht{
		padding-top: 10px;
	}
	.caseDe_return{
		margin-top: 15px;
		float: left;
	}
	.caseDe_return a{
		font-size: 12px;
		border-radius: 12px;
		background-size: 12%;
		padding: 0px 12px 0px 45px;
	}
	.caseDe_return a:hover{
		background-size: 12%;
	}
	/*菜单*/
	.meun{
		width: 25%;
		background-color: #f1f1f1;/*63c7af*/
		bottom: 50px;
		position: fixed;
		z-index: 999;
		margin-left: 25%;
		-webkit-border-top-left-radius: 0.2rem;
		-webkit-border-top-right-radius: 0.2rem;
	}
	.meun ul{
		overflow: hidden;
		margin-top: 0.1rem;
	}
	.meun ul li{
		overflow: hidden;
		font-family: "微软雅黑";
		font-size: 14px;
		line-height: 45px;
		border-bottom: solid #f8f8fa 0.02rem;
		text-align: center;
		margin-top: 0.15rem;
		padding-bottom: 0.1rem;
	}
	.meun ul li a{
		color: #444;
		font-weight: bold;
	}	
}
@media (min-width:444px) and (max-width:1024px) {
	#bannerpagin{
			display: none !important;
		}
}	
@media (min-width:768px) and (max-width:1024px) {
		.container{
			margin-right: auto;
			margin-left: auto;
			width: 96.875%;
		}
		#bannerpagin{
			display: none !important;
		}
		.burger_menu [class*="_line"]{
			width: 45px;
		}
		.burger_menu{
			width: 60px !important;
			height: 90px !important;
		}
		#pcbanner .blackadv{
			padding: 0 1%;
			height: 75px;
		}
		.slide-txt{
			margin-top: 15px;
		}
		.slide-txt h2{
			padding-top: 10px;
		}
		.Page{
			padding:15px 0px;
		}
		#pagination1{
			margin-top:15px;
		}
		.WebLink{
			display: none;
		}
		.menus{
			border-bottom: 1px solid #d0d7e2;
			padding: 9px 0;
		}
		.menus .Logo{
			display:block;
		}
		.menus .Logo p{
			display:none;
		}
		.menus .Logomobile{
			display:block;
			float: left;
			padding-top:5px;
	}
		.menus .Logomobile img{
			width:65%;
		}
		.menus.fixedbg{
			padding: 5px 0 10px 0;
		}
		.burger_menu{
			display: block !important;
			top: 0 !important;
			float: right; 
			position: relative;
			z-index: 11;
			margin-top: 0%;
		} 
		.burger_menu [class*="_line"]{
			background:#0b2f8c !important;
		}
		.menus::before{
			width: 15%;
		}
		.menus::after{
			display: none;
		}
		.head-ss{
			margin-top: 9px;
			margin-right: 18px;
			display: none;
		}
		.menus .Logo{ 
			width: 20%;
			top: 0%;
		}
		.menus.fixedbg .Logo{
			transform: scale(1);
			margin-top: 0;
		}
		.head-tel{
			display: none;
		}
		/*banner*/
		#sjpagin{
			bottom: 10px;
		}
		#sjpagin .swiper-pagination-bullet{
			width: 8px;
			height: 8px;
		}
		/*bookshelf*/
		.bookshelf_install{
			padding-top: 20px;
			padding-bottom: 35px;
		}
		.bookshelf_install_title{
			font-size: 16px;
		}
		.bookshelf_install_title::before{
			left: 26%;
			top: 38%;
		}
		.bookshelf_install_title::after{
			right: 26%;
			top: 38%;
		}
		.bookshelf_install_list{
			padding-top: 20px;
		}
		.bookshelf_install_left{
			width: 100%;
		}
		.bookshelf_install_right{
			width: 100%;
			padding-left: 0%;
		}
		.install_right_top .pic{
			width: 100%;
		}
		.install_right_top .pic img{
			width: 100%;
		}
		.install_right_top .txt{
			width: 100%;
		}
		.bookshelf_steel{
			padding:25px 0 35px 0;
			width: 96.875%;
		}
		.bookshelf_custom_title{
			font-size: 20px;
		}
		.bookshelf_custom_title::before{
			left: 24%;
			top: 38%;
		}
		.bookshelf_custom_title::after{
			right: 24%;
			top: 38%;
		}
		.bookshelf_steel_info{
			padding-top: 0px;
		}
		.steel_info_left{
			width: 97%;
			margin: 0 auto;
			float: unset;
		}
		.steel_info_right{
			width: 100%;
			position: unset;
			background: none;
		}
		.steel_container{
			padding-right: 0%;
		}
		#steelimg .swiper-slide img{
			margin-top:20px;
		}
		#stpagin{
			bottom: 5px;
		}
		#stpagin .swiper-pagination-bullet{
			width: 8px;
			height: 8px;
		}
		.left_sub{
			font-size: 14px;
		}
		.left_button{
			margin-top: 20px;
		}
		.bookshelf_zhuanyin{
			padding: 20px 0 35px 0;
		}
		.bookshelf_zhuanyin_title{
			font-size:16px;
		}
		.bookshelf_zhuanyin_title::before{
			left: 24%;
			top: 36%;
		}
		.bookshelf_zhuanyin_title::after{
			right: 24%;
			top: 38%;
		}
		.bookshelf_zhuanyin_info{
			padding-top: 20px;
		}
		.zhuanyin_info_left{
			width: 100%;
		}
		.zhuanyin_info_left .pic{
			background:none;
			height: auto;
		}
		.zhuanyin_info_left .pic img{
			position: unset;
		}
		.zhuanyin_info_right{
			width: 100%;
			padding-left: 0%;
		}
		.zhuanyin_righttit{
			font-size: 20px;
		}
		.zhuanyin_rightsub{
			font-size: 14px;
		}
		.zhuanyin_rightbut{
			margin-top: 25px;
		}
		/*foot*/
		.foot{
			display: none;
		}
		.foot-copy{
			display: none;
		}
		.footH{
			display: block;
		}
		.footFix{
			display: flex;
		}    
		/*index*/
		.indexProduct{
			padding: 25px 0 0 0;
			width: 96.875%;
		}
		.indexProduct_title{
			font-size:20px;
		}
		.indexProduct_sub{
			margin: 10px 0 20px;
			
		}
		.indexProduct_sub::before, .indexProduct_sub::after{
			display: none;
		}
		.indexProduct_hd ul{
			width: 90%;
		}
		.indexProduct_hd ul li{
			font-size: 15px;
		}
		#gzproductN{
			display: none;
		}
		#gzproductP{
			display: none;
		}
		.indexProduct_bd ul .swiper-slide span{
			line-height: 40px;
			font-size: 14px;
		}
		.indexProduct_bd ul .swiper-slide span b{
			display: none;
		}
		.indexBangong{
			padding: 25px 0 10px 0;
		}
		#Bangong-container .swiper-slide{
			font-size: 14px;
			line-height: 40px;
		}
		#Bangong-container .swiper-slide .bangonghd-icon{
			top: 8px;
		}
		#bangongN{
			background-size: 50%;
			right: -16px;
		}
		#bangongP{
			background-size: 50%;	
		}
		.leftnews_item .Pic img{
			width: 100%;
		}
		.indexAdvantage{
			width: 96.875%;
			padding: 25px 0 0px 0;
		}
		.indexAdvantage_left{
			width: 100%;
		}
		.indexAdvantage_left_title{
			font-size: 20px;
			text-align: center;
		}
		.indexAdvantage_left{
			width: 100%;
		}
		.indexAdvantage_right{
			padding-top: 20px;
			width: 100%;
			padding-bottom: 10px;
		}
		.indexAdvantage_bd ul li img{
			width: 100%;
		}
		.indexAdvantage_sub{
			display: none;
		}
		.indexAdvantage_hd .item{
			padding-top:5px;
			padding-bottom: 10px;
		}
		.indexAdvantage_hd .item >.item_title{
			font-size: 16px;
			line-height: 32px;
		}
		.indexAdvantage_hd .item >.item_sub{
			font-size: 13px;
		}
		.indexSolution{
			padding:25px 0 25px 0;
			
		}
		.indexSolution_hd ul{
			width: 96%;
		}
		.indexSolution_hd ul li{
			font-size: 14px;
			width:49%;
			line-height: 34px;
		}
		.indexSolution_bd{
			width: 96.875%;
			margin: 0 auto;
			margin-top: 25px;
		}
		#SolutionN{
			background-size: 50%;
			right: 0%;
			display: none;
		}
		#SolutionP{
			background-size: 50%;
			left: 0%;
			display: none;
		}
		.indexCase{
			padding: 25px 0 30px 0;
			display: none;
		}
		.indexCase_bd{
			width: 100%;
		}
		.indexCase_hd{
			width: 100%;
		}
		.indexAbout{
			padding: 25px 0 30px 0;
		}
		.indexAbout_left{
			width: 100%;
		}
		.indexAbout_left_title{
			font-size: 20px;
			text-align:center;
		}
		.indexAbout_sub{
			display: none;
		}
		.indexAbout_info{
			padding-top: 10px;
			font-size: 14px;
		}
		.indexAbout_right{
			width: 100%;
			    padding-top: 15px;
		}
		.Aboutmore{
			padding-top: 10px;
		}
		.indexAbout_list{
			padding-top: 15px;
		}
		.indexAbout_list .p16{
			padding-right: 5px;
		}
		.indexAbout_list .p16 .Pic span{
			line-height: 32px;
			font-size: 14px;
		}
		.indexNews{
			padding: 25px 0px 30px 0px;
		}
		.indexNews_info_left{
			width: 100%;
		}
		.indexNews_info_right{
			width: 100%;
			padding-left: 0;
			display: none;
		}
		.leftnews_item .Txt{
			padding: 10px 15px 15px 10px;
		}
		.leftnews_item .Txt .tit{
			font-size: 16px;
		}
		.leftnews_item .Txt .date{
			font-size: 20px;
		}
		.leftnews_item .Txt .date span{
			font-size: 12px;
		}
		.leftnews_item .Txt .sub{
			padding-top: 15px;
		}
		.indexNews .more{
			margin-top: 20px;
		}
		.indexNews .more a{
			font-size: 14px;
			line-height: 35px;
		}
		/*bookshelf*/
		.bookshelf_install_left video{
		    height: auto;
			object-fit: cover;
		}
		.bookshelf_wooden{
			padding: 22px 0 30px 0;
		}
		.bookshelf_wooden_title{
			font-size: 20px;
		}
		.bookshelf_wooden_title::before{
			display: none;
		}
		.bookshelf_wooden_title::after{
			display: none;
		}
		.wooden_info_left{
			width: 100%;
		}
		.bookshelf_wooden_info{
			padding-top: 0px;
		}
		.wooden_lefttit{
			padding-top: 25px;
		}
		.wooden_leftsub{
			font-size: 14px;
		}
		.wooden_info_right{
			width: 100%;
			padding-left: 0%;
		}
		.wooden_info_right .pic{
			display: none;
		}
		.wooden_info_right .pic2{
			position: unset;
		}
		.bookshelf_case{
			padding: 25px 0 30px 0;
		}
		.bookshelf_case_title{
			font-size: 20px;
		}
		.bookshelf_case_title::before{
			display:none;
		}
		.bookshelf_case_title::after{
			display:none;
		}
		.bookshelf_case_info{
			padding-top:20px;
		}
		#bkcaseN{
			right: 20%;
		}
		#bkcaseP{
			left: 20%;
		}
		.bookshelf_custom{
			padding:25px 0 30px 0;
		}
		.bookshelf_custom_info{
			padding-top: 10px;
		}
		#customN{
			display: none;
		}
		#customP{
			display: none;
		}
		#customimg .swiper-slide .pic span, #customimg .swiper-slide .pic2 span{
			line-height: 40px;
			font-size: 14px;
		}
		.denserack_install{
			padding-top: 25px;
			padding-bottom: 30px
		}
		.denserack_install_title{
			font-size: 20px;
		}
		.denserack_install_title::before{
			display: none;
		}
		.denserack_install_title::after{
			display: none;
		}
		.denserack_install_list{
			padding-top: 15px;
		}
		.denserack_install_left{
			width: 100%;
		}
		.denserack_install_right{
			width: 100%;
			padding-left: 0;
		}
		.denserack_install_left .item{
			padding: 10px 5px;
		}
		.denserack_install_left .item .tit{
			font-size: 15px;
			padding-top: 10px;
		}
		.denserack_install_left .item .sub{
			padding-top: 10px;
			font-size: 12px;
			line-height: 25px;	
			height: 110px;
		}
		.denserack_handcrank{
			padding: 25px 0 30px 0;
		}
		.denserack_handcrank_title{
			font-size: 20px;
		}
		.denserack_handcrank_title::before{
			display: none;
		}
		.denserack_handcrank_title::after{
			display: none;
		}
		.denserack_handcrank_info{
			padding-top: 20px;
		}
		.denserack_install_right video{
			height: auto;
			object-fit: cover;
		}
		.handcrank_info_left{
			width: 100%;
		}
		.handcrank_info_right{
			width: 100%;
			padding-left: 0;
			padding-top: 15px;
		}
		.left_button2{
			margin-top: 20px;
		}
		.handcrank_info_right .item{
			width: 49%;
			margin-right: 1%;
		}
		.handcrank_info_right .item:last-child{
			display: none;
		}
		.handcrank_info_right .item .txt{
			bottom: 0;
			left: 0;
			padding: 0;
			line-height: 32px;
			font-size: 12px;
			width: 100%;
		}
		.denserack_handcrank .buttombg{
			display: none;
		}
		.denserack_electric{
			padding:25px 0 30px 0;
		}
		.denserack_electric_info{
			margin-top: 20px;
		}
		.electric_info_left{
			width: 100%;
		}
		.electric_info_right{
			width: 100%;
			padding: 25px;
		}
		.electric_righttit{
			font-size: 18px;
		}
		.electric_rightsub{
			padding-top: 10px;
		}
		.denserack_intelligent{
			padding: 25px 25px 30px 25px;
		}
		.denserack_intelligent_info{
			margin-top: 20px;
		}
		.intelligent_info_left{
			width: 100%;
			margin-top: 20px;
		}
		.intelligent_lefttit{
			font-size: 18px;
		}
		.intelligent_button{
			margin-top: 15px;
		}
		.intelligent_info_right{
			width: 100%;
			padding-left: 0%;
			margin-top: 20px;
			font-size: 15px;
		}
		.intelligent_info_middle{
			margin-top: 20px;
		}
		.denserack_case_title{
			font-size: 20px;
		}
		.denserack_case_title::after{
			display: none;
		}
		.denserack_case_title::before{
			display: none;
		}
		
		#bkcase .tit{
			padding: 10px;
			background: #f1f1f1;
		}
		#bkcase .tit h1{
			font-size: 14px;
		}
		#bkcase .tit h2{
			font-size: 12px;
			padding-top: 10px;
		}
		.bookshelf_case_but{
			margin-top: 35px;
		}
		.denserack_custom_title{
			font-size: 20px;
		}
		.denserack_custom_title::before{
			display: none;
		}
		.denserack_custom_title::after{
			display: none;
		}
		/*gzjj*/
		.gzjj{
			padding:25px 0 30px 0;
		}
		.gzjj_title{
			font-size: 20px;
		}
		.gzjj_title::before{
			display: none;
		}
		.gzjj_title::after{
			display: none;
		}
		.gzjj_info{
			padding-top: 15px;
		}
		.gzjj_info_tit{
			font-size: 18px;
			line-height: 45px;
		}
		.cat-product .wrap{
			width: 49%;
			margin-right: 1%;
			margin-bottom: 10px;
		}
		.more-btn-wrap{
			margin-top: 15px;
		}
		.more-btn-wrap a{
			width: 35%;
			padding: 6px 0px;
			font-size: 14px;
		}
		/*productDe*/
		.bookshelfDe_bn_left{
			width: 100%;
			height: 100% !important;
		}
		.bookshelfDe_bn_right{
			width: 100%;
			padding:20px 20px 20px 30px;
		}
		.bookshelfDe_bn_right .title{
			font-size: 20px;
		}
		.bookshelfDe_bn_right ul li{
			line-height: 40px;
			font-size: 14px;
		}
		.bookshelfDe_bn_right .ljzx a{
			padding: 0 20px;
			font-size: 14px;
			line-height: 40px;
		}
		.bookshelfDe_bn_right .ljzx{
			margin-top: 20px;
		}
		.bookshelfDe_canshu{
			padding-top:25px;
			padding-bottom:30px;
		}
		.bookshelfDe_hd ul li{
			font-size: 14px;
			line-height: 30px;
			padding: 0 21px;
		}
		.bookshelfDe_bd_info{
			margin-top: 20px;
		}
		.bookshelfDe_bd_info ul li{
			background: url(../images/bluequan.png) no-repeat left 10px;
		}
		.bookshelfDe_return{
			margin-top: 30px;
			width: 200px;
		}
		.bookshelfDe_return a{
			font-size: 15px;
			line-height: 40px;
		}
		.associated{
			padding-bottom: 20px;
		}
		#associated_item .swiper-slide .txt{
			line-height: 36px;
			text-indent: 11px;
		}
		#associated_item .swiper-slide .knowmore{
			line-height: 35px;
			text-indent: 11px;
			font-size: 14px;
		}
		#associated_item{
			padding-bottom: 45px;
		}
		.subdh{
			line-height: 50px;
		}
		.subdh-left{
			font-size: 16px;
		}
		.subdh-right{
			font-size: 13px;
		}
		.contactinfo{
			padding-top: 25px;
			padding-bottom: 30px;
		}
		.contactinfo_title{
			font-size: 20px;
			line-height: 30px;
		}
		.contactinfo_sub{
			margin: 15px 0 12px;
		}
		.contactinfo_sub::before{
			display: none;
		}
		.contactinfo_sub::after{
			display: none;
		}
		.contactinfo_list .p18{
			margin-bottom: 20px;
		}
		.contactinfo_list .p18_item{
			height: 235px;
		}
		.contactinfo_list{
			padding-bottom: 20px;
		}
		/*about*/
		.aboutinfo{
			padding-top: 20px;
		}
		.aboutprofile_left{
			width: 100%;
			display: none;
		}
		.aboutprofile_right{
			width: 100%;
			padding-left: 0;
		}
		.aboutright{
			display: none;
		}
		.aboutprofile_right_info_left{
			width: 100%;
		}
		.aboutprofile_right_info_right{
			width: 100%;
			padding-left: 0;
		}
		.aboutprofile{
			padding-bottom: 20px;
		}
		.aboutculture_title{
			font-size: 24px;
			text-align: center;
			padding-top: 23px;
		}
		.aboutculture_info_item{
			width: 100%;
		}
		.aboutculture_info_item h1{
			font-size: 18px;
		}
		.aboutculture_info_item h2{
			font-size: 14px;
		}
		.abouthonor{
			padding-top: 25px;
			padding-bottom: 30px;
		}
		.abouthonor_title{
			font-size: 20px;
		}
		.abouthonor_info{
			padding-top: 20px;
		}
		#abHonorN{
			background-size: 50%;
			right: 0;
			display: none;
		}
		#abHonorP{
			background-size: 50%;
			left: 0;
			display: none;
		}
		.aboutcj{
			padding: 0px 0px 30px;
		}
		.aboutcj_info_left{
			width: 100%;
			display: none;
		}
		.aboutcj_info_right{
			width: 100%;
			padding-left: 0px;
		}
		.aboutcj-cp{
			padding: 20px;
			background:#fff ;
		}
		.aboutcj-lx{
			font-size: 20px;
		}
		.aboutcj-xp{
			font-size: 14px;
			padding-top: 0px;
		}
		.aboutcj-fz{
			padding-top: 10px;
		}
		.aboutcj-fz .p16{
			padding-right: 5px;
			padding-left: 5px;
		}
		.aboutcj-fz .p16:last-child{
			display: none;
		}
		.news_info{
			padding-top: 20px;
			width: 96.875%;
		}
		.news_title ul li a{
			font-size: 14px;
			padding: 5px 30px;
		}
		.news_list{
			padding-top: 20px;
		}
		.news_list .item_l{
			display: none;
		}
		.news_list .item_r{
			width: 100%;
			padding: 10px 0 1% 0px
		}
		.news_list .item_r .box{
			border-left: none;
			padding-left:0;
		}
		.news_list .item_r .box .intro_box{
			width: 100%;
		}
		.news_list .item_r .box .img_box{
			width: 100%;
		}
		.news_list .item_r .box .intro_box .more{
			display: none;
		}
		.news_list .item_r .box .intro_box .tit{
			font-size: 16px;
		}
		.caseDeinfo{
			padding: 25px 0px 30px;
		}
		.caseDeinfo_left{
			width: 100%;
			padding-bottom: 20px;
		}
		.newsDeinfo_right{
			width: 100%;
			padding-left: 0%;
			padding-top: 0px;
		}
		.newsDeinfo_left_title{
			font-size: 20px;
			line-height: 38px;
		}
		.info_item{
			padding-top: 10px;
			padding-bottom: 20px;
		}
		.newsDe_return{
			margin-left: 0%;
			margin-top: 20px;
		}
		.newsDeinfo_right_first .prevnext{
			padding: 10px 25px;
		}
		/*case*/
		.caseinfo_left{
			width: 100%;
			top: 0;
		}
		.casetitle{
			display: none;
		}
		.cls-list{
			width: 49%;
			float: left;
			margin-bottom: 4px;
		}
		.cls-list:nth-child(2n+1){
			margin-left: 2%;
		}
		.cls-list h3{
			font-size: 14px;
			line-height: 35px;
			background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 15px center;
			padding-left: 30px;
		}
		.cls-list h3:hover, .cls-list h3.on{
			background: #2b4ca3 url(../images/whitesanjiao.png) no-repeat 15px center;
		}
		.caseinfo_right{
			width: 100%;
			padding-left:0%;
			padding-top:20px;
		}
		.case_item{
			width: 100%;
			margin-bottom: 12px;
		}
		.case_item:nth-child(2n+2){
			margin-left: 0;
		}
		.case_txt{
			padding: 4px 0 14px 10px;
		}
		.case_txt h1{
			line-height: 34px;
			font-size: 15px;
			height: 34px;
		}
		.case_txt h2{
			line-height: 33px;
			font-size: 12px;
			height: 33px;
		}
		.case_txt .more{
			margin-top: 10px;
		}
		.caseDeinfo_right{
			width: 100%;
			padding-left: 0;
		}
		.caseDe_recommend_relate .item{
			width: 48%;
			float: left;
			margin-bottom: 5px;
		}
		.caseDe_recommend_relate .item:nth-child(2n+1){
			margin-right: 1%;
		}
		.caseDe_recommend ul li a{
			font-size: 14px;
			background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 15px center;
			line-height: 40px;
			padding-left: 30px;
		}
		/*菜单*/
		.meun{
			width: 25%;
			background-color: #f1f1f1;/*63c7af*/
			bottom: 50px;
			position: fixed;
			z-index: 999;
			margin-left: 25%;
			-webkit-border-top-left-radius: 0.2rem;
			-webkit-border-top-right-radius: 0.2rem;
		}
		.meun ul{
			overflow: hidden;
			margin-top: 0.1rem;
		}
		.meun ul li{
			overflow: hidden;
			font-family: "微软雅黑";
			font-size: 14px;
			line-height: 45px;
			border-bottom: solid #f8f8fa 0.02rem;
			text-align: center;
			margin-top: 0.15rem;
			padding-bottom: 0.1rem;
		}
		.meun ul li a{
			color: #444;
			font-weight: bold;
		}	
}
@media ( min-width:992px ) and ( max-width:1024px ) {
	
}
@media ( min-width:1161px ) and ( max-width:1300px ) {
	.container{
		margin-right: auto;
		margin-left: auto;
		width: 96.875%;
	}
	.menus .container {
			width: 96.875%;
			max-width: 1200px;
		}
	
	.menus .Logo{
		float: left;
		position: absolute;
		z-index: 9;
		/* transform: scale(0.81); */
		/* display: none; */
		top: 0px;
		transition: all 1s ease;
		padding: 10px 0;
	}
	.menus .Logomobile{
		display:none;
	}
	.menus.fixedbg .Logo{
		transform: scale(0.81);
		margin-top: -20px;
		top: 0;
		transition: all 1s ease;
		box-shadow:0 0 0 #fff;
	}
	.menus .Logo img{
		display: block;
		width: 24%;
	}
	.WebLink{
		display: none;
		position: absolute;
		z-index: 9;
		float: right;
		margin-left: 16%;
		margin-top: 55px;
	}
	.WebLink li{
		float: left;
		margin-left: 46px;
	}
	.WebLink li:nth-child(1){
		margin-left: 0;
	}
	.WebLink li a{
		display: block;
		line-height: 32px;
		font-size: 16px;
		color: #333333;
		line-height: 30px;
		padding: 0 11px;
		border-radius: 20px;
		border: 1px solid #fff; 
		transition: all 0.5s ease;
		
	}
	.WebLink li.on a{
		color: #f1a617;
		transition: all 0.5s ease;
	}
	.WebLink li:hover a{
		color: #f1a617;
		border: 1px solid #f1a617;
		border-radius: 5px;
		transition: all 0.5s ease;
	}
	.WebLink li a span{
		font-size: 12px;
	}
	.head-ss{
		display: block;
		float: right;
		width: 20px;
		height: 20px;
		background: url(../images/search.png) no-repeat center center;
		position: relative;
		z-index: 9;
		cursor: pointer;
		margin-top: 18px;
	}
	.head-tel{
		position: relative;
		z-index: 9;
		background: url(../images/headtel.png) no-repeat left center;
		font-family: "Arial";
		font-size: 24px;
		color: #f1a617;
		font-weight: bold;
		float: right;
		line-height: 28px;
		padding-left: 30px;
		margin-right: 12px;
		margin-top: 15px;
	}
	.bookshelfDe_bn_right{
		padding:44px 16% 64px 77px;
	}
	.foot > .container{
		width:96.875%;
	}
	.copyright .container{
		width: 96.875%;
	}
	.top-search .container{
		width: 100%;
	}
	.bookshelfDe_canshu .container{
		width: 96.875%;
	}
}	
@media ( min-width:1101px ) and ( max-width:1440px ) {
	.bookshelfDe_bn_right .ljzx a{
	    padding: 0 50px;	
	}
	.bookshelf_custom_title::before{
		left: 40%;
	}
	.bookshelf_custom_title::after{
		right: 40%;
	}
	.indexProduct_sub::before{
		left: 41%;
	}
	.indexProduct_sub::after{
		right: 41%;
	}
	.denserack_handcrank_title::before{
		left: 38.5%;
	}
	.denserack_handcrank_title::after{
		right: 38.5%;
	}
	.denserack_custom_title::before{
		left: 38.5%;
	}
	.denserack_custom_title::after{
		right: 38.5%;
	}
	.news_list .item_r{
		width: 72.77083%;
	}
	.news_list .item_extra{
		width: 8.0625%;
	}
}

@media ( min-width:1301px ) and ( max-width:1600px ) {
	.WebLink{
	    margin-left: 2%;	
	}
	.bookshelfDe_bn_right .ljzx a{
	    padding: 0 50px;	
	}
	
}
@media ( min-width:1921px ) and ( max-width:2560px ) {
	.WebLink{
		margin-left: 2%;
	}
}