html{
    font-size: 16px;
}
.container{width: 100%;}
.banner  img{width: 100%;height: auto;position: relative;}
.back_Index{position: absolute;top: 0px;right: 12%;border: none;background-color: rgb(255,255,255,0.37);color: #fff;font-size: 1rem; padding: 0.625rem 1.26rem;border-radius: 0.1875rem;}
.w1000{ width:1000px; margin: 0px auto;}
.w1000_box{background-color: #1f2655;height: 5rem;display: flex;flex-direction: row;align-items: center;}
.listTitle {
    display: flex;
    flex-direction: row;
    justify-items: center;
}
.listTitle a{color: #fff ; font-size: 1.875rem;}
.listTitle li{float: left;font-size: 1.875rem;text-align: center; width: 25%;margin: 0.9375 0;border-right: 1px solid rgb(255,255,255,0.27); box-sizing: border-box;}
.listTitle li:nth-last-child(1){border: none;}
.footer{ margin-top:30px; border-top: 3px solid #006dac;  padding:30px 0; background:#fff;}
.footer a, .footer p{ color:#666; font-size:14px; line-height:25px; }
.footer .footer-con{ float:left; }
.footer .footer-con01{ width:205px; }
.footer .footer-con02{ width:355px; }
.footer .footer-con03{ width:240px; }
.footer .footer-con04{ float:right; }

.title{ width: 100%;}
.title h3 a{ display: block;width:100%;height:102px; line-height: 102px; background-repeat: no-repeat; background-size: contain;}


.list li{border-bottom: 1px solid #eee;line-height: 2.8;background: url(index_list_icon.png) no-repeat left center;padding-left: 15px;}
.list li::after{ content: '';width: 0; height: 0; display: block; clear: both;}
.list li a{  display:block; width: 54em; float: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list li span{ display:block; float: right;color: #998;}


.list1 li{border-bottom: 1px solid #eee;line-height: 2.8;background: url(index_list_icon.png) no-repeat left center;padding-left: 15px;}
.list1 li::after{ content: '';width: 0; height: 0; display: block; clear: both;}
.list1 li a{display:block;width: 22em;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list1 li span{ display:block; float: right;}



.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.new{ width: 100%;}
.new .w1000 { margin-top: 20px;}
.new .conl{ width: 45%; height: 230px;}
.new .conr{ width: 50%; height: 230px;}
.new .conl img { width: 100%; height: 230px;}


.report_bg{ width: 100%;height: 260px; background:url(imgBJ1.png) no-repeat; background-size: cover;}


.plan_bg{ width: 100%;height: 320px; background:url(imgBJ2.png) no-repeat; background-size: cover;}
.plan_img{ width: 100%; }
.plan_img  a{ position: relative; width:32% ; display: inline-block; margin-right: 1%; border-radius: 10px; overflow: hidden;}
.plan_img  a img{ width: 100%; height: 200px;}
.plan_img  a span{ font-size: 14px; text-align: center; display: block; position: absolute; left: 0; bottom: 0; width: 100%; line-height: 30px; background: rgb(0,0,0,0.5);color: #fff;}
.foolter{ width: 100%; border-top: 3px solid blue; padding: 20px 0;font-size: 14px;} 
.foolter .foolter_l { margin-right: 140px;}
.foolter .foolter_r { width: 20%;}
.foolter .foolter_r img{ width: 100%;}


@media only screen and (max-width: 1100px) {
    body .main{ font-size: 12px;}
    .w1000,.w1200{ width: 100%;}
    .foolter .w1200{ width: 95%;margin: 0px auto;}
    .fl,fr{ float: none;}
    .banner{/* height: 19rem; */}
    .banner img{/* height: 92%; */}
    .back_Index{right:0}
    .listTitle li{width: 100%;border-right: none;}
    .w1000_box{height: 12rem;padding: 0.5rem 0;}
    .w1000_box,.listTitle{display: block;}
    .title h3 a {line-height: 80px;height: 80px;background-position: center;margin: 20px auto;background-size: auto 80px!important;}
    .new .conl,.conr{ width: 100% !important;}
    .slideBox{width: 100% !important;}
    .slideBox .bd{width: 100% !important;}
    .new .conr{ display: none;}
    .list li{width: 88%;margin: 0px auto;}
    .list li a{ width: 75%;}
    .report_bg,.plan_bg{height: auto;}
    .plan_bg{height: auto;}
    .plan_img{ display: none;}
    .foolter{ height: 150px;}
    .foolter .foolter_l { margin-right: 0px;}
    .foolter .foolter_c  { display: none;}
    .foolter .foolter_r  { width: 36%;}
    /* 底部 */
    .footer{ border-top: 3px solid #006dac; padding: 20px 0; }
    .footer .footer-con{ float:left; text-align:center; }
    .footer .footer-con01 p，.footer .footer-con01 a{ font-size:14px; display:inline-block; margin: 0 4px; }
    .footer a, .footer p{ color:#666; font-size:14px; line-height:25px; }
    .footer .footer-con01, .footer .footer-con02, .footer .footer-con03{ width: 100%; }
    .footer .footer-con04{ float:none; }
    html{
        font-size: 14px;
    }
}


@media only screen and (max-width: 375px) {
    .work-3 a{ font-size:16px; }
    html{
        font-size: 8px;
    }
}

@media only screen and (max-width: 320px) {
    .xjgs .wyhhszs{ margin-left:10px; }
    .zsl{ width:100%; box-sizing:border-box; background-size: 100% 100%; }
    .tab_hd { overflow: scroll; overflow-y:hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; cursor:move; }
    .tab_hd ul{ width:340px; }
    .xxgk-search{ padding: 9px 9px; }
    
}