/* CSS Document */

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

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:27px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#FF9900;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:0px; top:80px; 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:0px; background:rgba(255,255,255,0.8);}
	.top-head .sjdnav li a{display:block; color:rgba(19,19,19,0.9); line-height:40px; font-size:14px;}
	.top-head .sjdnav .acta{color:#fff; background:#FF9900;}
	.top-logo{ padding-right:15px; width: auto; padding-top: 0; float: none; height: auto;}
	.top-logo img{ max-height: 65px; }

	
	.abclear{ padding: 40px 0;}
	.abLf{ width: 100%; padding: 0; float: none; }
	.abRh{ width: 600px; float: none; max-width: 100%; margin-top: 20px; }
	.abLf .abTxt{ height: auto; max-height: 224px; }
	
	.abContent{ }
	.txtcn{ font-size: 14px; line-height: 30px; margin-bottom: 20px; }
	.txtcn h3{ font-size: 24px; line-height: 35px; margin-bottom: 5px; }
	.txtus h3{ margin-bottom: 0;}
	.txtus{ font-size: 14px; line-height: 30px; }
	.styclear > div{ width: 100%; margin-bottom: 15px; }
	.styclear .styImg img{ width: auto;}
	
	
	.mbTop .mboxLf{ display: none;}
	.mbTop .mboxRh{ padding: 10px 15px; }
	
	.li01_clear .li_rh h3{ font-size: 20px; padding: 10px 0; }
	.li01_clear .li_rh .rh_txt .txt{ font-size: 14px; line-height: 28px; max-height: 84px; }
	.li01_clear .li_rh .rh_txt{ height: 140px;}
	.li01_clear .li_img{ width: 285px; height: 196px; }
	.li01_bot{ padding: 20px; }
	.li01_bot .txt{ font-size: 14px; line-height: 28px; max-height: 140px; }
	
	.mbcontent2 .mboxLf{ width: 100%; float: none; min-height: auto; padding: 0 15px; margin-top: 15px; background: none; }
	.accordion{ padding: 0 10px; display: none; background: #F8F8F8; }
	.accordion li .link{ font-size: 16px; line-height: 45px;}
	
	
	.rhcont{ width: 100%; padding: 20px 15px; }

	.rhcont img{ overflow: hidden; width:31%; margin:1%;}
	
	
	
	
	
	
	
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px; padding: 15px 0; text-align: center; font-size: 14px; line-height: 25px; }
	.joinRh{ display: none; }
	.joinLf{ width: 100%;}
	.join:before{ display: none;}
	.joinForm{ padding: 20px;}
	
	.li01{ margin-bottom: 25px;}
	.li01_clear .li_rh .rh_txt{ padding: 10px; height: 105px; }
	.li01_clear .li_rh .rh_txt .txt{ line-height: 25px; max-height: 75px; }
	.li01_clear .li_rh h3{ font-size: 16px; line-height: 25px; }
	.li01_clear .li_img{ height: 150px; width: 225px; }
	.rhcont img{ overflow: hidden; width:31%; margin:1%;}
	
	
	
}

 @media (max-width:640px) {
 
 .rhcont img{ overflow: hidden; width:45%; margin:1%;}
 
 
}

 @media (max-width:540px) {
 	.top-logo img{ max-height: 50px; }
 	.navbar-toggle{ padding: 18px 0;}
 	.top-head .sjdnav{ top: 62px;}
 	
 	.styclear .stybox ul li{ padding: 10px 0;}
 	.styclear .stybox ul li h3{ font-size: 16px; line-height: 25px; }
 	.styclear .stybox ul li h4{ font-size: 14px; line-height: 25px; }
 	.abli .abmark h4{ line-height: 15px;}
 	.abli .abmark{ height: 50%;}
 	.abli a:hover .abmark img{ display: none;}
 	
 	.mbTop .mboxRh{ padding: 10px 15px;}
 	.mbTop .mboxRh p.pull-left{ display: none;}
 	.mbTop .mboxRh p.pull-right{ float: left !important; }
 	
 	.styli{ margin: 30px 0;}
 	
 	.li01_clear .li_rh .rh_txt .txt{ font-size: 12px; line-height: 22px; max-height: 66px; }
 	.li01_clear .li_rh .rh_txt{ height: 86px;}
 	.li01_clear .li_img{ height: 130px;}
 	.li01_bot{ padding: 18px 14px;}
 	
 	
 	.rhform .form-group{ margin-bottom: 10px;}
 	.rhform label{ width: 100%; float: none; height: auto; line-height: 25px; display: block; }
 	.rhform .form1{ width: 100%; }
 	.rhform .form1 .form-control{ width: 100%; float: none; }
 	.rhform .form1 .p_txt1{ width: 100%; padding: 0; }
 	.rhform .form1 .btn{ margin: 2px; }
 	
 	
 	.li02{ padding: 5px;}
 	.li02 .xw_txt h3{ font-size: 16px; line-height: 25px; }
 	.li02 .xw_txt .span{ font-size: 12px; line-height: 20px;}
 	.li02 .xw_txt .txt2{ line-height: 24px; height: 48px; font-size: 12px; }
 	.li02 .xw_txt .span2{ margin: 5px 0 0;}
	.rhcont img{ overflow: hidden; width:45%; margin:1%;}
}

 @media (max-width:450px) {

 .rhcont img{ overflow: hidden; width:45%; margin:1%;}
 	
}
 

 @media (max-width:415px) {	
 	.joinForm .form-group label{ float: none; line-height: 30px; height: auto; font-size: 14px; }
 	.joinForm .form-group{ margin-bottom: 10px;}
 	.joinForm .form-group .btn{ font-size: 14px;}
	.rhcont img{ overflow: hidden; width:45%; margin:1%;}
 	
}
 @media (max-width:350px) {
 	
  .rhcont img{ overflow: hidden; width:45%; margin:1%;}
 	
 
}
 @media (max-width:320px) { 
	
	 .rhcont img{ overflow: hidden; width:45%; margin:1%;}
	
 }