/* CSS Document */

@media (max-width:1200px) {
	
	
	
	
}

@media( max-width:1024px){
	
	
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#4477b0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:74px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:1px; background:#4477b0;}
	.top-head .sjdnav .acta{color:#fff; background:#1c2d5a;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px; width: auto; padding-top: 0; float: none; height: auto;}
	
	.proTab a{ font-size: 14px; width: 135px; line-height: 36px;}
	
	.about-wrap{ height: auto; margin-top: 20px; }
	.ab_rh{ display: none;}
	.ab_lf{ width: 100%;}
	.ab_box{ width: 100%; border: 0; padding: 30px 15px; }
	.xw-lf, .xw-rh{ padding: 10px 0;}
	
	.mboxRh{ width: 100%; padding-left: 0; float: right; margin-top: 15px;}
	.mboxLf{ width: 100%; overflow: hidden;}
	.accordion{ display: none;}
	.accordion li{ margin-top: 4px;}
	.accordion li a{ padding: 0; text-align: center; line-height: 40px; font-size: 14px; }
	.mlf-top{ position: relative;padding: 0; font-size: 23px; line-height: 50px;}
	.mlf-top span{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mlf-top p{ border-bottom: 0; padding: 0;}
	
	
	
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px; padding: 15px 0; }
	.fo_hg{ padding: 0; text-align: center;}
	.fo_txt{ margin-top: 0;}
	
	.ab_box{ padding-top: 0;}
	.ab_list{ width: 100%; text-align: center; margin: 25px 0; }
	.ab_list .ab_tit{ display: none;}
	.ab_list li{ width: 120px; display: inline-block; }
	.ab_text{ padding: 0; width: 100%;}
	.ab_text .proMore a{ float: none;}
	
	.xw-lf, .xw-rh{ padding:10px 0;}
    .dock { display:none;}
}

 @media (max-width:640px) {
 	
 	
 
}

 @media (max-width:540px) {	 
 	.prod-wrap{ margin-top:15px;}
 	.proTab li, .pro_more{ width: 33.3%; float: left; padding: 4px; display: block; }
 	.proTab a{ display: block; width: 100%;}
 	.xw-lf a{ padding:5px 6px;}
	.xw-lf .tuli{ width:40%; height:auto;}
	.xw-lf .tuli span{ padding-top:70%;}
	.xw-lf .txtbox{ width:60%; padding-left:10px;}
	
	.li01{ padding: 7px;}
	.li01 .cp_bot{ font-size: 12px; line-height: 36px;}
	
	.li03 .li02-img{ width: 120px; height: 93px;}
	.li03 .li02-txt{ padding-left: 10px;}
}

 @media (max-width:450px) {
 	.index-tit h3{ font-size: 24px; line-height: 25px; }
 	.index-tit p{ font-size: 12px; line-height: 25px;}
 	.proTab a{ font-size: 12px; line-height: 30px;}
 	.swiper-probox .cp_bot{ line-height: 40px; font-size: 12px; }
 	.proMore a{ width: 135px; line-height: 30px;}
 	.wrap2{ padding: 30px 0;}
 	
 	.xw-rh{ margin-top:0;}
	.xw-rh h5{ font-size:14px; line-height:28px; height: 28px; }
	.xw-rh span{ margin-bottom:5px;}
	.xw-rh p{ font-size:12px; line-height:20px; height:60px;}
	.xw-lf .swiper-xwlf{ height:360px;}
	.xw-lf .txtbox h5{ font-size:14px; line-height:28px; height: 28px;}
	.xw-lf .txtbox span{ margin-bottom:5px;}
	.xw-lf .txtbox p{ font-size:12px; line-height:20px; height:60px;}
}
 

 @media (max-width:415px) {	
 	.navbar-toggle{ padding: 20px 0;}
 	.top-head .sjdnav{ top: 66px;}
 	.xw-lf .txtbox p{ line-height:21px; height:42px;-webkit-line-clamp:2;}
	.xw-lf .swiper-xwlf{ height:320px;}
	.xw-lf a{ padding:5px 0;}
 	
 	.mlf-top{ line-height: 40px; font-size: 21px; }
 	.rh-top p.pull-left{ display: none;}
 	.rh-top p.pull-right{ float: left !important;}
 	
 	
 	
}
 @media (max-width:350px) {
 	.proTab li, .pro_more{ width: 50%;}
 	.xw-lf .swiper-xwlf{ height:285px;}
 	
 	.case_tit a{ display: none;}
 	
 	.li01 .cp_bot span, .swiper-probox .cp_bot span{ display: none;}
 	.li01 .cp_bot, .swiper-probox .cp_bot{ padding: 0; text-align: center; line-height: 30px; }
 
}
 @media (max-width:320px) { 
	
	
	
 }