/* CSS Document */

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

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:26px 0;}
	.navbar-toggle .icon-bar{background:#0067ac; width:32px; height:4px; border-radius:0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:5px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:0px; top:76px; z-index:110 !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; background:rgba(0,0,0,0.5); }
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px; }
	.top-head .sjdnav .acta{color:#fff; background:#0067ac;}
	.top-nav-wrap{ display:none !important;}
	.top-logo{ padding-right: 15px;}
	.top-logo img{ max-height: 50px; }
	.headt{ display: none;}
	.top-line{ display: none; }
	
	
	.mbox{ padding-top: 36px;}
	.mboxLeft{ width: 100%; float: none; }
	.itemtit{ background: #0067ac; padding: 0; font-size: 20px; line-height: 46px; text-align: center; font-weight: bold; }
	.itemtit p{ display: none;}
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
	.itemtit i{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
	.accordion{ display: none;}
	.mboxRight{ padding: 0; margin-top: 15px; width: 100%; }
	.mboxCont{ min-height: auto; }
	.reasonbt{ height: 125px; }
	.reason1{ height: 340px; }
	.reason2{ height: 350px; }
	.reason3{ height: 348px; }
	.reason4{ height: 262px; }
	.abboxs .abimg{ width: 100%; float: none; max-width: 100%; }	
	.abRh{ width: 100%; padding: 0; }
	.f_logo{ display: none; }
	.copyright1{ padding: 0; }
	.f_nav{width: 40%; }
	.f_code{} 
	
	.mLeft{ width: 100%; float: none; }
	.mitem{ width: 100%; background: #0067ac; padding: 0; font-size: 20px; line-height: 46px; text-align: center; font-weight: bold; position: relative; color: #FFFFFF; margin-bottom: 5px; }
	.mitem span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;  }
	.mitem i{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
	.accor2{ display: none; }
	.mRight{ width: 100%; float: none; margin-top: 12px; }
	
	
	
	
	
}

 @media (max-width:768px) {
	.footer{ margin-bottom: 56px; padding: 25px 0; }
	.wrap4 .container-fluid > div:first-child .xwli{ padding: 0; }
	.wrap4 .container-fluid > div:last-child{ margin-top: 20px; }
	.wrap4 .container-fluid > div:last-child .xwli{ padding: 0; }
	.reasonbt{ }
	.reason1{ height: 290px; }
	.reason2{ height: 300px; }
	.reason3{ height: 298px; }
	.reason4{ height: 212px; }
	
	.lefta{ width: 100%; }
	.righta{ width: 100%; max-width: 100%; }
	
	.cali{ width: 20%; }
	
	
}

 @media (max-width:640px) {
	.f_nav{ display: none; }
	.copyright1{ width: 70%; }
	.copyright1 h3{ margin-bottom: 15px; }
	.f_code{ max-width: 30%; }
	.f_code span{ margin-bottom: 15px; }
	
	
}

 @media (max-width:540px) {	 
 	.mboxCont{ padding: 20px 15px; }
 	.reasonbt{ height: 90px; }
	.reason1{ height: 200px; }
	.reason2{ height: 210px; }
	.reason3{ height: 208px; }
	.reason4{ height: 122px; }
	
	.mrhtop1{ font-size: 12px; line-height: 36px; padding-left: 5px; }
	.rh_main{ padding: 15px 5px; }
	.li01{ width: 50%; }
	.swiper-base_m a .tt1{ font-size: 12px; }
	
	.li02 a{ padding: 10px; }
	.li02 .xwrh{ padding-left: 10px; }
	
	.cali{ width: 25%; }
	
	.message .form-group{ width: 100% !important; }
	
}

@media (max-width:450px) {
 	.reasonbt{ height: 50px; }
	.reason1{ height: 150px; }
	.reason2{ height: 160px; }
	.reason3{ height: 158px; }
	.reason4{ height: 102px; }
	.abtop .pull-right{ display: none; }

	.navbar-toggle .icon-bar{ width: 30px; }
	.navbar-toggle{ padding: 20px 0; }
	.top-head .sjdnav{ top: 64px; }	
	
}
 

@media (max-width:415px) {
	.li02 .xwrh h3 span{ display: none; }
	.li02 .xwrh h3{ padding: 0; line-height: 25px; }
	.li02 .xwimg{ margin-top: 5px; }
	
	.cali{ width: 33.33%; }
	
}


@media (max-width:380px) {
	.reason1{ height: 120px; }
	.reason2{ height: 140px; }
	.reason3{ height: 138px; }
	/*.reason4{ height: 52px; }*/


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


 }