.p_menu{display:none}

.banners{width:100%;}.banners .swiper-slide img{width:100%;}
.banners .swiper-pagination{bottom:20px;}
.banners .swiper-pagination-bullet{ width:11px; height:11px; opacity:1; background:#dbdbdb; border-radius:50%}
.banners .swiper-pagination-bullet-active{ background:#3e8c97;}

.imghd .swiper-slide a{display:block;width:100%; height:314px;position: relative;}
.imghd .swiper-slide a .pic{width:100%; height:100%;position: relative;      overflow: hidden;}
.imghd .swiper-slide a .pic img{width:100%; height:100%;object-fit: cover; position: absolute;}
.imghd .swiper-slide a h1{    position: absolute;z-index:1;width:100%;bottom:0;left:0;background:rgba(0,0,0,.5);line-height:36px;font-size:14px;color:#fff;    box-sizing: border-box;     padding: 0 163px 0 4%;}
.imghd .swiper-pagination{left:auto;right:2%;width:auto;    bottom: 8px;}
.imghd .swiper-pagination-bullet{    width: 18px;  height: 18px; border: 1px solid #dedede;  line-height: 18px;    border-radius: inherit; background:rgba(255,255,255,.6);opacity:1;  font-size:12px;    margin: 0 2px!important;  color: #333;}
.imghd .swiper-pagination-bullet-active{border-color: #E63003; color: #fff; background: #F66E08;}

.hdyd_c .swiper-slide .pic{width:100%;height:158px;border: #CFCFCF solid 1px;  padding: 1px;position: relative;      overflow: hidden; margin-bottom:5px}
.hdyd_c .swiper-slide img{width:100%; height:100%;object-fit: cover; }
.hdyd_c .swiper-slide h1{font-size:14px;    font-weight: normal;}

.bottom_txt span{padding:0 10px}


@media (max-width: 1200px) {
.header,#nav,.jidi ul,#wrap{width:96%}
.logo{width:calc(100% - 425px);height:104px}
.logo a{display: flex;height: 100%; align-items: center;}
.logo img{max-width:100%;}
#nav ul{    display: flex; justify-content: space-between;}
#nav ul li a{width: 100%;}
#nav ul li{width: 100%;}
.jidi ul li{    width: 15%;}
.jidi ul li .pic{    height: 80px;}
.jidi ul li .pic img{    max-width: 40%;}
.box1,.wailian,.box2,.box3{width: 100%;height:auto}
.imghd{width:50%;}
.lanmu{width:47%;float:right;        height: auto;}
.home-news .ul li a,.home-news .ul li p{    width: calc(100% - 80px); float: right;}
.imghd .swiper-slide a h1{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.xiazai{width:49%;height:auto}
.hdyd_nav,.hdyd_c,.yqlj{width: 100%;}
.yqlj_txt a{    margin: 0 25px;}

#right{width: calc(100% - 280px);}
.right_nav h1,.dqweizhi{width:auto}
.right_ty,#content,.shadow{width: 100%;}
.new_txt p img{height:auto}
#content p img{max-width:100%}


}

@media (max-width: 1150px) and (min-width: 801px) {
.snav {
    width: 150%!important;
    left: -25%!important;
}
}









@media (max-width: 800px) {
.time{display:none}
#menu{width: auto; background:none;  height:auto; margin:auto;}
#nav{display:none}
.logo{width: 300px; height: auto; margin-top: 9px;}
.header{height:auto}
#header{    height: 70px;padding:0}
.banners{height:280px}
.banners .swiper-slide{overflow: hidden;}
.banners .swiper-slide img{width:100%; height:100%;    object-fit: cover; position: absolute;}

.phoneopen{overflow:hidden}
.p_menu{width:30px; height:30px; overflow:hidden; position:absolute;z-index: 99;top: 19px;right: 3%; display:block}
.p_menu .line-1,.p_menu .line-2,.p_menu .line-3{position:absolute;top:50%;display:block;right:0;width:30px;height:2px;background:#fff;-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;-o-transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;-webkit-transition-property:width,margin,background-color,-webkit-transform;transition-property:width,margin,background-color,-webkit-transform;-o-transition-property:width,margin,background-color,-o-transform;-o-transition-property:transform,width,margin,background-color;transition-property:transform,width,margin,background-color;transition-property:transform,width,margin,background-color,-webkit-transform}
.p_menu .line-1{margin-top:-9px;width:26px}
.p_menu .line-3{margin-top:9px;width:26px}
.phoneopen .p_menu .line-1{visibility:hidden}
.phoneopen .p_menu .line-2{margin-top:0!important;width:28px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.phoneopen .p_menu .line-3{margin-top:0!important;width:28px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.jidi ul{    flex-wrap: wrap;}
.jidi ul li{width: 27%;  margin-bottom: 20px;}
.jidi{    padding: 30px 0 10px;}
.jidi ul li .pic{        height: 70px;}

.imghd,.lanmu,.xiazai{width:100%;float:none;margin:0}
.imghd .swiper-slide a{    height: 250px;}
.wailian{display:none}
.xiazai_ul li{width:auto}
.yqlj_txt a{min-width:auto;    padding: 0 1%;margin: 0 2%;}
.bottom_txt{width:100%;}
.bottom_txt span{display:block;  clear: both; text-align: center;}
#bottom{height:auto;        padding: 15px 0;}


#nav{position:absolute;top:70px;left:0;right:0;bottom:0;background:#3e8c97; margin-right:0 !important;z-index:98;padding-bottom:30px;overflow-y: auto;overflow-x: hidden; box-sizing:border-box; width:100% !important; display:none;    height: 100vh;}
#nav ul{display:block !important}nav ul li{width:100%;     border-bottom: 1px solid rgba(0, 0, 0, .1); height:auto; padding:0}
#nav ul li{background:none;        border-bottom: 1px solid #5598a1;}
#nav ul li a{font-size:16px; font-weight:normal; color:#fff; text-align:left; line-height:48px;    width: 40%!important; padding-left:18px}
#nav ul li.x{background:url(../images/nav_x.png) 97% 17px no-repeat}
#nav ul li dl{ position:relative;width:100%; height:auto; text-align:left; padding:0;    background: #c6e4e8; box-sizing:border-box; border:0; left:auto;box-shadow:0 0 0 #FFF; top:auto}header nav ul li dl dd a,nav ul li dl dd a:hover{padding:0 30px; color:#fff; line-height:38px;font-size:15px; text-align:left; background:none;    width: 100%; }
#nav ul li dl dd{display:block; width:auto; background:none}
#nav ul li dl dd a{background:none;        width: 100% !important;
        box-sizing: border-box;
        border-bottom: 1px solid #3e8c97;
        padding: 0;
        text-align: center;}
#nav li.x.current{background: url(../images/nav_x_on.png) 97% 20px no-repeat}
#nav ul li.current>a{ background:none}


#left{display:none;}#right{width:100%;float:none}
}