/* CSS Document */

@media (max-width:1200px) {
	.hot_hid .hot_ul .hot_li a{ width: 105px; line-height: 30px; font-size: 13px; }
	.hot_hid .hot-title{ font-size: 20px;}
	.hot_hid .hot-detail{ line-height: 14px; line-height: 25px;}
	
	
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:40px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#47b792;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:106px; 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:rgba(71,183,146,0.8);}
	.top-head .sjdnav .acta{color:#fff; background:#47b792;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px;}

	
	.mainBox{ padding-top: 30px;}
	.mainRight{ padding: 0; width: 100%;}
	.mainLeft{ width: 100%;}
	.itemtit{ letter-spacing: 1px; position: relative; text-align: center; padding: 0; font-size: 20px; line-height: 50px; font-weight: normal;}
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.accordion{ display: none;}

	.hot_tab{ width: 100%; float: none;}
	.hot_tab li{ width: 25%; float: left; }
	.hot_box{}
	.hot-btn{ margin: 15px auto;}
	.hot-top{ line-height: 40px;}
	.footer p{ width: 100%; text-align: center;}
	.top-header{ z-index: 9999; position: fixed; top: 0; background: rgba(255,255,255,0.8); }
	.banner{ margin-top: 106px; }
	
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	
	.li01 .li01-img{ width: 38%; height: 155px; }
	.li01 .li01-text .li01-tit{ line-height: 25px;}
	.li01 .li01-text .li01-tit p.pull-left{ font-size: 18px; width: 100%;}
	.li01 .li01-text .li01-tit p.pull-left span{ font-size: 12px;}
	.li01 .li01-text .li01-tit p.pull-right{ width: 100%; font-size: 14px; position: static; }
	.li01 .li01-text .li01-txt{ margin: 10px 0;}
	.li01 .li01-text{ padding-left: 12px;}
	.li01 .li01-text .li01-more{ line-height: 30px;}
	
}

 @media (max-width:640px) {
 	.hot_hid{ height: auto;}
 	.hot_hid .category{ width: 100%; min-height: 240px; height: auto; }
 	.hot_hid .category:first-child{ border-bottom: 1px solid #EBEEF1; border-right: 0; }
 	.hot_hid .hot-title{ margin-top: 20px;}
 	.hot_tab li .icon{ margin-right: 0;}
 	.hot_tab li{ height: auto; line-height: 55px; width: 50%; }
 	
 	.agent-li .agent-mark .ptit{ font-size: 18px; line-height: 25px; margin-top: 10px;}
 	.agent-li .agent-mark .pic{ line-height: 25px; margin: 0; }
 	.agent-li .agent-mark .price{ font-size: 18px; line-height: 25px; }
 	.agent_img .agent-mark .pic{ font-size: 14px; line-height: 20px; }
 	.agent_img .agent-mark .price{ font-size: 24px; line-height: 25px;}
 	.agent_img .agent-mark .price span{ font-size: 14px;}
 	.agent_img .agent-mark .pmore{ font-size: 14px; line-height: 32px; border-radius: 16px; }
 	.agent_img .agent-mark img{ max-width: 50%;}
 	
 	.brand-li a{ position: relative; height: auto; padding: 0; }
 	.brand-li a:after{ content: ''; display: block; padding-top: 100%;}
 	.brand-li .brand-box{ position: absolute; left: 0; /*top: ;*/}
 	.brand-li .brand-box .ptit{ font-size: 18px; line-height: 25px; margin-top: 10px;}
 	.brand-li .brand-box .pic{ line-height: 25px; margin: 0; }
 	.brand-li .brand-box .price{ font-size: 18px; line-height: 25px; }
 	.brand-li:first-child a:after{ padding-top: 50%;}
 	.brand-li:first-child .brand-box .ptit{ font-size: 28px; margin: 0;}
 	.brand-li:first-child .brand-box .pic{ font-size: 14px; margin: 0;  }
 	.brand-li:first-child .brand-box .price{ font-size: 24px; line-height: 25px;}
 	.brand-li:first-child .brand-box .price span{ font-size: 14px;}
 	.brand-li:first-child .brand-box .pmore{ font-size: 14px; line-height: 32px; border-radius: 16px; }
 	
 	.other_img .other-mark img{ max-width: 50%;}
 	.other_img .other-mark .pic{ font-size: 14px; line-height: 20px; }
 	.other_img .other-mark .price{ font-size: 24px; line-height: 25px;}
 	.other_img .other-mark .price span{ font-size: 14px;}
 	.other_img .other-mark .pmore{ font-size: 14px; line-height: 32px; border-radius: 16px; }
 	.other-li .other-mark .other-txt{ line-height: 20px;}
 	.other-li .other-mark .other-txt .ptit{ font-size: 16px;}
 	.other-li .other-mark .other-txt .price{ font-size: 14px;}
 	
 	.serli .serbox{ height: auto; overflow: hidden; }
 	.serli .serbox .serImg{ width: 50%;}
 	.serli .serbox .serImg .img{ padding-top: 100%;}
 	.serli .serbox .sertext{ position: relative; width: 50%; }
 	.serli .serbox .sertext:before{ content: ''; display: block; padding-top: 100%;}
 	.serli .serbox .sertext .sertxt{ position: absolute; left: 0; top: 0; }
 	.serli .serbox .sertext .ptit{ font-size: 18px; line-height: 25px; margin-top: 10px;}
 	.serli .serbox .sertext .pic{ line-height: 25px; margin: 0; }
 	.serli .serbox .sertext .price{ font-size: 18px; line-height: 25px; }	
 	
  	.index-tit{ font-size: 20px; line-height: 36px;}
 	.index-tit span{ font-size: 12px;}
}

 @media (max-width:540px) {	 
 	.navbar-toggle{ padding: 30px 0;}
 	.top-head .sjdnav{ top: 86px;}
	 .banner{ margin-top: 86px; }
	
}

 @media (max-width:450px) {
 	.navbar-toggle{ padding: 22px 0;}
 	.top-head .sjdnav{ top: 70px;}
	 .banner{ margin-top: 70px; }
 	.agent-wrap{ padding-top: 20px;}
 	.agent-lf, .agent-li{ padding: 3px;}
 	.agent_img .agent-mark .pic{ font-size: 12px; line-height: 16px;}
 	.agent_img .agent-mark .price{ font-size: 20px; line-height: 20px;}
 	.agent_img .agent-mark .pmore{ margin-top: 5px;}
 	.agent-li .agent-mark .ptit{ font-size: 14px; line-height: 20px; margin-top: 5px; }
 	.agent-li .agent-mark .pic{ font-size: 12px; line-height: 20px;}
 	.agent-li .agent-mark .price{ line-height: 20px; line-height: 14px;}
 	
 	.brand-li:first-child a:after{ padding-top: 60%;}
 	.brand-li:first-child .brand-box .ptit{ font-size: 20px;}
 	.brand-li:first-child .brand-box .pic{ font-size: 12px; line-height: 16px;}
 	.brand-li:first-child .brand-box .pmore{ margin-top: 5px;}
 	.brand-li .brand-box .ptit{ font-size: 14px; line-height: 20px; margin-top: 5px; }
 	.brand-li .brand-box .pic{ font-size: 12px; line-height: 20px; }
 	.brand-li .brand-box .price{ line-height: 20px; line-height: 14px;}
 	
 	.other_img .other-mark .pic{ font-size: 12px; line-height: 16px;}
 	.other_img .other-mark .price{ font-size: 20px; line-height: 20px;}
 	.other_img .other-mark .pmore{ margin-top: 5px;}
 	.other-li .other-mark .other-txt{ line-height: 18px;}
 	.other-li .other-mark .other-txt .ptit{ font-size: 14px;}
 	.other-li .other-mark .other-txt .price{ font-size: 12px;}
 	
 	.serli{ padding: 3px;}
 	.serli .serbox .sertext .ptit{ font-size: 14px; line-height: 20px; margin-top: 5px; }
 	.serli .serbox .sertext .pic{ font-size: 12px; line-height: 20px;}
 	.serli .serbox .sertext .price{ line-height: 20px; line-height: 14px;}
 	
 	.li01 .li01-text .li01-tit{ line-height: 20px; padding-bottom: 5px; padding-right: 0 }
 	.li01 .li01-text .li01-txt{ font-size: 13px; line-height: 22px; height: 44px; margin: 5px 0;}
 	
 	.service-desc .tab-box li{ width: 33.3%;}
 	.mrh-deta .deta-tit{ line-height: 26px; padding: 10px 0; }
	.mrh-deta .deta-tit span{ font-size: 22px;}
	.li02{ padding: 5px;}
	.li02 h3{ font-size: 14px; line-height: 30px;}

}
 

 @media (max-width:415px) {	
 	.li01{ padding: 0; margin-bottom: 20px; }
 	.li01 a{ padding: 0;}
 	.li01 .li01-img{ width: 100%; height: auto; }
 	.li01 .li01-img .img{ padding-top: 60.2%;}
 	.li01 .li01-text{ float: right; width: 100%; padding: 0; margin-top: 15px;}
 	
 	
 	
 	
}
 @media (max-width:350px) {
 	.navbar-toggle{ padding: 16px 0;}
 	.top-head .sjdnav{ top: 58px;}
	 .banner{ margin-top: 58px; }
 	
 	
}
 @media (max-width:320px) { 
	
	
	
 }