@media screen and (min-width: 1024px) and (max-width: 1170px) {}
@media screen and (min-width: 960px) and (max-width: 1023px) {}
@media screen and (min-width: 840px) and (max-width: 959px) {}
@media screen and (max-width: 839px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 700px) {}
@media screen and (max-width: 480px) {}
@media screen and (min-width: 767px) {
    
    body{ min-width:1440px;}
   
}


@media screen and (max-width: 767px) {
	
.warp{ width:100%; }


.mob8 dl dd{ width:calc( 100% - 140px ); margin:10px;}



.ad{ width:100%; margin:10px 0;}	
.ad img{ max-width:100%;}
.rightbar{ display:none;}
.home1,.home2,.home3,.home4{ overflow:hidden;}
.header-top .fr{display:none;}
.header-top{text-align:center;}
.logo{ margin:0 auto; display:block; width:50%; max-width:100%; }
.banner{ height:230px;}
.banner .ffr{ display:none;}
.hnav{ display:none;}
.swiper-container{ height:230px;}
h2.ffl{ font-size:30px; width:100%; text-align:center;  position:relative; margin:0;padding:0!important; margin-top:-200px;}
p.ffl{ font-size:16px;  position:relative; text-align:center; margin:0 auto; width:80%; margin:0; margin-left:calc(15% - 30px );padding-top:0!important; margin-top:-320px;}
.search-bg{ padding:10px 0;}
.search-bg form{ width:calc(100% - 10px); padding:0 5px;}
.nav{ height:33px;}
.nav p{ height:33px; line-height:33px;}
.search-bg input.text{ height:33px; line-height:33px;}
.search-bg .submit{ height:33px; line-height:33px;}
.search-bg{ height:33px;}
.bigtitle.mh{ display:none;}
.home3 .bigtitle{ text-align:left; font-size:18px; padding-left:10px;}
.titbar{ padding-left:10px;}
.home1 { overflow:hidden;}
.home1 .ww .fl{ display:none; border:0;}
.home1 .fr .itme{ float:none; width:100%; padding:10px 0; position:relative; height:auto;}
.home1 .fr{ width:100%; }
.home1 .fr .itme h2, .home1 .fr .itme p, .home1 .fr .itme h3{ width:calc(100% - 20px);}
.home1 .fr .itme h3{ position:absolute; right:20px; bottom:20px;}
.titbar .fr{ display:none;}
.home2 .tab{ width:100%; float:none;}
.home2 .tab li img{ display:none;}
.home2 .tab li { width:calc(20% - 1px ); padding:0; display:block; padding:10px 0; border-right:1px solid #3385c3;border-bottom:1px solid #3385c3; font-size:14px;}
.tab_com{ width:100%; float:none;}
.tab_com .itme{ width:calc(50% - 1px);}
.tab_com .itme{ height:auto; border-top:0!important;}
.tab_com .itme{ padding:0; padding-bottom:20px;}
.home2{ margin-bottom:10px;}
.home1 .bigtitle, .home3 .bigtitle{ padding:10px 0; padding-left:10px;}
.home3 ul li{ width:50%;}
.menu{ display:block; position:absolute; right:5px; top:-2px;}
.banner { position:relative; width:100%;}
.banner .hnav{ position:absolute; left:calc( 100% - 200px ); top:-40px; display:block; width:200px; z-index:9999999999; background:#e6e6e6; padding:10px 0; display:none;}
.hnav>div>ul>li{ height:auto; float:none; text-align:center; border-bottom: 1px solid #b8b8b8; margin:0 10px; width:auto; text-indent:20px; text-align:left;}
.hnav>div>ul>li a{color:#161616; font-size:16px; line-height:36px;}
.hnav>div>ul>li>ul{ display:block; position:static; background:none;}
.hnav>div>ul>li>ul li{ border-bottom:0; text-indent:40px; background:url(../img/jj.png) no-repeat 30px center;}
.hnav>div>ul>li a img{}
.mask{ width:100%; height:100%; background:rgb(0,0,0,.4); position:fixed; left:0; top:0; z-index:999999999; display:none;}
.hnav>div>ul>li a img.j{ display:none;}
.footer{ display:none;}
.bottom{ display:none;}
.home4 .item{ width:100%; float:none;box-shadow: 0px 0px 0px #fff; margin:0; padding:0; display:none;  }
.home4 .item.on{ display:block;}
.home4 .item img{ display:none;}
.home4 .mh{ display:none;}
.titbar .rtab.on{ color:#f00;}
.titbar.ph{ display:block;}
#m2{ display:block; margin-right:10px; font-size:14px;}

.mfooter{ display:block; background:#e2e2e2; padding:10px 0; text-align:center; font-size:14px; color:#5b5a5a; margin-bottom:80px;}
.mfooter p{ margin-bottom:10px;}
.but{ display:block;}
.mbar{ position:fixed; right:0; bottom:13%; width:44px; display:block;}
.mbar a{ display:block; padding-bottom:10px;}
.fllist ul li{ width:33%;}
.fenlei.warp{ width:calc( 100% - 20px ); padding-left:10px; padding-right:10px;}
.fllist ul{ height:29px;}
.sbjycom .top .img{ width:100%; float:none;}
.sbjycom .top .img img{ width:100%;}
.sbjycom .top .txt{ width:100%; float:none; margin-left:0;}
.sbjycom .top .txt p{ text-align:center;}
.xglist ul li{ width:49%; margin-bottom:20px;}

.fukuanba{background: #cfd8e7 url(../img/kefu-shouji.jpg) no-repeat; width: auto; height: 165px;}
.fukuanba .h2{font-size: 26px; padding-left: 0; text-align:center;}
.spbian{padding:20px 25px 30px 25px;}

.home5ul li{ width:calc( 50% - 17px ); }
.ww{ box-shadow:none;}

.newsfenmian .item{ width:calc( 100% - 10px ); }

.sbjylm .item{ width:calc(100% - 20px); margin-right:0;}
.sbjylm .item a.l{ width:140px; height:160px; display:inline-block;}
.sbjylm .item dl{ width: calc( 100% - 160px );}
.sbjylm .item dl dd{ margin:2px 0; line-height:120%;}
.sbjylm .item dl dd b{width:40px;}
.sbjylm .item dl dd span{    width: calc( 100% - 60px );}

.news-com .left-menu{ float:none; width:100%;}
.news-com .left-menu .item{ width:auto;}
.news-com .right-main{ width:calc( 100% - 20px ); padding:10px; margin-left:0;}
.fllist { position:relative;}
.fllist ul{ border-bottom:0;}

.fllist a.listmore{ width:40px; height:33px; background:url(../img/bb.png) no-repeat; position:absolute; right:-10px; top:-5px; font-size:0; border:0; left:auto;}
.fllist a.listmore img{ display:none;}
.lxwm { padding:10px 10px; background:#fff; }
.lxwm .warp .left{ float:none; width:100%; margin:20px 0;}
.lxwm .warp .right{ float:none; width:calc( 100% - 40px ); margin:20px 0;}
.lxwm .warp{ padding:0;}
.tip h2{ font-size:14px;}


#home2head .banner{ height:auto;}
#home2head .swiper-container{ height:auto;}
#home2head .banner .hnav{ top:-60px;}

#home2 a.menu{ width:auto; margin-right: 0; margin-top: 5px;}

.mob1 .box .item{ width:90%; margin-right:0; margin:0 5%; margin-bottom:15px;}
.mob2 .box .item{ width:90%; margin:0 5%; margin-bottom:15px; background-size:contain; border-radius:10px;}

.mob3 .item{ width:90%; padding:0 5%; }
.mob3 .item:nth-child(2){ padding-left:0; width:90%;padding:0 5%; }
.mob3 .item:nth-child(4){ padding-right:0; width:90%;padding:0 5%;}

.mob3 .item:nth-child(1),.mob3 .item:nth-child(3){ margin-bottom: 10px; margin-top: 10px; }

.mob3 .item p a{ width:calc( 33.33% - 10px ); margin-right:5px; margin-bottom:10px;}
.mob3 .item p a:nth-child(3n){ margin-right:0; }
.mob4 .box { width:90%; margin:0 5%;}
.mob4 .box .item{ width:100%; margin-right:0;}
.mob4 .box .item a span{ padding-top:30%;}
.mob5 .box{ width:100%; overflow:hidden; }
.mob5 .swiper-slide{ width: 100%;}
.mob5 .swiper-container2{ height:auto;}
.mob6{  }
.mob6 dl dd{ position:static; margin:0 auto; margin-bottom:10px; display:block; min-width:50%; width:80%;}
.mob6 a.more{ margin-top:60px;}
.mob6 dl dd img{ margin-left:0; margin-right:0;}
.mob6 h2{ font-size:22px;}

.footer2 .warp .f-item{ width:calc( 100% - 50px ); margin-bottom:20px;}
.footer2 .warp .f-item .text{width: calc( 100% - 2px);}
.footer2 .warp .f-item .textarea{width: calc( 100% - 2px);}
.footer2 .warp .f-item .submit{width: calc( 100% - 2px);}

.footer2 .warp .f-item p a>img{ text-align:center; display:inline-block; }
.mob5 .swiper-button-next, .mob5 .swiper-container-rtl .swiper-button-prev {

    right: 15px;
}


.foot-menu{ display:block; position: fixed; left:0; bottom:0; border-top:1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #fff; height: 52px; line-height: 52px; width:100%; z-index: 2147483648;}
	.foot-menu ul{ padding:0;}
	.foot-menu ul>li{ display: inline-block; position:relative;   float:left; width:25%; text-align: center;z-index: 2147483648;}
	.foot-menu ul>li.on{ background:#06b7c1;}
	.foot-menu ul>li a{ color:#333;}
	.foot-menu ul>li.on a{ color:#fff;}
	
	.foot-menu ul>li>ol{ position:absolute;left:-20px; bottom:50px;    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 5%);
    background-color: #fbfbfb;margin: 0;display: none; z-index: 8888888;
    padding: 0;}
	.foot-menu ul>li:nth-child(2)>ol{ width:140px;  padding:10px 10px; }
	.foot-menu ul>li>ol li{ line-height:34px; height:34px; border-bottom:1px solid #dbdee4;}
	.foot-menu ul>li:nth-child(3)>ol{ width:250px;  padding:10px 10px;  left: -80px; text-align:left; }
	.foot-menu ul>li:nth-child(4)>ol{ width:100px;  padding:10px 10px;  left:0; right:10px; }
	
	.foot-menu ul>li.active>ol{ display:block;}

.news-com .sbjylm.warp{ float:none; width:100%; margin-left: 0;}

.mob6 dl dt.pchiden{ display:block;}
.mob6 dl dt.waphiden{ display:none;}
.mob3 .item:nth-child(5){ width: 90%;
    padding: 20px 5% 0 5%;}

.mob3 .item>img{ max-width:100%;}

.mob1 .box .item a{ background:url(../img/home/t2.png) no-repeat ; color:#fff; background-size:cover;}


.mob3 .item h3 a.btn{ position:static; margin-top:10px;}
.mob3 .item p,
.mob3 .item ul li{ font-size:16px;}
.mob3 .item ul li{ width:100%;}



.pcshow{ display:none!important;}
.wapshow{ display:block!important;}


.left-menu{ display:none;}

.sbjylm .item dl dd span.bh{ height:5.5rem; overflow:hidden;}

.foot-menu ul>li.active>ol img{ display:inline-block;}

.sjal ul li{ padding:0 20px;}
.sjal ul li a{ width:calc( 100% - 2px ); display:block; margin-bottom:20px; }
.banner .main-wrap{ display:none;}

}