@charset "utf-8";
@media screen and (max-width: 1920px) {
.syanli li figure{height: 235px}
.zizhi>ul>li figure{height: 158px;}
}

@media screen and (max-width: 1440px) {
.syanli li figure{height: 175px}
}

@media screen and (max-width: 1200px) {
.syanli li figure{height: 155px;}
}

@media screen and (max-width: 1000px) {
.main{padding-left: 10px; padding-right:10px }
.syanli{width: 100%; min-width: auto; padding: 0 10px}
.syanli li{margin-right: 1.3%}
.ababout_san li{margin-left:7%}
.footz_a li{margin-right: 4%;}
}

@media screen and (max-width: 920px) {
.syaboutsan li{padding-right:3%; margin-right: 3%}
.syanli li figure{height: 128px;}
.footz_a li{margin-right:3%;}
.ababout_san li{margin-left: 4%}
.zizhi>ul>li figure{height: 130px;}
}


@media screen and (max-width:860px) {
header{background: #fff; height:60px; line-height:0; 
	position:fixed; top: 0; left: 0; z-index: 20 }
header h1 img{ height: 50px; margin:5px 0; }
.tel{line-height: 60px; margin-right: 40px}
.nav_click{display: block; position: absolute; top:14px;right:0px; 
  background: none;border: none;outline: none;cursor: pointer;}
.nav_click span{display: block;width:25px;height:2px;margin:7px;background-color: #000;
  -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.navclose{display: block;width: 100%;text-align: right; 
	cursor: pointer; clear: both; padding: 10px 0;
    padding-right:10px; 
}
nav{display: none; position: fixed; width:100%!important; height: 100%; top:0; left: 0; 
 background: rgba(0,0,0,0.9);  z-index: 12; }
nav li { width: 100%; height:auto;}
nav>li i{display: none}
nav li:hover, nav li.on{border-bottom: 1px solid #014099; }

nav li>a{display:block;line-height:50px;width: 100%; padding-left:40px;
 text-align: left; font-size:20px; color: #fff; }
nav li .znav{background: rgba(0,0,0,0.9);  position: static; 
 width:100%;}
.znav>a{font-size: 17px}

.znav  >a{ width: 100%;padding-left:90px; color: #fff; text-align: left; }


.banner{margin-top: 60px;}
.swiper-pagination-bullet {
  width:30px!important;height:3px!important;}


.dtit{font-size: 18px; padding:15px 0}
.dtit span:before, .dtit span:after{display: none}
.dtit p{width: 100%}
.dtit i{width: 35%; height: 2px}
.dtit em{display: none}
.syaboutsan{display: none}
.syabout .zi a{width: 30%; float: right;}
.syabout figure, .syabout .zi{width: 100%}

.syyewubg{padding-bottom: 10px; margin-bottom: 10px}
.syyewu li{width:50%}
.syyewu li span{font-size: 20px}

.syanli{width: 100%; padding:0 10px;}
.syanli_t span{font-size: 28px;}
.syanli_t{font-size: 18px; line-height: 24px; padding:10px 0;}
.syanli li{width:49%;margin-right: 0.5%; margin-bottom: 10px}
.syanli li figure{height:235px;}
.syanli li p{font-size: 16px}
.allmore{width:50%; margin-left:25%}

.synews figure{width: 100%; height:400px;}
.synews .synews_y{width: 100%; margin-top:20px;}
.synews_y .demo .date{display: none}
.synews_y .demo .content span{font-size: 16px}

.syhezuo li{width: 33.3%!important}

.footz, .footy {display: none}
.copy{text-align: center; line-height: 22px}
.copy div.r{float: none}
.copy img{display: none}
.main-im{display: none}


.nban{margin-top: 60px}
.zizhitit ul>li{width: 20%; padding-left: 14px}
.ababout_ul li{height: 160px}
.ababout_ul li .mask{background-size:55px;}
.ababout_san li{font-size: 18px;}
.ababout_san li span{font-size: 16px;}
.zizhi>ul>li{width: 48%}
.zizhi>ul>li figure{height: 210px;}

.nanli_t{padding: 10px 0}
.nanli_tyou span{font-size: 28px}
.nanli_tyou{font-size:18px; line-height: 24px;}
.nanli_tlei{font-size:16px;}
.nanli_tlei span{font-size:28px;}
.anlicon h1{font-size: 20px;}
.anlicon img{ max-width: 100%; }

.newstit ul{width:75%}
.newstit_t span{font-size:28px;}
.newslist_top .synews_y .demo .content span{font-size: 18px;}
.newslist_top .synews_y .demo .content p{font-size: 14px;}
.newslist_top i{margin-top: 20px}
.newslist_xia li img{width: 30%}
.newslist_xiay{width: 67%}
.newslist_xiay i{display: none}
.art_tit h1{font-size:18px;}
.art_tit span{font-size: 14px}

.contact_z{width: 100%;padding:20px;}
.contact_z span{font-size: 16px; background: none}
.contact_zhong .contact_z{padding: 20px 0}
.contact_zhong .contact_z span{background: none}
.contact_y{width: 100%} 
.contactform{display: block; width: 48%}
.contact_hou {width: 50%}
.contact_hou span{font-size: 16px;}
.contact_hou span i{font-size: 20px;}
.contact_hou a{height: 60px; line-height: 60px;}
}



@media screen and (max-width:768px) {
.tel{display: none}
.banner{height: 120px}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1px!important }
.syyewu li{width:100%; padding: 10px; height: 300px}
.syyewu li span{margin:10px 0;}
.syanli li{margin-right:0.2%}
.syanli li figure{height: 110px}


.synews figure{height: 205px}

.syhezuozong{margin-top: 30px}
.syhezuozong .swiper-button-prev, .syhezuozong .swiper-button-next{ height: 30px }
.syhezuo li{height: 100px; line-height: 100px}

.sylianxi li{width:100%;}
.nban img{height:100px }
.zizhitit ul>li{width: 25%; font-size: 16px;}
.zizhitit ul>li a{background: none!important}
.ababout_ul li{width: 100%; margin-bottom: 20px}

.ababout_san{}
.ababout_san li{margin:0; width: 33.3%; font-size: 16px;}
.ababout_san li i{width: 100px; height: 100px; margin:0;}
.ababout_san li .li1{background: url(syabout_sanbg1.png) no-repeat -95px center}
.ababout_san li .li2{background: url(syabout_sanbg2.png) no-repeat -95px center}
.ababout_san li .li3{background: url(syabout_sanbg3.png) no-repeat -95px center}

.zizhi>ul>li figure{height: 100px;}
.zizhitit{height: 45px}
.zizhitit ul>li{height: 45px; line-height: 45px; padding-left: 0}


.nanli_tyou{display: none}
.nanli_tlei{margin-right: 2%}
.fenye{margin:20px 0; height: 30px;}
.anli_gotop{font-size: 20px; background-size:70px; padding-top: 80px}

.newstit{height: auto;}
.newstit_t{display: none}
.newstit ul>li{height: 45px; line-height: 45px; padding-left:0; }
.newstit ul{width: 100%}
.newstit ul>li a{background: none!important}
.newslist_top{padding: 10px}
.newslist_top figure{height: 170px;}
.newslist_top i{width: 40%}
.newslist_xia li img{width: 100%}
.newslist_xiay{width: 100%}
.newslist_xiay p{display: none}
.newslist_xia li{padding:0}
.newslist_xiay span{padding:10px; font-size: 16px}

.contact_zhong .contact_z{width: 100%}
.contactform{width:88%}
.contact_hou{width: 100%;margin-bottom: 20px}
}