.pcnone{display:none;}
@media screen and (min-width: 1600px) {
  .container{width: 1550px;margin: 0px auto; overflow: hidden;}
}
@media screen and (max-width: 1500px) {
.zn .li div h1 {
    font-size: 30px;
    line-height:inherit;
}
}
@media screen and (max-width: 1200px) {
.pcnone{display:inherit;}
  .container{
    width: 100%;
    margin: 0px auto;
  }
  header{height:auto; } 
  .menu-handler {display: block; }
  .search{display: none; } 
  .blank-top {height: 55px;} 
  .top{width: 30%; } 
  .top_r{width: 70%; justify-content:space-between; } 
  .top .logo{width: 100%; text-align: center; } 
  .top .logo img{max-width: 80%; max-height: 90%; height:40px; } 
  .tel{display: flex; align-items: center; width: 80%; justify-content: flex-end; } 
  .tel i{font-size: 20px; margin-left: 10px; } 
  .menu-handler{width: 20%; }
.menu{position:fixed; bottom: 0; left: 0; right: 0px; top: 55px; width: 100%; height: 100vh; background-color:#ffffff; overflow-x: hidden; overflow-y: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-overflow-scrolling: touch; z-index: 1008; -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94); -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94); -o-transition: all .5s cubic-bezier(.25, .46, .45, .94); transition: all .5s cubic-bezier(.25, .46, .45, .94); height:calc(100vh - 55px); } 
.menuOpen .menu {-moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 
.menu ul{display:block; height: auto; padding-top:35px } 
.menu ul .item{position: relative; font-size: 18px; width: 80%; height: 100%; margin-left:10%; text-align:left; display:block; line-height:2; border-bottom:1px solid #fafafa; } 
.menu ul .item2{ background:url(../images/down.png) right center no-repeat;} 
.menu ul .item2.active{ background:url(../images/down.png) right top no-repeat;} 
/*.menu ul .item2.nowl{ background:#0067ac url(../images/downw.png) 98% center no-repeat;} */
.menu ul .secNav{/*visibility:hidden;*/ transition:all 250ms ease-out 0ms; position:static; background: #ffffff; box-shadow:0px 0px 0px 0px #cccccc; width: 100%; padding: 0 0; height:0px; overflow:hidden;} 
.menu ul .secNav li{height: 33px; line-height: 33px; font-size: 16px; padding-left:15px;} 
.menu .item.active a{color:#FF0000 } 
.menu ul .secNav.active{/*visibility:visible;*/ height:auto; margin-bottom:15px;} 
.menu .item.active  .secNav a{color:#000000 } 
.menu .item:after{/*content:" ";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background-color:#ef1b25;-webkit-transition:all 250ms ease-out 0ms;transition:all 250ms ease-out 0ms;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)*/ display:none;} 
/*.menu .item:hover:after{-webkit-transform:none !important;transform:none !important; -webkit-transition:all 250ms ease-out 0ms; transition:all 250ms ease-out 0ms;opacity:1;visibility:hidden } */
/*.menu .nowl>a{color:#fff; padding-left:10px;}*/
}



@media screen and (max-width: 768px) {
  .container{width: 96%; margin: 0px auto; } 
.banner .aniss {width: 95%; position: absolute; top: 15%; left: 6%; }
.banner .aniss h1{font-size: 5vw; color: #ffffff; line-height: 2; } 
.banner .aniss p{font-size: 3vw; color: #ffffff; } 
.seemore{background: #0067ac; text-align: center; height: 25px; line-height: 25px; color: #ffffff; padding: 0 15px; display: inline-block; margin-top: 15px; } 
.seemore a{color: #ffffff; position: relative; font-size: 12px; display: flex; align-items: center; } 
.seemore  i{border-bottom: 1px solid #ffffff; width: 10px; display:block; height: 1px; margin-left: 5px; } 
.mores{background: #dc253b; text-align: center; height: 33px; color: #ffffff; padding: 0 25px; display: inline-block; margin-top: 45px; } 
.mores a{color: #ffffff; position: relative; font-size: 12px; display: flex; align-items: center; display: flex; height: 100%; } 
.mores  i{border-bottom: 1px solid #ffffff; width: 10px; display:block; height: 1px; margin-left: 5px; } 
.mores:hover{opacity: 0.8; } 
.more3{text-align: center; margin-top: 25px; } 
.more3 a:hover{opacity: 0.8; }

.banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius:8px; transition:all linear .2s; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,.8); width:16px;}

.tit{text-align: center; margin-top: 15px; padding: 0 5px; } 
.tit h1{font-size: 25px; line-height: 2; } 
.tit p{font-size: 14px; line-height: 25px; font-family: pingfang; color: #6a6a6a; padding: 0.5%;} 
.zn{flex-wrap: wrap; } 
.zn dl{width: 100%; } 
.zn .li div h1{font-size: 30px; line-height: 2; } 
.zn .li div p{display: none;} 
.zn .li div a{font-family: pingfang; border-radius: 35px; padding: 3px 10px; margin-top: 9px; font-size: .4rem; } 

.fangan h2 {color: #ffffff; font-size: 22px; line-height: 2; }
.fangan p{font-size: .8rem; line-height: 2; } 
.fangan a{font-size: 14px; } 
#yxzl  .swiper-wrapper a{width: 100%; font-size: 20px; } 
#yxzl .swiper-wrapper a img{width: 50%; } 

.indvd {position: relative; margin-top: 30px; }
.indvd-click{width: 30px;height: 30px;} 
.Video-Plyr-play{position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; } 

#swiper3 {margin-top: 15px; }
#swiper3 .swiper-slide img.bg{width:auto; height: 400px; } 
.news h1{font-size: 20px; line-height: 3; } 
.news .swiper {height: 150%; } 
.news .swiper-wrapper{display: flex; height: 100%; } 
.news .swiper-wrapper .swiper-slide dl{width: 100%; } 
.news .swiper-wrapper .swiper-slide{width: 100%; display: flex; height: 90%; } 
.news dl dt{font-size: .7rem; } .news h1{font-size: 20px; line-height: 3; } 
.news h5{margin: 0px 0; } 
.news h5 a{color: #3e3e3e; font-size: .9rem; line-height: 1.3; } 
.jtr{position: absolute; right: 0px; bottom:-29px; width: 30px; } 
.link .swiper-wrapper {display: flex; flex-wrap: wrap; } 
.link .swiper-wrapper .swiper-slide {width: 33.33%; text-align: left; display: flex; justify-content: flex-start; } 
.link .swiper-wrapper .swiper-slide img{width: 100%; } footer{width: 100%; } 
.foot-l{display: none; } .foot-r{width: 100%; } 
.share{margin-top: 15px; padding-bottom: 15px; } 
.share img{margin:auto;}
.share a:nth-child(1) img{left: 25%; margin-left: -25px; } 
.contact {width: 90%; margin-left: 5%; text-align:center;} 
.contact .address{margin-top: 15px; margin-bottom: 15px; } 
.contact p{ width:155px; text-align:left; margin:auto;}
.copyright{line-height: 1.5; width: 90%; padding: 10px 0; margin-left: 5%; text-align:center;} 
.Video-Plyr-close1 {top: -35px; right: 0; background-color: black; } 
.news {position: relative; width: 93%; margin-left: 3%; padding-top: 5px; }
.newsbg{background-size:40% auto;margin-top: 20px; padding-bottom: 25px; }



}
@media screen and (max-width: 448px) {
.page-pre, .page-next{display:none;}
}
.search-m{ width:80%; margin:auto; border: 1px solid #eee; margin-top:25px;}
.msearch{display:flex;}
.msearch input{ display:block; height:40px; line-height:40px; padding:0 10px; width:100%;}
.msearch button{width:60px; text-align:center;}