/* CSS Document */

@media (max-width:1200px) {
    .header-nav{ width: 100%; padding-right: 0; }
    .codes{ display: none; }
    .top-logo{ width: 350px; }
    .headRh{ 
        width: calc(100% - 370px); 
        width: -webkit-calc(100% - 370px);
        width: -moz-calc(100% - 370px);
        width: -o-calc(100% - 370px);
    }

    .focusbox li .img{ padding-top: 35%; }
 
    
    .footer .pull-left{ width: 100%; text-align: center; }

}



@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{background:#1ca4de; 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;  background:#f4f4f4; }
	.top-head .sjdnav li{display:block; padding:0; text-align:center; border-bottom: 1px solid rgba(28, 164, 222, 0.2); }
	.top-head .sjdnav li a{display:block; color:#333; line-height:40px; font-size:14px; }
	.top-head .sjdnav .acta{  background:#1ca4de; color: #fff; }

    .top-head .sjdnav li{ position: relative; }
    .top-head .sjdnav li:nth-child(2) > a::before,.top-head .sjdnav li:nth-child(3) > a::before{ content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #1ca4de; position: absolute; left: 10px; top: 50%; margin-top: -5px; }
    .top-head .sjdnav li .li_list{ position: absolute; right: 100%; top: 0; width: 120px; background:#f1f1f1; border: 1px solid rgba(28, 164, 222, 0.2); border-bottom: 0; display: none; }
    .top-head .sjdnav li .li_list a{ border-bottom: 1px solid rgba(28, 164, 222, 0.2);  line-height: 36px; }
.top-head .sjdnav .qiu .li_list{ display: block; }
	.top-logo{ padding-right:15px;}
	.top-logo img{ max-height: 60px;}

    .wrap4{ display: none; }
    
    .gsBox .gs_txt{ width: 100%; float: none; }
    .gsBox .gsImg{ max-width: 100%; float: none; }

    .li02{ width: 100%; margin-bottom: 20px; }


    .banner{ margin-top: 74px; }
    .swiperWp1{ justify-content: center; }
    .swiperWp1 > div{ width: 25%; }


}

@media (max-width:768px) {
	.footer{ margin-bottom: 56px; }
    .container-fluid{ padding: 0 6px; }

    .wp3_col{ width: 100%; display: none; }
    .wp3_col:first-child{ display: block; }

    .mb_tit .rh1{ width: 100%; text-align: center; font-size: 18px; }
    .mb_tit .rh1 a{ margin: 0 8px;font-size: 16px; }
    .cpDiv h4{ font-size: 20px; line-height: 30px; }
    .cpDiv .clearfix{ margin: 0; }

    .li01{ padding: 10px 5px; }
    .li01 h3{ font-size: 14px; line-height: 30px; margin-top: 5px; }

    .pc-slide{ margin: 0 0 20px 0; float: none; width: 100%; }

    .data_index{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }

    .li02 .xw_t{ height: 50px; -webkit-line-clamp: 2; }
    .li02 h3{ font-size: 18px; line-height: 30px; }
    .li02 .mores{ line-height: 24px; font-size: 12px; margin-top: 5px; }
    .li02 .xwRh{ padding: 5px 10px; 
        width: calc(100% - 150px);
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: -o-calc(100% - 150px);
    }
    .li02 .imgs{ width: 150px; height: 130px; }

    .li03{ padding: 10px 5px; }
    .li03 h3{ font-size: 14px; line-height: 30px; margin-top: 5px; }

    .index_tit .p1,
    .index_tit .p3{ display: none; }

    .swiperWp1 a img{ max-width: 80%; margin: 5px auto; }
    .swiperWp1 h3{ font-size: 14px; }

    .li2{ padding: 4px; }
    .li2 h3{ font-size: 12px; line-height: 30px; padding: 0 4px; }
    .li2 h3 span{ font-size: 10px; }

}	

 @media (max-width:640px) {
    
   
    

}

 @media (max-width:540px) {	 
    .top-logo img{ max-height: 45px; }
    .navbar-toggle{ padding: 20px 0; }
    .top-head .sjdnav{ top: 66px; }

    .banner{ margin-top: 66px; }

    .swiperWrap1 h3{ font-size: 16px; line-height: 35px; }
    .wp3_col{ padding: 8px 0; }

}

 @media (max-width:450px) {
    .li02 .imgs{ width: 110px; height: 100px; }
    .li02 .xwRh{
        width: calc(100% - 110px);
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% - 110px);
        width: -o-calc(100% - 110px);
     }
     .li02 h3{ font-size: 16px; line-height: 25px; }
     .li02 .xw_t{ font-size: 12px; line-height: 22px; height: 44px; }
     .li02 .mores{ display: none; }

}
 

 @media (max-width:415px) {	
 	
 	
 	
 	
 	
 	
 	
}


 @media (max-width:350px) {
 	
 	
	
}
 @media (max-width:320px) { 


 }











