/* 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:#2e6195;}
	.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(26,77,147,0.7);}
	.top-head .sjdnav .acta{color:#fff; background:#2e6195;}
	.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;}

	.mainBox{ padding-top: 30px;}
	.mboxLf{ width: 100%; float: none; margin: 0; background: none; padding: 0; }
	.itemtit{ background: #026bbb; padding: 0; border: none; font-size: 22px; line-height: 45px; position: relative; }
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
	.accordion{ display: none; padding: 15px 10px; }
	.accordion .link{ padding: 0; text-align: center; line-height: 40px; }
	.submenu{ width: 100%; padding: 0 20px; }
	.mboxRh{ padding: 0; width: 100%;}
	.rhtit{ margin-top: 10px;}
	
	.abLf{ float: none; }
	.abrh{ width: 100%; padding: 0; margin-top: 20px; }
	.abrh .pmore{ padding: 10px;}
	.abrh .ab_txt{ height: auto; max-height: 140px; }
	.tabs li a{ font-size: 14px; line-height: 30px; width: 140px; }
	.tabs li{ border: 2px solid #E6E6E6; border-radius: 8px; margin: 0 5px; }
	.xwtabs li a{ font-size: 14px; line-height: 30px; width: 140px; }
	.xwtabs li{ border: 2px solid #E6E6E6; border-radius: 8px; margin: 0 5px; }

}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	
	
	
	
	
}

 @media (max-width:640px) {
 	.xwli{ width: 100%; padding: 0; margin-bottom: 12px; }
 	.swiper-proboxs .swiper-slide{ padding: 3px;}
 	.swiper-zz a{ padding: 2px;}
 	.tactRh{ padding: 0;}
	.rhcont p img{ width: 85%; height:auto;}
	.rhcont img{ width: 85%; height:auto;}
}

 @media (max-width:540px) {
 	.top-logo img{ max-height: 47px; }
 	.navbar-toggle{ padding: 18px 0;}
 	.top-head .sjdnav{ top: 62px;}
 	.index_tit p{ font-size: 20px; line-height: 25px; }
 	.index_tit h3{ font-size: 22px; }
	.xwtabs li a{ width: 105px;}
	.xwtabs li{ margin: 1px;}
	.tabs li a{ width: 105px;}
	.tabs li{ margin: 1px;}
	.swiper-video .vimg .vmark img{ max-width: 20%;}
	.swiper-video h3 span{ display: none; }
	.swiper-video h3{ padding: 0; text-align: center; font-size: 12px; line-height: 26px; }
	.swiper-video a{ padding: 1px;}
	
	.swiper-proboxs .swiper-slide a .pmark{ height: 40px; }
	.swiper-proboxs .swiper-slide a .pmark img{ display: none;}
	.swiper-proboxs .swiper-slide a .pmark h3{ font-size: 14px;}
	
	.rhtit{ line-height: 34px;}
	.rhtit .pull-left{ display: none;}
	.rhtit .pull-right{ float: left !important; }
	
	.li01{ padding: 4px;}
	.li01 a{ padding: 2px;}
	.li01 a .li01_img .pmark img{ display: none;}
	.li01 a .li01_img .pmark{ height: 40px; }
	.li01 a .li01_img .pmark h3{font-size: 14px; }
	
	.li02{ padding: 4px;}
	.li02 a{ padding: 1px;}
	.li02 h3 span{ display: none;}
	.li02 h3{ padding: 0; text-align: center;}
	
	.li03{ margin-bottom: 15px;}
 	.li03 a{ padding: 5px;}
 	.li03 .newtxt{ padding-left: 10px;}
 	.li03 .newtxt h3{ line-height: 25px; font-size: 14px; }
 	.li03 .newtxt .span{ margin: 3px 0 4px;}
 	.li03 .newtxt .new_t{ font-size: 12px; line-height: 22px; height: 66px; }
 	.li03 .newimg{ width: 145px; height: 100px; }
	.rhcont p img{ width: 85%; height:auto;}
	.rhcont img{ width: 85%; height:auto;}
 	
 	
}

 @media (max-width:450px) {

 .rhcont p img{ width: 85%; height:auto;}
	.rhcont img{ width: 85%; height:auto;}
 	
}
 

 @media (max-width:415px) {	
 
.rhcont p img{ width: 85%; height:auto;}
.rhcont img{ width: 85%; height:auto;}
 	
 	
}
 @media (max-width:350px) {
 	
 	.rhcont p img{ width: 85%; height:auto;}
	.rhcont img{ width: 85%; height:auto;}
 	
 
}
 @media (max-width:320px) { 
	
	.rhcont p img{ width: 85%; height:auto;}
	.rhcont img{ width: 85%; height:auto;}
	
 }