html, body{ min-width: 100%; }
.container01 .aleft{ width: 43.75%; }
.container01 .aright{ width: 51.875%; }
.logo img{ height: auto; max-width: 100%; }
.logo{ width:21%; }
.nav li{ margin-left: 0.45rem; }
.container01:after{ width: auto; left: 43.75%; right: 0; margin-left: 50px; }
.container01 .aright .ll{ width: 48.2%; }
.container01 .aright .rr{ width: 50%; }
.container02 .aleft{ width: 44%; }
.container02 .aright{ width: 53.75%; }
.container04 .aleft{ width: 58.75%; }
.container04 .aright{ width: 37.8125%; }
.s4PtList li{ width: 47.87%; }
.container04 .aright .item .txt{ width: 33.88%; }
.container04 .aright .item .pic{ width: 66.12%; }
.con05_1 .aleft{ width: 50%; }
.con05_1 .aright{ width: 48.125%; }
.con05_1 .aright .content .ll{ width: 78%; }
.con05_1 .aright .content .rr{ width: 19.6%; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media( max-width: 1760px){
    .head .wp{ width: 1600px; }
    .head .rr:after{ background-size: 100% 100%; }
}
@media( max-width: 1630px){
    .head .wp,.wp{ width: 1500px; }
    .head .rr:after{ height: 60px; bottom: -15px; left: -35px; }
    }
@media( max-width: 1530px){
    .head .wp,.wp{ width: 1400px; }

    }
@media( max-width: 1430px){
    .head .wp,.wp{ width: 1300px; }
    .head .rr:after{ display: none; }
    .nav li{ margin-left: 0.25rem; }
    .foot .rr{ padding-right: 0; width: 430px; }
    .foot .ll{ width: 480px; }
    }
@media( max-width: 1330px){
    .head .wp,.wp{ width: 1200px; }
    .foot .ll{ position: relative; z-index: 100; }
}
@media( max-width: 1230px){
    .head .wp,.wp{ width: 1100px; }
    .nav li h2{ font-size: 16px; }
    .ftitem p{font-size: 13px;}
    .foot .ll{ width: 420px; }
    .foot .ftlink{ width: 250px; }
    .foot .rr{ width: 400px; }
    .container04 .aright .item .txt{ padding:15px 10px; }
    }
@media( max-width: 1130px){
    .head .wp,.wp{ width: 970px; padding:0 15px; box-sizing: border-box; }
    .head{ height: 50px; padding:0; background: #a51414; }
    .head:before{ display: none; }
    .head .wp{ width: 100%!important; padding:0 15px; }
    .nav ul{ position: fixed; display: none; left: 0; top: 0; background: #a51414; padding-top: 50px; max-height: 100%; overflow-y: auto; right: 0; }
    .nav ul li{ display: block; }
    .logo{ position: relative; z-index: 1000; background: #a51414; }
    .nav li .sub{ position: static; width: 100%; display: none; margin:0; transform: translate(0,0); }
    .nav ul li:hover .sub{ display: none; }
    .nav li h2 a{ display: block; line-height: 40px; padding:0; }
    .head .rr .top{ line-height: 50px; margin-right: 50px; height: 50px; position: relative; z-index: 1000; }
    .container01 .aleft{ width: 100%; }
    .list1w a .pic{ height: auto; padding-top: 65.71%; }
    .container01:after{ left: 15px; margin-left: 0; right: 15px; }
    .container01 .aright{ width: 100%; box-sizing: border-box; padding:0 30px 0 30px; }
    .container01 .aright .rr a .pic{ padding-top: 63%; height: auto; }
    .container02 .aleft{ width: 100%; }
    .container02 .aright{ width: 100%; margin-top: 30px; }
    .s2Pt li a .pic{ height: auto; padding-top: 200%; }
    .container04 .aleft{ width: 100%; }
    .container04 .aright{ width: 100%; margin-top: 40px; }
    .container02 .content{ box-sizing: border-box; }
    .con05_1 .aleft{ width: 100%; }
    .con05_1 .vid a .pic{ padding-top: 75%; }
    .con05_1 .aright{ width: 100%; }.menu-button{ display: block; }
.nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav li .sub{ left: 0; opacity: 0; transition: 0s all; visibility: visible; opacity: 1!important; top: 0; position: static!important; transform: normal!important; }
    .nav li:hover .sub{ transform: translateX(0%) scaleY(1); }
    .nav li .sub a{ text-align: left; padding-left: 25px; }
    .new_container .content .left{width:100%;margin-bottom: 0px;}
    .new_container .content .right{width:100%;}
    .list_box1 li{width:100%}
    .list_box1 li a{padding:20px 10px}
}
@media( max-width: 991px){
    .wp{ width: 750px; }
    .foot .ll{ width: 50%; }
    .foot .rr{ width: 50%; margin-top: 50px; }
    .ftlogo{ position: static; }
    .foot .ftlink{ width: 220px; }
    .con05_2list li{ width: 33.333333%; margin:0 0 15px 0; padding:0 10px; }
    .container01{ font-size: 16px; }
    .s4PtList li a .pic{ padding-top: 66.666666%; }
    body{ padding-top: 50px; }
    
    
    .pore{ margin-top: 0; }
    }
@media( max-width: 768px){
    .wp{ width: 100%; }
    .tit001{ margin-bottom: 20px; }
    .container01{ padding:20px 0; }
    .list1w a p{ font-size: 16px; }
    .container01 .aright{ margin-top: 0; }
    .list1w .swiper-container{ margin-bottom: 0; }
    .container01 .aright .ll{ width: 100%; }
    .container01 .aright{ display: block; }
    .container01:after{ display: none; }
    .container01 .aright{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:20px; }
    .list1w .btnBox{ display: none; }
    .container01 .aright .rr{ width: 100%; margin-top: 20px; }
    .container02{ padding:30px 0; }
    .slider-right{ left: 0; top: auto; margin:0; bottom: 0; width: 100%; }
    .slider-right ul{ width: 100%; }
    .slider-right ul li{ float: left; text-align: center; width: 25%; background: #ac0000; }
    .slider-right .con .icon{ margin:0 auto; display: block; width: 100%; }
    .tit002 ul li{ margin-right: 20px; }
    .tit002 ul li .box2 img{ height: 40px; }
    .tit002 ul li .box2 h2{ font-size: 24px; }
    .tit002 ul li .box2 p{ font-size: 14px; padding-left: 0; }
    .tit002 ul li .box1{ font-size: 24px; }
    .tit002{ margin-bottom: 10px; }
    .s4PtList li{ width: 100%; margin-bottom: 20px; }
    .container04 .aright .item .pic{ width: 100%; }
    .container04 .aright .item a{ display: block; }
    .container04 .aright .item .txt{ width: 100%; }
    .container04{ padding:30px 0; }
    .con05_1 .aright .content .rr{ display: none; }
    .con05_1 .aright .content .ll{ width: 100%; }
    .list3hg a .pic{ padding-top: 70%; height: auto; }
    .con05_1 .vid a p,.list3hg a p{ font-size: 16px; }
    .con05_2list{ padding:0; }
    .con05_2list li{ width: 50%; }
    .con05_2list li a{ font-size: 15px; line-height: 40px; }
    .ftlogo{ width: 100%; height: auto; }
    .foot .ll{ width: 100%; display: block; text-align: center; }
    .ftitem i{ margin-left: auto; margin-right: auto; }
    .ftitem h2{ font-size: 18px; margin-top: 20px; }
    .foot .rr{ width: 100%; }
    .bq p a{ font-size: 14px; line-height: 25px; }
    .slider-right .con .tit{ width: 100%; line-height: 20px; height: auto; padding-bottom: 5px; }
    .slider-right .con .icon{ height: 50px; line-height: 50px; }
    .con05_1 .vid a .play{ background-size: 50px 50px; }
    body{ padding-top: 75px;}
    .bq{ padding:15px 0; }
    .foot .ft1{ padding:25px 15px; }
    .foot{ background: #b31616; }
    .ftitem{ padding:0 10px; }
    .ftitem p{ line-height: 25px; }
    .con05_1{ margin-bottom: 30px; }
    .banner .paga{ bottom: 15px; }
    .head{ height: 75px; padding-top: 25px; }
    .logo{ width: auto; margin-right: -15px; line-height: 50px; height: 50px; display: block; position: relative; z-index: 1000000; margin-left: -15px; padding-left: 15px; padding-top: 5px; }
    .logo img{ width: 200px; }
    .head .wp{ display: block; }
    .pore{ position: fixed; left: 0; z-index: 100000; right: 0; top: 0; line-height: 25px;  }
    .head .rr .top{ border-bottom: solid 1px #fff; position: relative; z-index: 10000; margin-right: 0; padding-right: 15px; }
    .head .rr .top{ height: 25px; line-height: 25px; background: #b31616;}
    .list2w .paga .swiper-scrollbar-drag{ display: none!important; }
    .container03 .tit001{ margin-bottom: 30px; }
    .container03{ background: none; }
    .bg-mask{ background: #b31616; }
    .list2w{ padding-bottom: 30px; }
    .nav ul{ padding-top: 75px; }
    .pore{ margin-top: 0; }
    .nav li{ margin:0; }
    .nav li h2 a{ padding:0 15px; }
    .t-search>div{ min-width: 290px; }
    .container01 .aright .rr a{ background: none; }
    .tit002 ul li{ position: relative; z-index: 20; }
    .tit002 ul li.active{ z-index: 10; }
    .menu-button{ top: 43px; }
    .nymain .leftNav{ width: 100%; }
    .nymain{ margin:20px 0; }
    .nymain .leftNav p{ font-size: 18px; line-height: 45px; text-align: left; padding:0 15px; position: relative; }
    .nymain .leftNav ul{ display: none; }
    .ny-right{ padding:0; width: 100%; }
    .position span,.position a{ font-size: 14px; margin-top: 5px; display: inline-block; display: none; }
    .position{ margin-bottom: 15px; }
    .art-main .art-body p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
     .art-main .art-body img {
     /*max-width: 600px !important;*/
     max-width: 100% !important; 
     width: auto;
     height: auto;
     margin: 0 auto;
 }
    .position{ height: 54px; }
    .img-lists ul li{width: 30%;}
    .head{ background: #b31616; z-index: 100000; }
    .slider-right{ display: none; }
    .system .sy-item ul>li{ width: 50%; margin:0 0 10px 0; padding:0 5px; background: none; }
    .system .sy-item ul{ margin:0 -5px; padding-top: 20px; }
    .system .sy-item ul>li a{ font-size: 15px; background: #eeeeee; }
    .system .sy-item{ margin-top: 20px; }
    .szdw-list ul>li{ width: 50%; margin:0 0 10px 0; padding:0 5px; border:none; }
    .szdw-list ul>li a{ border: 1px solid #ddd; padding:5px; }
    .szdw-list ul{ margin:0 -5px; }
    .tit001 .ll img{ height: 50px; }
    .tit001 .ll h2{ font-size: 24px; }
    .tit001 .ll p{ font-size: 15px; padding-left: 0; }
    .s4PtList li a .txt p{ font-size: 16px; }
    .s2-date{width:60px;}
    .list_box1 .s2-tx{width:calc(100% - 70px)}
    .list_box1 li a{padding:10px;}
}