/* CSS Document */

@media (max-width:1200px) {
	.focusbox li .img{ padding-top: 40%; height: auto; }

    
    
}

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

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{background:#0e4386; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:130px; position:absolute; right:0px; top: 100%; 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; }
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px; background:#1a9ff4;  }
	.top-head .sjdnav .acta{  background:#0e4386;}
	.top-logo{ padding-right:15px; width: auto; }
	.top-logo img{ max-height: 60px;}
	
	.top-header{ position: relative; }
	.top-head{ 
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .banner{ margin-top: 75px; }


	.accordion{ padding-top: 5px; display: none; }
    .accordion li{ width: 100%; float: none; }    
    .accordion li > a:hover::after, .accordion li.on > a::after{ display: none; }
    .submenu{ position: relative; }


    .fo1{ display: none; }
    .xwClear{ background-size: cover; padding: 30px 10px 40px; }
    .swiperXw a{ box-shadow: none; }
    .xwbtn{ bottom:12px; right: 50%; transform: translateX(50%); }
    .swiperXw a{ padding: 15px; }
    .swiperXw a h3{ font-size: 17px;padding-right: 62px; }
    .swiperXw a h3 span{ font-size: 12px; }
    .swiperXw a .xw_t{ font-size: 14px; line-height: 25px; height: 50px; margin: 10px 0; }
    .swiperXw a .xwmore{ line-height: 30px; font-size: 12px; }

    .serLi .serBox .serRh h3{ font-size: 14px; line-height: 40px; }
    .serLi .serBox .serRh h3 span{ font-size: 30px; }
    .serLi .serBox .imgs{ width: 110px; border-width: 3px; }
    .serLi .serBox .serRh{ 
        width: calc(100% - 110px);
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% - 110px);
        width: -o-calc(100% - 110px);
    }
    .serLi .serBox .serRh .ser_t{ font-size: 12px; line-height: 22px; height: 66px; max-height: auto; }

    .wp2_tabs .lis{ width: 150px; }
    .wp2_tabs .lis a{ font-size: 14px; line-height: 40px; border-width: 2px; }
    .wp2_cent h3{ font-size: 14px; line-height: 40px; }

    .solus .clears .img{ padding-top: 340px; }
    .solus .clears .soluCents .solu_tit{ font-size: 1.6rem; line-height: 1.2; padding-bottom: 1rem; }
    .solus .clears .soluCents .solu_txt{ margin: 1rem 0; }
    .solus .clears .soluCents a{ width: 110px; line-height: 35px; }

    .abouts .abli h3{ font-size: 18px; line-height: 25px; }
    .abouts .abli .ab_t2{ font-size: 13px; line-height: 25px; max-height: 100px; }

    .wrap3 .index_tit{ padding-bottom: 15px; }
    .solus_txt{ font-size: 14px; }
    .swiperCoo .coo_t{ font-size: 12px; line-height: 22px; max-height: 66px; }

    .li02 a .imgs{ width: 220px; }
    .li02 .xwRh{ padding: 15px;
        width: calc(100% - 230px);
        width: -webkit-calc(100% - 230px);
        width: -moz-calc(100% - 230px);
        width: -o-calc(100% - 230px);
    }
    .li02 .xwRh h3{ font-size: 17px;padding-right: 62px; }
    .li02 .xwRh h3 span{ font-size: 12px; }
    .li02 .xwRh .xw_t{ font-size: 14px; line-height: 25px; height: 50px; margin: 10px 0; }
    .li02 .xwRh .xwmore{ line-height: 30px; font-size: 12px; }

}

@media (max-width:768px) {
	.footer{ margin-bottom: 56px; }
	.container-fluid{ padding: 0 6px; }

    .index_tit{ font-size: 2rem; line-height: 2.4rem; }
    .index_tit .p1{ color: #333; font-weight: bold; }
    .index_tit .p2{ font-size: 1.6rem; letter-spacing: 0.1rem; }
    
    .serLi{ width: 100%; }
    .serLi .serBox{ width: 100%; padding: 25px 10px; }
    .serLi:nth-of-type(even){ background-color: rgba(11, 55, 113, 0.87); }
    .serLi:nth-of-type(odd){ background-color: rgba(0, 122, 201, 0.87); }

    .abouts{ padding: 15px 0; }
    .abouts .abli{ width: 50%; margin: 10px 0; }
    .abouts .abli:nth-child(3){ border: none; }

    .home_dex img{ max-width: 70%; }
    .home_dex h3{ font-size: 3.5rem; line-height: 6rem; }
    .home_dex .p1{ font-size: 1.8rem; line-height: 2.5rem; }
    .home_dex .p2{ font-size: 1.4rem; line-height: 2rem; }

    .li01{ padding: 5px; }
    .li01 .mores{ display: none; }
    .li01 h3{ margin-bottom: 0; font-size: 14px; line-height: 36px; }
    
    .li02{ margin-bottom: 15px; }
    .li02 a .imgs{ width: 150px; }
    .li02 .xwRh{
        width: calc(100% - 160px);
        width: -webkit-calc(100% - 160px);
        width: -moz-calc(100% - 160px);
        width: -o-calc(100% - 160px);
    }
    .li02 .xwRh .xw_t{ margin: 5px 0 0; }
    .li02 .xwRh .xwmore{ display: none; }
}	

 @media (max-width:640px) {
 	


}

 @media (max-width:540px) {	 
 	.top-logo img{ max-height: 40px; }
 	.navbar-toggle{ padding: 20px 0; }
 	.top-head .sjdnav{ top: 66px; }
    
    .banner{ margin-top: 67px; }
     
     


}

 @media (max-width:450px) {
    .li02 a .imgs{ width: 120px; }
    .li02 .xwRh{ padding: 5px;
        width: calc(100% - 160px);
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: -o-calc(100% - 130px);
    }
  
    

    
 	
}
 

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


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


 }